Layout & shell
HQ apps use a three-pane model: collapsible left nav, center canvas, optional right inspector.
Layout & shell · fixture-only
Full-bleed chat and runs
Use FullBleedWorkspace inside AppShell for /chat and workflow run surfaces — no page gutters.
Workshop: AgentWorkspaceShell, WorkflowRunShell — center pane owns scroll.
Avoid: Nesting WorkspaceShell inside padded page content — double gutters.
Fixture data only — behaviour matches production chrome
Collapsible inspector
Right pane holds timeline, artifacts, and approvals — toggle closed on narrow viewports.
Workshop: /chat inspector tabs, object detail side panels.
Fixture data only — behaviour matches production chrome
Quick preview
Three-pane workspace — collapsible left nav, center canvas, optional right inspector.
Center pane — transcript, canvas, or editor