UI Lab

WorkspaceShell

Composable three-zone layout — left nav, center canvas, optional right inspector.

Layout & shell · fixture-only

Agent chat workspace

WorkspaceShell with NavRail left, transcript center, AgentInspector right.

Workshop: /chat — must match UI Lab fixture pane widths and collapse behavior.

Fixture data only — behaviour matches production chrome

Workflow run canvas

Center pane shows graph or step output; right pane shows run metadata.

Workshop: /workflows/[id]/runs/[runId] — same shell contract as chat.

Fixture data only — behaviour matches production chrome

Interactive demo

Toggle left and right panes to inspect collapse behavior — matches /chat and workflow run surfaces.

Center pane — transcript, canvas, or editor