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

Components

Pomodoro Timer

A focus timer with work and break intervals, progress bar, and session tracking

Demo

Click the terminal below to focus it, then use the keyboard to interact.

Features

25/5 work/break cycle with automatic phase switching
Visual progress bar showing time remaining
Session counter tracking completed work sessions and total focused minutes
Adjustable durations for both work and break periods

Keybindings

space start/pause
r reset timer
s skip to next phase
↑ ↓ adjust work duration
+ - adjust break duration

Permission Gate

Human-in-the-loop approval interface for AI agent actions with risk assessment

Progress

Animated progress bars with spring physics, gradient colors, and half-block precision, inspired by Charm's bubbles/progress

On this page