Skip to main content

@elabs-ai/components-terminal

16 pages

Terminal surfaces (shell/agent output, coding-agent CLI look-alikes).

pnpm add @elabs-ai/components-terminal

Highlights6

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.

7 examples

Streaming terminal surface for agent shell output, with an optional input line.

2 examples

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.

7 examples

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.

7 examples

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.

9 examples

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.

11 examples

Browse by family3

  • Surfaces7 pages

    InteractiveTerminal · Terminal · TerminalBanner · TerminalConsole · TerminalOverlay · TerminalStatusBar · TerminalSurface

  • Transcript6 pages

    TerminalDiffHunk · TerminalEventLine · TerminalTodoList · TerminalToolCall · TerminalTranscriptRow · TerminalWorking

  • Input3 pages

    TerminalComposer · TerminalPermission · TerminalSlashMenu