UI Lab

Chat workspace

Workshop /chat integration — full-bleed WorkspaceShell with agent transcript and composer compounds.

Workshop patterns · fixture-only

Full-bleed shell contract

FullBleedSurface signals AppShell to strip gutters; WorkspaceShell owns left rail, center transcript, and right inspector.

Workshop: /chat — AppShell + FullBleedSurface at route root; compounds from agent + shell references.
Avoid: Wrapping the entire gallery page in FullBleedSurface — scope bleed demos inside GalleryDemoBlock only.

Fixture data only — behaviour matches production chrome

Static fixture transcript

Gallery uses completed tool steps and read-only composer — no live streaming or API loops.

Workshop: Workshop adds streaming ToolStepRow states and real thread data on the same layout.

Fixture data only — behaviour matches production chrome

Compound ownership

Transcript, tool steps, and composer are separate reference pages — this pattern shows how Workshop assembles them.

Workshop: /reference/shell/workspace, /reference/agent/transcript, /reference/agent/composer.

Fixture data only — behaviour matches production chrome

Quick preview

Full-bleed agent workspace — WorkspaceShell zones, transcript, tool steps, and composer. FullBleedSurface is scoped to this demo only.

Find enterprise customers over $500K ARR.
840ms

12 results

420ms

8 enriched

1.2s

task-42

Found 8 matches. Top: Acme Corp.
/objects/Customer

⇧ Enter for newline · Enter to send

Workshop mapping

Integration pattern for /chat — compare compounds on reference pages before changing Workshop wiring.

WorkspaceShell

Three-zone collapsible layout — left rail, center transcript, right inspector

Transcript + tool steps

ToolGroup and ToolStepRow for agent turn audit trails

ComposerBar

Fixed composer with ContextChipStrip — not a page-level primitive