UI Lab

Agent & chat

S9–S11 agent compounds — transcript richness, HITL confirmations, inspector panels, and composer depth.

Agent & chat · fixture-only

Transcript + composer stack

StreamingMessage, ToolStepRow, and ComposerBar compose the chat center column — never bespoke message chrome.

Workshop: /chat AgentWorkspaceShell wires these compounds; fix library here first.

Fixture data only — behaviour matches production chrome

Inspector rail

AgentInspectorPanel tabs surface timeline, artifacts, and pending approvals without leaving the thread.

Workshop: Right sidebar in chat workspace — same panel compounds as this gallery.
Avoid: Inline approval modals that hide thread context.

Fixture data only — behaviour matches production chrome

Agent compounds

S9–S11 fixtures — open each page for interactive demos and Workshop mapping notes.

TranscriptAgent

StreamingMessage, tool steps, proof lines.

Open fixture
ComposerAgent

ComposerBar + context chips.

Open fixture
Chain of thoughtAgent

Reasoning header, step timeline, search chips.

Open fixture
ConfirmationsAgent

HITL approval request, accepted, rejected.

Open fixture
ArtifactsAgent

Inline file/code preview with header actions.

Open fixture
Thread list rowAgent

Linear-style thread preview for rails.

Open fixture
InspectorAgent

Timeline, artifacts, and approvals panels.

Open fixture
Message actionsAgent

Action bars, bubbles, turn separators.

Open fixture
Composer depthAgent

Attachment strip, model picker, stop button.

Open fixture