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

Viewport

Scrollable content area with a visible scrollbar track, line numbers, and vim-style keyboard navigation

Demo

Click the terminal below. Use j/k to scroll line by line, d/u for half-page jumps, and g/G to jump to top or bottom.

Features

Scrollable content with a visible scrollbar track and proportional thumb
Line numbers displayed in dim on the left with a separator
Scroll percentage indicator in the header (Top/Bot/percentage)
Position footer showing current visible line range
Vim-style navigation with multiple scroll speeds

Keybindings

j / down scroll down one line
k / up scroll up one line
d / page down half page down
u / page up half page up
g scroll to top
G scroll to bottom

Tree View

Interactive tree view with expand/collapse, search/filter, and virtualization for navigating hierarchical data

Chat Thread

Full conversation thread with parts-based messages, collapsible reasoning and tool calls.

On this page