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

Progress

Build progress dashboard with spring-animated bars, gradient color transitions, and inline sparkline charts.

Demo

Features

Spring physics animation for smooth progress transitions
Sub-character precision with 1/8th block characters
Gradient color interpolation (per-task custom colors)
Inline sparkline charts showing progress velocity
Individual task tracking with completion checkmarks
Aggregate total progress bar with separator
Elapsed time counter
Pause/resume and reset controls

Keybindings

space - Pause/resume all tasks
r - Reset progress to zero

Permission Prompt

Interactive permission dialog for AI agent actions with severity levels, allow/deny controls, and decision history.

Select

Single-option selector with guide-bar flow, grouped options, inline filtering, and confirmation view.

On this page