@elabs-ai/components-terminal
Terminal surfaces (shell/agent output, coding-agent CLI look-alikes).
pnpm add @elabs-ai/components-terminalHighlights
A few of the 16 pages here. Open a family below, or in the navigation, to see all of it.
The console ground for the agent-session family: the terminal surface, the mono type role and the two-column gutter grid, established once and published to every row inside.
Streaming terminal surface for agent shell output, with an optional input line.
A single tool invocation dressed as a CLI line: a status glyph (success/error/pending), the tool name plus its optional argument in parentheses, a result summary on a ⎿ row, and detail behind a real disclosure.
An inline unified diff hunk in console dress: a header naming the file, then one row per line — a line-number column, a polarity marker, and the line text — with a collapsed run of context lines behind a real disclosure.
The per-call scoped approval prompt: title, command preview, question, then numbered options whose SCOPE (once/session/deny) is stated in real label text and chosen through a real Radix RadioGroup, never a hand-rolled focus walk.
The prompt composer for the agent-session family: a text input well, an optional mode indicator, an optional ordered effort scale, a shortcut-hint row, and a submit affordance that becomes a stop affordance while busy.
Browse by family
InteractiveTerminal · Terminal · TerminalBanner · TerminalConsole · TerminalOverlay · TerminalStatusBar · TerminalSurface
TerminalDiffHunk · TerminalEventLine · TerminalTodoList · TerminalToolCall · TerminalTranscriptRow · TerminalWorking
TerminalComposer · TerminalPermission · TerminalSlashMenu