Introduction Getting Started

Agent Workflow Chat Flow Charts Code Block Code Review ColorPicker Command Palette DataTable Diff Viewer Diff Viewer (Split)Diff Viewer (Unified)Diff Viewer (Git)FilePicker Form Builder Fuzzy Finder Help Bar Intro List Log Viewer Markdown Renderer Model Benchmark Modal MultiSelect PackageManager Paginator Permission Gate Pomodoro Timer Progress Space Spinner Splash Split Panes Spring Animation Stopwatch Streaming Chat Style System System Monitor Tabs Task List TextArea TextInput Timer Token Usage Tree View Viewport

Code Block Conversation List Cost Tracker Error Block File Change Input Bar Message Bubble Message Bubble V2 Message Bubble V3 Message Bubble V4 Message Bubble V5 Message Bubble V6 Model Selector Permission Gate Reasoning Status Bar Thinking Indicator Tool Call Block

ComponentsAI

Message Bubble V4

Conversational chat with reply threads, reactions, read receipts, and message navigation.

Features

Reply-to threading with quoted message preview
Message reactions with counts
Read receipt indicators (sent, delivered, read)
Navigable message list with cursor
Streaming text with spinner
Inline code and code block formatting
Token counts and model attribution

Keybindings

j / k — Navigate messages
r — Replay animation

Message Bubble V3

Minimal chat with thinking indicators, streaming text, and toggleable reasoning.

Message Bubble V5

Chat bubbles with distinct background colors per role, padded content blocks, and streaming text.

On this page