App shell

An application frame of header, docks and status bar around a workspace of panes that split, move and resize.

Nessa

Conversations

Planner

Planner — pick another conversation on the left to open it here.

Bottom dock — agent run logs.

Split a pane, then drag it by the pill on its top edge onto another pane.

Installation

npx shadcn@latest add https://nessalabs.ai/r/app-shell.json

Covered by the component's storybook.

Agent WorkspaceSplit And CloseDefault Pane ControlsSwap PanesDock TogglesMaximize And Restore