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

Context Window Data Table Diff Viewer Form Builder List Multi Select Paginator Permission Prompt Progress Select Stopwatch Streaming Chat Tabs Text Area Text Input Timer Tool Call

ComponentsModern

Streaming Chat

AI conversation interface with streaming token output, typing indicators, and markdown rendering.

Demo

Features

Message bubbles with role labels (You / Assistant)
Streaming text effect with progressive token display
Braille spinner typing indicator while generating
Token count per message and running total
Markdown-lite rendering (bold, code, lists)
Auto-playing conversation demo
Scroll navigation

Keybindings

↑/↓ - Scroll messages
r - Restart conversation

Stopwatch

High-precision stopwatch with big block-character time display, lap tracking, and best/worst split highlighting.

Tabs

Code editor tabs with pill-style indicators, reordering, tab management, and file content preview.

On this page