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

Timer

Multi-timer dashboard with color-shifting progress bars, time adjustment controls, and batch start/stop.

Demo

Features

4 preset timers (Pomodoro, Break, Meeting, Quick)
Color-shifting progress bars (blue to green, then warning/error)
Real-time countdown with formatted display
Time adjustment in 30-second increments
Individual toggle and batch start/stop all
Status indicators (running/paused/done)
Running count display
Reset individual timers

Keybindings

j/k or up/down - Select timer
space - Toggle start/pause
r - Reset current timer
left/right or +/- - Adjust duration by 30s
s - Start all timers
x - Stop all timers

Text Input

Account creation form with guide-bar flow, echo modes, tab completion, cursor editing, and inline validation.

Tool Call

Displays AI agent tool invocations with inputs, outputs, status indicators, and elapsed time.

On this page