01
Loading State
Pixel-grid loader with shimmer and elapsed time.
02
Thinking
Expandable traces — steps, reasoning, search, coding.
03
Streaming Text
Streamed answer with inline sources, actions, and follow-ups.
04
Approval Card
Human-in-the-loop questions the agent asks before acting.
05
Tool Chips
Code edits and tool calls as compact chips.
06
Task Rows
Live agent task status — running, failed, completed.
07
Chat
Tabbed chat panel with reasoning replies and a composer.
08
Prompt Bar
Composer with @ sources, / commands, model picker, and dictation.
09
Recommendation Card
Agent suggestion with a confidence meter and actions.
10
Context Cards
Retrieved knowledge chunks with their sources.
11
Diff Table
AI-proposed edits sweeping through tabular data.
12
Records Table
CRM-style grid with tags, sorting, and relationship status.
13
Filter Table
Status chips that reorganize live data.
15
Search
Command search with live filtering and an empty state.
16
Flowchart
Workflow trigger and condition steps on a dotted canvas.
17
Insight Cards
Paged agent insights with scrub-ready live charts.
18
Code Block
A line-numbered listing and a unified diff.
19
Fine-tune Card
The agent adjusts design properties in an inspector.
20
Selection Actions
Highlight a passage and hand it to the agent to rewrite.