AI & Chat
AI & Chat
Message threads, prompt composers and agent surfaces — the screens an AI ops assistant actually ships with.
Message bubbles
Every Bubble variant in both alignments. This is the vocabulary every other surface on this page is built from.
default
secondary
muted
tinted
outline
ghost
destructive
A full chat thread
Avatars, headers, timestamps, model attribution — and rich content rendered inside the bubble itself.
Prompt input
A working composer: textarea, attach, model picker, dictation, keyboard hint and a send button that appends to the thread.
Thinking & streaming states
Four ways to say “I am working on it” before the answer exists.
Working
Typing
Streaming
Trace
Attachments
Files handed to the agent, with upload state on the wrapper and a working remove action.
Suggested prompts & empty state
The first screen of any assistant. Click a chip and it populates the composer below it.
Agent & tool calls
How to render an agent trace: the tool it reached for, its status, its arguments and how long it took.
Citations & sources
An answer is only useful if you can check it. Numbered chips map to the underlying run, doc or query.