Host · Chat

채팅 화면 구성

App.tsx 가 마운트하는 메인 화면은 CustomTitleBar + MainToolbar + ChatView. ChatView 본문 옆에 MessageQueuePanel · SessionTodoPanel 이 항상 떠 있고, useChatContext() 가 세션/큐/TODO state를 함께 관리합니다.

App.tsx:1249-1290

ChatView.tsx:222

MessageQueuePanel + SessionTodoPanel

① CustomTitleBar + MainToolbar

창 컨트롤 + 세션/플러그인/권한 toolbar. App.tsx:33에서 import.

② ChatView 본문

대화 + 도구 카드 + thinking + 질문 카드. ChatView.tsx:222.

③ Queue + TODO 패널

외부 신호 큐 + 세션 TODO. ChatView.tsx:1416-1417.

실제 화면

사이드 패널들

PluginGridButton.tsx — 플러그인 진입 버튼 그리드 (host UI plugin manifest의 ui[] 슬롯이 여기에 결합).
RoutinePanel.tsx — RoutineEngineV2 의 등록 루틴 목록 + on/off.
PermissionReviewStatusCard.tsx — Reviewer 모드/상태 카드.

설정 화면 — 별도 sidebar

SettingsContent 화면은 자체 Sidebar 컬럼이 있습니다 (SettingsContent.tsx:214). 채팅 메인은 single-column + toolbar + panels 구성이라 사이드바가 별도 존재하지 않습니다.