Output 04 — CanvasKit: manifests, not chat bubbles

Handler: frontend/src/components/canvas/
Stack: React SPA · CanvasKit renderer
Surface: Declarative UI manifests · React :3000

Agents return declarative CanvasKit manifests, and the frontend renders them as interactive visual dashboards — metric cards, charts and tables, live as the run completes.

The renderer is a set of dashboard primitives under frontend/src/components/canvas/. Building new primitives is one of the highest-leverage ways to grow the ecosystem.

A portfolio step returns numbers; CanvasKit returns a dashboard. The audit records both, so what the user saw is exactly what the run produced.

See the renderer

UI Dashboards > Chat Bubbles

Dashboards, not chat bubbles.

One goal produces structured visual dashboards. Agent output is declared via CanvasKit manifests, compiled deterministically, and rendered natively.

Plain text proseunverifiable

"Your portfolio is worth approximately $142,300 across 8 positions. NVDA is your largest holding at around 22%. Tech did well this week. Let me know if you'd like a chart summary."

Unverifiable text prose · Unstructured output

Metaorcha CanvasKit outputrendered & persisted

Portfolio Value$142,300 +4.8%

TickerWeightValue

NVDA22.4%$31,875

AAPL18.5%$26,325

MSFT15.2%$21,629

Declarative CanvasKit manifest · Persisted in runtime