Kanshō/Runtime panel tabs

Runtime panel tabs

The right-rail container with Processes / Files & context / Terminal tabs (Radix Tabs for keyboard a11y). Collapses to an icon-only rail; clicking an icon re-expands to that tab.

Included in the single kansho full pack. Components are not offered as separate installs.

Tabbed panel

Arrow keys move between tabs

Last turn changes

3
modified: src/audit/writer.ts+48 −12
added: src/audit/batch.ts+96
removed: src/audit/legacy.ts−210

Active processes

1
⠋bun test src/audit0:14

Completed tool runs

3
Successread_file src/audit/writer.ts120ms
Successgrep "flushBatch"80ms
Successapply_patch writer.ts1.8s

Review

Pending
Ready for review
3 files changed · awaiting your approval

Custom tabs

Text-label tabs via the tabs prop — e.g. the IDE inspector
Changed files grouped by directory.

Collapsed to icons

Click an icon to expand to that tab

Last turn changes

3
modified: src/audit/writer.ts+48 −12
added: src/audit/batch.ts+96
removed: src/audit/legacy.ts−210

Active processes

1
⠋bun test src/audit0:14

Completed tool runs

3
Successread_file src/audit/writer.ts120ms
Successgrep "flushBatch"80ms
Successapply_patch writer.ts1.8s

Review

Pending
Ready for review
3 files changed · awaiting your approval

Component documentation

Runtime Panel Tabs

components/workspace/runtime-panel-tabs.tsx

Purpose

Provides a configurable runtime tab panel or collapsed icon rail.

Appropriate use

Use for processes, files/context, terminal, or a caller-defined set of runtime views.

Example

components/workspace/runtime-panel-tabs.tsx has a representative live example in the "Tabbed panel" section on /components/runtime-panel-tabs.

States

Supports controlled or uncontrolled tab value, default or custom tabs, expanded panel, and collapsed icon rail.

API and props

RuntimePanelTabs accepts value, defaultValue, onValueChange, tabs, processes/files/terminal content slots, collapsed, onExpand, and className.

Dependencies

Direct imports are React, Radix Tabs, Lucide icons, IconButton, Tooltip, and cn.

Accessibility

Radix supplies tablist, tab, tabpanel, focus, and arrow-key behavior; each collapsed icon control has its own accessible name.

Limitations

Collapsed mode does not retain panel content and requires onExpand to affect host layout; custom tabs need unique ids and meaningful labels.

Source

Source: components/workspace/runtime-panel-tabs.tsx.

Full pack

components/workspace/runtime-panel-tabs.tsx is documented at /components/runtime-panel-tabs and installs only through the single Kansho full pack; no individual component install is offered.