Layout

Split view

A pair of resizable panels around a draggable separator. Arrow keys resize it from the keyboard.

Files

ingest.ts

embed.ts

index.ts

serve.ts

Drag the separator, or focus it and use the arrow keys.

Installation

npx shadcn@latest add https://nessalabs.ai/r/split-view.json

Nested splits, with views dragged between panes

encoder.ts

export function encode(chunk: string) {

Preview

Recall 92.1% over 4,812 queries

Terminal

$ pnpm test --filter retrieval

Covered by the component's storybook.

Two PanelsVerticalNested GroupsCollapsible PanelControlledKeyboard ResizePointer Resize