| # | 영역 | 필드 | 타입 | 옵션 값 / 제약사항 | 입력 예시 |
|---|---|---|---|---|---|
| 전역 헤더 — 스튜디오·공개 영역 공통 | |||||
| 1 | 헤더 | 계정 모드 전환 | segmented button | §00 계정 모델(v2.11). 로그인 중이면 모든 화면 상단에 항상 노출 — 기존에는 이 규칙이 스펙에만 있고 계정설정 화면에서만 그려져 있었음 | "크리에이터" |
| 1 | 헤더 | 🔴 LIVE 배지 | indicator + link | 연결 채널 중 하나라도 creator_channels.is_live=true면 점등하고 플랫폼명을 병기. 클릭 시 리모컨으로 이동.이 상태값이 저장 확인·삭제 확인의 강도를 결정한다(§00 저장 원칙·파괴적 액션 위험도) — 단순 표시가 아니라 판정 기준 | "LIVE · SOOP" / "오프라인" |
| 1 | 헤더 | 🔔 알림 / 프로필 | badge + menu | 미읽음 수는 COUNT(notifications WHERE read_at IS NULL). 클릭 시 알림 센터 | 7 |
| 사이드바 — 21개 메뉴 · 5그룹 | |||||
| 2 | 사이드바 | 메뉴 트리 | nav × 21 | 운영 대시보드·리모컨·후원내역 / 위젯 위젯 라이브러리(허브)·채팅창·아바타채팅·후원알림·시그니처·룰렛·후원목표·후원자막·전광판·시그니처 빙고판 / 소통 프라이빗채팅·배틀 / 수익 정산등록·정산신청·소속사 / 설정 칭호·계정설정·보안 v2.31 정정 — 기존 대시보드 사이드바 8개에는 신규 화면 11개가 빠져 있었고, v2.10에서 /me로 이관한 「인벤토리·랭킹」이 남아 있었음 v2.63 정정 — “오버레이” 그룹을 “위젯”으로 개편. 위젯 라이브러리는 항상 맨 위에 고정된 그룹 진입점(허브)이고, 그 아래는 크리에이터가 라이브러리에서 실제로 추가한 위젯 인스턴스( widget_instances 행 기준, 동적)다 — 신규 계정은 허브만 있는 상태로 시작하며, 온보딩에서 채팅창을 먼저 추가하도록 유도한다(states.html §온보딩 참고)v2.65 정정(제품 결정 1, 2026-09-17) — 3차 재감사에서 실제 구현이 22개(19 + “홈” 1 + 이후 추가된 위젯 인스턴스 “전광판”·“시그니처 빙고판” 2)로 이 표와 어긋난 것(DASH-01)이 드러났다. “스튜디오 홈” 화면은 대시보드와 중복이라는 제품 결정에 따라 삭제되어 “홈” 메뉴 항목도 함께 제거됐고, 전광판·시그니처 빙고판은 실제로 추가된 위젯 인스턴스이므로(위 “동적” 규칙) 기준 목록에 반영했다 — 21개가 새 기준이다 | — |
| 2 | 사이드바 | 리모컨 상시 강조 ★ | nav(강조 스타일) | 방송사고 대응 진입점이라 다른 메뉴와 다르게 표시한다. 사고가 났을 때 “끄는 화면”을 찾아 헤매는 시간을 없애는 것이 목적 — 어느 스튜디오 화면에서든 한 클릭 | — |
| 2 | 사이드바 | 현재 위치 | active 상태 | 테두리 + 배경 + 굵게. 색상만으로 구분하지 않는다(접근성) | "채팅창" |
| 콘텐츠 영역 — 다른 30종 와이어프레임이 들어가는 자리 | |||||
| 3 | 콘텐츠 | 화면 슬롯 | — | 셸은 이 파일에서만 정의하고 나머지 스튜디오 와이어프레임은 이 영역만 그린다. 각 화면에 사이드바를 중복해 그리면 메뉴가 늘어날 때마다 30곳을 고쳐야 하므로 의도적으로 분리했다 | — |
| 저장 바 — §00 「설정 저장·송출 반영 원칙」 | |||||
| 4 | 저장 바 | 변경 건수 / 변경 목록 | readonly + 펼침 | 변경 0건이면 저장 바 자체가 나타나지 않는다. 펼치면 필드명과 이전값 → 새값을 나열 — 방송 중에 무엇이 바뀌는지 모른 채 저장하는 것을 막기 위함 | "변경 3건" |
| 4 | 저장 바 | LIVE 경고 문구 | 조건부 readonly | 헤더 LIVE 배지가 점등된 동안에만 "저장하면 시청자 화면에 즉시 반영됩니다"를 저장 바에 노출하고 상단 테두리를 경고색으로 | — |
| 4 | 저장 바 | 되돌리기 / 저장 | button × 2 | 되돌리기는 마지막 저장 시점으로 일괄 복원(개별 취소 아님). 저장을 눌러야 DB와 송출에 반영 — 그 전까지는 미리보기만 바뀐다 | — |
| — | 저장 바 | 임시 보관 | 시스템 동작 | 편집 중 값은 브라우저 로컬에 임시 보관해 새로고침·크래시 시 복구한다. 서버 반영이 아니므로 송출에는 영향이 없다 — 자동저장과 혼동하지 말 것 | — |
| 방송 중 저장 확인 / 미저장 이탈 | |||||
| 6 | 저장 확인 | LIVE 확인 다이얼로그 | modal | LIVE 상태에서 [저장] 클릭 시 1회 노출. "이번 방송에서 다시 묻지 않기" 체크는 해당 방송 세션에만 유효하며 방송 종료 시 초기화 — 다음 방송에서 다시 묻는다 | — |
| 7 | 이탈 경고 | 3버튼 다이얼로그 | modal | 메뉴 이동·브라우저 이탈 시. "저장하지 않아도 송출에는 영향이 없습니다"를 함께 안내해, 불안해서 일단 저장하는 행동(= 의도치 않은 송출 변경)을 줄인다 | — |
| 권한·구독에 따른 메뉴 변형 | |||||
| 8 | 메뉴 변형 | 숨김 vs 잠금 | 조건부 렌더 | 숨김 — 영영 해당 없는 메뉴는 렌더링하지 않는다(소속 계정의 정산, 매니저 권한 밖 항목). 클릭 경로가 없으니 권한 없음 화면도 뜨지 않는다. 잠금(🔒) — 구독하면 열리는 메뉴는 흐리게 두되 숨기지 않는다. 존재를 알아야 전환으로 이어지고, 클릭하면 구독 안내로 간다 | 정산 숨김 / 빙고판 🔒 |