Dev playground

Trigger the experience states directly — no agent or MCP bridge required.

Toggles

Turn each experience surface on or off. Saved to localStorage.

BadgeFloating status badge in the corner.HeaderFull-width status bar at the top.Header progress textLive activity in the header — off keeps the static connected label.Show historyActivity affordance + drawer in the header.General loadingGlow overlay on every work step, not just opted-in ones.Ending toastToast announcing what happened on settle.Highlight focus areasDim the page around focused elements.

Branding / theme

Colors and mode for every experience surface.

Mode

Brand color#ec4899

Working overlay gradient

Highlight focused#ec4899

Highlight overlay color#000000

Highlight overlay opacity

0.15

Work lifecycle

Drive the header, badge, and toast by hand.

Scenarios

Scripted sequences, like a tool call would produce.

Focus targets

Elements the sequences highlight via focus().

Brightline LabsCustomer · $86,000

Foxglove SystemsLead · $12,500

Halcyon HealthCustomer · $54,000

Nordwind FreightLead · $31,000