@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/jotai.d.ts

@@ -1,4 +1,4 @@
 export { JotaiFilterBar, JotaiJsonSchemaForm, } from './components/jotai-bindings';
 export { useJotaiFilterBarProps, useJotaiJsonSchemaFormProps, } from './components/jotai-bindings-core';
-export type { JotaiFilterBarBooleanFilter, JotaiFilterBarEnumFilter, JotaiFilterBarFilter, JotaiFilterBarLookupFilter, JotaiFilterBarLookupMultiFilter, JotaiFilterBarMultiFilter, JotaiFilterBarNestedMultiFilter, JotaiFilterBarNumberFilter, JotaiFilterBarProps, JotaiFilterBarRangeProps, JotaiFilterBarRangeValue, JotaiFilterBarSearchProps, JotaiFilterBarSelectMultiFilter, JotaiFilterBarTextFilter, JotaiFilterBarWorkloadFilter, JotaiJsonSchemaFormAtom, JotaiJsonSchemaFormProps, JotaiWritableAtom, } from './components/jotai-bindings-core';
+export type { JotaiFilterBarBooleanFilter, JotaiFilterBarDurationFilter, JotaiFilterBarEnumFilter, JotaiFilterBarFilter, JotaiFilterBarLookupFilter, JotaiFilterBarLookupMultiFilter, JotaiFilterBarMultiFilter, JotaiFilterBarNestedMultiFilter, JotaiFilterBarNumberFilter, JotaiFilterBarProps, JotaiFilterBarRangeProps, JotaiFilterBarRangeValue, JotaiFilterBarSearchProps, JotaiFilterBarSelectMultiFilter, JotaiFilterBarTextFilter, JotaiFilterBarWorkloadFilter, JotaiJsonSchemaFormAtom, JotaiJsonSchemaFormProps, JotaiWritableAtom, } from './components/jotai-bindings-core';
 //# sourceMappingURL=jotai.d.ts.map

package/dist/jotai.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jotai.d.ts","sourceRoot":"","sources":["../src/jotai.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,2BAA2B,EAC3B,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,EAC/B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACxB,yBAAyB,EACzB,+BAA+B,EAC/B,wBAAwB,EACxB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"jotai.d.ts","sourceRoot":"","sources":["../src/jotai.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,EAC/B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACxB,yBAAyB,EACzB,+BAA+B,EAC/B,wBAAwB,EACxB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,kCAAkC,CAAC"}

package/dist/layout/AppShell.cjs

@@ -262,6 +262,12 @@ function AppShell(props) {
                               "data-slot": "app-shell-actions",
                               className: utils.cn(
                                 "flex shrink-0 items-center gap-density-2",
+                                // Below md the cluster must never be wider than the
+                                // phone: a shrink-0 row that overflows widens the layout
+                                // viewport, and then every fixed overlay on the page
+                                // loses its right edge. Let it shrink and scroll its own
+                                // contents instead, the same guard the nav slot has.
+                                "max-md:min-w-0 max-md:max-w-full max-md:shrink max-md:overflow-x-auto",
                                 hasSidebar && "order-1 ml-auto md:order-none md:ml-0"
                               ),
                               children: !hasSidebar || mobileActions === void 0 ? actions : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/layout/AppShell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.cjs","sources":["../../src/layout/AppShell.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiClose, UiMenu, UiSidebar } from \"../icons\";\nimport { useEscapeLayer } from \"../overlay/modalStack\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { SplitPane } from \"./SplitPane\";\nimport { AppShellSlotOutlines } from \"./AppShell.debug\";\nimport { NavSections, type GroupState } from \"./AppShell.nav\";\nimport type { AppShellNavDrag } from \"./AppShell.nav.drag\";\nimport { contentWidthClassName, type ContentWidth } from \"./content-width\";\n\n// AppShell is a sidebar-first application shell. The full-height DARK nav rail\n// owns the brand + collapse toggle and renders grouped nav sections; the top bar\n// (search, actions) sits to the RIGHT of the rail — there is no full-width top\n// bar when a rail is present. With no rail, the top bar spans full width. The\n// body carries a fixed bodyHeader + bodyActions row over an optional\n// bodySidebar | body-main split (body-main scrolls; bodySidebar — e.g. a tree —\n// scrolls independently via a resizable SplitPane).\n\nexport type AppShellNavItem = {\n  /** Stable key; also the React key. */\n  key: string;\n  /** Visible label (hidden when the rail is collapsed). */\n  label: ReactNode;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Highlights the item as the current location. */\n  active?: boolean;\n  /** Routing destination; rendered as an anchor via the RouterAdapter. */\n  to: string;\n  /** Opens `to` in a new tab. */\n  external?: boolean;\n  /** Trailing adornment (count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened by right-click, the Context Menu key, or Shift+F10. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n};\n\nexport type AppShellNavGroup = {\n  /** Stable key; also the key its collapsed state persists under. */\n  key: string;\n  /** Group heading rendered on the toggle row. */\n  label: string;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Trailing adornment (aggregate count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened from the group heading's context menu. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n  /** Folded on first render until the user toggles it. */\n  defaultCollapsed?: boolean;\n  /**\n   * Keeps the group open regardless of stored state, so a deep-linked\n   * destination can never hide under a folder the user collapsed earlier.\n   * Mirrors `Tree.revealSelected`: set it on the active item's ancestors.\n   */\n  forceExpanded?: boolean;\n  items: AppShellNavItem[];\n  /**\n   * Nested sub-groups, rendered after `items` at one further indent. Groups\n   * nest arbitrarily, so a backend hierarchy deeper than two levels does not\n   * have to be flattened to fit the rail.\n   */\n  groups?: AppShellNavGroup[];\n  /**\n   * Makes the group's own heading row a destination as well as a disclosure:\n   * the label becomes a nav link and the chevron sits beside it as a separate\n   * control. Needed wherever a node is both a folder and a leaf — e.g. a\n   * profile named `jms` that is runnable *and* the parent of `jms.incoming`.\n   */\n  item?: AppShellNavItem;\n};\n\nexport type AppShellNavSection = {\n  /** Section heading; collapses to a divider when the rail is collapsed. */\n  label?: string;\n  items?: AppShellNavItem[];\n  /** Collapsible groups rendered after the flat items. High-cardinality\n   *  clusters (provider surfaces, per-ledger journals) belong here so they can\n   *  be folded away; a collapsed rail flattens them back to plain items. */\n  groups?: AppShellNavGroup[];\n  /**\n   * How the groups read.\n   *\n   * `\"list\"` (the default) styles each group heading as a small uppercase\n   * cluster label — right for a handful of named clusters under one section.\n   *\n   * `\"tree\"` styles headings as ordinary nav rows, because in a tree a folder\n   * sits at the same level as its sibling destinations: a group carrying an\n   * `item` renders as a link either way, so an uppercase heading beside it\n   * would make two nodes of the same kind look like different things.\n   */\n  variant?: \"list\" | \"tree\";\n  /**\n   * Makes the section's rows draggable onto one another, so a hierarchy can be\n   * rearranged in place. The section stays the boundary — a row never lands in\n   * a different section — and the consumer owns what a move means. Ignored\n   * while the rail is collapsed, where there are no folder rows to aim at.\n   */\n  drag?: AppShellNavDrag;\n};\n\nexport type AppShellProps = {\n  // ── Top bar (right of the rail; full width when no rail) ─\n  /** Brand mark / wordmark. Shown in the rail header when a rail is present, else in the top bar. */\n  brand?: ReactNode;\n  /** Inline primary nav (e.g. tabs) shown after the brand in the top bar. */\n  nav?: ReactNode;\n  /** Centered search slot; grows to fill and is width-capped. */\n  search?: ReactNode;\n  /** Right-aligned cluster (icon buttons, settings/org picker, …). */\n  actions?: ReactNode;\n  /** Compact action cluster used in the mobile header. Defaults to `actions`. */\n  mobileActions?: ReactNode;\n  /** Optional second top-bar row for filters / bulk actions. */\n  toolbar?: ReactNode;\n  /** Max width of the centered search slot. Defaults to 28rem. */\n  searchMaxWidth?: string | number;\n\n  // ── Left nav rail (dark, collapsible, fixed width) ───────\n  /** Declarative nav sections rendered into the rail (collapse-aware). */\n  navSections?: AppShellNavSection[];\n  /** Custom sidebar content; receives the collapsed flag. Overrides navSections. */\n  sidebar?: ReactNode | ((collapsed: boolean) => ReactNode);\n  /** Pinned below the rail header (e.g. a context switcher). */\n  sidebarHeader?: ReactNode;\n  /** Pinned to the bottom of the rail (version, account). */\n  sidebarFooter?: ReactNode;\n  /** Show the collapse toggle. Defaults to true when a rail is present. */\n  collapsible?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** localStorage key persisting the collapsed state. */\n  collapsedStorageKey?: string;\n  /** localStorage key persisting per-group collapsed state. */\n  groupCollapsedStorageKey?: string;\n  /** Expanded rail width in px. Defaults to 240. */\n  sidebarWidth?: number;\n  /** Collapsed rail width in px. Defaults to 56. */\n  collapsedWidth?: number;\n  /** Accessible label for the mobile navigation drawer. Defaults to \"Navigation\". */\n  mobileSidebarLabel?: string;\n\n  // ── Body ─────────────────────────────────────────────────\n  /** Fixed header row, left side (breadcrumb, title, tabs). */\n  bodyHeader?: ReactNode;\n  /** Fixed header row, right side (entity actions) — same row as bodyHeader. */\n  bodyActions?: ReactNode;\n  /** Optional independent-scroll pane (e.g. a tree). Renders a SplitPane vs body-main. */\n  bodySidebar?: ReactNode;\n  /** bodySidebar width as a percent when present. Defaults to 24. */\n  bodySplit?: number;\n  /** Main content (body-main); fills the remaining space and scrolls. */\n  children: ReactNode;\n  /** Centers content at responsive wide breakpoints, or allows it to fill the workspace. */\n  contentWidth?: ContentWidth;\n\n  /**\n   * Outlines every slot in its own colour and labels it with its `data-slot`\n   * name — a layout-debugging aid for working out which region owns a given\n   * area or scrollbar. Uses `outline`, so enabling it does not shift layout.\n   */\n  debugSlots?: boolean;\n\n  className?: string;\n  headerClassName?: string;\n  toolbarClassName?: string;\n  sidebarClassName?: string;\n  bodyHeaderClassName?: string;\n  contentClassName?: string;\n};\n\nfunction readStored(key: string | undefined): string | null {\n  if (!key || typeof window === \"undefined\") return null;\n  return window.localStorage.getItem(key);\n}\n\nconst DEFAULT_GROUP_COLLAPSE_KEY = \"clicky-ui:app-shell:groups\";\n\nfunction readGroupState(storageKey: string): Record<string, boolean> {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\"\n      ? (parsed as Record<string, boolean>)\n      : {};\n  } catch {\n    return {};\n  }\n}\n\n// Lives here rather than in AppShell.nav so a single instance can be shared by\n// both NavSections renders (rail + mobile drawer).\nfunction useGroupCollapsed(storageKey: string): GroupState {\n  const [state, setState] = useState<Record<string, boolean>>(() =>\n    readGroupState(storageKey),\n  );\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(state));\n    } catch {\n      // Rail state is a UX nicety; private-mode storage failures are safe to swallow.\n    }\n  }, [state, storageKey]);\n  return {\n    isCollapsed: (key, fallback) => state[key] ?? fallback,\n    toggle: (key, fallback) =>\n      setState((prev) => ({ ...prev, [key]: !(prev[key] ?? fallback) })),\n  };\n}\n\nexport function AppShell(props: AppShellProps) {\n  const {\n    brand,\n    nav,\n    search,\n    actions,\n    mobileActions,\n    toolbar,\n    searchMaxWidth = \"28rem\",\n    navSections,\n    sidebar,\n    sidebarHeader,\n    sidebarFooter,\n    collapsible = true,\n    defaultCollapsed = false,\n    collapsedStorageKey,\n    groupCollapsedStorageKey,\n    sidebarWidth = 240,\n    collapsedWidth = 56,\n    mobileSidebarLabel = \"Navigation\",\n    bodyHeader,\n    bodyActions,\n    bodySidebar,\n    bodySplit = 24,\n    children,\n    contentWidth = \"contained\",\n    debugSlots = false,\n    className,\n    headerClassName,\n    toolbarClassName,\n    sidebarClassName,\n    bodyHeaderClassName,\n    contentClassName,\n  } = props;\n\n  const hasSidebar = sidebar !== undefined || (navSections?.length ?? 0) > 0;\n  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);\n\n  const [collapsed, setCollapsed] = useState(\n    () =>\n      readStored(collapsedStorageKey) === \"true\" ||\n      (readStored(collapsedStorageKey) === null && defaultCollapsed),\n  );\n\n  useEffect(() => {\n    if (collapsedStorageKey && typeof window !== \"undefined\")\n      window.localStorage.setItem(collapsedStorageKey, String(collapsed));\n  }, [collapsed, collapsedStorageKey]);\n\n  useEscapeLayer(mobileSidebarOpen, () => setMobileSidebarOpen(false));\n\n  // One instance for the rail AND the mobile drawer: both render NavSections,\n  // and per-render state behind a shared storage key would desync.\n  const groupState = useGroupCollapsed(\n    groupCollapsedStorageKey ?? DEFAULT_GROUP_COLLAPSE_KEY,\n  );\n\n  const railWidth = collapsed ? collapsedWidth : sidebarWidth;\n  const hasTopBar =\n    (!hasSidebar && brand !== undefined) ||\n    nav !== undefined ||\n    search !== undefined ||\n    actions !== undefined ||\n    mobileActions !== undefined ||\n    toolbar !== undefined;\n  const hasMobileHeader = hasSidebar;\n  const hasBodyHeader = bodyHeader !== undefined || bodyActions !== undefined;\n  const effectiveContentWidth =\n    bodySidebar === undefined ? contentWidth : \"full\";\n  const renderSidebarContent = (\n    collapsedValue: boolean,\n    onNavigate?: () => void,\n  ) =>\n    typeof sidebar === \"function\"\n      ? sidebar(collapsedValue)\n      : sidebar !== undefined\n        ? sidebar\n        : navSections && (\n            <NavSections\n              sections={navSections}\n              collapsed={collapsedValue}\n              groupState={groupState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          );\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 w-full bg-background\", className)}\n      {...(debugSlots ? { \"data-debug-slots\": \"true\" } : {})}\n    >\n      {debugSlots && <AppShellSlotOutlines />}\n      {hasSidebar && (\n        <aside\n          data-slot=\"app-shell-sidebar\"\n          style={{ width: railWidth }}\n          className={cn(\n            \"hidden shrink-0 flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 md:flex\",\n            sidebarClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"flex h-14 shrink-0 items-center border-b border-sidebar-border\",\n              collapsed\n                ? \"justify-center px-2\"\n                : \"justify-between px-density-3\",\n            )}\n          >\n            {!collapsed && brand && (\n              <div\n                data-slot=\"app-shell-brand\"\n                className=\"flex min-w-0 items-center gap-2\"\n              >\n                {brand}\n              </div>\n            )}\n            {collapsible && (\n              <button\n                type=\"button\"\n                onClick={() => setCollapsed((c) => !c)}\n                aria-label={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <Icon icon={UiSidebar} className=\"h-4 w-4\" />\n              </button>\n            )}\n          </div>\n          {sidebarHeader && (\n            <div\n              data-slot=\"app-shell-sidebar-header\"\n              className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarHeader}\n            </div>\n          )}\n          <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n            {renderSidebarContent(collapsed)}\n          </div>\n          {sidebarFooter && (\n            <div\n              data-slot=\"app-shell-sidebar-footer\"\n              className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarFooter}\n            </div>\n          )}\n        </aside>\n      )}\n\n      <div\n        data-slot=\"app-shell-column\"\n        className=\"@container/app-content flex min-h-0 min-w-0 flex-1 flex-col\"\n      >\n        {(hasTopBar || hasMobileHeader) && (\n          <header\n            data-slot=\"app-shell-header\"\n            className=\"shrink-0 border-b border-border bg-card\"\n          >\n            <div\n              className={cn(\n                hasSidebar\n                  ? \"flex flex-wrap items-center gap-density-2 px-density-3 py-density-2 md:h-14 md:flex-nowrap md:gap-density-3 md:px-density-4 md:py-0\"\n                  : // Wraps rather than squeezing. The nav shrinks and the\n                    // actions cluster does not, so on a laptop a full actions\n                    // row left the nav a sliver — every tab but the first\n                    // scrolled out of sight. A second line costs 44px and only\n                    // appears when the row genuinely cannot fit.\n                    \"flex min-h-14 flex-wrap items-center gap-density-3 px-density-4\",\n                headerClassName,\n              )}\n            >\n              {hasSidebar && (\n                <button\n                  type=\"button\"\n                  aria-label={`Open ${mobileSidebarLabel}`}\n                  title={mobileSidebarLabel}\n                  className=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground transition-colors hover:bg-accent md:hidden\"\n                  onClick={() => setMobileSidebarOpen(true)}\n                >\n                  <Icon icon={UiMenu} className=\"h-4 w-4\" />\n                </button>\n              )}\n              {brand && (\n                <div\n                  data-slot=\"app-shell-brand\"\n                  className={cn(\n                    \"min-w-0 items-center gap-density-2\",\n                    hasSidebar ? \"flex flex-1 md:hidden\" : \"flex shrink-0\",\n                  )}\n                >\n                  {brand}\n                </div>\n              )}\n              {nav && (\n                <div\n                  data-slot=\"app-shell-nav\"\n                  className={cn(\n                    // The nav is the only header slot that both shrinks\n                    // (min-w-0) and holds wide content, while the actions\n                    // cluster beside it is shrink-0. Give a full actions row\n                    // and this box collapses to a sliver — so it needs a guard,\n                    // or its tabs paint straight over the toolbar next to it\n                    // and both become unreadable. Scrolling keeps every tab\n                    // reachable; overflowing keeps none of them.\n                    \"flex min-w-0 items-center overflow-x-auto\",\n                    hasSidebar && \"order-3 basis-full md:order-none md:basis-auto\",\n                  )}\n                >\n                  {nav}\n                </div>\n              )}\n              {search !== undefined && (\n                <div\n                  data-slot=\"app-shell-search\"\n                  className={cn(\n                    \"flex min-w-0 flex-1 justify-center\",\n                    hasSidebar &&\n                      \"order-2 basis-full md:order-none md:basis-auto md:flex-1\",\n                  )}\n                >\n                  <div className=\"w-full\" style={{ maxWidth: searchMaxWidth }}>\n                    {search}\n                  </div>\n                </div>\n              )}\n              {search === undefined && (\n                <div\n                  className={cn(\"flex-1\", hasSidebar && \"hidden md:block\")}\n                />\n              )}\n              {(actions !== undefined ||\n                (hasSidebar && mobileActions !== undefined)) && (\n                <div\n                  data-slot=\"app-shell-actions\"\n                  className={cn(\n                    \"flex shrink-0 items-center gap-density-2\",\n                    hasSidebar && \"order-1 ml-auto md:order-none md:ml-0\",\n                  )}\n                >\n                  {!hasSidebar || mobileActions === undefined ? (\n                    actions\n                  ) : (\n                    <>\n                      <div className=\"hidden items-center gap-density-2 md:flex\">\n                        {actions}\n                      </div>\n                      <div className=\"flex items-center gap-density-2 md:hidden\">\n                        {mobileActions}\n                      </div>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n            {toolbar && (\n              <div\n                data-slot=\"app-shell-toolbar\"\n                className={cn(\n                  \"flex flex-wrap items-center gap-density-2 border-t border-border bg-muted px-density-3 py-density-2 md:px-density-4\",\n                  toolbarClassName,\n                )}\n              >\n                {toolbar}\n              </div>\n            )}\n          </header>\n        )}\n\n        {hasBodyHeader && (\n          <div\n            data-slot=\"app-shell-body-header\"\n            className={cn(\n              \"shrink-0 border-b border-border bg-card\",\n              bodyHeaderClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-body-header-content\"\n              data-content-width={effectiveContentWidth}\n              className={cn(\n                \"flex flex-col items-stretch gap-density-2 px-density-3 py-density-2 md:flex-row md:items-start md:justify-between md:gap-density-3 md:px-density-4\",\n                contentWidthClassName(effectiveContentWidth),\n              )}\n            >\n              <div className=\"min-w-0 flex-1\">{bodyHeader}</div>\n              {bodyActions && (\n                <div\n                  data-slot=\"app-shell-body-actions\"\n                  className=\"flex shrink-0 flex-wrap items-center gap-density-2\"\n                >\n                  {bodyActions}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {bodySidebar !== undefined ? (\n          <SplitPane\n            stackOnMobile\n            className=\"min-h-0 flex-1\"\n            defaultSplit={bodySplit}\n            minLeft={12}\n            minRight={30}\n            left={\n              <div data-slot=\"app-shell-body-sidebar\" className=\"h-full\">\n                {bodySidebar}\n              </div>\n            }\n            right={\n              <main\n                data-slot=\"app-shell-main\"\n                className={cn(\n                  \"h-full min-h-0 min-w-0 overflow-auto\",\n                  contentClassName,\n                )}\n              >\n                {children}\n              </main>\n            }\n            leftClass=\"max-h-[40vh] shrink-0 border-b border-border md:max-h-none md:border-b-0\"\n            rightClass=\"min-h-0 flex-1 md:flex-none\"\n          />\n        ) : (\n          <main\n            data-slot=\"app-shell-main\"\n            className={cn(\n              \"min-h-0 min-w-0 flex-1 overflow-auto\",\n              contentClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-content\"\n              data-content-width={contentWidth}\n              className={cn(contentWidthClassName(contentWidth), \"h-full\")}\n            >\n              {children}\n            </div>\n          </main>\n        )}\n      </div>\n      {hasSidebar && mobileSidebarOpen && (\n        <div\n          className=\"fixed inset-0 z-50 md:hidden\"\n          role=\"presentation\"\n          onClick={() => setMobileSidebarOpen(false)}\n        >\n          <div className=\"absolute inset-0 bg-black/40\" />\n          <aside\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={mobileSidebarLabel}\n            className={cn(\n              \"relative z-10 flex h-full w-[min(20rem,85vw)] flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl\",\n              sidebarClassName,\n            )}\n            onClick={(event) => event.stopPropagation()}\n          >\n            <div className=\"flex h-14 shrink-0 items-center justify-between border-b border-sidebar-border px-density-3\">\n              {brand && (\n                <div className=\"flex min-w-0 items-center gap-2\">{brand}</div>\n              )}\n              <button\n                type=\"button\"\n                aria-label={`Close ${mobileSidebarLabel}`}\n                title=\"Close\"\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                onClick={() => setMobileSidebarOpen(false)}\n              >\n                <Icon icon={UiClose} className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {sidebarHeader && (\n              <div className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\">\n                {sidebarHeader}\n              </div>\n            )}\n            <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n              {renderSidebarContent(false, () => setMobileSidebarOpen(false))}\n            </div>\n            {sidebarFooter && (\n              <div className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\">\n                {sidebarFooter}\n              </div>\n            )}\n          </aside>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","useEffect","contentWidth","useEscapeLayer","jsx","NavSections","jsxs","cn","AppShellSlotOutlines","Icon","UiSidebar","UiMenu","Fragment","contentWidthClassName","SplitPane","UiClose"],"mappings":"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"}
+{"version":3,"file":"AppShell.cjs","sources":["../../src/layout/AppShell.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiClose, UiMenu, UiSidebar } from \"../icons\";\nimport { useEscapeLayer } from \"../overlay/modalStack\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { SplitPane } from \"./SplitPane\";\nimport { AppShellSlotOutlines } from \"./AppShell.debug\";\nimport { NavSections, type GroupState } from \"./AppShell.nav\";\nimport type { AppShellNavDrag } from \"./AppShell.nav.drag\";\nimport { contentWidthClassName, type ContentWidth } from \"./content-width\";\n\n// AppShell is a sidebar-first application shell. The full-height DARK nav rail\n// owns the brand + collapse toggle and renders grouped nav sections; the top bar\n// (search, actions) sits to the RIGHT of the rail — there is no full-width top\n// bar when a rail is present. With no rail, the top bar spans full width. The\n// body carries a fixed bodyHeader + bodyActions row over an optional\n// bodySidebar | body-main split (body-main scrolls; bodySidebar — e.g. a tree —\n// scrolls independently via a resizable SplitPane).\n\nexport type AppShellNavItem = {\n  /** Stable key; also the React key. */\n  key: string;\n  /** Visible label (hidden when the rail is collapsed). */\n  label: ReactNode;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Highlights the item as the current location. */\n  active?: boolean;\n  /** Routing destination; rendered as an anchor via the RouterAdapter. */\n  to: string;\n  /** Opens `to` in a new tab. */\n  external?: boolean;\n  /** Trailing adornment (count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened by right-click, the Context Menu key, or Shift+F10. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n};\n\nexport type AppShellNavGroup = {\n  /** Stable key; also the key its collapsed state persists under. */\n  key: string;\n  /** Group heading rendered on the toggle row. */\n  label: string;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Trailing adornment (aggregate count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened from the group heading's context menu. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n  /** Folded on first render until the user toggles it. */\n  defaultCollapsed?: boolean;\n  /**\n   * Keeps the group open regardless of stored state, so a deep-linked\n   * destination can never hide under a folder the user collapsed earlier.\n   * Mirrors `Tree.revealSelected`: set it on the active item's ancestors.\n   */\n  forceExpanded?: boolean;\n  items: AppShellNavItem[];\n  /**\n   * Nested sub-groups, rendered after `items` at one further indent. Groups\n   * nest arbitrarily, so a backend hierarchy deeper than two levels does not\n   * have to be flattened to fit the rail.\n   */\n  groups?: AppShellNavGroup[];\n  /**\n   * Makes the group's own heading row a destination as well as a disclosure:\n   * the label becomes a nav link and the chevron sits beside it as a separate\n   * control. Needed wherever a node is both a folder and a leaf — e.g. a\n   * profile named `jms` that is runnable *and* the parent of `jms.incoming`.\n   */\n  item?: AppShellNavItem;\n};\n\nexport type AppShellNavSection = {\n  /** Section heading; collapses to a divider when the rail is collapsed. */\n  label?: string;\n  items?: AppShellNavItem[];\n  /** Collapsible groups rendered after the flat items. High-cardinality\n   *  clusters (provider surfaces, per-ledger journals) belong here so they can\n   *  be folded away; a collapsed rail flattens them back to plain items. */\n  groups?: AppShellNavGroup[];\n  /**\n   * How the groups read.\n   *\n   * `\"list\"` (the default) styles each group heading as a small uppercase\n   * cluster label — right for a handful of named clusters under one section.\n   *\n   * `\"tree\"` styles headings as ordinary nav rows, because in a tree a folder\n   * sits at the same level as its sibling destinations: a group carrying an\n   * `item` renders as a link either way, so an uppercase heading beside it\n   * would make two nodes of the same kind look like different things.\n   */\n  variant?: \"list\" | \"tree\";\n  /**\n   * Makes the section's rows draggable onto one another, so a hierarchy can be\n   * rearranged in place. The section stays the boundary — a row never lands in\n   * a different section — and the consumer owns what a move means. Ignored\n   * while the rail is collapsed, where there are no folder rows to aim at.\n   */\n  drag?: AppShellNavDrag;\n};\n\nexport type AppShellProps = {\n  // ── Top bar (right of the rail; full width when no rail) ─\n  /** Brand mark / wordmark. Shown in the rail header when a rail is present, else in the top bar. */\n  brand?: ReactNode;\n  /** Inline primary nav (e.g. tabs) shown after the brand in the top bar. */\n  nav?: ReactNode;\n  /** Centered search slot; grows to fill and is width-capped. */\n  search?: ReactNode;\n  /** Right-aligned cluster (icon buttons, settings/org picker, …). */\n  actions?: ReactNode;\n  /** Compact action cluster used in the mobile header. Defaults to `actions`. */\n  mobileActions?: ReactNode;\n  /** Optional second top-bar row for filters / bulk actions. */\n  toolbar?: ReactNode;\n  /** Max width of the centered search slot. Defaults to 28rem. */\n  searchMaxWidth?: string | number;\n\n  // ── Left nav rail (dark, collapsible, fixed width) ───────\n  /** Declarative nav sections rendered into the rail (collapse-aware). */\n  navSections?: AppShellNavSection[];\n  /** Custom sidebar content; receives the collapsed flag. Overrides navSections. */\n  sidebar?: ReactNode | ((collapsed: boolean) => ReactNode);\n  /** Pinned below the rail header (e.g. a context switcher). */\n  sidebarHeader?: ReactNode;\n  /** Pinned to the bottom of the rail (version, account). */\n  sidebarFooter?: ReactNode;\n  /** Show the collapse toggle. Defaults to true when a rail is present. */\n  collapsible?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** localStorage key persisting the collapsed state. */\n  collapsedStorageKey?: string;\n  /** localStorage key persisting per-group collapsed state. */\n  groupCollapsedStorageKey?: string;\n  /** Expanded rail width in px. Defaults to 240. */\n  sidebarWidth?: number;\n  /** Collapsed rail width in px. Defaults to 56. */\n  collapsedWidth?: number;\n  /** Accessible label for the mobile navigation drawer. Defaults to \"Navigation\". */\n  mobileSidebarLabel?: string;\n\n  // ── Body ─────────────────────────────────────────────────\n  /** Fixed header row, left side (breadcrumb, title, tabs). */\n  bodyHeader?: ReactNode;\n  /** Fixed header row, right side (entity actions) — same row as bodyHeader. */\n  bodyActions?: ReactNode;\n  /** Optional independent-scroll pane (e.g. a tree). Renders a SplitPane vs body-main. */\n  bodySidebar?: ReactNode;\n  /** bodySidebar width as a percent when present. Defaults to 24. */\n  bodySplit?: number;\n  /** Main content (body-main); fills the remaining space and scrolls. */\n  children: ReactNode;\n  /** Centers content at responsive wide breakpoints, or allows it to fill the workspace. */\n  contentWidth?: ContentWidth;\n\n  /**\n   * Outlines every slot in its own colour and labels it with its `data-slot`\n   * name — a layout-debugging aid for working out which region owns a given\n   * area or scrollbar. Uses `outline`, so enabling it does not shift layout.\n   */\n  debugSlots?: boolean;\n\n  className?: string;\n  headerClassName?: string;\n  toolbarClassName?: string;\n  sidebarClassName?: string;\n  bodyHeaderClassName?: string;\n  contentClassName?: string;\n};\n\nfunction readStored(key: string | undefined): string | null {\n  if (!key || typeof window === \"undefined\") return null;\n  return window.localStorage.getItem(key);\n}\n\nconst DEFAULT_GROUP_COLLAPSE_KEY = \"clicky-ui:app-shell:groups\";\n\nfunction readGroupState(storageKey: string): Record<string, boolean> {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\"\n      ? (parsed as Record<string, boolean>)\n      : {};\n  } catch {\n    return {};\n  }\n}\n\n// Lives here rather than in AppShell.nav so a single instance can be shared by\n// both NavSections renders (rail + mobile drawer).\nfunction useGroupCollapsed(storageKey: string): GroupState {\n  const [state, setState] = useState<Record<string, boolean>>(() =>\n    readGroupState(storageKey),\n  );\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(state));\n    } catch {\n      // Rail state is a UX nicety; private-mode storage failures are safe to swallow.\n    }\n  }, [state, storageKey]);\n  return {\n    isCollapsed: (key, fallback) => state[key] ?? fallback,\n    toggle: (key, fallback) =>\n      setState((prev) => ({ ...prev, [key]: !(prev[key] ?? fallback) })),\n  };\n}\n\nexport function AppShell(props: AppShellProps) {\n  const {\n    brand,\n    nav,\n    search,\n    actions,\n    mobileActions,\n    toolbar,\n    searchMaxWidth = \"28rem\",\n    navSections,\n    sidebar,\n    sidebarHeader,\n    sidebarFooter,\n    collapsible = true,\n    defaultCollapsed = false,\n    collapsedStorageKey,\n    groupCollapsedStorageKey,\n    sidebarWidth = 240,\n    collapsedWidth = 56,\n    mobileSidebarLabel = \"Navigation\",\n    bodyHeader,\n    bodyActions,\n    bodySidebar,\n    bodySplit = 24,\n    children,\n    contentWidth = \"contained\",\n    debugSlots = false,\n    className,\n    headerClassName,\n    toolbarClassName,\n    sidebarClassName,\n    bodyHeaderClassName,\n    contentClassName,\n  } = props;\n\n  const hasSidebar = sidebar !== undefined || (navSections?.length ?? 0) > 0;\n  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);\n\n  const [collapsed, setCollapsed] = useState(\n    () =>\n      readStored(collapsedStorageKey) === \"true\" ||\n      (readStored(collapsedStorageKey) === null && defaultCollapsed),\n  );\n\n  useEffect(() => {\n    if (collapsedStorageKey && typeof window !== \"undefined\")\n      window.localStorage.setItem(collapsedStorageKey, String(collapsed));\n  }, [collapsed, collapsedStorageKey]);\n\n  useEscapeLayer(mobileSidebarOpen, () => setMobileSidebarOpen(false));\n\n  // One instance for the rail AND the mobile drawer: both render NavSections,\n  // and per-render state behind a shared storage key would desync.\n  const groupState = useGroupCollapsed(\n    groupCollapsedStorageKey ?? DEFAULT_GROUP_COLLAPSE_KEY,\n  );\n\n  const railWidth = collapsed ? collapsedWidth : sidebarWidth;\n  const hasTopBar =\n    (!hasSidebar && brand !== undefined) ||\n    nav !== undefined ||\n    search !== undefined ||\n    actions !== undefined ||\n    mobileActions !== undefined ||\n    toolbar !== undefined;\n  const hasMobileHeader = hasSidebar;\n  const hasBodyHeader = bodyHeader !== undefined || bodyActions !== undefined;\n  const effectiveContentWidth =\n    bodySidebar === undefined ? contentWidth : \"full\";\n  const renderSidebarContent = (\n    collapsedValue: boolean,\n    onNavigate?: () => void,\n  ) =>\n    typeof sidebar === \"function\"\n      ? sidebar(collapsedValue)\n      : sidebar !== undefined\n        ? sidebar\n        : navSections && (\n            <NavSections\n              sections={navSections}\n              collapsed={collapsedValue}\n              groupState={groupState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          );\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 w-full bg-background\", className)}\n      {...(debugSlots ? { \"data-debug-slots\": \"true\" } : {})}\n    >\n      {debugSlots && <AppShellSlotOutlines />}\n      {hasSidebar && (\n        <aside\n          data-slot=\"app-shell-sidebar\"\n          style={{ width: railWidth }}\n          className={cn(\n            \"hidden shrink-0 flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 md:flex\",\n            sidebarClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"flex h-14 shrink-0 items-center border-b border-sidebar-border\",\n              collapsed\n                ? \"justify-center px-2\"\n                : \"justify-between px-density-3\",\n            )}\n          >\n            {!collapsed && brand && (\n              <div\n                data-slot=\"app-shell-brand\"\n                className=\"flex min-w-0 items-center gap-2\"\n              >\n                {brand}\n              </div>\n            )}\n            {collapsible && (\n              <button\n                type=\"button\"\n                onClick={() => setCollapsed((c) => !c)}\n                aria-label={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <Icon icon={UiSidebar} className=\"h-4 w-4\" />\n              </button>\n            )}\n          </div>\n          {sidebarHeader && (\n            <div\n              data-slot=\"app-shell-sidebar-header\"\n              className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarHeader}\n            </div>\n          )}\n          <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n            {renderSidebarContent(collapsed)}\n          </div>\n          {sidebarFooter && (\n            <div\n              data-slot=\"app-shell-sidebar-footer\"\n              className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarFooter}\n            </div>\n          )}\n        </aside>\n      )}\n\n      <div\n        data-slot=\"app-shell-column\"\n        className=\"@container/app-content flex min-h-0 min-w-0 flex-1 flex-col\"\n      >\n        {(hasTopBar || hasMobileHeader) && (\n          <header\n            data-slot=\"app-shell-header\"\n            className=\"shrink-0 border-b border-border bg-card\"\n          >\n            <div\n              className={cn(\n                hasSidebar\n                  ? \"flex flex-wrap items-center gap-density-2 px-density-3 py-density-2 md:h-14 md:flex-nowrap md:gap-density-3 md:px-density-4 md:py-0\"\n                  : // Wraps rather than squeezing. The nav shrinks and the\n                    // actions cluster does not, so on a laptop a full actions\n                    // row left the nav a sliver — every tab but the first\n                    // scrolled out of sight. A second line costs 44px and only\n                    // appears when the row genuinely cannot fit.\n                    \"flex min-h-14 flex-wrap items-center gap-density-3 px-density-4\",\n                headerClassName,\n              )}\n            >\n              {hasSidebar && (\n                <button\n                  type=\"button\"\n                  aria-label={`Open ${mobileSidebarLabel}`}\n                  title={mobileSidebarLabel}\n                  className=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground transition-colors hover:bg-accent md:hidden\"\n                  onClick={() => setMobileSidebarOpen(true)}\n                >\n                  <Icon icon={UiMenu} className=\"h-4 w-4\" />\n                </button>\n              )}\n              {brand && (\n                <div\n                  data-slot=\"app-shell-brand\"\n                  className={cn(\n                    \"min-w-0 items-center gap-density-2\",\n                    hasSidebar ? \"flex flex-1 md:hidden\" : \"flex shrink-0\",\n                  )}\n                >\n                  {brand}\n                </div>\n              )}\n              {nav && (\n                <div\n                  data-slot=\"app-shell-nav\"\n                  className={cn(\n                    // The nav is the only header slot that both shrinks\n                    // (min-w-0) and holds wide content, while the actions\n                    // cluster beside it is shrink-0. Give a full actions row\n                    // and this box collapses to a sliver — so it needs a guard,\n                    // or its tabs paint straight over the toolbar next to it\n                    // and both become unreadable. Scrolling keeps every tab\n                    // reachable; overflowing keeps none of them.\n                    \"flex min-w-0 items-center overflow-x-auto\",\n                    hasSidebar && \"order-3 basis-full md:order-none md:basis-auto\",\n                  )}\n                >\n                  {nav}\n                </div>\n              )}\n              {search !== undefined && (\n                <div\n                  data-slot=\"app-shell-search\"\n                  className={cn(\n                    \"flex min-w-0 flex-1 justify-center\",\n                    hasSidebar &&\n                      \"order-2 basis-full md:order-none md:basis-auto md:flex-1\",\n                  )}\n                >\n                  <div className=\"w-full\" style={{ maxWidth: searchMaxWidth }}>\n                    {search}\n                  </div>\n                </div>\n              )}\n              {search === undefined && (\n                <div\n                  className={cn(\"flex-1\", hasSidebar && \"hidden md:block\")}\n                />\n              )}\n              {(actions !== undefined ||\n                (hasSidebar && mobileActions !== undefined)) && (\n                <div\n                  data-slot=\"app-shell-actions\"\n                  className={cn(\n                    \"flex shrink-0 items-center gap-density-2\",\n                    // Below md the cluster must never be wider than the\n                    // phone: a shrink-0 row that overflows widens the layout\n                    // viewport, and then every fixed overlay on the page\n                    // loses its right edge. Let it shrink and scroll its own\n                    // contents instead, the same guard the nav slot has.\n                    \"max-md:min-w-0 max-md:max-w-full max-md:shrink max-md:overflow-x-auto\",\n                    hasSidebar && \"order-1 ml-auto md:order-none md:ml-0\",\n                  )}\n                >\n                  {!hasSidebar || mobileActions === undefined ? (\n                    actions\n                  ) : (\n                    <>\n                      <div className=\"hidden items-center gap-density-2 md:flex\">\n                        {actions}\n                      </div>\n                      <div className=\"flex items-center gap-density-2 md:hidden\">\n                        {mobileActions}\n                      </div>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n            {toolbar && (\n              <div\n                data-slot=\"app-shell-toolbar\"\n                className={cn(\n                  \"flex flex-wrap items-center gap-density-2 border-t border-border bg-muted px-density-3 py-density-2 md:px-density-4\",\n                  toolbarClassName,\n                )}\n              >\n                {toolbar}\n              </div>\n            )}\n          </header>\n        )}\n\n        {hasBodyHeader && (\n          <div\n            data-slot=\"app-shell-body-header\"\n            className={cn(\n              \"shrink-0 border-b border-border bg-card\",\n              bodyHeaderClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-body-header-content\"\n              data-content-width={effectiveContentWidth}\n              className={cn(\n                \"flex flex-col items-stretch gap-density-2 px-density-3 py-density-2 md:flex-row md:items-start md:justify-between md:gap-density-3 md:px-density-4\",\n                contentWidthClassName(effectiveContentWidth),\n              )}\n            >\n              <div className=\"min-w-0 flex-1\">{bodyHeader}</div>\n              {bodyActions && (\n                <div\n                  data-slot=\"app-shell-body-actions\"\n                  className=\"flex shrink-0 flex-wrap items-center gap-density-2\"\n                >\n                  {bodyActions}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {bodySidebar !== undefined ? (\n          <SplitPane\n            stackOnMobile\n            className=\"min-h-0 flex-1\"\n            defaultSplit={bodySplit}\n            minLeft={12}\n            minRight={30}\n            left={\n              <div data-slot=\"app-shell-body-sidebar\" className=\"h-full\">\n                {bodySidebar}\n              </div>\n            }\n            right={\n              <main\n                data-slot=\"app-shell-main\"\n                className={cn(\n                  \"h-full min-h-0 min-w-0 overflow-auto\",\n                  contentClassName,\n                )}\n              >\n                {children}\n              </main>\n            }\n            leftClass=\"max-h-[40vh] shrink-0 border-b border-border md:max-h-none md:border-b-0\"\n            rightClass=\"min-h-0 flex-1 md:flex-none\"\n          />\n        ) : (\n          <main\n            data-slot=\"app-shell-main\"\n            className={cn(\n              \"min-h-0 min-w-0 flex-1 overflow-auto\",\n              contentClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-content\"\n              data-content-width={contentWidth}\n              className={cn(contentWidthClassName(contentWidth), \"h-full\")}\n            >\n              {children}\n            </div>\n          </main>\n        )}\n      </div>\n      {hasSidebar && mobileSidebarOpen && (\n        <div\n          className=\"fixed inset-0 z-50 md:hidden\"\n          role=\"presentation\"\n          onClick={() => setMobileSidebarOpen(false)}\n        >\n          <div className=\"absolute inset-0 bg-black/40\" />\n          <aside\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={mobileSidebarLabel}\n            className={cn(\n              \"relative z-10 flex h-full w-[min(20rem,85vw)] flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl\",\n              sidebarClassName,\n            )}\n            onClick={(event) => event.stopPropagation()}\n          >\n            <div className=\"flex h-14 shrink-0 items-center justify-between border-b border-sidebar-border px-density-3\">\n              {brand && (\n                <div className=\"flex min-w-0 items-center gap-2\">{brand}</div>\n              )}\n              <button\n                type=\"button\"\n                aria-label={`Close ${mobileSidebarLabel}`}\n                title=\"Close\"\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                onClick={() => setMobileSidebarOpen(false)}\n              >\n                <Icon icon={UiClose} className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {sidebarHeader && (\n              <div className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\">\n                {sidebarHeader}\n              </div>\n            )}\n            <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n              {renderSidebarContent(false, () => setMobileSidebarOpen(false))}\n            </div>\n            {sidebarFooter && (\n              <div className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\">\n                {sidebarFooter}\n              </div>\n            )}\n          </aside>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","useEffect","contentWidth","useEscapeLayer","jsx","NavSections","jsxs","cn","AppShellSlotOutlines","Icon","UiSidebar","UiMenu","Fragment","contentWidthClassName","SplitPane","UiClose"],"mappings":"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"}

package/dist/layout/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/layout/AppShell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/layout/AppShell.tsx"],"names":[],"mappings":"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"}

package/dist/layout/AppShell.js

@@ -260,6 +260,12 @@ function AppShell(props) {
                               "data-slot": "app-shell-actions",
                               className: cn(
                                 "flex shrink-0 items-center gap-density-2",
+                                // Below md the cluster must never be wider than the
+                                // phone: a shrink-0 row that overflows widens the layout
+                                // viewport, and then every fixed overlay on the page
+                                // loses its right edge. Let it shrink and scroll its own
+                                // contents instead, the same guard the nav slot has.
+                                "max-md:min-w-0 max-md:max-w-full max-md:shrink max-md:overflow-x-auto",
                                 hasSidebar && "order-1 ml-auto md:order-none md:ml-0"
                               ),
                               children: !hasSidebar || mobileActions === void 0 ? actions : /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/layout/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sources":["../../src/layout/AppShell.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiClose, UiMenu, UiSidebar } from \"../icons\";\nimport { useEscapeLayer } from \"../overlay/modalStack\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { SplitPane } from \"./SplitPane\";\nimport { AppShellSlotOutlines } from \"./AppShell.debug\";\nimport { NavSections, type GroupState } from \"./AppShell.nav\";\nimport type { AppShellNavDrag } from \"./AppShell.nav.drag\";\nimport { contentWidthClassName, type ContentWidth } from \"./content-width\";\n\n// AppShell is a sidebar-first application shell. The full-height DARK nav rail\n// owns the brand + collapse toggle and renders grouped nav sections; the top bar\n// (search, actions) sits to the RIGHT of the rail — there is no full-width top\n// bar when a rail is present. With no rail, the top bar spans full width. The\n// body carries a fixed bodyHeader + bodyActions row over an optional\n// bodySidebar | body-main split (body-main scrolls; bodySidebar — e.g. a tree —\n// scrolls independently via a resizable SplitPane).\n\nexport type AppShellNavItem = {\n  /** Stable key; also the React key. */\n  key: string;\n  /** Visible label (hidden when the rail is collapsed). */\n  label: ReactNode;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Highlights the item as the current location. */\n  active?: boolean;\n  /** Routing destination; rendered as an anchor via the RouterAdapter. */\n  to: string;\n  /** Opens `to` in a new tab. */\n  external?: boolean;\n  /** Trailing adornment (count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened by right-click, the Context Menu key, or Shift+F10. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n};\n\nexport type AppShellNavGroup = {\n  /** Stable key; also the key its collapsed state persists under. */\n  key: string;\n  /** Group heading rendered on the toggle row. */\n  label: string;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Trailing adornment (aggregate count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened from the group heading's context menu. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n  /** Folded on first render until the user toggles it. */\n  defaultCollapsed?: boolean;\n  /**\n   * Keeps the group open regardless of stored state, so a deep-linked\n   * destination can never hide under a folder the user collapsed earlier.\n   * Mirrors `Tree.revealSelected`: set it on the active item's ancestors.\n   */\n  forceExpanded?: boolean;\n  items: AppShellNavItem[];\n  /**\n   * Nested sub-groups, rendered after `items` at one further indent. Groups\n   * nest arbitrarily, so a backend hierarchy deeper than two levels does not\n   * have to be flattened to fit the rail.\n   */\n  groups?: AppShellNavGroup[];\n  /**\n   * Makes the group's own heading row a destination as well as a disclosure:\n   * the label becomes a nav link and the chevron sits beside it as a separate\n   * control. Needed wherever a node is both a folder and a leaf — e.g. a\n   * profile named `jms` that is runnable *and* the parent of `jms.incoming`.\n   */\n  item?: AppShellNavItem;\n};\n\nexport type AppShellNavSection = {\n  /** Section heading; collapses to a divider when the rail is collapsed. */\n  label?: string;\n  items?: AppShellNavItem[];\n  /** Collapsible groups rendered after the flat items. High-cardinality\n   *  clusters (provider surfaces, per-ledger journals) belong here so they can\n   *  be folded away; a collapsed rail flattens them back to plain items. */\n  groups?: AppShellNavGroup[];\n  /**\n   * How the groups read.\n   *\n   * `\"list\"` (the default) styles each group heading as a small uppercase\n   * cluster label — right for a handful of named clusters under one section.\n   *\n   * `\"tree\"` styles headings as ordinary nav rows, because in a tree a folder\n   * sits at the same level as its sibling destinations: a group carrying an\n   * `item` renders as a link either way, so an uppercase heading beside it\n   * would make two nodes of the same kind look like different things.\n   */\n  variant?: \"list\" | \"tree\";\n  /**\n   * Makes the section's rows draggable onto one another, so a hierarchy can be\n   * rearranged in place. The section stays the boundary — a row never lands in\n   * a different section — and the consumer owns what a move means. Ignored\n   * while the rail is collapsed, where there are no folder rows to aim at.\n   */\n  drag?: AppShellNavDrag;\n};\n\nexport type AppShellProps = {\n  // ── Top bar (right of the rail; full width when no rail) ─\n  /** Brand mark / wordmark. Shown in the rail header when a rail is present, else in the top bar. */\n  brand?: ReactNode;\n  /** Inline primary nav (e.g. tabs) shown after the brand in the top bar. */\n  nav?: ReactNode;\n  /** Centered search slot; grows to fill and is width-capped. */\n  search?: ReactNode;\n  /** Right-aligned cluster (icon buttons, settings/org picker, …). */\n  actions?: ReactNode;\n  /** Compact action cluster used in the mobile header. Defaults to `actions`. */\n  mobileActions?: ReactNode;\n  /** Optional second top-bar row for filters / bulk actions. */\n  toolbar?: ReactNode;\n  /** Max width of the centered search slot. Defaults to 28rem. */\n  searchMaxWidth?: string | number;\n\n  // ── Left nav rail (dark, collapsible, fixed width) ───────\n  /** Declarative nav sections rendered into the rail (collapse-aware). */\n  navSections?: AppShellNavSection[];\n  /** Custom sidebar content; receives the collapsed flag. Overrides navSections. */\n  sidebar?: ReactNode | ((collapsed: boolean) => ReactNode);\n  /** Pinned below the rail header (e.g. a context switcher). */\n  sidebarHeader?: ReactNode;\n  /** Pinned to the bottom of the rail (version, account). */\n  sidebarFooter?: ReactNode;\n  /** Show the collapse toggle. Defaults to true when a rail is present. */\n  collapsible?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** localStorage key persisting the collapsed state. */\n  collapsedStorageKey?: string;\n  /** localStorage key persisting per-group collapsed state. */\n  groupCollapsedStorageKey?: string;\n  /** Expanded rail width in px. Defaults to 240. */\n  sidebarWidth?: number;\n  /** Collapsed rail width in px. Defaults to 56. */\n  collapsedWidth?: number;\n  /** Accessible label for the mobile navigation drawer. Defaults to \"Navigation\". */\n  mobileSidebarLabel?: string;\n\n  // ── Body ─────────────────────────────────────────────────\n  /** Fixed header row, left side (breadcrumb, title, tabs). */\n  bodyHeader?: ReactNode;\n  /** Fixed header row, right side (entity actions) — same row as bodyHeader. */\n  bodyActions?: ReactNode;\n  /** Optional independent-scroll pane (e.g. a tree). Renders a SplitPane vs body-main. */\n  bodySidebar?: ReactNode;\n  /** bodySidebar width as a percent when present. Defaults to 24. */\n  bodySplit?: number;\n  /** Main content (body-main); fills the remaining space and scrolls. */\n  children: ReactNode;\n  /** Centers content at responsive wide breakpoints, or allows it to fill the workspace. */\n  contentWidth?: ContentWidth;\n\n  /**\n   * Outlines every slot in its own colour and labels it with its `data-slot`\n   * name — a layout-debugging aid for working out which region owns a given\n   * area or scrollbar. Uses `outline`, so enabling it does not shift layout.\n   */\n  debugSlots?: boolean;\n\n  className?: string;\n  headerClassName?: string;\n  toolbarClassName?: string;\n  sidebarClassName?: string;\n  bodyHeaderClassName?: string;\n  contentClassName?: string;\n};\n\nfunction readStored(key: string | undefined): string | null {\n  if (!key || typeof window === \"undefined\") return null;\n  return window.localStorage.getItem(key);\n}\n\nconst DEFAULT_GROUP_COLLAPSE_KEY = \"clicky-ui:app-shell:groups\";\n\nfunction readGroupState(storageKey: string): Record<string, boolean> {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\"\n      ? (parsed as Record<string, boolean>)\n      : {};\n  } catch {\n    return {};\n  }\n}\n\n// Lives here rather than in AppShell.nav so a single instance can be shared by\n// both NavSections renders (rail + mobile drawer).\nfunction useGroupCollapsed(storageKey: string): GroupState {\n  const [state, setState] = useState<Record<string, boolean>>(() =>\n    readGroupState(storageKey),\n  );\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(state));\n    } catch {\n      // Rail state is a UX nicety; private-mode storage failures are safe to swallow.\n    }\n  }, [state, storageKey]);\n  return {\n    isCollapsed: (key, fallback) => state[key] ?? fallback,\n    toggle: (key, fallback) =>\n      setState((prev) => ({ ...prev, [key]: !(prev[key] ?? fallback) })),\n  };\n}\n\nexport function AppShell(props: AppShellProps) {\n  const {\n    brand,\n    nav,\n    search,\n    actions,\n    mobileActions,\n    toolbar,\n    searchMaxWidth = \"28rem\",\n    navSections,\n    sidebar,\n    sidebarHeader,\n    sidebarFooter,\n    collapsible = true,\n    defaultCollapsed = false,\n    collapsedStorageKey,\n    groupCollapsedStorageKey,\n    sidebarWidth = 240,\n    collapsedWidth = 56,\n    mobileSidebarLabel = \"Navigation\",\n    bodyHeader,\n    bodyActions,\n    bodySidebar,\n    bodySplit = 24,\n    children,\n    contentWidth = \"contained\",\n    debugSlots = false,\n    className,\n    headerClassName,\n    toolbarClassName,\n    sidebarClassName,\n    bodyHeaderClassName,\n    contentClassName,\n  } = props;\n\n  const hasSidebar = sidebar !== undefined || (navSections?.length ?? 0) > 0;\n  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);\n\n  const [collapsed, setCollapsed] = useState(\n    () =>\n      readStored(collapsedStorageKey) === \"true\" ||\n      (readStored(collapsedStorageKey) === null && defaultCollapsed),\n  );\n\n  useEffect(() => {\n    if (collapsedStorageKey && typeof window !== \"undefined\")\n      window.localStorage.setItem(collapsedStorageKey, String(collapsed));\n  }, [collapsed, collapsedStorageKey]);\n\n  useEscapeLayer(mobileSidebarOpen, () => setMobileSidebarOpen(false));\n\n  // One instance for the rail AND the mobile drawer: both render NavSections,\n  // and per-render state behind a shared storage key would desync.\n  const groupState = useGroupCollapsed(\n    groupCollapsedStorageKey ?? DEFAULT_GROUP_COLLAPSE_KEY,\n  );\n\n  const railWidth = collapsed ? collapsedWidth : sidebarWidth;\n  const hasTopBar =\n    (!hasSidebar && brand !== undefined) ||\n    nav !== undefined ||\n    search !== undefined ||\n    actions !== undefined ||\n    mobileActions !== undefined ||\n    toolbar !== undefined;\n  const hasMobileHeader = hasSidebar;\n  const hasBodyHeader = bodyHeader !== undefined || bodyActions !== undefined;\n  const effectiveContentWidth =\n    bodySidebar === undefined ? contentWidth : \"full\";\n  const renderSidebarContent = (\n    collapsedValue: boolean,\n    onNavigate?: () => void,\n  ) =>\n    typeof sidebar === \"function\"\n      ? sidebar(collapsedValue)\n      : sidebar !== undefined\n        ? sidebar\n        : navSections && (\n            <NavSections\n              sections={navSections}\n              collapsed={collapsedValue}\n              groupState={groupState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          );\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 w-full bg-background\", className)}\n      {...(debugSlots ? { \"data-debug-slots\": \"true\" } : {})}\n    >\n      {debugSlots && <AppShellSlotOutlines />}\n      {hasSidebar && (\n        <aside\n          data-slot=\"app-shell-sidebar\"\n          style={{ width: railWidth }}\n          className={cn(\n            \"hidden shrink-0 flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 md:flex\",\n            sidebarClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"flex h-14 shrink-0 items-center border-b border-sidebar-border\",\n              collapsed\n                ? \"justify-center px-2\"\n                : \"justify-between px-density-3\",\n            )}\n          >\n            {!collapsed && brand && (\n              <div\n                data-slot=\"app-shell-brand\"\n                className=\"flex min-w-0 items-center gap-2\"\n              >\n                {brand}\n              </div>\n            )}\n            {collapsible && (\n              <button\n                type=\"button\"\n                onClick={() => setCollapsed((c) => !c)}\n                aria-label={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <Icon icon={UiSidebar} className=\"h-4 w-4\" />\n              </button>\n            )}\n          </div>\n          {sidebarHeader && (\n            <div\n              data-slot=\"app-shell-sidebar-header\"\n              className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarHeader}\n            </div>\n          )}\n          <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n            {renderSidebarContent(collapsed)}\n          </div>\n          {sidebarFooter && (\n            <div\n              data-slot=\"app-shell-sidebar-footer\"\n              className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarFooter}\n            </div>\n          )}\n        </aside>\n      )}\n\n      <div\n        data-slot=\"app-shell-column\"\n        className=\"@container/app-content flex min-h-0 min-w-0 flex-1 flex-col\"\n      >\n        {(hasTopBar || hasMobileHeader) && (\n          <header\n            data-slot=\"app-shell-header\"\n            className=\"shrink-0 border-b border-border bg-card\"\n          >\n            <div\n              className={cn(\n                hasSidebar\n                  ? \"flex flex-wrap items-center gap-density-2 px-density-3 py-density-2 md:h-14 md:flex-nowrap md:gap-density-3 md:px-density-4 md:py-0\"\n                  : // Wraps rather than squeezing. The nav shrinks and the\n                    // actions cluster does not, so on a laptop a full actions\n                    // row left the nav a sliver — every tab but the first\n                    // scrolled out of sight. A second line costs 44px and only\n                    // appears when the row genuinely cannot fit.\n                    \"flex min-h-14 flex-wrap items-center gap-density-3 px-density-4\",\n                headerClassName,\n              )}\n            >\n              {hasSidebar && (\n                <button\n                  type=\"button\"\n                  aria-label={`Open ${mobileSidebarLabel}`}\n                  title={mobileSidebarLabel}\n                  className=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground transition-colors hover:bg-accent md:hidden\"\n                  onClick={() => setMobileSidebarOpen(true)}\n                >\n                  <Icon icon={UiMenu} className=\"h-4 w-4\" />\n                </button>\n              )}\n              {brand && (\n                <div\n                  data-slot=\"app-shell-brand\"\n                  className={cn(\n                    \"min-w-0 items-center gap-density-2\",\n                    hasSidebar ? \"flex flex-1 md:hidden\" : \"flex shrink-0\",\n                  )}\n                >\n                  {brand}\n                </div>\n              )}\n              {nav && (\n                <div\n                  data-slot=\"app-shell-nav\"\n                  className={cn(\n                    // The nav is the only header slot that both shrinks\n                    // (min-w-0) and holds wide content, while the actions\n                    // cluster beside it is shrink-0. Give a full actions row\n                    // and this box collapses to a sliver — so it needs a guard,\n                    // or its tabs paint straight over the toolbar next to it\n                    // and both become unreadable. Scrolling keeps every tab\n                    // reachable; overflowing keeps none of them.\n                    \"flex min-w-0 items-center overflow-x-auto\",\n                    hasSidebar && \"order-3 basis-full md:order-none md:basis-auto\",\n                  )}\n                >\n                  {nav}\n                </div>\n              )}\n              {search !== undefined && (\n                <div\n                  data-slot=\"app-shell-search\"\n                  className={cn(\n                    \"flex min-w-0 flex-1 justify-center\",\n                    hasSidebar &&\n                      \"order-2 basis-full md:order-none md:basis-auto md:flex-1\",\n                  )}\n                >\n                  <div className=\"w-full\" style={{ maxWidth: searchMaxWidth }}>\n                    {search}\n                  </div>\n                </div>\n              )}\n              {search === undefined && (\n                <div\n                  className={cn(\"flex-1\", hasSidebar && \"hidden md:block\")}\n                />\n              )}\n              {(actions !== undefined ||\n                (hasSidebar && mobileActions !== undefined)) && (\n                <div\n                  data-slot=\"app-shell-actions\"\n                  className={cn(\n                    \"flex shrink-0 items-center gap-density-2\",\n                    hasSidebar && \"order-1 ml-auto md:order-none md:ml-0\",\n                  )}\n                >\n                  {!hasSidebar || mobileActions === undefined ? (\n                    actions\n                  ) : (\n                    <>\n                      <div className=\"hidden items-center gap-density-2 md:flex\">\n                        {actions}\n                      </div>\n                      <div className=\"flex items-center gap-density-2 md:hidden\">\n                        {mobileActions}\n                      </div>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n            {toolbar && (\n              <div\n                data-slot=\"app-shell-toolbar\"\n                className={cn(\n                  \"flex flex-wrap items-center gap-density-2 border-t border-border bg-muted px-density-3 py-density-2 md:px-density-4\",\n                  toolbarClassName,\n                )}\n              >\n                {toolbar}\n              </div>\n            )}\n          </header>\n        )}\n\n        {hasBodyHeader && (\n          <div\n            data-slot=\"app-shell-body-header\"\n            className={cn(\n              \"shrink-0 border-b border-border bg-card\",\n              bodyHeaderClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-body-header-content\"\n              data-content-width={effectiveContentWidth}\n              className={cn(\n                \"flex flex-col items-stretch gap-density-2 px-density-3 py-density-2 md:flex-row md:items-start md:justify-between md:gap-density-3 md:px-density-4\",\n                contentWidthClassName(effectiveContentWidth),\n              )}\n            >\n              <div className=\"min-w-0 flex-1\">{bodyHeader}</div>\n              {bodyActions && (\n                <div\n                  data-slot=\"app-shell-body-actions\"\n                  className=\"flex shrink-0 flex-wrap items-center gap-density-2\"\n                >\n                  {bodyActions}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {bodySidebar !== undefined ? (\n          <SplitPane\n            stackOnMobile\n            className=\"min-h-0 flex-1\"\n            defaultSplit={bodySplit}\n            minLeft={12}\n            minRight={30}\n            left={\n              <div data-slot=\"app-shell-body-sidebar\" className=\"h-full\">\n                {bodySidebar}\n              </div>\n            }\n            right={\n              <main\n                data-slot=\"app-shell-main\"\n                className={cn(\n                  \"h-full min-h-0 min-w-0 overflow-auto\",\n                  contentClassName,\n                )}\n              >\n                {children}\n              </main>\n            }\n            leftClass=\"max-h-[40vh] shrink-0 border-b border-border md:max-h-none md:border-b-0\"\n            rightClass=\"min-h-0 flex-1 md:flex-none\"\n          />\n        ) : (\n          <main\n            data-slot=\"app-shell-main\"\n            className={cn(\n              \"min-h-0 min-w-0 flex-1 overflow-auto\",\n              contentClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-content\"\n              data-content-width={contentWidth}\n              className={cn(contentWidthClassName(contentWidth), \"h-full\")}\n            >\n              {children}\n            </div>\n          </main>\n        )}\n      </div>\n      {hasSidebar && mobileSidebarOpen && (\n        <div\n          className=\"fixed inset-0 z-50 md:hidden\"\n          role=\"presentation\"\n          onClick={() => setMobileSidebarOpen(false)}\n        >\n          <div className=\"absolute inset-0 bg-black/40\" />\n          <aside\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={mobileSidebarLabel}\n            className={cn(\n              \"relative z-10 flex h-full w-[min(20rem,85vw)] flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl\",\n              sidebarClassName,\n            )}\n            onClick={(event) => event.stopPropagation()}\n          >\n            <div className=\"flex h-14 shrink-0 items-center justify-between border-b border-sidebar-border px-density-3\">\n              {brand && (\n                <div className=\"flex min-w-0 items-center gap-2\">{brand}</div>\n              )}\n              <button\n                type=\"button\"\n                aria-label={`Close ${mobileSidebarLabel}`}\n                title=\"Close\"\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                onClick={() => setMobileSidebarOpen(false)}\n              >\n                <Icon icon={UiClose} className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {sidebarHeader && (\n              <div className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\">\n                {sidebarHeader}\n              </div>\n            )}\n            <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n              {renderSidebarContent(false, () => setMobileSidebarOpen(false))}\n            </div>\n            {sidebarFooter && (\n              <div className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\">\n                {sidebarFooter}\n              </div>\n            )}\n          </aside>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.js","sources":["../../src/layout/AppShell.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiClose, UiMenu, UiSidebar } from \"../icons\";\nimport { useEscapeLayer } from \"../overlay/modalStack\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { SplitPane } from \"./SplitPane\";\nimport { AppShellSlotOutlines } from \"./AppShell.debug\";\nimport { NavSections, type GroupState } from \"./AppShell.nav\";\nimport type { AppShellNavDrag } from \"./AppShell.nav.drag\";\nimport { contentWidthClassName, type ContentWidth } from \"./content-width\";\n\n// AppShell is a sidebar-first application shell. The full-height DARK nav rail\n// owns the brand + collapse toggle and renders grouped nav sections; the top bar\n// (search, actions) sits to the RIGHT of the rail — there is no full-width top\n// bar when a rail is present. With no rail, the top bar spans full width. The\n// body carries a fixed bodyHeader + bodyActions row over an optional\n// bodySidebar | body-main split (body-main scrolls; bodySidebar — e.g. a tree —\n// scrolls independently via a resizable SplitPane).\n\nexport type AppShellNavItem = {\n  /** Stable key; also the React key. */\n  key: string;\n  /** Visible label (hidden when the rail is collapsed). */\n  label: ReactNode;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Highlights the item as the current location. */\n  active?: boolean;\n  /** Routing destination; rendered as an anchor via the RouterAdapter. */\n  to: string;\n  /** Opens `to` in a new tab. */\n  external?: boolean;\n  /** Trailing adornment (count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened by right-click, the Context Menu key, or Shift+F10. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n};\n\nexport type AppShellNavGroup = {\n  /** Stable key; also the key its collapsed state persists under. */\n  key: string;\n  /** Group heading rendered on the toggle row. */\n  label: string;\n  /** Leading icon (icon name or component). */\n  icon?: string | StaticIconComponent;\n  /** Trailing adornment (aggregate count, status dot). */\n  badge?: ReactNode;\n  /** Actions opened from the group heading's context menu. */\n  contextMenu?: DropdownMenuItem[];\n  /** Accessible label for the context menu. Defaults to `<label> actions`. */\n  contextMenuLabel?: string;\n  /** Folded on first render until the user toggles it. */\n  defaultCollapsed?: boolean;\n  /**\n   * Keeps the group open regardless of stored state, so a deep-linked\n   * destination can never hide under a folder the user collapsed earlier.\n   * Mirrors `Tree.revealSelected`: set it on the active item's ancestors.\n   */\n  forceExpanded?: boolean;\n  items: AppShellNavItem[];\n  /**\n   * Nested sub-groups, rendered after `items` at one further indent. Groups\n   * nest arbitrarily, so a backend hierarchy deeper than two levels does not\n   * have to be flattened to fit the rail.\n   */\n  groups?: AppShellNavGroup[];\n  /**\n   * Makes the group's own heading row a destination as well as a disclosure:\n   * the label becomes a nav link and the chevron sits beside it as a separate\n   * control. Needed wherever a node is both a folder and a leaf — e.g. a\n   * profile named `jms` that is runnable *and* the parent of `jms.incoming`.\n   */\n  item?: AppShellNavItem;\n};\n\nexport type AppShellNavSection = {\n  /** Section heading; collapses to a divider when the rail is collapsed. */\n  label?: string;\n  items?: AppShellNavItem[];\n  /** Collapsible groups rendered after the flat items. High-cardinality\n   *  clusters (provider surfaces, per-ledger journals) belong here so they can\n   *  be folded away; a collapsed rail flattens them back to plain items. */\n  groups?: AppShellNavGroup[];\n  /**\n   * How the groups read.\n   *\n   * `\"list\"` (the default) styles each group heading as a small uppercase\n   * cluster label — right for a handful of named clusters under one section.\n   *\n   * `\"tree\"` styles headings as ordinary nav rows, because in a tree a folder\n   * sits at the same level as its sibling destinations: a group carrying an\n   * `item` renders as a link either way, so an uppercase heading beside it\n   * would make two nodes of the same kind look like different things.\n   */\n  variant?: \"list\" | \"tree\";\n  /**\n   * Makes the section's rows draggable onto one another, so a hierarchy can be\n   * rearranged in place. The section stays the boundary — a row never lands in\n   * a different section — and the consumer owns what a move means. Ignored\n   * while the rail is collapsed, where there are no folder rows to aim at.\n   */\n  drag?: AppShellNavDrag;\n};\n\nexport type AppShellProps = {\n  // ── Top bar (right of the rail; full width when no rail) ─\n  /** Brand mark / wordmark. Shown in the rail header when a rail is present, else in the top bar. */\n  brand?: ReactNode;\n  /** Inline primary nav (e.g. tabs) shown after the brand in the top bar. */\n  nav?: ReactNode;\n  /** Centered search slot; grows to fill and is width-capped. */\n  search?: ReactNode;\n  /** Right-aligned cluster (icon buttons, settings/org picker, …). */\n  actions?: ReactNode;\n  /** Compact action cluster used in the mobile header. Defaults to `actions`. */\n  mobileActions?: ReactNode;\n  /** Optional second top-bar row for filters / bulk actions. */\n  toolbar?: ReactNode;\n  /** Max width of the centered search slot. Defaults to 28rem. */\n  searchMaxWidth?: string | number;\n\n  // ── Left nav rail (dark, collapsible, fixed width) ───────\n  /** Declarative nav sections rendered into the rail (collapse-aware). */\n  navSections?: AppShellNavSection[];\n  /** Custom sidebar content; receives the collapsed flag. Overrides navSections. */\n  sidebar?: ReactNode | ((collapsed: boolean) => ReactNode);\n  /** Pinned below the rail header (e.g. a context switcher). */\n  sidebarHeader?: ReactNode;\n  /** Pinned to the bottom of the rail (version, account). */\n  sidebarFooter?: ReactNode;\n  /** Show the collapse toggle. Defaults to true when a rail is present. */\n  collapsible?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** localStorage key persisting the collapsed state. */\n  collapsedStorageKey?: string;\n  /** localStorage key persisting per-group collapsed state. */\n  groupCollapsedStorageKey?: string;\n  /** Expanded rail width in px. Defaults to 240. */\n  sidebarWidth?: number;\n  /** Collapsed rail width in px. Defaults to 56. */\n  collapsedWidth?: number;\n  /** Accessible label for the mobile navigation drawer. Defaults to \"Navigation\". */\n  mobileSidebarLabel?: string;\n\n  // ── Body ─────────────────────────────────────────────────\n  /** Fixed header row, left side (breadcrumb, title, tabs). */\n  bodyHeader?: ReactNode;\n  /** Fixed header row, right side (entity actions) — same row as bodyHeader. */\n  bodyActions?: ReactNode;\n  /** Optional independent-scroll pane (e.g. a tree). Renders a SplitPane vs body-main. */\n  bodySidebar?: ReactNode;\n  /** bodySidebar width as a percent when present. Defaults to 24. */\n  bodySplit?: number;\n  /** Main content (body-main); fills the remaining space and scrolls. */\n  children: ReactNode;\n  /** Centers content at responsive wide breakpoints, or allows it to fill the workspace. */\n  contentWidth?: ContentWidth;\n\n  /**\n   * Outlines every slot in its own colour and labels it with its `data-slot`\n   * name — a layout-debugging aid for working out which region owns a given\n   * area or scrollbar. Uses `outline`, so enabling it does not shift layout.\n   */\n  debugSlots?: boolean;\n\n  className?: string;\n  headerClassName?: string;\n  toolbarClassName?: string;\n  sidebarClassName?: string;\n  bodyHeaderClassName?: string;\n  contentClassName?: string;\n};\n\nfunction readStored(key: string | undefined): string | null {\n  if (!key || typeof window === \"undefined\") return null;\n  return window.localStorage.getItem(key);\n}\n\nconst DEFAULT_GROUP_COLLAPSE_KEY = \"clicky-ui:app-shell:groups\";\n\nfunction readGroupState(storageKey: string): Record<string, boolean> {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\"\n      ? (parsed as Record<string, boolean>)\n      : {};\n  } catch {\n    return {};\n  }\n}\n\n// Lives here rather than in AppShell.nav so a single instance can be shared by\n// both NavSections renders (rail + mobile drawer).\nfunction useGroupCollapsed(storageKey: string): GroupState {\n  const [state, setState] = useState<Record<string, boolean>>(() =>\n    readGroupState(storageKey),\n  );\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(state));\n    } catch {\n      // Rail state is a UX nicety; private-mode storage failures are safe to swallow.\n    }\n  }, [state, storageKey]);\n  return {\n    isCollapsed: (key, fallback) => state[key] ?? fallback,\n    toggle: (key, fallback) =>\n      setState((prev) => ({ ...prev, [key]: !(prev[key] ?? fallback) })),\n  };\n}\n\nexport function AppShell(props: AppShellProps) {\n  const {\n    brand,\n    nav,\n    search,\n    actions,\n    mobileActions,\n    toolbar,\n    searchMaxWidth = \"28rem\",\n    navSections,\n    sidebar,\n    sidebarHeader,\n    sidebarFooter,\n    collapsible = true,\n    defaultCollapsed = false,\n    collapsedStorageKey,\n    groupCollapsedStorageKey,\n    sidebarWidth = 240,\n    collapsedWidth = 56,\n    mobileSidebarLabel = \"Navigation\",\n    bodyHeader,\n    bodyActions,\n    bodySidebar,\n    bodySplit = 24,\n    children,\n    contentWidth = \"contained\",\n    debugSlots = false,\n    className,\n    headerClassName,\n    toolbarClassName,\n    sidebarClassName,\n    bodyHeaderClassName,\n    contentClassName,\n  } = props;\n\n  const hasSidebar = sidebar !== undefined || (navSections?.length ?? 0) > 0;\n  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);\n\n  const [collapsed, setCollapsed] = useState(\n    () =>\n      readStored(collapsedStorageKey) === \"true\" ||\n      (readStored(collapsedStorageKey) === null && defaultCollapsed),\n  );\n\n  useEffect(() => {\n    if (collapsedStorageKey && typeof window !== \"undefined\")\n      window.localStorage.setItem(collapsedStorageKey, String(collapsed));\n  }, [collapsed, collapsedStorageKey]);\n\n  useEscapeLayer(mobileSidebarOpen, () => setMobileSidebarOpen(false));\n\n  // One instance for the rail AND the mobile drawer: both render NavSections,\n  // and per-render state behind a shared storage key would desync.\n  const groupState = useGroupCollapsed(\n    groupCollapsedStorageKey ?? DEFAULT_GROUP_COLLAPSE_KEY,\n  );\n\n  const railWidth = collapsed ? collapsedWidth : sidebarWidth;\n  const hasTopBar =\n    (!hasSidebar && brand !== undefined) ||\n    nav !== undefined ||\n    search !== undefined ||\n    actions !== undefined ||\n    mobileActions !== undefined ||\n    toolbar !== undefined;\n  const hasMobileHeader = hasSidebar;\n  const hasBodyHeader = bodyHeader !== undefined || bodyActions !== undefined;\n  const effectiveContentWidth =\n    bodySidebar === undefined ? contentWidth : \"full\";\n  const renderSidebarContent = (\n    collapsedValue: boolean,\n    onNavigate?: () => void,\n  ) =>\n    typeof sidebar === \"function\"\n      ? sidebar(collapsedValue)\n      : sidebar !== undefined\n        ? sidebar\n        : navSections && (\n            <NavSections\n              sections={navSections}\n              collapsed={collapsedValue}\n              groupState={groupState}\n              {...(onNavigate ? { onNavigate } : {})}\n            />\n          );\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 w-full bg-background\", className)}\n      {...(debugSlots ? { \"data-debug-slots\": \"true\" } : {})}\n    >\n      {debugSlots && <AppShellSlotOutlines />}\n      {hasSidebar && (\n        <aside\n          data-slot=\"app-shell-sidebar\"\n          style={{ width: railWidth }}\n          className={cn(\n            \"hidden shrink-0 flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 md:flex\",\n            sidebarClassName,\n          )}\n        >\n          <div\n            className={cn(\n              \"flex h-14 shrink-0 items-center border-b border-sidebar-border\",\n              collapsed\n                ? \"justify-center px-2\"\n                : \"justify-between px-density-3\",\n            )}\n          >\n            {!collapsed && brand && (\n              <div\n                data-slot=\"app-shell-brand\"\n                className=\"flex min-w-0 items-center gap-2\"\n              >\n                {brand}\n              </div>\n            )}\n            {collapsible && (\n              <button\n                type=\"button\"\n                onClick={() => setCollapsed((c) => !c)}\n                aria-label={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <Icon icon={UiSidebar} className=\"h-4 w-4\" />\n              </button>\n            )}\n          </div>\n          {sidebarHeader && (\n            <div\n              data-slot=\"app-shell-sidebar-header\"\n              className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarHeader}\n            </div>\n          )}\n          <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n            {renderSidebarContent(collapsed)}\n          </div>\n          {sidebarFooter && (\n            <div\n              data-slot=\"app-shell-sidebar-footer\"\n              className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\"\n            >\n              {sidebarFooter}\n            </div>\n          )}\n        </aside>\n      )}\n\n      <div\n        data-slot=\"app-shell-column\"\n        className=\"@container/app-content flex min-h-0 min-w-0 flex-1 flex-col\"\n      >\n        {(hasTopBar || hasMobileHeader) && (\n          <header\n            data-slot=\"app-shell-header\"\n            className=\"shrink-0 border-b border-border bg-card\"\n          >\n            <div\n              className={cn(\n                hasSidebar\n                  ? \"flex flex-wrap items-center gap-density-2 px-density-3 py-density-2 md:h-14 md:flex-nowrap md:gap-density-3 md:px-density-4 md:py-0\"\n                  : // Wraps rather than squeezing. The nav shrinks and the\n                    // actions cluster does not, so on a laptop a full actions\n                    // row left the nav a sliver — every tab but the first\n                    // scrolled out of sight. A second line costs 44px and only\n                    // appears when the row genuinely cannot fit.\n                    \"flex min-h-14 flex-wrap items-center gap-density-3 px-density-4\",\n                headerClassName,\n              )}\n            >\n              {hasSidebar && (\n                <button\n                  type=\"button\"\n                  aria-label={`Open ${mobileSidebarLabel}`}\n                  title={mobileSidebarLabel}\n                  className=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground transition-colors hover:bg-accent md:hidden\"\n                  onClick={() => setMobileSidebarOpen(true)}\n                >\n                  <Icon icon={UiMenu} className=\"h-4 w-4\" />\n                </button>\n              )}\n              {brand && (\n                <div\n                  data-slot=\"app-shell-brand\"\n                  className={cn(\n                    \"min-w-0 items-center gap-density-2\",\n                    hasSidebar ? \"flex flex-1 md:hidden\" : \"flex shrink-0\",\n                  )}\n                >\n                  {brand}\n                </div>\n              )}\n              {nav && (\n                <div\n                  data-slot=\"app-shell-nav\"\n                  className={cn(\n                    // The nav is the only header slot that both shrinks\n                    // (min-w-0) and holds wide content, while the actions\n                    // cluster beside it is shrink-0. Give a full actions row\n                    // and this box collapses to a sliver — so it needs a guard,\n                    // or its tabs paint straight over the toolbar next to it\n                    // and both become unreadable. Scrolling keeps every tab\n                    // reachable; overflowing keeps none of them.\n                    \"flex min-w-0 items-center overflow-x-auto\",\n                    hasSidebar && \"order-3 basis-full md:order-none md:basis-auto\",\n                  )}\n                >\n                  {nav}\n                </div>\n              )}\n              {search !== undefined && (\n                <div\n                  data-slot=\"app-shell-search\"\n                  className={cn(\n                    \"flex min-w-0 flex-1 justify-center\",\n                    hasSidebar &&\n                      \"order-2 basis-full md:order-none md:basis-auto md:flex-1\",\n                  )}\n                >\n                  <div className=\"w-full\" style={{ maxWidth: searchMaxWidth }}>\n                    {search}\n                  </div>\n                </div>\n              )}\n              {search === undefined && (\n                <div\n                  className={cn(\"flex-1\", hasSidebar && \"hidden md:block\")}\n                />\n              )}\n              {(actions !== undefined ||\n                (hasSidebar && mobileActions !== undefined)) && (\n                <div\n                  data-slot=\"app-shell-actions\"\n                  className={cn(\n                    \"flex shrink-0 items-center gap-density-2\",\n                    // Below md the cluster must never be wider than the\n                    // phone: a shrink-0 row that overflows widens the layout\n                    // viewport, and then every fixed overlay on the page\n                    // loses its right edge. Let it shrink and scroll its own\n                    // contents instead, the same guard the nav slot has.\n                    \"max-md:min-w-0 max-md:max-w-full max-md:shrink max-md:overflow-x-auto\",\n                    hasSidebar && \"order-1 ml-auto md:order-none md:ml-0\",\n                  )}\n                >\n                  {!hasSidebar || mobileActions === undefined ? (\n                    actions\n                  ) : (\n                    <>\n                      <div className=\"hidden items-center gap-density-2 md:flex\">\n                        {actions}\n                      </div>\n                      <div className=\"flex items-center gap-density-2 md:hidden\">\n                        {mobileActions}\n                      </div>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n            {toolbar && (\n              <div\n                data-slot=\"app-shell-toolbar\"\n                className={cn(\n                  \"flex flex-wrap items-center gap-density-2 border-t border-border bg-muted px-density-3 py-density-2 md:px-density-4\",\n                  toolbarClassName,\n                )}\n              >\n                {toolbar}\n              </div>\n            )}\n          </header>\n        )}\n\n        {hasBodyHeader && (\n          <div\n            data-slot=\"app-shell-body-header\"\n            className={cn(\n              \"shrink-0 border-b border-border bg-card\",\n              bodyHeaderClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-body-header-content\"\n              data-content-width={effectiveContentWidth}\n              className={cn(\n                \"flex flex-col items-stretch gap-density-2 px-density-3 py-density-2 md:flex-row md:items-start md:justify-between md:gap-density-3 md:px-density-4\",\n                contentWidthClassName(effectiveContentWidth),\n              )}\n            >\n              <div className=\"min-w-0 flex-1\">{bodyHeader}</div>\n              {bodyActions && (\n                <div\n                  data-slot=\"app-shell-body-actions\"\n                  className=\"flex shrink-0 flex-wrap items-center gap-density-2\"\n                >\n                  {bodyActions}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {bodySidebar !== undefined ? (\n          <SplitPane\n            stackOnMobile\n            className=\"min-h-0 flex-1\"\n            defaultSplit={bodySplit}\n            minLeft={12}\n            minRight={30}\n            left={\n              <div data-slot=\"app-shell-body-sidebar\" className=\"h-full\">\n                {bodySidebar}\n              </div>\n            }\n            right={\n              <main\n                data-slot=\"app-shell-main\"\n                className={cn(\n                  \"h-full min-h-0 min-w-0 overflow-auto\",\n                  contentClassName,\n                )}\n              >\n                {children}\n              </main>\n            }\n            leftClass=\"max-h-[40vh] shrink-0 border-b border-border md:max-h-none md:border-b-0\"\n            rightClass=\"min-h-0 flex-1 md:flex-none\"\n          />\n        ) : (\n          <main\n            data-slot=\"app-shell-main\"\n            className={cn(\n              \"min-h-0 min-w-0 flex-1 overflow-auto\",\n              contentClassName,\n            )}\n          >\n            <div\n              data-slot=\"app-shell-content\"\n              data-content-width={contentWidth}\n              className={cn(contentWidthClassName(contentWidth), \"h-full\")}\n            >\n              {children}\n            </div>\n          </main>\n        )}\n      </div>\n      {hasSidebar && mobileSidebarOpen && (\n        <div\n          className=\"fixed inset-0 z-50 md:hidden\"\n          role=\"presentation\"\n          onClick={() => setMobileSidebarOpen(false)}\n        >\n          <div className=\"absolute inset-0 bg-black/40\" />\n          <aside\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label={mobileSidebarLabel}\n            className={cn(\n              \"relative z-10 flex h-full w-[min(20rem,85vw)] flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground shadow-xl\",\n              sidebarClassName,\n            )}\n            onClick={(event) => event.stopPropagation()}\n          >\n            <div className=\"flex h-14 shrink-0 items-center justify-between border-b border-sidebar-border px-density-3\">\n              {brand && (\n                <div className=\"flex min-w-0 items-center gap-2\">{brand}</div>\n              )}\n              <button\n                type=\"button\"\n                aria-label={`Close ${mobileSidebarLabel}`}\n                title=\"Close\"\n                className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/70 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                onClick={() => setMobileSidebarOpen(false)}\n              >\n                <Icon icon={UiClose} className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {sidebarHeader && (\n              <div className=\"shrink-0 border-b border-sidebar-border px-density-3 py-density-2\">\n                {sidebarHeader}\n              </div>\n            )}\n            <div className=\"min-h-0 flex-1 overflow-y-auto py-density-2\">\n              {renderSidebarContent(false, () => setMobileSidebarOpen(false))}\n            </div>\n            {sidebarFooter && (\n              <div className=\"mt-auto shrink-0 border-t border-sidebar-border px-density-3 py-density-2\">\n                {sidebarFooter}\n              </div>\n            )}\n          </aside>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/Workspace.model.cjs

@@ -12,6 +12,11 @@ function validateWorkspacePanes(panes) {
     if (ids.has(pane.id))
       throw new Error(`Workspace pane id ${pane.id} is duplicated`);
     ids.add(pane.id);
+    if (pane.showHeader === false && pane.collapsible !== false) {
+      throw new Error(
+        `Workspace pane ${pane.id} headerless panes must not be collapsible`
+      );
+    }
     validatePaneDimensions(pane);
   }
   if (panes.filter((pane) => pane.location === "center").length !== 1) {

package/dist/layout/Workspace.model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.model.cjs","sources":["../../src/layout/Workspace.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type WorkspacePaneLocation = \"left\" | \"center\" | \"right\" | \"bottom\";\nexport type WorkspaceSideLocation = \"left\" | \"right\";\n\nexport type WorkspacePaneSlots = {\n  headerLeading?: ReactNode;\n  headerTrailing?: ReactNode;\n};\n\nexport type WorkspacePaneSpec = {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  location: WorkspacePaneLocation;\n  content: ReactNode;\n  slots?: WorkspacePaneSlots;\n  width?: number;\n  height?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n  defaultCollapsed?: boolean;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport type WorkspaceLayoutState = {\n  leftWidth: number;\n  rightWidth: number;\n  bottomHeight: number;\n  stackHeights: Record<string, number>;\n  collapsed: Record<string, boolean>;\n  sideCollapsed: Record<WorkspaceSideLocation, boolean>;\n};\n\nexport type WorkspaceLayoutDefaults = Partial<WorkspaceLayoutState>;\n\nexport const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;\nexport const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;\nexport const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;\n\nconst STORAGE_VERSION = 2;\n\nexport function validateWorkspacePanes(panes: WorkspacePaneSpec[]) {\n  const ids = new Set<string>();\n  for (const pane of panes) {\n    if (!pane.id.trim())\n      throw new Error(\"Workspace pane ids must not be empty\");\n    if (ids.has(pane.id))\n      throw new Error(`Workspace pane id ${pane.id} is duplicated`);\n    ids.add(pane.id);\n    validatePaneDimensions(pane);\n  }\n\n  if (panes.filter((pane) => pane.location === \"center\").length !== 1) {\n    throw new Error(\"Workspace requires exactly one center pane\");\n  }\n  if (panes.filter((pane) => pane.location === \"bottom\").length > 1) {\n    throw new Error(\"Workspace allows at most one bottom pane\");\n  }\n  validateSharedSideWidth(panes, \"left\");\n  validateSharedSideWidth(panes, \"right\");\n}\n\nfunction validatePaneDimensions(pane: WorkspacePaneSpec) {\n  const values = [\n    pane.width,\n    pane.height,\n    pane.minWidth,\n    pane.maxWidth,\n    pane.minHeight,\n    pane.maxHeight,\n  ];\n  if (\n    values.some(\n      (value) => value !== undefined && (!Number.isFinite(value) || value <= 0),\n    )\n  ) {\n    throw new Error(\n      `Workspace pane ${pane.id} dimensions must be positive finite numbers`,\n    );\n  }\n  if (\n    pane.minWidth !== undefined &&\n    pane.maxWidth !== undefined &&\n    pane.minWidth > pane.maxWidth\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);\n  }\n  if (\n    pane.minHeight !== undefined &&\n    pane.maxHeight !== undefined &&\n    pane.minHeight > pane.maxHeight\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);\n  }\n}\n\nfunction validateSharedSideWidth(\n  panes: WorkspacePaneSpec[],\n  location: \"left\" | \"right\",\n) {\n  const widths = new Set(\n    panes\n      .filter((pane) => pane.location === location && pane.width !== undefined)\n      .map((pane) => pane.width),\n  );\n  if (widths.size > 1) {\n    throw new Error(\n      `Workspace panes stacked on the ${location} share one width`,\n    );\n  }\n}\n\nexport function createWorkspaceLayoutState(\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults = {},\n): WorkspaceLayoutState {\n  const left = panes.find((pane) => pane.location === \"left\");\n  const right = panes.find((pane) => pane.location === \"right\");\n  const bottom = panes.find((pane) => pane.location === \"bottom\");\n  const stackHeights = Object.fromEntries(\n    panes\n      .filter(\n        (pane) =>\n          (pane.location === \"left\" || pane.location === \"right\") &&\n          pane.height !== undefined,\n      )\n      .map((pane) => [pane.id, pane.height as number]),\n  );\n  const collapsed = Object.fromEntries(\n    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n  );\n\n  return {\n    leftWidth:\n      defaults.leftWidth ?? left?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    rightWidth:\n      defaults.rightWidth ?? right?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    bottomHeight:\n      defaults.bottomHeight ??\n      bottom?.height ??\n      WORKSPACE_DEFAULT_BOTTOM_HEIGHT,\n    stackHeights: { ...stackHeights, ...defaults.stackHeights },\n    collapsed: { ...collapsed, ...defaults.collapsed },\n    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed },\n  };\n}\n\nexport function readWorkspaceLayoutState(\n  storageKey: string,\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults,\n): WorkspaceLayoutState {\n  const fallback = createWorkspaceLayoutState(panes, defaults);\n  if (typeof window === \"undefined\") return fallback;\n  const saved = window.localStorage.getItem(storageKey);\n  if (!saved) return fallback;\n\n  try {\n    const parsed = JSON.parse(saved) as unknown;\n    if (!isStoredWorkspaceState(parsed))\n      throw new Error(\"unsupported workspace layout state\");\n    const paneIds = new Set(panes.map((pane) => pane.id));\n    return createWorkspaceLayoutState(panes, {\n      leftWidth: parsed.state.leftWidth,\n      rightWidth: parsed.state.rightWidth,\n      bottomHeight: parsed.state.bottomHeight,\n      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),\n      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),\n      sideCollapsed: parsed.state.sideCollapsed,\n    });\n  } catch (error) {\n    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);\n    window.localStorage.removeItem(storageKey);\n    return fallback;\n  }\n}\n\nexport function writeWorkspaceLayoutState(\n  storageKey: string,\n  state: WorkspaceLayoutState,\n) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    storageKey,\n    JSON.stringify({ version: STORAGE_VERSION, state }),\n  );\n}\n\nfunction filterPaneRecord<T>(\n  record: Record<string, T>,\n  paneIds: Set<string>,\n): Record<string, T> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([id]) => paneIds.has(id)),\n  );\n}\n\nfunction isStoredWorkspaceState(\n  value: unknown,\n): value is { version: 2; state: WorkspaceLayoutState } {\n  if (!value || typeof value !== \"object\") return false;\n  const stored = value as {\n    version?: unknown;\n    state?: Partial<WorkspaceLayoutState>;\n  };\n  const state = stored.state;\n  return (\n    stored.version === STORAGE_VERSION &&\n    Boolean(state) &&\n    isPositiveNumber(state?.leftWidth) &&\n    isPositiveNumber(state?.rightWidth) &&\n    isPositiveNumber(state?.bottomHeight) &&\n    isRecord(state?.stackHeights, \"number\") &&\n    isRecord(state?.collapsed, \"boolean\") &&\n    isSideCollapsed(state?.sideCollapsed)\n  );\n}\n\nfunction isSideCollapsed(\n  value: unknown,\n): value is WorkspaceLayoutState[\"sideCollapsed\"] {\n  if (!value || typeof value !== \"object\") return false;\n  const sides = value as Partial<WorkspaceLayoutState[\"sideCollapsed\"]>;\n  return typeof sides.left === \"boolean\" && typeof sides.right === \"boolean\";\n}\n\nfunction isPositiveNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value) && value > 0;\n}\n\nfunction isRecord(\n  value: unknown,\n  valueType: \"number\" | \"boolean\",\n): value is Record<string, never> {\n  return (\n    Boolean(value) &&\n    typeof value === \"object\" &&\n    Object.values(value as Record<string, unknown>).every(\n      (entry) => typeof entry === valueType,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Workspace.model.cjs","sources":["../../src/layout/Workspace.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type WorkspacePaneLocation = \"left\" | \"center\" | \"right\" | \"bottom\";\nexport type WorkspaceSideLocation = \"left\" | \"right\";\n\nexport type WorkspacePaneSlots = {\n  headerLeading?: ReactNode;\n  headerTrailing?: ReactNode;\n};\n\nexport type WorkspacePaneSpec = {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  location: WorkspacePaneLocation;\n  content: ReactNode;\n  slots?: WorkspacePaneSlots;\n  width?: number;\n  height?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  collapsible?: boolean;\n  /** Omits the pane chrome when the content already owns its heading. */\n  showHeader?: boolean;\n  resizable?: boolean;\n  defaultCollapsed?: boolean;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport type WorkspaceLayoutState = {\n  leftWidth: number;\n  rightWidth: number;\n  bottomHeight: number;\n  stackHeights: Record<string, number>;\n  collapsed: Record<string, boolean>;\n  sideCollapsed: Record<WorkspaceSideLocation, boolean>;\n};\n\nexport type WorkspaceLayoutDefaults = Partial<WorkspaceLayoutState>;\n\nexport const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;\nexport const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;\nexport const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;\n\nconst STORAGE_VERSION = 2;\n\nexport function validateWorkspacePanes(panes: WorkspacePaneSpec[]) {\n  const ids = new Set<string>();\n  for (const pane of panes) {\n    if (!pane.id.trim())\n      throw new Error(\"Workspace pane ids must not be empty\");\n    if (ids.has(pane.id))\n      throw new Error(`Workspace pane id ${pane.id} is duplicated`);\n    ids.add(pane.id);\n    if (pane.showHeader === false && pane.collapsible !== false) {\n      throw new Error(\n        `Workspace pane ${pane.id} headerless panes must not be collapsible`,\n      );\n    }\n    validatePaneDimensions(pane);\n  }\n\n  if (panes.filter((pane) => pane.location === \"center\").length !== 1) {\n    throw new Error(\"Workspace requires exactly one center pane\");\n  }\n  if (panes.filter((pane) => pane.location === \"bottom\").length > 1) {\n    throw new Error(\"Workspace allows at most one bottom pane\");\n  }\n  validateSharedSideWidth(panes, \"left\");\n  validateSharedSideWidth(panes, \"right\");\n}\n\nfunction validatePaneDimensions(pane: WorkspacePaneSpec) {\n  const values = [\n    pane.width,\n    pane.height,\n    pane.minWidth,\n    pane.maxWidth,\n    pane.minHeight,\n    pane.maxHeight,\n  ];\n  if (\n    values.some(\n      (value) => value !== undefined && (!Number.isFinite(value) || value <= 0),\n    )\n  ) {\n    throw new Error(\n      `Workspace pane ${pane.id} dimensions must be positive finite numbers`,\n    );\n  }\n  if (\n    pane.minWidth !== undefined &&\n    pane.maxWidth !== undefined &&\n    pane.minWidth > pane.maxWidth\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);\n  }\n  if (\n    pane.minHeight !== undefined &&\n    pane.maxHeight !== undefined &&\n    pane.minHeight > pane.maxHeight\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);\n  }\n}\n\nfunction validateSharedSideWidth(\n  panes: WorkspacePaneSpec[],\n  location: \"left\" | \"right\",\n) {\n  const widths = new Set(\n    panes\n      .filter((pane) => pane.location === location && pane.width !== undefined)\n      .map((pane) => pane.width),\n  );\n  if (widths.size > 1) {\n    throw new Error(\n      `Workspace panes stacked on the ${location} share one width`,\n    );\n  }\n}\n\nexport function createWorkspaceLayoutState(\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults = {},\n): WorkspaceLayoutState {\n  const left = panes.find((pane) => pane.location === \"left\");\n  const right = panes.find((pane) => pane.location === \"right\");\n  const bottom = panes.find((pane) => pane.location === \"bottom\");\n  const stackHeights = Object.fromEntries(\n    panes\n      .filter(\n        (pane) =>\n          (pane.location === \"left\" || pane.location === \"right\") &&\n          pane.height !== undefined,\n      )\n      .map((pane) => [pane.id, pane.height as number]),\n  );\n  const collapsed = Object.fromEntries(\n    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n  );\n\n  return {\n    leftWidth:\n      defaults.leftWidth ?? left?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    rightWidth:\n      defaults.rightWidth ?? right?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    bottomHeight:\n      defaults.bottomHeight ??\n      bottom?.height ??\n      WORKSPACE_DEFAULT_BOTTOM_HEIGHT,\n    stackHeights: { ...stackHeights, ...defaults.stackHeights },\n    collapsed: { ...collapsed, ...defaults.collapsed },\n    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed },\n  };\n}\n\nexport function readWorkspaceLayoutState(\n  storageKey: string,\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults,\n): WorkspaceLayoutState {\n  const fallback = createWorkspaceLayoutState(panes, defaults);\n  if (typeof window === \"undefined\") return fallback;\n  const saved = window.localStorage.getItem(storageKey);\n  if (!saved) return fallback;\n\n  try {\n    const parsed = JSON.parse(saved) as unknown;\n    if (!isStoredWorkspaceState(parsed))\n      throw new Error(\"unsupported workspace layout state\");\n    const paneIds = new Set(panes.map((pane) => pane.id));\n    return createWorkspaceLayoutState(panes, {\n      leftWidth: parsed.state.leftWidth,\n      rightWidth: parsed.state.rightWidth,\n      bottomHeight: parsed.state.bottomHeight,\n      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),\n      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),\n      sideCollapsed: parsed.state.sideCollapsed,\n    });\n  } catch (error) {\n    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);\n    window.localStorage.removeItem(storageKey);\n    return fallback;\n  }\n}\n\nexport function writeWorkspaceLayoutState(\n  storageKey: string,\n  state: WorkspaceLayoutState,\n) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    storageKey,\n    JSON.stringify({ version: STORAGE_VERSION, state }),\n  );\n}\n\nfunction filterPaneRecord<T>(\n  record: Record<string, T>,\n  paneIds: Set<string>,\n): Record<string, T> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([id]) => paneIds.has(id)),\n  );\n}\n\nfunction isStoredWorkspaceState(\n  value: unknown,\n): value is { version: 2; state: WorkspaceLayoutState } {\n  if (!value || typeof value !== \"object\") return false;\n  const stored = value as {\n    version?: unknown;\n    state?: Partial<WorkspaceLayoutState>;\n  };\n  const state = stored.state;\n  return (\n    stored.version === STORAGE_VERSION &&\n    Boolean(state) &&\n    isPositiveNumber(state?.leftWidth) &&\n    isPositiveNumber(state?.rightWidth) &&\n    isPositiveNumber(state?.bottomHeight) &&\n    isRecord(state?.stackHeights, \"number\") &&\n    isRecord(state?.collapsed, \"boolean\") &&\n    isSideCollapsed(state?.sideCollapsed)\n  );\n}\n\nfunction isSideCollapsed(\n  value: unknown,\n): value is WorkspaceLayoutState[\"sideCollapsed\"] {\n  if (!value || typeof value !== \"object\") return false;\n  const sides = value as Partial<WorkspaceLayoutState[\"sideCollapsed\"]>;\n  return typeof sides.left === \"boolean\" && typeof sides.right === \"boolean\";\n}\n\nfunction isPositiveNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value) && value > 0;\n}\n\nfunction isRecord(\n  value: unknown,\n  valueType: \"number\" | \"boolean\",\n): value is Record<string, never> {\n  return (\n    Boolean(value) &&\n    typeof value === \"object\" &&\n    Object.values(value as Record<string, unknown>).every(\n      (entry) => typeof entry === valueType,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/Workspace.model.d.ts

@@ -19,6 +19,8 @@ export type WorkspacePaneSpec = {
     minHeight?: number;
     maxHeight?: number;
     collapsible?: boolean;
+    /** Omits the pane chrome when the content already owns its heading. */
+    showHeader?: boolean;
     resizable?: boolean;
     defaultCollapsed?: boolean;
     className?: string;

package/dist/layout/Workspace.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.model.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAEpE,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAIjD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAmBhE;AAoDD,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,GAAE,uBAA4B,GACrC,oBAAoB,CA8BtB;AAED,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,EAAE,uBAAuB,GAChC,oBAAoB,CAwBtB;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,QAO5B"}
+{"version":3,"file":"Workspace.model.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAEpE,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAChD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAIjD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAwBhE;AAoDD,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,GAAE,uBAA4B,GACrC,oBAAoB,CA8BtB;AAED,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,iBAAiB,EAAE,EAC1B,QAAQ,EAAE,uBAAuB,GAChC,oBAAoB,CAwBtB;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,oBAAoB,QAO5B"}

package/dist/layout/Workspace.model.js

@@ -10,6 +10,11 @@ function validateWorkspacePanes(panes) {
     if (ids.has(pane.id))
       throw new Error(`Workspace pane id ${pane.id} is duplicated`);
     ids.add(pane.id);
+    if (pane.showHeader === false && pane.collapsible !== false) {
+      throw new Error(
+        `Workspace pane ${pane.id} headerless panes must not be collapsible`
+      );
+    }
     validatePaneDimensions(pane);
   }
   if (panes.filter((pane) => pane.location === "center").length !== 1) {

package/dist/layout/Workspace.model.js.map

@@ -1 +1 @@
-{"version":3,"file":"Workspace.model.js","sources":["../../src/layout/Workspace.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type WorkspacePaneLocation = \"left\" | \"center\" | \"right\" | \"bottom\";\nexport type WorkspaceSideLocation = \"left\" | \"right\";\n\nexport type WorkspacePaneSlots = {\n  headerLeading?: ReactNode;\n  headerTrailing?: ReactNode;\n};\n\nexport type WorkspacePaneSpec = {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  location: WorkspacePaneLocation;\n  content: ReactNode;\n  slots?: WorkspacePaneSlots;\n  width?: number;\n  height?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n  defaultCollapsed?: boolean;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport type WorkspaceLayoutState = {\n  leftWidth: number;\n  rightWidth: number;\n  bottomHeight: number;\n  stackHeights: Record<string, number>;\n  collapsed: Record<string, boolean>;\n  sideCollapsed: Record<WorkspaceSideLocation, boolean>;\n};\n\nexport type WorkspaceLayoutDefaults = Partial<WorkspaceLayoutState>;\n\nexport const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;\nexport const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;\nexport const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;\n\nconst STORAGE_VERSION = 2;\n\nexport function validateWorkspacePanes(panes: WorkspacePaneSpec[]) {\n  const ids = new Set<string>();\n  for (const pane of panes) {\n    if (!pane.id.trim())\n      throw new Error(\"Workspace pane ids must not be empty\");\n    if (ids.has(pane.id))\n      throw new Error(`Workspace pane id ${pane.id} is duplicated`);\n    ids.add(pane.id);\n    validatePaneDimensions(pane);\n  }\n\n  if (panes.filter((pane) => pane.location === \"center\").length !== 1) {\n    throw new Error(\"Workspace requires exactly one center pane\");\n  }\n  if (panes.filter((pane) => pane.location === \"bottom\").length > 1) {\n    throw new Error(\"Workspace allows at most one bottom pane\");\n  }\n  validateSharedSideWidth(panes, \"left\");\n  validateSharedSideWidth(panes, \"right\");\n}\n\nfunction validatePaneDimensions(pane: WorkspacePaneSpec) {\n  const values = [\n    pane.width,\n    pane.height,\n    pane.minWidth,\n    pane.maxWidth,\n    pane.minHeight,\n    pane.maxHeight,\n  ];\n  if (\n    values.some(\n      (value) => value !== undefined && (!Number.isFinite(value) || value <= 0),\n    )\n  ) {\n    throw new Error(\n      `Workspace pane ${pane.id} dimensions must be positive finite numbers`,\n    );\n  }\n  if (\n    pane.minWidth !== undefined &&\n    pane.maxWidth !== undefined &&\n    pane.minWidth > pane.maxWidth\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);\n  }\n  if (\n    pane.minHeight !== undefined &&\n    pane.maxHeight !== undefined &&\n    pane.minHeight > pane.maxHeight\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);\n  }\n}\n\nfunction validateSharedSideWidth(\n  panes: WorkspacePaneSpec[],\n  location: \"left\" | \"right\",\n) {\n  const widths = new Set(\n    panes\n      .filter((pane) => pane.location === location && pane.width !== undefined)\n      .map((pane) => pane.width),\n  );\n  if (widths.size > 1) {\n    throw new Error(\n      `Workspace panes stacked on the ${location} share one width`,\n    );\n  }\n}\n\nexport function createWorkspaceLayoutState(\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults = {},\n): WorkspaceLayoutState {\n  const left = panes.find((pane) => pane.location === \"left\");\n  const right = panes.find((pane) => pane.location === \"right\");\n  const bottom = panes.find((pane) => pane.location === \"bottom\");\n  const stackHeights = Object.fromEntries(\n    panes\n      .filter(\n        (pane) =>\n          (pane.location === \"left\" || pane.location === \"right\") &&\n          pane.height !== undefined,\n      )\n      .map((pane) => [pane.id, pane.height as number]),\n  );\n  const collapsed = Object.fromEntries(\n    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n  );\n\n  return {\n    leftWidth:\n      defaults.leftWidth ?? left?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    rightWidth:\n      defaults.rightWidth ?? right?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    bottomHeight:\n      defaults.bottomHeight ??\n      bottom?.height ??\n      WORKSPACE_DEFAULT_BOTTOM_HEIGHT,\n    stackHeights: { ...stackHeights, ...defaults.stackHeights },\n    collapsed: { ...collapsed, ...defaults.collapsed },\n    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed },\n  };\n}\n\nexport function readWorkspaceLayoutState(\n  storageKey: string,\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults,\n): WorkspaceLayoutState {\n  const fallback = createWorkspaceLayoutState(panes, defaults);\n  if (typeof window === \"undefined\") return fallback;\n  const saved = window.localStorage.getItem(storageKey);\n  if (!saved) return fallback;\n\n  try {\n    const parsed = JSON.parse(saved) as unknown;\n    if (!isStoredWorkspaceState(parsed))\n      throw new Error(\"unsupported workspace layout state\");\n    const paneIds = new Set(panes.map((pane) => pane.id));\n    return createWorkspaceLayoutState(panes, {\n      leftWidth: parsed.state.leftWidth,\n      rightWidth: parsed.state.rightWidth,\n      bottomHeight: parsed.state.bottomHeight,\n      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),\n      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),\n      sideCollapsed: parsed.state.sideCollapsed,\n    });\n  } catch (error) {\n    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);\n    window.localStorage.removeItem(storageKey);\n    return fallback;\n  }\n}\n\nexport function writeWorkspaceLayoutState(\n  storageKey: string,\n  state: WorkspaceLayoutState,\n) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    storageKey,\n    JSON.stringify({ version: STORAGE_VERSION, state }),\n  );\n}\n\nfunction filterPaneRecord<T>(\n  record: Record<string, T>,\n  paneIds: Set<string>,\n): Record<string, T> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([id]) => paneIds.has(id)),\n  );\n}\n\nfunction isStoredWorkspaceState(\n  value: unknown,\n): value is { version: 2; state: WorkspaceLayoutState } {\n  if (!value || typeof value !== \"object\") return false;\n  const stored = value as {\n    version?: unknown;\n    state?: Partial<WorkspaceLayoutState>;\n  };\n  const state = stored.state;\n  return (\n    stored.version === STORAGE_VERSION &&\n    Boolean(state) &&\n    isPositiveNumber(state?.leftWidth) &&\n    isPositiveNumber(state?.rightWidth) &&\n    isPositiveNumber(state?.bottomHeight) &&\n    isRecord(state?.stackHeights, \"number\") &&\n    isRecord(state?.collapsed, \"boolean\") &&\n    isSideCollapsed(state?.sideCollapsed)\n  );\n}\n\nfunction isSideCollapsed(\n  value: unknown,\n): value is WorkspaceLayoutState[\"sideCollapsed\"] {\n  if (!value || typeof value !== \"object\") return false;\n  const sides = value as Partial<WorkspaceLayoutState[\"sideCollapsed\"]>;\n  return typeof sides.left === \"boolean\" && typeof sides.right === \"boolean\";\n}\n\nfunction isPositiveNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value) && value > 0;\n}\n\nfunction isRecord(\n  value: unknown,\n  valueType: \"number\" | \"boolean\",\n): value is Record<string, never> {\n  return (\n    Boolean(value) &&\n    typeof value === \"object\" &&\n    Object.values(value as Record<string, unknown>).every(\n      (entry) => typeof entry === valueType,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Workspace.model.js","sources":["../../src/layout/Workspace.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type WorkspacePaneLocation = \"left\" | \"center\" | \"right\" | \"bottom\";\nexport type WorkspaceSideLocation = \"left\" | \"right\";\n\nexport type WorkspacePaneSlots = {\n  headerLeading?: ReactNode;\n  headerTrailing?: ReactNode;\n};\n\nexport type WorkspacePaneSpec = {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  location: WorkspacePaneLocation;\n  content: ReactNode;\n  slots?: WorkspacePaneSlots;\n  width?: number;\n  height?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  collapsible?: boolean;\n  /** Omits the pane chrome when the content already owns its heading. */\n  showHeader?: boolean;\n  resizable?: boolean;\n  defaultCollapsed?: boolean;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport type WorkspaceLayoutState = {\n  leftWidth: number;\n  rightWidth: number;\n  bottomHeight: number;\n  stackHeights: Record<string, number>;\n  collapsed: Record<string, boolean>;\n  sideCollapsed: Record<WorkspaceSideLocation, boolean>;\n};\n\nexport type WorkspaceLayoutDefaults = Partial<WorkspaceLayoutState>;\n\nexport const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;\nexport const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;\nexport const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;\n\nconst STORAGE_VERSION = 2;\n\nexport function validateWorkspacePanes(panes: WorkspacePaneSpec[]) {\n  const ids = new Set<string>();\n  for (const pane of panes) {\n    if (!pane.id.trim())\n      throw new Error(\"Workspace pane ids must not be empty\");\n    if (ids.has(pane.id))\n      throw new Error(`Workspace pane id ${pane.id} is duplicated`);\n    ids.add(pane.id);\n    if (pane.showHeader === false && pane.collapsible !== false) {\n      throw new Error(\n        `Workspace pane ${pane.id} headerless panes must not be collapsible`,\n      );\n    }\n    validatePaneDimensions(pane);\n  }\n\n  if (panes.filter((pane) => pane.location === \"center\").length !== 1) {\n    throw new Error(\"Workspace requires exactly one center pane\");\n  }\n  if (panes.filter((pane) => pane.location === \"bottom\").length > 1) {\n    throw new Error(\"Workspace allows at most one bottom pane\");\n  }\n  validateSharedSideWidth(panes, \"left\");\n  validateSharedSideWidth(panes, \"right\");\n}\n\nfunction validatePaneDimensions(pane: WorkspacePaneSpec) {\n  const values = [\n    pane.width,\n    pane.height,\n    pane.minWidth,\n    pane.maxWidth,\n    pane.minHeight,\n    pane.maxHeight,\n  ];\n  if (\n    values.some(\n      (value) => value !== undefined && (!Number.isFinite(value) || value <= 0),\n    )\n  ) {\n    throw new Error(\n      `Workspace pane ${pane.id} dimensions must be positive finite numbers`,\n    );\n  }\n  if (\n    pane.minWidth !== undefined &&\n    pane.maxWidth !== undefined &&\n    pane.minWidth > pane.maxWidth\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);\n  }\n  if (\n    pane.minHeight !== undefined &&\n    pane.maxHeight !== undefined &&\n    pane.minHeight > pane.maxHeight\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);\n  }\n}\n\nfunction validateSharedSideWidth(\n  panes: WorkspacePaneSpec[],\n  location: \"left\" | \"right\",\n) {\n  const widths = new Set(\n    panes\n      .filter((pane) => pane.location === location && pane.width !== undefined)\n      .map((pane) => pane.width),\n  );\n  if (widths.size > 1) {\n    throw new Error(\n      `Workspace panes stacked on the ${location} share one width`,\n    );\n  }\n}\n\nexport function createWorkspaceLayoutState(\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults = {},\n): WorkspaceLayoutState {\n  const left = panes.find((pane) => pane.location === \"left\");\n  const right = panes.find((pane) => pane.location === \"right\");\n  const bottom = panes.find((pane) => pane.location === \"bottom\");\n  const stackHeights = Object.fromEntries(\n    panes\n      .filter(\n        (pane) =>\n          (pane.location === \"left\" || pane.location === \"right\") &&\n          pane.height !== undefined,\n      )\n      .map((pane) => [pane.id, pane.height as number]),\n  );\n  const collapsed = Object.fromEntries(\n    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n  );\n\n  return {\n    leftWidth:\n      defaults.leftWidth ?? left?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    rightWidth:\n      defaults.rightWidth ?? right?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    bottomHeight:\n      defaults.bottomHeight ??\n      bottom?.height ??\n      WORKSPACE_DEFAULT_BOTTOM_HEIGHT,\n    stackHeights: { ...stackHeights, ...defaults.stackHeights },\n    collapsed: { ...collapsed, ...defaults.collapsed },\n    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed },\n  };\n}\n\nexport function readWorkspaceLayoutState(\n  storageKey: string,\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults,\n): WorkspaceLayoutState {\n  const fallback = createWorkspaceLayoutState(panes, defaults);\n  if (typeof window === \"undefined\") return fallback;\n  const saved = window.localStorage.getItem(storageKey);\n  if (!saved) return fallback;\n\n  try {\n    const parsed = JSON.parse(saved) as unknown;\n    if (!isStoredWorkspaceState(parsed))\n      throw new Error(\"unsupported workspace layout state\");\n    const paneIds = new Set(panes.map((pane) => pane.id));\n    return createWorkspaceLayoutState(panes, {\n      leftWidth: parsed.state.leftWidth,\n      rightWidth: parsed.state.rightWidth,\n      bottomHeight: parsed.state.bottomHeight,\n      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),\n      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),\n      sideCollapsed: parsed.state.sideCollapsed,\n    });\n  } catch (error) {\n    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);\n    window.localStorage.removeItem(storageKey);\n    return fallback;\n  }\n}\n\nexport function writeWorkspaceLayoutState(\n  storageKey: string,\n  state: WorkspaceLayoutState,\n) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    storageKey,\n    JSON.stringify({ version: STORAGE_VERSION, state }),\n  );\n}\n\nfunction filterPaneRecord<T>(\n  record: Record<string, T>,\n  paneIds: Set<string>,\n): Record<string, T> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([id]) => paneIds.has(id)),\n  );\n}\n\nfunction isStoredWorkspaceState(\n  value: unknown,\n): value is { version: 2; state: WorkspaceLayoutState } {\n  if (!value || typeof value !== \"object\") return false;\n  const stored = value as {\n    version?: unknown;\n    state?: Partial<WorkspaceLayoutState>;\n  };\n  const state = stored.state;\n  return (\n    stored.version === STORAGE_VERSION &&\n    Boolean(state) &&\n    isPositiveNumber(state?.leftWidth) &&\n    isPositiveNumber(state?.rightWidth) &&\n    isPositiveNumber(state?.bottomHeight) &&\n    isRecord(state?.stackHeights, \"number\") &&\n    isRecord(state?.collapsed, \"boolean\") &&\n    isSideCollapsed(state?.sideCollapsed)\n  );\n}\n\nfunction isSideCollapsed(\n  value: unknown,\n): value is WorkspaceLayoutState[\"sideCollapsed\"] {\n  if (!value || typeof value !== \"object\") return false;\n  const sides = value as Partial<WorkspaceLayoutState[\"sideCollapsed\"]>;\n  return typeof sides.left === \"boolean\" && typeof sides.right === \"boolean\";\n}\n\nfunction isPositiveNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value) && value > 0;\n}\n\nfunction isRecord(\n  value: unknown,\n  valueType: \"number\" | \"boolean\",\n): value is Record<string, never> {\n  return (\n    Boolean(value) &&\n    typeof value === \"object\" &&\n    Object.values(value as Record<string, unknown>).every(\n      (entry) => typeof entry === valueType,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/Workspace.regions.cjs

@@ -109,7 +109,7 @@ function WorkspacePaneView({
         pane.className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        pane.showHeader !== false ? /* @__PURE__ */ jsxRuntime.jsxs(
           "header",
           {
             className: utils.cn(
@@ -134,7 +134,7 @@ function WorkspacePaneView({
               !compact && ((_b = pane.slots) == null ? void 0 : _b.headerTrailing) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-1", children: pane.slots.headerTrailing })
             ]
           }
-        ),
+        ) : null,
         !collapsed && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {