The pane shells own the layout (rail widths, collapse, persisted sizes) and take ReactNode slots; any content needing handlers (tree selection, list↔detail wiring) rides its own client island.

tabs (required)

The tab rail rendered into the toolbar — typically a thin client island that resolves the active tab from usePathname; the TabbedPage shell stays server-safe.

children / toolbarExtra

children is the active tab's panel; toolbarExtra adds controls beside the tabs (e.g. a date range).

maxWidth / footer

maxWidth centers the body to a reading column (true → var(--page-max), or a CSS width); footer is the page footer slot.

tabs / children

tabs is the grouped SideTabGroup[] rail model (route-driven highlight); children is the active section's content pane.

inspector / inspectorWidth

Optional right InspectorPanel rail for the selected item; the body splits when set.

SideTabs is client

The rail resolves the active tab from the current route (DS Tabs state), so wrap selection in a client island; the SideTabPage shell stays server-safe.

primary (required)

The main work region — never collapsible, fills the remainder (PaneLayout.primary). primaryTitle is its a11y label / mobile-stack header.

start / end

Leading (left/top) and trailing (right/bottom) PaneRegion auxiliary panes — a nav/tree/files rail and an inspector/details rail.

direction / persistKey

direction lays panes 'horizontal' (default) or 'vertical'; persistKey forwards to SplitView to persist sizes + collapse across reloads. Server-safe wrapper over the client SplitView.

list / detail (required)

list is the index pane; detail is the selected item's pane. Selection wiring rides the caller's own client island.

listWidth / listEnd / fullHeight

listWidth sizes the list pane; listEnd moves it to the trailing edge; fullHeight fills the viewport below the 44px admin nav (inbox-style).

maxWidth / detailMaxWidth

Cap the whole two-pane block, or just the detail content, to a centered reading column (true → var(--page-max), or a CSS width).

queue / detail (required)

queue is the selectable list (rows link to a per-item subroute); detail is the InspectorPanel for the routed selection. Selection is route-driven, so the recipe holds no state.

filterBar / stats

filterBar pins a search/facets/sort strip atop the rail; stats is an at-a-glance counts band (SummaryBar/StatGrid) beneath it.

listWidth / fullHeight

listWidth sizes the queue rail (default 380px); fullHeight fills the viewport below the 44px admin nav (default on).

TriageSessionProvider

Mounts in the queue's LAYOUT (not the page) so the ledger survives index ↔ [id] navigation. Owns the one window keydown listener (j/k move, a = primary, h = hold; dead in inputs / contenteditable / open modals) and the handled ledger.

useTriageRows / useTriagePrimaryAction

The queue island registers its VISIBLE ordered rows ({key, href, data}) + the routed selection + the index href; the inspector registers the fn that `a` fires. Selection stays route-driven — moving/advancing is a router.push to the row's href.

mergeHandledRows / statusOf

Merge the server's still-pending rows with the session ledger so approved/declined rows re-insert from their snapshot after revalidate (a hold is session-local — no server write). Style handled rows dimmed with the TRIAGE_STATUS_LABELS / TRIAGE_STATUS_TONES pill.

TriageQueueClear

Wraps the empty-detail placeholder; once every visible row is handled (or nothing was pending — serverRowCount settles the pre-hydration frame) it renders the dashed ✓ queue-clear panel with the session tally and a link to the next queue with pending items.