Prompt Input

An AI prompt bar for chat interfaces.

Prompt Input 2

A prompt bar for composing agent requests with model selection and quick actions.

Todo List

A collapsible task list that shows an agent's plan and progress.

Code Block

A syntax-highlighted code block for AI-generated code, with copy support.

Approval Card

A review card for approving an AI agent's proposed action.

File Diff

A collapsible code diff that shows added and removed lines.

Tool Result

An expandable panel for the result of a tool an AI agent has run.

Streaming Response

A streaming AI response surface with sources and feedback actions.

Image Generation

An image-generation state with progress and a completed result.

Image Generation 2

An animated loading state that reveals an AI-generated image when it is ready.

Tool Approval

A permission prompt for approving an AI agent's tool call.

Citations

Collapsible citations for linked sources in AI responses.

Agent Activity

A live timeline that shows an AI agent's work step by step.

Agent Activity 2

An expandable agent trace for steps, reasoning, search, and coding.

Reasoning Text

Animated status text for showing that an AI agent is thinking and working.

Loading States

Animated loading states for waiting while an AI agent works.

Selection Actions

A contextual AI action bar that appears beneath selected text.

Recommendation Card

A recommendation card where an AI agent presents options and requests confirmation.

Task Rows

Expandable task rows that show an AI agent's live progress.

Thinking Orbs

Animated orb states that visualize an AI agent's work.

Structured Output

A structured table for comparing AI models and their results.

ChatGPT Orb

A fluid WebGL orb for visualizing an AI assistant's active state.