FilterBar
Build editable field, operator, and value filters with a button or inline search.
Pre-assembled sets of components, grouped by the part of the product they build: the chat screen, agent activity, voice capture, and the notification, email, and configuration surfaces around them.
Capture a value from the user — typed, picked, toggled, or uploaded — plus the scaffolding that labels and validates it.
Tell the user what just happened, what is loading, or what is missing.
Dynamic Island-style AI notification pill with a thinking state that morphs into a reply bubble — token-driven surface, WebGL-enhanced backdrop blur, or real refractive liquid glass.
Render a document you authored or generated, from prose to code to email.
Everything that composes an AI conversation: the transcript, the composer and the surfaces that replace it, and what the agent is doing while you wait.
Reusable hover actions for message and response controls.
Shared static and collapsible activity anatomy with bounded, scrollable detail content.
Composable audio input selector with permission, loading, default-device, and disconnected states.
Voice recorder with realtime waveform, duration, cancel, and submit controls.
Audio visualization with waveform, line envelope, and frequency bar alternatives. Choose the implementation that fits your audio data.
Message composer with controlled text, Enter or ⌘ Enter submit, caret text insertion, and trigger-menu support.
Composer attachment rail with file previews, upload progress, and removal.
A scrolling conversation with a pinned header, message turns, and a floating composer dock.
Composable chat message with stable inline editing, bubble or flat layout, grouped bursts, reactions, and replies.
Compact context-window usage with an automatically derived token graph and anchored detail inspector.
Inline file and media previews for chat turns.
Inline multi-source citation with a keyboard-accessible preview and source navigation.
Assistant markdown output rendered to prose, with a header and copy-source action.
Compose Markdown with draggable blocks, slash commands, people mentions, formatting, and application-owned image uploads.
Linked source badge with an automatic same-origin favicon, derived hostname, and resilient fallback.
Floating agent task progress pill above the composer that expands into the full task list.
Conversation minimap for scanning and jumping between chat turns.
Toned run-boundary separator for transcripts: steering, interruptions, and condensed context.
Keyboard-first agent question panel that temporarily replaces the chat composer inside its container.