Host · Chat

Chat Screen Layout

The main screen mounted by App.tsx is CustomTitleBar + MainToolbar + ChatView. MessageQueuePanel · SessionTodoPanel always float beside the ChatView body, and useChatContext() manages session/queue/TODO state together.

App.tsx:1249-1290

ChatView.tsx:222

MessageQueuePanel + SessionTodoPanel

① CustomTitleBar + MainToolbar

Window controls + session/plugin/permission toolbar. Imported in App.tsx:33.

② ChatView body

Conversation + tool cards + thinking + question cards. ChatView.tsx:222.

③ Queue + TODO panels

External signal queue + session TODOs. ChatView.tsx:1416-1417.

The actual screen

Message queue and TODO list floating above the chat body

LLM tool execution plus streaming thinking tokens

Side panels

PluginGridButton.tsx — grid of plugin entry buttons (the host UI plugin manifest's ui[] slots attach here).
RoutinePanel.tsx — RoutineEngineV2's list of registered routines + on/off toggles.
PermissionReviewStatusCard.tsx — reviewer mode/status card.

Settings screen — a separate sidebar

The SettingsContent screen has its own Sidebar column (SettingsContent.tsx:214). The main chat is a single-column + toolbar + panels layout, so there is no separate sidebar there.

App Updates

Message Queue & TODO