Nested Command Menu

pointer · keyboard · touch

A command surface where branches open sideways while the parent stays in context.

Livecustom

One surface — branches drill in. Breadcrumbs or ← / Esc to go back. Arrows and Enter navigate.

Status · Choose a command or open a branch.

Behavior

A single command-menu surface. Opening a branch drills into that nest on the same panel — list content replaces, chrome stays. Breadcrumbs at the top show Commands › …; click a crumb or ← / Esc to pop levels. Unlimited depth (Move → Workspace → Design → …) without stacking floating menus. Leaf actions announce status and return to root.

Interaction

Pointer: click branch to drill in, crumb/back to retreat, leaf to run. Keyboard: ↑/↓ move, → or Enter opens a branch, Enter/Space runs a leaf, ← / Esc / Backspace pops one level. Touch uses the same targets.

Controls

Drill Move to / Set status / Assign / Label branches (Move goes many levels deep). Pick a leaf or run Copy link / Duplicate / Delete. Use breadcrumbs or the back control to retreat.

Motion & sound

List content slides briefly on drill-in / back. prefers-reduced-motion swaps levels instantly with no enter animation. No sound.

Learnings

Deep nests stay usable when the root chrome never multiplies — drill-in + breadcrumbs beat stacking side panels that explode width and height.

Source

Reuse `NestedCommandMenu` from `@dammydev/lab`. CSS Modules keep warm paper / espresso tokens local. Export is prop-less; path stack, keyboard map, and status line are internal.