Components
Every shipped component, previewed from its real demo. Open one for the install command, usage, props and engineering notes.
Components50
Activity Trail
What the agent did, why it was allowed to, and what came of it — readable, and exportable.
Agent Ask
A structured question from an agent that needs input before it can continue — the UI surface for MCP elicitation, with the asker named and refusal made first-class.
Agent Figure
A hand-drawn agent whose pose shows what a run is doing, how sure it is, and when it needs you.
Agent Memory
What the agent remembers about you, with what you said kept apart from what it guessed. Edit anything, forget anything, pause without erasing.
Agent Plan
The agent's plan laid out for agreement before anything runs — reorder, remove, or add a step, then run it as edited.
Agent Presence
An agent's live state expressed visually rather than described — motion means the machine is busy, stillness means it's your turn.
Agent Schedule
When the agent runs on its own, written as sentences anyone can check.
Agent Steer
Redirect a running agent without stopping it — "not that file, this one" — and see whether it actually took the redirect on board.
AI Action Toolbar
A keyboard-navigable toolbar of the standard post-generation actions — apply, explain, retry, regenerate, undo, report — with a three-level visual hierarchy that keeps the recommended action dominant.
AI Approval Gate
A checkpoint before a consequential agent action — what will happen, how much it touches, whether it can be undone, and three ways to answer.
AI Context / Provenance Surface
A collapsed-by-default "Why this?" disclosure for an AI-produced value's explanation, sources, and model metadata — works with no chat thread required.
AI Disclosure
Say what the AI did and what it used — or ask first, with both answers equally available.
AI Triage Table
Review many AI-proposed changes at once — organised by where attention is needed, with what didn't change collapsed to a single line.
Autonomy Control
How much the agent does without asking, explained through its real actions. Users can make it more careful per action, never less careful than the risk allows.
Button
A clickable control that triggers an action, with six variants, four sizes, an accessible loading state, and asChild support for rendering as a link.
Card
A bordered content container with composable header, title, description, action, content, footer and image regions.
Code Block
Code in an AI answer that's safe to copy. It waits for the stream to finish, confirms the copy, and handles unclosed fences mid-stream.
Command Menu
A global, keyboard-first overlay for finding resources and running actions across an app — ⌘K/Ctrl+K, fuzzy search, grouped results, and keybind hints.
Compare View
Before and after an AI edit — with a slider that actually works from the keyboard.
Confidence Meter
A tiered (low/medium/high) confidence indicator with an optional provenance caption, shared by every AI-tier component that needs to communicate uncertainty honestly.
Cost Estimate
What a run will cost and how long it will take, before it starts — as a range, with the basis named.
Credits Meter
What's left, and what this action will cost — named together, before the click.
Diff Accept
Review an AI-proposed text change as an inline diff, resolved hunk by hunk — not all-or-nothing — with a conflict guard if the base text has drifted.
Draft Mode
The agent prepares everything and nothing leaves until a person sends it.
Field
A composable form-field wrapper — Field, FieldLabel, FieldControl, FieldDescription and FieldError — that wires ARIA automatically onto whatever control you place inside it.
Generation Job
A generation that takes minutes — queue position, honest waits, partial results and refunds.
Generation Placeholder
A layout-reserving placeholder for AI-generated media that encodes real generation progress as a resolving dot field, then cross-fades into the finished artifact.
Ghost Input
A single-line input with inline AI ghost-text completion — pause, see a dimmed continuation, accept with Tab or dismiss with Escape.
Human Handoff
When a person takes over from the agent — and what they're handed.
Inline Citations
Sources attached to individual claims, where checking takes one step. The supporting passage is shown beside the claim and links straight to that spot in the source.
Intent Preview
The agent restates what it understood and the guesses it made, before any work starts — one click when it's right, one correction when it isn't.
Live Status Line
One line saying what an agent is doing right now — replaced as work moves on, cheap enough to live in permanent product chrome.
Media Result
A finished generated image, video or clip — with what made it and whether content credentials are attached.
Message
One turn of a conversation, with reasoning, tool calls, citations and the answer kept together in the order the work happened.
Message Scroller
The conversation list that follows new messages only while you're following along, and never moves under you while you read.
Overlay Motion Primitive
The shared enter/exit animation layer for Dialog, Sheet, Popover and Drawer — a scrim plus a placement-aware content panel, both driven by motion tokens.
Parameter Panel
The controls beside the prompt — pick a look from previews instead of naming it.
Progressive Reveal
Reveals a growing collection of items one at a time as they arrive, with a stable layout and no per-character typewriter effect.
Prompt Composer
A request composer that isn't a blank chat box. Free text, structured controls for tone, length, audience and format, and attachments for context.
Reasoning Stream
An agent's reasoning as it arrives — a two-line ticker while it streams, folding to "Thought for 12s" once the answer exists.
Response Feedback
Thumbs with a reason that goes somewhere, and a confirmation that says where.
Response Versions
Every answer the agent gave, kept — step between them, compare two, keep the one you want.
Run Inbox
Every agent run in one place, with the ones that need a person at the top.
SelectNew
A choice from a short, known list, with the open list drawn in the system's own surface. A form field, or a compact pill for toolbars.
Selection Actions
A floating, selection-triggered toolbar for AI actions — explain, rewrite (reviewed via Diff Accept), translate, classify, extract.
Smart Field
An AI-proposed value for a single field — confidence, source, explicit accept/reject, and one-step undo before it ever becomes real data.
Suggestions
Follow-up questions after an answer, where it's always clear whether a tap fills the composer or sends right away.
Tool Call Card
What the agent actually did — read, searched, fetched, wrote — as a record beside what it says, so retrieved knowledge looks different from assumed knowledge.
Variation Grid
The results of one prompt — keep the good ones and regenerate only the rest.
Workflow Stepper
A compact sequential progress indicator for approval, onboarding, and agent-run workflows.
Sections & Blocks5
Agent ConsoleNew
The screen you come back to — what changed while you were away, then every run grouped by what it needs.
AI Chat Experience
A complete assistant screen — conversation, reasoning, tool calls, code, sources, follow-ups and composer — with the orchestration decided for you.
AI Form Fill
An agent filling a form you're already looking at — one request, but every field still reviewed on its own terms.
Image Studio
A whole workspace for making images — settings that survive the prompt, results as they land, and a history you can work from.
Thinking Experience
A complete agent run, orchestrated — status, reasoning, questions, approvals and the result, with one state deciding what belongs on screen.