AI

Interfaces for AI products: chat, streaming responses, tool calls, approvals, citations and agent activity.

Agent Activity →Live feed of an agent's steps: new steps slide in, the current one shimmers, sub-steps fold away.Approval Card →Asks the user to approve an agent action, then collapses into a compact resolved row with a stamp that slams in.Chat App →A complete AI chat: header, welcome screen with suggestions, streaming messages and a prompt composer.Chat Message →A chat message with avatar, streaming caret and copy, retry and feedback actions that fade in on hover.Chat Scroller →A conversation viewport that sticks to the latest message, springs in a jump pill and keeps its place on prepend.Citations →Numbered citation chips with hover cards, linked to a sources list that lights up the cited source.Code Block →Code with a file header, line numbers, highlighted lines, a copy-to-check button and a springy collapse for long snippets.Conversation Sidebar →Chat history grouped by date, with search, a gliding active marker, inline rename and an icon rail.File Diff →A unified diff viewer with a change bar, folding unchanged lines and per-hunk accept or reject that springs shut.Image Generation →Image placeholder where grainy colour fields sharpen behind a scan line, then the result fades in.Model Picker →Compact AI model dropdown with capability badges, typeahead and a check mark that glides to your pick.Prompt Input →An AI composer with an auto-growing textarea, pop-in attachment chips and a send button that morphs into stop.Streaming Text →Streamed AI answers where each new chunk blurs in, with a blinking cursor and light Markdown.Suggestion Chips →Prompt suggestions that stagger in, lift on hover, fly into your input on click and reshuffle.Task List →An agent's plan with a live progress bar, spinning active step, drawn checkmarks and a strike that sweeps across.Thinking Indicator →AI loading states: wave dots, shimmering text, a pulsing orb, a scan bar and a collapsible reasoning panel.Tool Call →A collapsible card for a tool invocation with a live status indicator, timer and pretty-printed arguments and result.Voice Orb →A living orb for voice assistants that deforms with the audio level as it listens, thinks and speaks.