@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.160.1 → 1.0.0-beta.161.1

package/dist/components/composed/DataAppShell/DataAppShell.js

@@ -1,16 +1,17 @@
-import { jsx as e, jsxs as i, Fragment as ee } from "react/jsx-runtime";
-import { ChevronRight as ae, Menu as re, ArrowLeft as j } from "lucide-react";
-import * as u from "react";
+import { jsx as e, jsxs as i, Fragment as ae } from "react/jsx-runtime";
+import { ChevronRight as re, Menu as ne, ArrowLeft as j } from "lucide-react";
+import * as m from "react";
 import { ShellCollapseButton as E } from "./CollapseButton.js";
 import { DataAppShellPrimaryNav as N } from "./PrimaryNav.js";
-import { DataAppShellProvider as ne } from "./ShellContext.js";
-import { TDPLink as te } from "../../../composed/tdp-link.js";
-import { TopBar as le } from "../TopBar/TopBar.js";
-import { Breadcrumb as ie, BreadcrumbList as se, BreadcrumbSeparator as oe, BreadcrumbItem as de, BreadcrumbPage as ce, BreadcrumbLink as me } from "../../../ui/breadcrumb.js";
+import { DataAppShellProvider as te } from "./ShellContext.js";
+import { WithBuildInfoFooter as le } from "../BuildInfoFooter/BuildInfoFooter.js";
+import { TDPLink as ie } from "../../../composed/tdp-link.js";
+import { TopBar as se } from "../TopBar/TopBar.js";
+import { Breadcrumb as oe, BreadcrumbList as de, BreadcrumbSeparator as ce, BreadcrumbItem as me, BreadcrumbPage as ue, BreadcrumbLink as pe } from "../../../ui/breadcrumb.js";
 import { Button as I } from "../../../ui/button.js";
-import { DropdownMenu as ue, DropdownMenuTrigger as pe, DropdownMenuContent as fe, DropdownMenuItem as G, DropdownMenuSeparator as he } from "../../../ui/dropdown-menu.js";
-import { Sheet as be, SheetContent as ge, SheetTitle as ve, SheetDescription as xe, SheetTrigger as we } from "../../../ui/sheet.js";
-import { cn as O } from "../../../lib/utils.js";
+import { DropdownMenu as fe, DropdownMenuTrigger as he, DropdownMenuContent as be, DropdownMenuItem as F, DropdownMenuSeparator as ge } from "../../../ui/dropdown-menu.js";
+import { Sheet as ve, SheetContent as xe, SheetTitle as we, SheetDescription as Ne, SheetTrigger as ke } from "../../../ui/sheet.js";
+import { cn as G } from "../../../lib/utils.js";
 function k({
   appName: n,
   appFullName: a,
@@ -18,29 +19,29 @@ function k({
   version: t,
   onAppNameClick: l,
   backToPlatformPath: s,
-  onBackToPlatform: p,
-  compact: d,
-  menuSide: m = "right"
+  onBackToPlatform: u,
+  compact: c,
+  menuSide: p = "right"
 }) {
-  const c = /* @__PURE__ */ e("span", { className: "flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 size-8 text-[10px]", children: r ?? n });
-  return /* @__PURE__ */ i(ue, { modal: !1, children: [
-    /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ i(
+  const o = /* @__PURE__ */ e("span", { className: "flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 size-8 text-[10px]", children: r ?? n });
+  return /* @__PURE__ */ i(fe, { modal: !1, children: [
+    /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        className: O(
+        className: G(
           "cursor-pointer bg-transparent border-none p-0",
-          !d && "flex items-center w-full text-left"
+          !c && "flex items-center w-full text-left"
         ),
         children: [
-          d ? c : /* @__PURE__ */ e("span", { className: "flex w-12 shrink-0 justify-center", children: c }),
-          !d && /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground truncate leading-snug", children: a ?? n })
+          c ? o : /* @__PURE__ */ e("span", { className: "flex w-12 shrink-0 justify-center", children: o }),
+          !c && /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground truncate leading-snug", children: a ?? n })
         ]
       }
     ) }),
-    /* @__PURE__ */ i(fe, { side: m, align: "start", className: "min-w-[220px]", children: [
+    /* @__PURE__ */ i(be, { side: p, align: "start", className: "min-w-[220px]", children: [
       /* @__PURE__ */ i(
-        G,
+        F,
         {
           className: "gap-3 px-3 py-2.5",
           onSelect: () => l?.(),
@@ -53,9 +54,9 @@ function k({
           ]
         }
       ),
-      /* @__PURE__ */ e(he, {}),
-      /* @__PURE__ */ e(G, { className: "gap-2.5 p-0", asChild: !0, children: s ? /* @__PURE__ */ i(
-        te,
+      /* @__PURE__ */ e(ge, {}),
+      /* @__PURE__ */ e(F, { className: "gap-2.5 p-0", asChild: !0, children: s ? /* @__PURE__ */ i(
+        ie,
         {
           path: s,
           navigationOptions: { newTab: !1 },
@@ -70,7 +71,7 @@ function k({
         {
           type: "button",
           className: "flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",
-          onClick: p,
+          onClick: u,
           children: [
             /* @__PURE__ */ e(j, { className: "w-4 h-4 text-muted-foreground" }),
             "Back to TDP Platform"
@@ -80,23 +81,23 @@ function k({
     ] })
   ] });
 }
-function F({
+function O({
   appName: n,
   appFullName: a,
   appIcon: r,
   version: t,
   navGroups: l,
   onAppNameClick: s,
-  backToPlatformPath: p,
-  onBackToPlatform: d,
-  userMenu: m,
-  compact: c,
+  backToPlatformPath: u,
+  onBackToPlatform: c,
+  userMenu: p,
+  compact: o,
   onAfterNavClick: h
 }) {
   return /* @__PURE__ */ e(
     N,
     {
-      variant: c ? "rail" : "sidebar",
+      variant: o ? "rail" : "sidebar",
       "aria-label": "Application navigation",
       navGroups: l,
       onSelect: () => h?.(),
@@ -108,35 +109,35 @@ function F({
           appIcon: r,
           version: t,
           onAppNameClick: s,
-          backToPlatformPath: p,
-          onBackToPlatform: d,
-          compact: c
+          backToPlatformPath: u,
+          onBackToPlatform: c,
+          compact: o
         }
       ),
-      user: m,
+      user: p,
       className: "h-full w-full"
     }
   );
 }
-function Ne(n) {
+function _e(n) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "data-app-sidebar-rail",
       className: "hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",
-      children: /* @__PURE__ */ e(F, { compact: !0, ...n })
+      children: /* @__PURE__ */ e(O, { compact: !0, ...n })
     }
   );
 }
-function ke({ collapsed: n, onCollapsedChange: a, ...r }) {
-  const { appName: t, appFullName: l, appIcon: s, version: p, onAppNameClick: d, backToPlatformPath: m, onBackToPlatform: c } = r, h = {
+function Ce({ collapsed: n, onCollapsedChange: a, ...r }) {
+  const { appName: t, appFullName: l, appIcon: s, version: u, onAppNameClick: c, backToPlatformPath: p, onBackToPlatform: o } = r, h = {
     appName: t,
     appFullName: l,
     appIcon: s,
-    version: p,
-    onAppNameClick: d,
-    backToPlatformPath: m,
-    onBackToPlatform: c
+    version: u,
+    onAppNameClick: c,
+    backToPlatformPath: p,
+    onBackToPlatform: o
   };
   return n ? /* @__PURE__ */ e(
     "div",
@@ -196,17 +197,17 @@ function ke({ collapsed: n, onCollapsedChange: a, ...r }) {
     }
   );
 }
-function _e({ items: n }) {
+function ye({ items: n }) {
   return (
     // min-w-0 lets the trail shrink inside the top bar's flex-1 left group;
     // flex-nowrap keeps it one line instead of Breadcrumb's default wrap
     // (which, combined with a squeezed left group, wrapped mid-trail and
     // pushed the rest of the top bar around — SW-2118).
-    /* @__PURE__ */ e(ie, { className: "min-w-0", children: /* @__PURE__ */ e(se, { className: "flex-nowrap min-w-0", children: n.map((a, r) => {
+    /* @__PURE__ */ e(oe, { className: "min-w-0", children: /* @__PURE__ */ e(de, { className: "flex-nowrap min-w-0", children: n.map((a, r) => {
       const t = r === n.length - 1, l = !t && (!!a.href || !!a.onClick), s = t ? "min-w-0" : "shrink-0";
-      return /* @__PURE__ */ i(u.Fragment, { children: [
-        r > 0 && /* @__PURE__ */ e(oe, { className: "shrink-0", children: "/" }),
-        /* @__PURE__ */ e(de, { className: s, children: t ? /* @__PURE__ */ e(ce, { className: "truncate", children: a.label }) : l && a.href ? /* @__PURE__ */ e(me, { href: a.href, className: "whitespace-nowrap", children: a.label }) : l && a.onClick ? /* @__PURE__ */ e(
+      return /* @__PURE__ */ i(m.Fragment, { children: [
+        r > 0 && /* @__PURE__ */ e(ce, { className: "shrink-0", children: "/" }),
+        /* @__PURE__ */ e(me, { className: s, children: t ? /* @__PURE__ */ e(ue, { className: "truncate", children: a.label }) : l && a.href ? /* @__PURE__ */ e(pe, { href: a.href, className: "whitespace-nowrap", children: a.label }) : l && a.onClick ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -219,7 +220,7 @@ function _e({ items: n }) {
     }) }) })
   );
 }
-function Ce({
+function Se({
   breadcrumbs: n = [],
   headerLeft: a,
   headerCenter: r,
@@ -227,12 +228,12 @@ function Ce({
   mobileTrigger: l
 }) {
   return /* @__PURE__ */ e(
-    le,
+    se,
     {
       "data-slot": "data-app-top-nav",
-      left: /* @__PURE__ */ i(ee, { children: [
+      left: /* @__PURE__ */ i(ae, { children: [
         l && /* @__PURE__ */ e("div", { className: "shrink-0", children: l }),
-        /* @__PURE__ */ e(_e, { items: n }),
+        /* @__PURE__ */ e(ye, { items: n }),
         a != null && /* @__PURE__ */ e("div", { className: "shrink-0", children: a })
       ] }),
       center: r,
@@ -240,87 +241,88 @@ function Ce({
     }
   );
 }
-function Ge({
+function He({
   appName: n,
   appFullName: a,
   appIcon: r,
   version: t,
-  navGroups: l,
-  onAppNameClick: s,
-  backToPlatformPath: p,
-  onBackToPlatform: d,
-  userMenu: m,
-  breadcrumbs: c = [],
-  headerLeft: h,
-  headerCenter: H,
-  headerActions: P,
+  commitSha: l,
+  navGroups: s,
+  onAppNameClick: u,
+  backToPlatformPath: c,
+  onBackToPlatform: p,
+  userMenu: o,
+  breadcrumbs: h = [],
+  headerLeft: H,
+  headerCenter: P,
+  headerActions: $,
   navVariant: b = "vertical",
-  primaryNav: $ = "rail",
+  primaryNav: q = "rail",
   sidebarPanel: _,
   secondaryBar: M,
-  rightPanel: q,
+  rightPanel: W,
   showNavRail: J = !0,
   showTopBar: K = !0,
   collapsed: g,
   defaultCollapsed: Q = !1,
   onCollapsedChange: v,
   hideNavOnCollapse: C = !1,
-  autoCollapse: S = "(max-width: 1023px)",
+  autoCollapse: y = "(max-width: 1023px)",
   children: U,
-  className: W
+  className: X
 }) {
-  const [X, T] = u.useState(!1), [Y, y] = u.useState(Q), f = g ?? Y, R = u.useRef(f);
+  const [Y, T] = m.useState(!1), [Z, S] = m.useState(Q), f = g ?? Z, R = m.useRef(f);
   R.current = f;
-  const x = u.useRef(!1), B = u.useCallback(
-    (o) => {
-      x.current = !1, g === void 0 && y(o), v?.(o);
+  const x = m.useRef(!1), B = m.useCallback(
+    (d) => {
+      x.current = !1, g === void 0 && S(d), v?.(d);
     },
     [g, v]
-  ), A = u.useRef((o) => {
+  ), A = m.useRef((d) => {
   });
-  A.current = (o) => {
-    o && !R.current ? (g === void 0 && y(!0), v?.(!0), x.current = !0) : !o && x.current && (x.current = !1, g === void 0 && y(!1), v?.(!1));
-  }, u.useEffect(() => {
-    if (S === !1 || b !== "vertical") return;
-    const o = window.matchMedia(S);
-    A.current(o.matches);
-    const L = (V) => A.current(V.matches);
-    return o.addEventListener("change", L), () => o.removeEventListener("change", L);
-  }, [S, b]);
+  A.current = (d) => {
+    d && !R.current ? (g === void 0 && S(!0), v?.(!0), x.current = !0) : !d && x.current && (x.current = !1, g === void 0 && S(!1), v?.(!1));
+  }, m.useEffect(() => {
+    if (y === !1 || b !== "vertical") return;
+    const d = window.matchMedia(y);
+    A.current(d.matches);
+    const L = (ee) => A.current(ee.matches);
+    return d.addEventListener("change", L), () => d.removeEventListener("change", L);
+  }, [y, b]);
   const w = {
     appName: n,
     appFullName: a,
     appIcon: r,
     version: t,
-    navGroups: l,
-    onAppNameClick: s,
-    backToPlatformPath: p,
-    onBackToPlatform: d,
-    userMenu: m
-  }, D = b === "vertical", z = D && $ === "sidebar", Z = !J || C && f && !z;
-  return /* @__PURE__ */ e(ne, { value: { navVariant: b, collapsed: f, setCollapsed: B, hideNavOnCollapse: C }, children: /* @__PURE__ */ e(be, { open: X, onOpenChange: T, children: /* @__PURE__ */ i(
+    navGroups: s,
+    onAppNameClick: u,
+    backToPlatformPath: c,
+    onBackToPlatform: p,
+    userMenu: o
+  }, D = b === "vertical", z = D && q === "sidebar", V = !J || C && f && !z;
+  return /* @__PURE__ */ e(te, { value: { navVariant: b, collapsed: f, setCollapsed: B, hideNavOnCollapse: C }, children: /* @__PURE__ */ e(ve, { open: Y, onOpenChange: T, children: /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "data-app-shell",
       "data-nav-variant": b,
       "data-collapsed": f || void 0,
-      className: O(D ? "grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']" : "grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']", W),
+      className: G(D ? "grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']" : "grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']", X),
       children: [
-        !Z && (D ? /* @__PURE__ */ e("div", { className: "[grid-area:nav] min-h-0", children: z ? /* @__PURE__ */ e(
-          ke,
+        !V && (D ? /* @__PURE__ */ e("div", { className: "[grid-area:nav] min-h-0", children: z ? /* @__PURE__ */ e(
+          Ce,
           {
             collapsed: f,
             onCollapsedChange: B,
             ...w
           }
-        ) : /* @__PURE__ */ e(Ne, { ...w }) }) : /* @__PURE__ */ e("div", { className: "[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5", children: /* @__PURE__ */ e(
+        ) : /* @__PURE__ */ e(_e, { ...w }) }) : /* @__PURE__ */ e("div", { className: "[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5", children: /* @__PURE__ */ e(
           N,
           {
             variant: "top",
             "aria-label": "Application navigation",
-            navGroups: l,
+            navGroups: s,
             header: /* @__PURE__ */ e(k, { ...w, compact: !0, menuSide: "bottom" }),
-            user: m
+            user: o
           }
         ) })),
         C && f && !_ && /* @__PURE__ */ e(
@@ -332,20 +334,20 @@ function Ge({
             "aria-label": "Expand navigation",
             className: "absolute left-2 top-2 z-50 shadow-elevation-2",
             onClick: () => B(!1),
-            children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ i(
-          ge,
+          xe,
           {
             side: "left",
             showCloseButton: !1,
             className: "p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col",
             children: [
-              /* @__PURE__ */ e(ve, { className: "sr-only", children: "Navigation" }),
-              /* @__PURE__ */ e(xe, { className: "sr-only", children: "Application navigation menu" }),
+              /* @__PURE__ */ e(we, { className: "sr-only", children: "Navigation" }),
+              /* @__PURE__ */ e(Ne, { className: "sr-only", children: "Application navigation menu" }),
               /* @__PURE__ */ e(
-                F,
+                O,
                 {
                   compact: !1,
                   onAfterNavClick: () => T(!1),
@@ -357,20 +359,20 @@ function Ge({
         ),
         _ && /* @__PURE__ */ e("div", { className: "[grid-area:side] min-h-0 flex", children: _ }),
         K && /* @__PURE__ */ e("div", { className: "[grid-area:top] min-w-0", children: /* @__PURE__ */ e(
-          Ce,
+          Se,
           {
-            breadcrumbs: c,
-            headerLeft: h,
-            headerCenter: H,
-            headerActions: P,
-            mobileTrigger: /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ e(
+            breadcrumbs: h,
+            headerLeft: H,
+            headerCenter: P,
+            headerActions: $,
+            mobileTrigger: /* @__PURE__ */ e(ke, { asChild: !0, children: /* @__PURE__ */ e(
               I,
               {
                 variant: "ghost",
                 size: "icon",
                 "aria-label": "Open navigation menu",
                 className: "md:hidden w-7 h-7 shrink-0 text-muted-foreground",
-                children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e(ne, { className: "w-4 h-4" })
               }
             ) })
           }
@@ -382,10 +384,10 @@ function Ge({
             {
               "data-slot": "data-app-shell-content",
               className: "flex-1 min-w-0 overflow-auto bg-background",
-              children: U
+              children: /* @__PURE__ */ e(le, { show: !!l, version: t, commitSha: l, children: U })
             }
           ),
-          q
+          W
         ] })
       ]
     }
@@ -393,6 +395,6 @@ function Ge({
 }
 export {
   k as AppHeaderMenu,
-  Ge as DataAppShell
+  He as DataAppShell
 };
 //# sourceMappingURL=DataAppShell.js.map

package/dist/components/composed/DataAppShell/DataAppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataAppShell.js","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { ArrowLeft, ChevronRight, Menu } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ShellCollapseButton } from \"./CollapseButton\";\nimport { DataAppShellPrimaryNav } from \"./PrimaryNav\";\nimport { DataAppShellProvider, type DataAppShellNavVariant } from \"./ShellContext\";\n\nimport type { NavGroup } from \"./PrimaryNav\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport { TopBar } from \"@/components/composed/TopBar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\n// Nav item types live with the nav engine — re-exported here for back-compat.\nexport type { NavPage, NavGroup } from \"./PrimaryNav\";\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Slot rendered after the breadcrumbs in the top bar's left group\n   *  (e.g. a collapsed horizontal workflow's step dropdown) */\n  headerLeft?: React.ReactNode;\n  /** Center \"context\" slot in the top bar (e.g. a version / status selector) */\n  headerCenter?: React.ReactNode;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell zones --\n  /** Primary nav axis — `vertical` (sidebar/rail, default) or `horizontal` (top nav row) */\n  navVariant?: DataAppShellNavVariant;\n  /**\n   * Vertical primary nav presentation:\n   * - `rail` (default) — permanent 48px icon-only rail.\n   * - `sidebar` — collapsible 220px sidebar with labels; its brand-row chevron\n   *   collapses it to an icon rail (with an expand chevron under the logo),\n   *   driven by the shell's `collapsed` state.\n   */\n  primaryNav?: \"rail\" | \"sidebar\";\n  /** Slot rendered between the primary nav and the content (e.g. a vertical `DataAppShellSecondaryNav`) */\n  sidebarPanel?: React.ReactNode;\n  /** Full-width zone between the top bar and the content row (e.g. a horizontal `DataAppShellSecondaryNav`) */\n  secondaryBar?: React.ReactNode;\n  /** Slot rendered after the content (e.g. a DataAppShellRightPanel) — its FAB anchors to the content row */\n  rightPanel?: React.ReactNode;\n  /** Show the primary nav zone. Set false to hide it entirely. */\n  showNavRail?: boolean; // default true\n  /** Show the top bar zone. Set false to hide it entirely. */\n  showTopBar?: boolean; // default true\n\n  // -- Collapse (vertical nav only) --\n  /** Controlled collapse state — drives the secondary zone (via ShellContext)\n   *  and, with `hideNavOnCollapse`, the primary rail */\n  collapsed?: boolean;\n  /** Uncontrolled initial collapse state */\n  defaultCollapsed?: boolean;\n  /** Called whenever the shell collapse state flips */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Collapsing also hides the primary rail, leaving one icon rail (the secondary\n   *  nav) with an expand affordance — or a floating expand button if there is none. */\n  hideNavOnCollapse?: boolean;\n  /** Media query that auto-collapses the shell while it matches.\n   *  Pass `false` to disable. Defaults to `\"(max-width: 1023px)\"`. */\n  autoCollapse?: string | false;\n\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (48px): icon-only nav buttons, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\n// =============================================================================\n// App header menu — logo/name button opening the app dropdown\n// =============================================================================\n\ninterface AppHeaderMenuProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n  > {\n  /** compact=true → icon-only trigger (rail); compact=false → icon + name row */\n  compact: boolean;\n  /** Which side of the trigger the dropdown opens on — `right` beside a rail, `bottom` under a top bar */\n  menuSide?: \"right\" | \"bottom\";\n}\n\nfunction AppHeaderMenu({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  compact,\n  menuSide = \"right\",\n}: AppHeaderMenuProps) {\n  const logo = (\n    <span className=\"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 size-8 text-[10px]\">\n      {appIcon ?? appName}\n    </span>\n  );\n\n  return (\n    <DropdownMenu modal={false}>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center w-full text-left\"\n              )}\n            >\n              {/* Icon — expanded: centered in the 48px gutter so it lines up with\n                  the nav icons below; compact: bare, centered by the rail header */}\n              {compact ? logo : <span className=\"flex w-12 shrink-0 justify-center\">{logo}</span>}\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side={menuSide} align=\"start\" className=\"min-w-[220px]\">\n            <DropdownMenuItem\n              className=\"gap-3 px-3 py-2.5\"\n              onSelect={() => onAppNameClick?.()}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Sidebar shared body — the PrimaryNav engine with the app header + user slots\n// =============================================================================\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <DataAppShellPrimaryNav\n      variant={compact ? \"rail\" : \"sidebar\"}\n      aria-label=\"Application navigation\"\n      navGroups={navGroups}\n      onSelect={() => onAfterNavClick?.()}\n      header={\n        <AppHeaderMenu\n          appName={appName}\n          appFullName={appFullName}\n          appIcon={appIcon}\n          version={version}\n          onAppNameClick={onAppNameClick}\n          backToPlatformPath={backToPlatformPath}\n          onBackToPlatform={onBackToPlatform}\n          compact={compact}\n        />\n      }\n      user={userMenu}\n      className=\"h-full w-full\"\n    />\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <div\n      data-slot=\"data-app-sidebar-rail\"\n      className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </div>\n  );\n}\n\n// =============================================================================\n// Collapsible primary sidebar (desktop only — hidden on mobile). Expanded, it\n// shows the app name, labelled nav, and a collapse chevron in the brand row;\n// collapsed, it becomes an icon rail with the expand chevron directly under\n// the logo (mirrors the SW-2118 playground).\n// =============================================================================\n\ninterface PrimarySidebarProps extends Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\"> {\n  collapsed: boolean;\n  onCollapsedChange: (collapsed: boolean) => void;\n}\n\nfunction PrimarySidebar({ collapsed, onCollapsedChange, ...sidebarProps }: PrimarySidebarProps) {\n  const { appName, appFullName, appIcon, version, onAppNameClick, backToPlatformPath, onBackToPlatform } =\n    sidebarProps;\n  const headerMenuProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n  };\n\n  if (collapsed) {\n    return (\n      <div\n        data-slot=\"data-app-sidebar-rail\"\n        data-collapsed=\"true\"\n        className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n      >\n        <DataAppShellPrimaryNav\n          variant=\"rail\"\n          aria-label=\"Application navigation\"\n          navGroups={sidebarProps.navGroups}\n          header={\n            <div className=\"flex flex-col items-center gap-2\">\n              <AppHeaderMenu {...headerMenuProps} compact />\n              <ShellCollapseButton\n                direction=\"right\"\n                label=\"Expand navigation\"\n                onClick={() => onCollapsedChange(false)}\n              />\n            </div>\n          }\n          user={sidebarProps.userMenu}\n          className=\"h-full w-full\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"data-app-sidebar\"\n      data-collapsed=\"false\"\n      className=\"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <DataAppShellPrimaryNav\n        variant=\"sidebar\"\n        aria-label=\"Application navigation\"\n        navGroups={sidebarProps.navGroups}\n        header={\n          <div className=\"flex items-center gap-2 w-full min-w-0\">\n            <div className=\"flex-1 min-w-0\">\n              <AppHeaderMenu {...headerMenuProps} compact={false} />\n            </div>\n            <ShellCollapseButton\n              direction=\"left\"\n              label=\"Collapse navigation\"\n              onClick={() => onCollapsedChange(true)}\n            />\n          </div>\n        }\n        user={sidebarProps.userMenu}\n        className=\"h-full w-full\"\n      />\n    </div>\n  );\n}\n\n// =============================================================================\n// Breadcrumb trail — rendered from the shell's breadcrumb config\n// =============================================================================\n\nfunction TopNavBreadcrumb({ items }: { items: BreadcrumbItemConfig[] }) {\n  return (\n    // min-w-0 lets the trail shrink inside the top bar's flex-1 left group;\n    // flex-nowrap keeps it one line instead of Breadcrumb's default wrap\n    // (which, combined with a squeezed left group, wrapped mid-trail and\n    // pushed the rest of the top bar around — SW-2118).\n    <Breadcrumb className=\"min-w-0\">\n      <BreadcrumbList className=\"flex-nowrap min-w-0\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          const isClickable = !isLast && (!!item.href || !!item.onClick);\n          // Only the current (last) crumb truncates — earlier crumbs keep\n          // their natural width so the trail reads left-to-right.\n          const itemClassName = isLast ? \"min-w-0\" : \"shrink-0\";\n          return (\n            <React.Fragment key={`${item.label}-${index}`}>\n              {index > 0 && <BreadcrumbSeparator className=\"shrink-0\">/</BreadcrumbSeparator>}\n              <BreadcrumbItem className={itemClassName}>\n                {isLast ? (\n                  <BreadcrumbPage className=\"truncate\">{item.label}</BreadcrumbPage>\n                ) : isClickable && item.href ? (\n                  <BreadcrumbLink href={item.href} className=\"whitespace-nowrap\">\n                    {item.label}\n                  </BreadcrumbLink>\n                ) : isClickable && item.onClick ? (\n                  <button\n                    type=\"button\"\n                    className=\"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap\"\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </button>\n                ) : (\n                  <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                    {item.label}\n                  </span>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\n// =============================================================================\n// Top nav — maps shell props onto the reusable TopBar (left/center/right)\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  headerLeft?: React.ReactNode;\n  headerCenter?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <TopBar\n      data-slot=\"data-app-top-nav\"\n      left={\n        <>\n          {/* Mobile hamburger (hidden on md+). shrink-0 — only the\n              breadcrumb trail gives up width when the left group is tight. */}\n          {mobileTrigger && <div className=\"shrink-0\">{mobileTrigger}</div>}\n          <TopNavBreadcrumb items={breadcrumbs} />\n          {headerLeft != null && <div className=\"shrink-0\">{headerLeft}</div>}\n        </>\n      }\n      center={headerCenter}\n      right={headerActions}\n    />\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  navVariant = \"vertical\",\n  primaryNav = \"rail\",\n  sidebarPanel,\n  secondaryBar,\n  rightPanel,\n  showNavRail = true,\n  showTopBar = true,\n  collapsed: collapsedProp,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  hideNavOnCollapse = false,\n  autoCollapse = \"(max-width: 1023px)\",\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  // ── Single collapse toggle (controlled/uncontrolled) ───────────────────────\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = collapsedProp ?? internalCollapsed;\n  const collapsedRef = React.useRef(collapsed);\n  collapsedRef.current = collapsed;\n  // Set when the media query (not the user) collapsed the shell, so leaving\n  // the breakpoint restores the expanded state without fighting manual toggles.\n  const autoCollapsedRef = React.useRef(false);\n\n  const setCollapsed = React.useCallback(\n    (next: boolean) => {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(next);\n      onCollapsedChange?.(next);\n    },\n    [collapsedProp, onCollapsedChange],\n  );\n\n  // ── Responsive auto-collapse below the breakpoint ───────────────────────────\n  // The media-query handler lives in a ref so the subscription survives\n  // re-renders without re-running for every collapse/callback change.\n  const applyAutoCollapseRef = React.useRef((matches: boolean) => void matches);\n  applyAutoCollapseRef.current = (matches: boolean) => {\n    if (matches && !collapsedRef.current) {\n      if (collapsedProp === undefined) setInternalCollapsed(true);\n      onCollapsedChange?.(true);\n      autoCollapsedRef.current = true;\n    } else if (!matches && autoCollapsedRef.current) {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(false);\n      onCollapsedChange?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (autoCollapse === false || navVariant !== \"vertical\") return;\n    const mql = window.matchMedia(autoCollapse);\n    applyAutoCollapseRef.current(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => applyAutoCollapseRef.current(e.matches);\n    mql.addEventListener(\"change\", onChange);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, [autoCollapse, navVariant]);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  const isVertical = navVariant === \"vertical\";\n  // A collapsible sidebar renders its own collapsed rail, so it is never\n  // hidden by collapse. hideNavOnCollapse only removes the permanent icon rail.\n  const isCollapsibleSidebar = isVertical && primaryNav === \"sidebar\";\n  const navHidden =\n    !showNavRail || (hideNavOnCollapse && collapsed && !isCollapsibleSidebar);\n\n  // CSS-grid template areas per navVariant — the shell knows zones, never\n  // domain concepts. Zones absent from the tree simply collapse their track.\n  // The secondary (side) zone starts below the top bar / secondary bar, so\n  // breadcrumbs span the full width beside the primary nav.\n  const gridClass = isVertical\n    ? \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']\"\n    : \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']\";\n\n  return (\n    <DataAppShellProvider value={{ navVariant, collapsed, setCollapsed, hideNavOnCollapse }}>\n      <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n        <div\n          data-slot=\"data-app-shell\"\n          data-nav-variant={navVariant}\n          data-collapsed={collapsed || undefined}\n          className={cn(gridClass, className)}\n        >\n          {/* Primary nav zone */}\n          {!navHidden &&\n            (isVertical ? (\n              <div className=\"[grid-area:nav] min-h-0\">\n                {isCollapsibleSidebar ? (\n                  <PrimarySidebar\n                    collapsed={collapsed}\n                    onCollapsedChange={setCollapsed}\n                    {...sidebarProps}\n                  />\n                ) : (\n                  <IconRailSidebar {...sidebarProps} />\n                )}\n              </div>\n            ) : (\n              <div className=\"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5\">\n                <DataAppShellPrimaryNav\n                  variant=\"top\"\n                  aria-label=\"Application navigation\"\n                  navGroups={navGroups}\n                  header={<AppHeaderMenu {...sidebarProps} compact menuSide=\"bottom\" />}\n                  user={userMenu}\n                />\n              </div>\n            ))}\n\n          {/* Floating expand affordance — hideNavOnCollapse with no secondary rail */}\n          {hideNavOnCollapse && collapsed && !sidebarPanel && (\n            <Button\n              data-slot=\"data-app-shell-expand-fab\"\n              variant=\"outline\"\n              size=\"icon-sm\"\n              aria-label=\"Expand navigation\"\n              className=\"absolute left-2 top-2 z-50 shadow-elevation-2\"\n              onClick={() => setCollapsed(false)}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n          )}\n\n          {/* Mobile sidebar Sheet */}\n          <SheetContent\n            side=\"left\"\n            showCloseButton={false}\n            className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Application navigation menu\n            </SheetDescription>\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </SheetContent>\n\n          {/* Secondary (side) zone — e.g. a vertical DataAppShellSecondaryNav */}\n          {sidebarPanel && <div className=\"[grid-area:side] min-h-0 flex\">{sidebarPanel}</div>}\n\n          {/* Top bar zone */}\n          {showTopBar && (\n            <div className=\"[grid-area:top] min-w-0\">\n              <TopNav\n                breadcrumbs={breadcrumbs}\n                headerLeft={headerLeft}\n                headerCenter={headerCenter}\n                headerActions={headerActions}\n                mobileTrigger={\n                  <SheetTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      aria-label=\"Open navigation menu\"\n                      className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                    >\n                      <Menu className=\"w-4 h-4\" />\n                    </Button>\n                  </SheetTrigger>\n                }\n              />\n            </div>\n          )}\n\n          {/* Secondary bar zone — e.g. a horizontal DataAppShellSecondaryNav */}\n          {secondaryBar && <div className=\"[grid-area:sub] min-w-0\">{secondaryBar}</div>}\n\n          {/* Body zone: content + right panel. relative — anchors the right\n              panel's floating FAB trigger */}\n          <div className=\"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden\">\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 min-w-0 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n\n            {/* Right panel slot (e.g. DataAppShellRightPanel) */}\n            {rightPanel}\n          </div>\n        </div>\n      </Sheet>\n    </DataAppShellProvider>\n  );\n}\n\nexport default DataAppShell;\nexport { AppHeaderMenu, DataAppShell };\n"],"names":["AppHeaderMenu","appName","appFullName","appIcon","version","onAppNameClick","backToPlatformPath","onBackToPlatform","compact","menuSide","logo","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","TDPLink","ArrowLeft","SidebarBody","navGroups","userMenu","onAfterNavClick","DataAppShellPrimaryNav","IconRailSidebar","props","PrimarySidebar","collapsed","onCollapsedChange","sidebarProps","headerMenuProps","ShellCollapseButton","TopNavBreadcrumb","items","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","itemClassName","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","TopNav","breadcrumbs","headerLeft","headerCenter","headerActions","mobileTrigger","TopBar","Fragment","DataAppShell","navVariant","primaryNav","sidebarPanel","secondaryBar","rightPanel","showNavRail","showTopBar","collapsedProp","defaultCollapsed","hideNavOnCollapse","autoCollapse","children","className","mobileNavOpen","setMobileNavOpen","internalCollapsed","setInternalCollapsed","collapsedRef","autoCollapsedRef","setCollapsed","next","applyAutoCollapseRef","matches","mql","onChange","e","isVertical","isCollapsibleSidebar","navHidden","DataAppShellProvider","Sheet","Button","ChevronRight","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":";;;;;;;;;;;;;AA8KA,SAASA,EAAc;AAAA,EACrB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AACb,GAAuB;AACrB,QAAMC,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,oJACb,eAAWV,GACd;AAGF,SACE,gBAAAW,EAACC,IAAA,EAAa,OAAO,IACf,UAAA;AAAA,IAAA,gBAAAF,EAACG,IAAA,EAAoB,SAAO,IAC1B,UAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWG;AAAA,UACT;AAAA,UACA,CAACP,KAAW;AAAA,QAAA;AAAA,QAKb,UAAA;AAAA,UAAAA,IAAUE,IAAO,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCAAqC,UAAAD,GAAK;AAAA,UAG3E,CAACF,KACA,gBAAAG,EAAC,UAAK,WAAU,+DACb,eAAeV,EAAA,CAClB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,sBACCe,IAAA,EAAoB,MAAMP,GAAU,OAAM,SAAQ,WAAU,iBAC3D,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU,MAAMZ,IAAA;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,+GACb,UAAA,gBAAAA,EAAC,UAAK,WAAU,yCACb,UAAAR,KAAWF,EAAA,CACd,EAAA,CACF;AAAA,YACA,gBAAAW,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,cAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,kDACb,UAAAT,KAAeD,GAClB;AAAA,cACCG,KACC,gBAAAO,EAAC,QAAA,EAAK,WAAU,sEACb,UAAAP,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEDc,IAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,WAAU,eAAc,SAAO,IAC9C,UAAAX,IACC,gBAAAM;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMb;AAAA,UACN,mBAAmB,EAAE,QAAQ,GAAA;AAAA,UAC7B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAK,EAACS,GAAA,EAAU,WAAU,gCAAA,CAAgC;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAIzD,gBAAAR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAASL;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAI,EAACS,GAAA,EAAU,WAAU,gCAAA,CAAgC;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAEzD,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACN;AAEJ;AAMA,SAASC,EAAY;AAAA,EACnB,SAAApB;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAkB;AAAA,EACA,gBAAAjB;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAgB;AAAA,EACA,SAAAf;AAAA,EACA,iBAAAgB;AACF,GAAqB;AACnB,SACE,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAASjB,IAAU,SAAS;AAAA,MAC5B,cAAW;AAAA,MACX,WAAAc;AAAA,MACA,UAAU,MAAME,IAAA;AAAA,MAChB,QACE,gBAAAb;AAAA,QAACX;AAAA,QAAA;AAAA,UACC,SAAAC;AAAA,UACA,aAAAC;AAAA,UACA,SAAAC;AAAA,UACA,SAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,SAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,MAAMe;AAAA,MACN,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAMA,SAASG,GAAgBC,GAA8D;AACrF,SACE,gBAAAhB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA,EAACU,GAAA,EAAY,SAAO,IAAE,GAAGM,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtC;AAcA,SAASC,GAAe,EAAE,WAAAC,GAAW,mBAAAC,GAAmB,GAAGC,KAAqC;AAC9F,QAAM,EAAE,SAAA9B,GAAS,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,gBAAAC,GAAgB,oBAAAC,GAAoB,kBAAAC,MAClFwB,GACIC,IAAkB;AAAA,IACtB,SAAA/B;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA;AAGF,SAAIsB,IAEA,gBAAAlB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,kBAAe;AAAA,MACf,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAACc;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,WAAWM,EAAa;AAAA,UACxB,QACE,gBAAAnB,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,YAAA,gBAAAD,EAACX,GAAA,EAAe,GAAGgC,GAAiB,SAAO,GAAA,CAAC;AAAA,YAC5C,gBAAArB;AAAA,cAACsB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,SAAS,MAAMH,EAAkB,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACxC,GACF;AAAA,UAEF,MAAMC,EAAa;AAAA,UACnB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,IAMJ,gBAAApB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,kBAAe;AAAA,MACf,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAACc;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,WAAWM,EAAa;AAAA,UACxB,QACE,gBAAAnB,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAA,EAACX,KAAe,GAAGgC,GAAiB,SAAS,GAAA,CAAO,EAAA,CACtD;AAAA,YACA,gBAAArB;AAAA,cAACsB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,SAAS,MAAMH,EAAkB,EAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACvC,GACF;AAAA,UAEF,MAAMC,EAAa;AAAA,UACnB,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;AAMA,SAASG,GAAiB,EAAE,OAAAC,KAA4C;AACtE;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,gBAAAxB,EAACyB,IAAA,EAAW,WAAU,WACpB,UAAA,gBAAAzB,EAAC0B,IAAA,EAAe,WAAU,uBACvB,UAAAF,EAAM,IAAI,CAACG,GAAMC,MAAU;AAC1B,YAAMC,IAASD,MAAUJ,EAAM,SAAS,GAClCM,IAAc,CAACD,MAAW,CAAC,CAACF,EAAK,QAAQ,CAAC,CAACA,EAAK,UAGhDI,IAAgBF,IAAS,YAAY;AAC3C,aACE,gBAAA5B,EAAC+B,EAAM,UAAN,EACE,UAAA;AAAA,QAAAJ,IAAQ,KAAK,gBAAA5B,EAACiC,IAAA,EAAoB,WAAU,YAAW,UAAA,KAAC;AAAA,QACzD,gBAAAjC,EAACkC,IAAA,EAAe,WAAWH,GACxB,UAAAF,IACC,gBAAA7B,EAACmC,IAAA,EAAe,WAAU,YAAY,UAAAR,EAAK,MAAA,CAAM,IAC/CG,KAAeH,EAAK,OACtB,gBAAA3B,EAACoC,IAAA,EAAe,MAAMT,EAAK,MAAM,WAAU,qBACxC,UAAAA,EAAK,MAAA,CACR,IACEG,KAAeH,EAAK,UACtB,gBAAA3B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS2B,EAAK;AAAA,YAEb,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA,IAGR,gBAAA3B,EAAC,QAAA,EAAK,WAAU,mDACb,UAAA2B,EAAK,OACR,EAAA,CAEJ;AAAA,MAAA,EAAA,GAtBmB,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAuB3C;AAAA,IAEJ,CAAC,GACH,EAAA,CACF;AAAA;AAEJ;AAMA,SAASS,GAAO;AAAA,EACd,aAAAC,IAAc,CAAA;AAAA,EACd,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AACF,GAMG;AACD,SACE,gBAAA1C;AAAA,IAAC2C;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MACE,gBAAA1C,EAAA2C,IAAA,EAGG,UAAA;AAAA,QAAAF,KAAiB,gBAAA1C,EAAC,OAAA,EAAI,WAAU,YAAY,UAAA0C,GAAc;AAAA,QAC3D,gBAAA1C,EAACuB,IAAA,EAAiB,OAAOe,EAAA,CAAa;AAAA,QACrCC,KAAc,QAAQ,gBAAAvC,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAuC,EAAA,CAAW;AAAA,MAAA,GAC/D;AAAA,MAEF,QAAQC;AAAA,MACR,OAAOC;AAAA,IAAA;AAAA,EAAA;AAGb;AAMA,SAASI,GAAa;AAAA,EACpB,SAAAvD;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAkB;AAAA,EACA,gBAAAjB;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAgB;AAAA,EACA,aAAA0B,IAAc,CAAA;AAAA,EACd,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAK,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,WAAWC;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,mBAAAnC;AAAA,EACA,mBAAAoC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,WAAAC;AACF,GAAsB;AACpB,QAAM,CAACC,GAAeC,CAAgB,IAAI5B,EAAM,SAAS,EAAK,GAGxD,CAAC6B,GAAmBC,CAAoB,IAAI9B,EAAM,SAASsB,CAAgB,GAC3EpC,IAAYmC,KAAiBQ,GAC7BE,IAAe/B,EAAM,OAAOd,CAAS;AAC3C,EAAA6C,EAAa,UAAU7C;AAGvB,QAAM8C,IAAmBhC,EAAM,OAAO,EAAK,GAErCiC,IAAejC,EAAM;AAAA,IACzB,CAACkC,MAAkB;AACjB,MAAAF,EAAiB,UAAU,IACvBX,MAAkB,UAAWS,EAAqBI,CAAI,GAC1D/C,IAAoB+C,CAAI;AAAA,IAC1B;AAAA,IACA,CAACb,GAAelC,CAAiB;AAAA,EAAA,GAM7BgD,IAAuBnC,EAAM,OAAO,CAACoC,MAAA;AAAA,GAAiC;AAC5E,EAAAD,EAAqB,UAAU,CAACC,MAAqB;AACnD,IAAIA,KAAW,CAACL,EAAa,WACvBV,MAAkB,UAAWS,EAAqB,EAAI,GAC1D3C,IAAoB,EAAI,GACxB6C,EAAiB,UAAU,MAClB,CAACI,KAAWJ,EAAiB,YACtCA,EAAiB,UAAU,IACvBX,MAAkB,UAAWS,EAAqB,EAAK,GAC3D3C,IAAoB,EAAK;AAAA,EAE7B,GAEAa,EAAM,UAAU,MAAM;AACpB,QAAIwB,MAAiB,MAASV,MAAe,WAAY;AACzD,UAAMuB,IAAM,OAAO,WAAWb,CAAY;AAC1C,IAAAW,EAAqB,QAAQE,EAAI,OAAO;AACxC,UAAMC,IAAW,CAACC,MAA2BJ,EAAqB,QAAQI,EAAE,OAAO;AACnF,WAAAF,EAAI,iBAAiB,UAAUC,CAAQ,GAChC,MAAMD,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAACd,GAAcV,CAAU,CAAC;AAE7B,QAAM1B,IAAe;AAAA,IACnB,SAAA9B;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAkB;AAAA,IACA,gBAAAjB;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAgB;AAAA,EAAA,GAGI4D,IAAa1B,MAAe,YAG5B2B,IAAuBD,KAAczB,MAAe,WACpD2B,IACJ,CAACvB,KAAgBI,KAAqBrC,KAAa,CAACuD;AAUtD,SACE,gBAAAzE,EAAC2E,IAAA,EAAqB,OAAO,EAAE,YAAA7B,GAAY,WAAA5B,GAAW,cAAA+C,GAAc,mBAAAV,EAAA,GAClE,UAAA,gBAAAvD,EAAC4E,IAAA,EAAM,MAAMjB,GAAe,cAAcC,GACxC,UAAA,gBAAA3D;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB6C;AAAA,MAClB,kBAAgB5B,KAAa;AAAA,MAC7B,WAAWd,EAXDoE,IACd,wMACA,uMAS6Bd,CAAS;AAAA,MAGjC,UAAA;AAAA,QAAA,CAACgB,MACCF,IACC,gBAAAxE,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAAyE,IACC,gBAAAzE;AAAA,UAACiB;AAAA,UAAA;AAAA,YACC,WAAAC;AAAA,YACA,mBAAmB+C;AAAA,YAClB,GAAG7C;AAAA,UAAA;AAAA,QAAA,IAGN,gBAAApB,EAACe,IAAA,EAAiB,GAAGK,EAAA,CAAc,GAEvC,IAEA,gBAAApB,EAAC,OAAA,EAAI,WAAU,0FACb,UAAA,gBAAAA;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAW;AAAA,YACX,WAAAH;AAAA,YACA,0BAAStB,GAAA,EAAe,GAAG+B,GAAc,SAAO,IAAC,UAAS,UAAS;AAAA,YACnE,MAAMR;AAAA,UAAA;AAAA,QAAA,EACR,CACF;AAAA,QAIH2C,KAAqBrC,KAAa,CAAC8B,KAClC,gBAAAhD;AAAA,UAAC6E;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YACV,SAAS,MAAMZ,EAAa,EAAK;AAAA,YAEjC,UAAA,gBAAAjE,EAAC8E,IAAA,EAAa,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAKtC,gBAAA7E;AAAA,UAAC8E;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAiB;AAAA,YACjB,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAA/E,EAACgF,IAAA,EAAW,WAAU,WAAU,UAAA,cAAU;AAAA,cAC1C,gBAAAhF,EAACiF,IAAA,EAAiB,WAAU,WAAU,UAAA,+BAEtC;AAAA,cACA,gBAAAjF;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,iBAAiB,MAAMkD,EAAiB,EAAK;AAAA,kBAC5C,GAAGxC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA;AAAA,QAAA;AAAA,QAID4B,KAAgB,gBAAAhD,EAAC,OAAA,EAAI,WAAU,iCAAiC,UAAAgD,GAAa;AAAA,QAG7EI,KACC,gBAAApD,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA,gBAAAA;AAAA,UAACqC;AAAA,UAAA;AAAA,YACC,aAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,eAAAC;AAAA,YACA,eACE,gBAAAzC,EAACkF,IAAA,EAAa,SAAO,IACnB,UAAA,gBAAAlF;AAAA,cAAC6E;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,WAAU;AAAA,gBAEV,UAAA,gBAAA7E,EAACmF,IAAA,EAAK,WAAU,UAAA,CAAU;AAAA,cAAA;AAAA,YAAA,EAC5B,CACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAIDlC,KAAgB,gBAAAjD,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAiD,GAAa;AAAA,QAIxE,gBAAAhD,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET,UAAAyD;AAAA,YAAA;AAAA,UAAA;AAAA,UAIFP;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"DataAppShell.js","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { ArrowLeft, ChevronRight, Menu } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ShellCollapseButton } from \"./CollapseButton\";\nimport { DataAppShellPrimaryNav } from \"./PrimaryNav\";\nimport { DataAppShellProvider, type DataAppShellNavVariant } from \"./ShellContext\";\n\nimport type { NavGroup } from \"./PrimaryNav\";\n\nimport { WithBuildInfoFooter } from \"@/components/composed/BuildInfoFooter/BuildInfoFooter\";\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport { TopBar } from \"@/components/composed/TopBar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\n// Nav item types live with the nav engine — re-exported here for back-compat.\nexport type { NavPage, NavGroup } from \"./PrimaryNav\";\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Short commit SHA. When set, a build-info footer (version + SHA) renders below the content */\n  commitSha?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Slot rendered after the breadcrumbs in the top bar's left group\n   *  (e.g. a collapsed horizontal workflow's step dropdown) */\n  headerLeft?: React.ReactNode;\n  /** Center \"context\" slot in the top bar (e.g. a version / status selector) */\n  headerCenter?: React.ReactNode;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell zones --\n  /** Primary nav axis — `vertical` (sidebar/rail, default) or `horizontal` (top nav row) */\n  navVariant?: DataAppShellNavVariant;\n  /**\n   * Vertical primary nav presentation:\n   * - `rail` (default) — permanent 48px icon-only rail.\n   * - `sidebar` — collapsible 220px sidebar with labels; its brand-row chevron\n   *   collapses it to an icon rail (with an expand chevron under the logo),\n   *   driven by the shell's `collapsed` state.\n   */\n  primaryNav?: \"rail\" | \"sidebar\";\n  /** Slot rendered between the primary nav and the content (e.g. a vertical `DataAppShellSecondaryNav`) */\n  sidebarPanel?: React.ReactNode;\n  /** Full-width zone between the top bar and the content row (e.g. a horizontal `DataAppShellSecondaryNav`) */\n  secondaryBar?: React.ReactNode;\n  /** Slot rendered after the content (e.g. a DataAppShellRightPanel) — its FAB anchors to the content row */\n  rightPanel?: React.ReactNode;\n  /** Show the primary nav zone. Set false to hide it entirely. */\n  showNavRail?: boolean; // default true\n  /** Show the top bar zone. Set false to hide it entirely. */\n  showTopBar?: boolean; // default true\n\n  // -- Collapse (vertical nav only) --\n  /** Controlled collapse state — drives the secondary zone (via ShellContext)\n   *  and, with `hideNavOnCollapse`, the primary rail */\n  collapsed?: boolean;\n  /** Uncontrolled initial collapse state */\n  defaultCollapsed?: boolean;\n  /** Called whenever the shell collapse state flips */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Collapsing also hides the primary rail, leaving one icon rail (the secondary\n   *  nav) with an expand affordance — or a floating expand button if there is none. */\n  hideNavOnCollapse?: boolean;\n  /** Media query that auto-collapses the shell while it matches.\n   *  Pass `false` to disable. Defaults to `\"(max-width: 1023px)\"`. */\n  autoCollapse?: string | false;\n\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (48px): icon-only nav buttons, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\n// =============================================================================\n// App header menu — logo/name button opening the app dropdown\n// =============================================================================\n\ninterface AppHeaderMenuProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n  > {\n  /** compact=true → icon-only trigger (rail); compact=false → icon + name row */\n  compact: boolean;\n  /** Which side of the trigger the dropdown opens on — `right` beside a rail, `bottom` under a top bar */\n  menuSide?: \"right\" | \"bottom\";\n}\n\nfunction AppHeaderMenu({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  compact,\n  menuSide = \"right\",\n}: AppHeaderMenuProps) {\n  const logo = (\n    <span className=\"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 size-8 text-[10px]\">\n      {appIcon ?? appName}\n    </span>\n  );\n\n  return (\n    <DropdownMenu modal={false}>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center w-full text-left\"\n              )}\n            >\n              {/* Icon — expanded: centered in the 48px gutter so it lines up with\n                  the nav icons below; compact: bare, centered by the rail header */}\n              {compact ? logo : <span className=\"flex w-12 shrink-0 justify-center\">{logo}</span>}\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side={menuSide} align=\"start\" className=\"min-w-[220px]\">\n            <DropdownMenuItem\n              className=\"gap-3 px-3 py-2.5\"\n              onSelect={() => onAppNameClick?.()}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Sidebar shared body — the PrimaryNav engine with the app header + user slots\n// =============================================================================\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <DataAppShellPrimaryNav\n      variant={compact ? \"rail\" : \"sidebar\"}\n      aria-label=\"Application navigation\"\n      navGroups={navGroups}\n      onSelect={() => onAfterNavClick?.()}\n      header={\n        <AppHeaderMenu\n          appName={appName}\n          appFullName={appFullName}\n          appIcon={appIcon}\n          version={version}\n          onAppNameClick={onAppNameClick}\n          backToPlatformPath={backToPlatformPath}\n          onBackToPlatform={onBackToPlatform}\n          compact={compact}\n        />\n      }\n      user={userMenu}\n      className=\"h-full w-full\"\n    />\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <div\n      data-slot=\"data-app-sidebar-rail\"\n      className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </div>\n  );\n}\n\n// =============================================================================\n// Collapsible primary sidebar (desktop only — hidden on mobile). Expanded, it\n// shows the app name, labelled nav, and a collapse chevron in the brand row;\n// collapsed, it becomes an icon rail with the expand chevron directly under\n// the logo (mirrors the SW-2118 playground).\n// =============================================================================\n\ninterface PrimarySidebarProps extends Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\"> {\n  collapsed: boolean;\n  onCollapsedChange: (collapsed: boolean) => void;\n}\n\nfunction PrimarySidebar({ collapsed, onCollapsedChange, ...sidebarProps }: PrimarySidebarProps) {\n  const { appName, appFullName, appIcon, version, onAppNameClick, backToPlatformPath, onBackToPlatform } =\n    sidebarProps;\n  const headerMenuProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n  };\n\n  if (collapsed) {\n    return (\n      <div\n        data-slot=\"data-app-sidebar-rail\"\n        data-collapsed=\"true\"\n        className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n      >\n        <DataAppShellPrimaryNav\n          variant=\"rail\"\n          aria-label=\"Application navigation\"\n          navGroups={sidebarProps.navGroups}\n          header={\n            <div className=\"flex flex-col items-center gap-2\">\n              <AppHeaderMenu {...headerMenuProps} compact />\n              <ShellCollapseButton\n                direction=\"right\"\n                label=\"Expand navigation\"\n                onClick={() => onCollapsedChange(false)}\n              />\n            </div>\n          }\n          user={sidebarProps.userMenu}\n          className=\"h-full w-full\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"data-app-sidebar\"\n      data-collapsed=\"false\"\n      className=\"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <DataAppShellPrimaryNav\n        variant=\"sidebar\"\n        aria-label=\"Application navigation\"\n        navGroups={sidebarProps.navGroups}\n        header={\n          <div className=\"flex items-center gap-2 w-full min-w-0\">\n            <div className=\"flex-1 min-w-0\">\n              <AppHeaderMenu {...headerMenuProps} compact={false} />\n            </div>\n            <ShellCollapseButton\n              direction=\"left\"\n              label=\"Collapse navigation\"\n              onClick={() => onCollapsedChange(true)}\n            />\n          </div>\n        }\n        user={sidebarProps.userMenu}\n        className=\"h-full w-full\"\n      />\n    </div>\n  );\n}\n\n// =============================================================================\n// Breadcrumb trail — rendered from the shell's breadcrumb config\n// =============================================================================\n\nfunction TopNavBreadcrumb({ items }: { items: BreadcrumbItemConfig[] }) {\n  return (\n    // min-w-0 lets the trail shrink inside the top bar's flex-1 left group;\n    // flex-nowrap keeps it one line instead of Breadcrumb's default wrap\n    // (which, combined with a squeezed left group, wrapped mid-trail and\n    // pushed the rest of the top bar around — SW-2118).\n    <Breadcrumb className=\"min-w-0\">\n      <BreadcrumbList className=\"flex-nowrap min-w-0\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          const isClickable = !isLast && (!!item.href || !!item.onClick);\n          // Only the current (last) crumb truncates — earlier crumbs keep\n          // their natural width so the trail reads left-to-right.\n          const itemClassName = isLast ? \"min-w-0\" : \"shrink-0\";\n          return (\n            <React.Fragment key={`${item.label}-${index}`}>\n              {index > 0 && <BreadcrumbSeparator className=\"shrink-0\">/</BreadcrumbSeparator>}\n              <BreadcrumbItem className={itemClassName}>\n                {isLast ? (\n                  <BreadcrumbPage className=\"truncate\">{item.label}</BreadcrumbPage>\n                ) : isClickable && item.href ? (\n                  <BreadcrumbLink href={item.href} className=\"whitespace-nowrap\">\n                    {item.label}\n                  </BreadcrumbLink>\n                ) : isClickable && item.onClick ? (\n                  <button\n                    type=\"button\"\n                    className=\"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap\"\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </button>\n                ) : (\n                  <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                    {item.label}\n                  </span>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\n// =============================================================================\n// Top nav — maps shell props onto the reusable TopBar (left/center/right)\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  headerLeft?: React.ReactNode;\n  headerCenter?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <TopBar\n      data-slot=\"data-app-top-nav\"\n      left={\n        <>\n          {/* Mobile hamburger (hidden on md+). shrink-0 — only the\n              breadcrumb trail gives up width when the left group is tight. */}\n          {mobileTrigger && <div className=\"shrink-0\">{mobileTrigger}</div>}\n          <TopNavBreadcrumb items={breadcrumbs} />\n          {headerLeft != null && <div className=\"shrink-0\">{headerLeft}</div>}\n        </>\n      }\n      center={headerCenter}\n      right={headerActions}\n    />\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  commitSha,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  navVariant = \"vertical\",\n  primaryNav = \"rail\",\n  sidebarPanel,\n  secondaryBar,\n  rightPanel,\n  showNavRail = true,\n  showTopBar = true,\n  collapsed: collapsedProp,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  hideNavOnCollapse = false,\n  autoCollapse = \"(max-width: 1023px)\",\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  // ── Single collapse toggle (controlled/uncontrolled) ───────────────────────\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = collapsedProp ?? internalCollapsed;\n  const collapsedRef = React.useRef(collapsed);\n  collapsedRef.current = collapsed;\n  // Set when the media query (not the user) collapsed the shell, so leaving\n  // the breakpoint restores the expanded state without fighting manual toggles.\n  const autoCollapsedRef = React.useRef(false);\n\n  const setCollapsed = React.useCallback(\n    (next: boolean) => {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(next);\n      onCollapsedChange?.(next);\n    },\n    [collapsedProp, onCollapsedChange],\n  );\n\n  // ── Responsive auto-collapse below the breakpoint ───────────────────────────\n  // The media-query handler lives in a ref so the subscription survives\n  // re-renders without re-running for every collapse/callback change.\n  const applyAutoCollapseRef = React.useRef((matches: boolean) => void matches);\n  applyAutoCollapseRef.current = (matches: boolean) => {\n    if (matches && !collapsedRef.current) {\n      if (collapsedProp === undefined) setInternalCollapsed(true);\n      onCollapsedChange?.(true);\n      autoCollapsedRef.current = true;\n    } else if (!matches && autoCollapsedRef.current) {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(false);\n      onCollapsedChange?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (autoCollapse === false || navVariant !== \"vertical\") return;\n    const mql = window.matchMedia(autoCollapse);\n    applyAutoCollapseRef.current(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => applyAutoCollapseRef.current(e.matches);\n    mql.addEventListener(\"change\", onChange);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, [autoCollapse, navVariant]);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  const isVertical = navVariant === \"vertical\";\n  // A collapsible sidebar renders its own collapsed rail, so it is never\n  // hidden by collapse. hideNavOnCollapse only removes the permanent icon rail.\n  const isCollapsibleSidebar = isVertical && primaryNav === \"sidebar\";\n  const navHidden =\n    !showNavRail || (hideNavOnCollapse && collapsed && !isCollapsibleSidebar);\n\n  // CSS-grid template areas per navVariant — the shell knows zones, never\n  // domain concepts. Zones absent from the tree simply collapse their track.\n  // The secondary (side) zone starts below the top bar / secondary bar, so\n  // breadcrumbs span the full width beside the primary nav.\n  const gridClass = isVertical\n    ? \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']\"\n    : \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']\";\n\n  return (\n    <DataAppShellProvider value={{ navVariant, collapsed, setCollapsed, hideNavOnCollapse }}>\n      <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n        <div\n          data-slot=\"data-app-shell\"\n          data-nav-variant={navVariant}\n          data-collapsed={collapsed || undefined}\n          className={cn(gridClass, className)}\n        >\n          {/* Primary nav zone */}\n          {!navHidden &&\n            (isVertical ? (\n              <div className=\"[grid-area:nav] min-h-0\">\n                {isCollapsibleSidebar ? (\n                  <PrimarySidebar\n                    collapsed={collapsed}\n                    onCollapsedChange={setCollapsed}\n                    {...sidebarProps}\n                  />\n                ) : (\n                  <IconRailSidebar {...sidebarProps} />\n                )}\n              </div>\n            ) : (\n              <div className=\"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5\">\n                <DataAppShellPrimaryNav\n                  variant=\"top\"\n                  aria-label=\"Application navigation\"\n                  navGroups={navGroups}\n                  header={<AppHeaderMenu {...sidebarProps} compact menuSide=\"bottom\" />}\n                  user={userMenu}\n                />\n              </div>\n            ))}\n\n          {/* Floating expand affordance — hideNavOnCollapse with no secondary rail */}\n          {hideNavOnCollapse && collapsed && !sidebarPanel && (\n            <Button\n              data-slot=\"data-app-shell-expand-fab\"\n              variant=\"outline\"\n              size=\"icon-sm\"\n              aria-label=\"Expand navigation\"\n              className=\"absolute left-2 top-2 z-50 shadow-elevation-2\"\n              onClick={() => setCollapsed(false)}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n          )}\n\n          {/* Mobile sidebar Sheet */}\n          <SheetContent\n            side=\"left\"\n            showCloseButton={false}\n            className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Application navigation menu\n            </SheetDescription>\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </SheetContent>\n\n          {/* Secondary (side) zone — e.g. a vertical DataAppShellSecondaryNav */}\n          {sidebarPanel && <div className=\"[grid-area:side] min-h-0 flex\">{sidebarPanel}</div>}\n\n          {/* Top bar zone */}\n          {showTopBar && (\n            <div className=\"[grid-area:top] min-w-0\">\n              <TopNav\n                breadcrumbs={breadcrumbs}\n                headerLeft={headerLeft}\n                headerCenter={headerCenter}\n                headerActions={headerActions}\n                mobileTrigger={\n                  <SheetTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      aria-label=\"Open navigation menu\"\n                      className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                    >\n                      <Menu className=\"w-4 h-4\" />\n                    </Button>\n                  </SheetTrigger>\n                }\n              />\n            </div>\n          )}\n\n          {/* Secondary bar zone — e.g. a horizontal DataAppShellSecondaryNav */}\n          {secondaryBar && <div className=\"[grid-area:sub] min-w-0\">{secondaryBar}</div>}\n\n          {/* Body zone: content + right panel. relative — anchors the right\n              panel's floating FAB trigger */}\n          <div className=\"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden\">\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 min-w-0 overflow-auto bg-background\"\n            >\n              <WithBuildInfoFooter show={Boolean(commitSha)} version={version} commitSha={commitSha}>\n                {children}\n              </WithBuildInfoFooter>\n            </main>\n\n            {/* Right panel slot (e.g. DataAppShellRightPanel) */}\n            {rightPanel}\n          </div>\n        </div>\n      </Sheet>\n    </DataAppShellProvider>\n  );\n}\n\nexport default DataAppShell;\nexport { AppHeaderMenu, DataAppShell };\n"],"names":["AppHeaderMenu","appName","appFullName","appIcon","version","onAppNameClick","backToPlatformPath","onBackToPlatform","compact","menuSide","logo","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","TDPLink","ArrowLeft","SidebarBody","navGroups","userMenu","onAfterNavClick","DataAppShellPrimaryNav","IconRailSidebar","props","PrimarySidebar","collapsed","onCollapsedChange","sidebarProps","headerMenuProps","ShellCollapseButton","TopNavBreadcrumb","items","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","itemClassName","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","TopNav","breadcrumbs","headerLeft","headerCenter","headerActions","mobileTrigger","TopBar","Fragment","DataAppShell","commitSha","navVariant","primaryNav","sidebarPanel","secondaryBar","rightPanel","showNavRail","showTopBar","collapsedProp","defaultCollapsed","hideNavOnCollapse","autoCollapse","children","className","mobileNavOpen","setMobileNavOpen","internalCollapsed","setInternalCollapsed","collapsedRef","autoCollapsedRef","setCollapsed","next","applyAutoCollapseRef","matches","mql","onChange","e","isVertical","isCollapsibleSidebar","navHidden","DataAppShellProvider","Sheet","Button","ChevronRight","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu","WithBuildInfoFooter"],"mappings":"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"}

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "info" | "positive" | "warning" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "info" | "positive" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;