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

Permission Prompt

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

Demo

Features

Severity-coded permission cards (info, warning, danger)
Color-coded borders and icons by risk level
Allow, deny, and allow-for-session controls
File path details for file operations
Decision history log with status badges
Auto-queued permission requests
Compact resolved state

Keybindings

y - Allow action
n - Deny action
s - Allow for session
r - Restart demo

Paginator

Infrastructure service browser with 3 pagination styles (dots, numbers, progress bar) and status badges.

Progress

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

On this page