Overview of AG-UI Examples
mainThe AG-UI examples demonstrate CAO's integration with the AG-UI streaming surface, which exposes multi-agent fleet observability to AG-UI clients.
| Directory | Description | Requires |
|---|---|---|
ag-ui-supervisor-dashboard/ | L2 SupervisorDashboardStream construct — folds STATE_SNAPSHOT/DELTA into a live fleet hierarchy | uv run |
ag-ui-session-timeline/ | L2 MultiAgentSessionTimeline construct — reconstructs delegation + message timeline from TOOL_CALL lifecycle | uv run |
ag-ui-handoff-approval/ | L2 AgentHandoffWithApproval construct — full interrupt lifecycle (prompt → classify → interrupt → approve/deny/edit → delivery) | uv run |
ag-ui-cross-provider-sync/ | L2 CrossProviderStateSync construct — convergence proof across kiro_cli / claude_code / codex | uv run |
ag-ui-stock-client-live/ | AC3 verification — stock @ag-ui/client HttpAgent renders live frames from POST /agui/v1/run with zero CAO-specific code | Node.js |
ag-ui-meta-dogfood/ | Real supervisor→developer→reviewer cross-provider fleet captured on the live AG-UI stream | uv run + cao-server |
ag-ui-dashboard/ | L1 showcase — drives all 6 emit_ui components live and demonstrates off-list refusal | uv run |
ag-ui-eventsource-viewer/ | Browser-based SSE viewer for GET /agui/v1/stream — raw frame inspector | Browser |
ag-ui-construct-demos/ | CI tooling — Playwright + ffmpeg recorder that generates shift-left GIFs | Node.js |