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

Diff Viewer (Git)

Git-style interactive diff with file tree, hunk staging, and dual line number gutters.

Features

File tree sidebar with status indicators (A added, M modified, D deleted)
Hunk-by-hunk navigation with stage/skip workflow
Dual line number gutters (old + new)
Per-hunk status badges (STAGED / SKIP)
Toggleable file tree panel
File-level staged checkmarks

Keybindings

f / tab — Switch files
n / p — Next/previous hunk
s — Stage current hunk
x — Skip current hunk
t — Toggle file tree
j / k — Scroll

Diff Viewer (Unified)

Unified diff view with word-level highlighting, collapsible hunks, and clean typography.

FilePicker

File system browser with directory navigation, permissions, and hidden file toggle, inspired by Charm's bubbles/filepicker

On this page