@tetrascience-npm/tetrascience-react-ui 0.6.0-beta.86.1 → 0.6.0-beta.88.1

package/dist/components/composed/DataAppShell/DataAppShell.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),D=require("class-variance-authority"),N=require("lucide-react"),B=require("react"),q=require("../tdp-link.cjs"),b=require("../../ui/breadcrumb.cjs"),S=require("../../ui/button.cjs"),m=require("../../ui/dropdown-menu.cjs"),p=require("../../ui/sheet.cjs"),x=require("../../ui/tooltip.cjs"),s=require("../../../lib/utils.cjs");function O(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>r[i]})}}return a.default=r,Object.freeze(a)}const k=O(B),T=D.cva("flex items-center justify-center rounded-lg transition-colors duration-150",{variants:{active:{true:"bg-primary/10",false:"bg-transparent"},compact:{true:"w-9 h-9 hover:bg-muted",false:"w-8 h-8"}},defaultVariants:{active:!1,compact:!0}});function A({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:j,compact:l,onAfterNavClick:y}){return e.jsxs(x.TooltipProvider,{children:[e.jsx("div",{className:s.cn("shrink-0 border-b border-sidebar-border",l?"flex justify-center py-2":"flex px-3 py-2.5"),children:e.jsxs(m.DropdownMenu,{children:[e.jsx(m.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:s.cn("cursor-pointer bg-transparent border-none p-0",!l&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:s.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0",l?"w-9 h-9 text-[11px]":"w-8 h-8 text-[10px]"),children:i??r}),!l&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(m.DropdownMenuContent,{side:"right",align:"start",className:"min-w-[220px]",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5 cursor-pointer",onClick:c,role:"button",tabIndex:0,onKeyDown:d=>{d.key==="Enter"&&c?.()},children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:i??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),o&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:o})]})]}),e.jsx(m.DropdownMenuSeparator,{}),e.jsx(m.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:u?e.jsxs(q.TDPLink,{path:u,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:f,children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}),e.jsx("div",{className:s.cn("flex-1 min-h-0",l?"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto":"flex flex-col py-2 overflow-y-auto"),children:t.map((d,g)=>e.jsxs(k.Fragment,{children:[g>0&&e.jsx("div",{className:s.cn("border-t border-sidebar-border",l?"w-8 my-2":"mx-3 my-1")}),!l&&d.label&&e.jsx("span",{className:"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold",children:d.label}),e.jsx("div",{className:s.cn("flex flex-col",l?"items-center gap-3 w-full":"gap-0.5"),children:d.pages.map(n=>{const v=n.icon,w=v?e.jsx(v,{className:s.cn("w-5 h-5",n.isActive?"text-primary":"text-muted-foreground")}):e.jsx("div",{className:s.cn("w-2 h-2 rounded-full",n.isActive?"bg-primary":"bg-muted-foreground/40")}),h=()=>{n.onClick?.(),y?.()};return l?e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full",onClick:h,children:[e.jsx("div",{className:s.cn(T({active:n.isActive??!1,compact:!0})),children:w}),e.jsx("span",{className:s.cn("text-[10px] font-medium leading-tight text-center",n.isActive?"text-foreground font-semibold":"text-muted-foreground"),children:n.label})]})}),e.jsx(x.TooltipContent,{side:"right",children:n.label})]},n.id):e.jsxs("button",{type:"button",className:s.cn("flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1",n.isActive?"bg-sidebar-accent text-sidebar-foreground font-medium":"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"),onClick:h,children:[e.jsx("div",{className:s.cn(T({active:n.isActive??!1,compact:!1})),children:w}),e.jsx("span",{children:n.label})]},n.id)})})]},`${g}-${d.label??""}`))}),j&&e.jsx("div",{className:s.cn("shrink-0 border-t border-sidebar-border",l?"flex flex-col items-center py-2":"p-2"),children:j})]})}function P(r){return e.jsx("nav",{"data-slot":"data-app-sidebar-rail","aria-label":"Application navigation",className:"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(A,{compact:!0,...r})})}function M({breadcrumbs:r=[],onHelpClick:a,headerActions:i,mobileTrigger:o}){return e.jsxs("div",{"data-slot":"data-app-top-nav",className:"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2",children:[o,e.jsx(b.Breadcrumb,{className:"flex-1 min-w-0",children:e.jsx(b.BreadcrumbList,{children:r.map((t,c)=>{const u=c===r.length-1,f=!u&&(!!t.href||!!t.onClick);return e.jsxs(k.Fragment,{children:[c>0&&e.jsx(b.BreadcrumbSeparator,{children:"/"}),e.jsx(b.BreadcrumbItem,{children:u?e.jsx(b.BreadcrumbPage,{children:t.label}):f&&t.href?e.jsx(b.BreadcrumbLink,{href:t.href,children:t.label}):f&&t.onClick?e.jsx("button",{type:"button",className:"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal",onClick:t.onClick,children:t.label}):e.jsx("span",{className:"text-[13px] text-muted-foreground",children:t.label})})]},`${t.label}-${c}`)})})}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[i,a&&e.jsx(x.TooltipProvider,{children:e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsx(S.Button,{variant:"ghost",size:"icon",className:"w-7 h-7 text-muted-foreground",onClick:a,"aria-label":"Help",children:e.jsx(N.HelpCircle,{className:"w-4 h-4"})})}),e.jsx(x.TooltipContent,{side:"bottom",children:"Help"})]})})]})]})}function L({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:j,breadcrumbs:l=[],onHelpClick:y,headerActions:d,sidebarPanel:g,children:n,className:v}){const[w,h]=k.useState(!1),C={appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:j};return e.jsx(p.Sheet,{open:w,onOpenChange:h,children:e.jsxs("div",{"data-slot":"data-app-shell",className:s.cn("flex flex-row w-full h-screen overflow-hidden",v),children:[e.jsx(P,{...C}),e.jsxs(p.SheetContent,{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:[e.jsx(p.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(p.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx("nav",{"aria-label":"Application navigation",className:"flex flex-col h-full",children:e.jsx(A,{compact:!1,onAfterNavClick:()=>h(!1),...C})})]}),e.jsxs("div",{className:"flex flex-1 flex-col min-w-0 overflow-hidden",children:[e.jsx(M,{breadcrumbs:l,onHelpClick:y,headerActions:d,mobileTrigger:e.jsx(p.SheetTrigger,{asChild:!0,children:e.jsx(S.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(N.Menu,{className:"w-4 h-4"})})})}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[g,e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 overflow-auto bg-background",children:n})]})]})]})})}exports.DataAppShell=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("class-variance-authority"),N=require("lucide-react"),q=require("react"),O=require("../tdp-link.cjs"),b=require("../../ui/breadcrumb.cjs"),A=require("../../ui/button.cjs"),h=require("../../ui/dropdown-menu.cjs"),m=require("../../ui/sheet.cjs"),x=require("../../ui/tooltip.cjs"),s=require("../../../lib/utils.cjs");function P(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>r[i]})}}return a.default=r,Object.freeze(a)}const k=P(q),S=B.cva("flex items-center justify-center rounded-lg transition-colors duration-150",{variants:{active:{true:"bg-primary/10",false:"bg-transparent"},compact:{true:"w-9 h-9 hover:bg-muted",false:"w-8 h-8"}},defaultVariants:{active:!1,compact:!0}});function D({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:p,compact:l,onAfterNavClick:y}){return e.jsxs(x.TooltipProvider,{children:[e.jsx("div",{className:s.cn("shrink-0 border-b border-sidebar-border",l?"flex justify-center py-2":"flex px-3 py-2.5"),children:e.jsxs(h.DropdownMenu,{children:[e.jsx(h.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:s.cn("cursor-pointer bg-transparent border-none p-0",!l&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:s.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0",l?"w-9 h-9 text-[11px]":"w-8 h-8 text-[10px]"),children:i??r}),!l&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(h.DropdownMenuContent,{side:"right",align:"start",className:"min-w-[220px]",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5 cursor-pointer",onClick:c,role:"button",tabIndex:0,onKeyDown:d=>{d.key==="Enter"&&c?.()},children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:i??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),o&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:o})]})]}),e.jsx(h.DropdownMenuSeparator,{}),e.jsx(h.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:u?e.jsxs(O.TDPLink,{path:u,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:f,children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}),e.jsx("div",{className:s.cn("flex-1 min-h-0",l?"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto":"flex flex-col py-2 overflow-y-auto"),children:t.map((d,j)=>e.jsxs(k.Fragment,{children:[j>0&&e.jsx("div",{className:s.cn("border-t border-sidebar-border",l?"w-8 my-2":"mx-3 my-1")}),!l&&d.label&&e.jsx("span",{className:"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold",children:d.label}),e.jsx("div",{className:s.cn("flex flex-col",l?"items-center gap-3 w-full":"gap-0.5"),children:d.pages.map(n=>{const g=n.icon,v=g?e.jsx(g,{className:s.cn("w-5 h-5",n.isActive?"text-primary":"text-muted-foreground")}):e.jsx("div",{className:s.cn("w-2 h-2 rounded-full",n.isActive?"bg-primary":"bg-muted-foreground/40")}),w=()=>{n.onClick?.(),y?.()};return l?e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full",onClick:w,children:[e.jsx("div",{className:s.cn(S({active:n.isActive??!1,compact:!0})),children:v}),e.jsx("span",{className:s.cn("text-[10px] font-medium leading-tight text-center",n.isActive?"text-foreground font-semibold":"text-muted-foreground"),children:n.label})]})}),e.jsx(x.TooltipContent,{side:"right",children:n.label})]},n.id):e.jsxs("button",{type:"button",className:s.cn("flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1",n.isActive?"bg-sidebar-accent text-sidebar-foreground font-medium":"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"),onClick:w,children:[e.jsx("div",{className:s.cn(S({active:n.isActive??!1,compact:!1})),children:v}),e.jsx("span",{children:n.label})]},n.id)})})]},`${j}-${d.label??""}`))}),p&&e.jsx("div",{className:s.cn("shrink-0 border-t border-sidebar-border",l?"flex flex-col items-center py-2":"p-2"),children:p})]})}function M(r){return e.jsx("nav",{"data-slot":"data-app-sidebar-rail","aria-label":"Application navigation",className:"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(D,{compact:!0,...r})})}function L({breadcrumbs:r=[],onHelpClick:a,headerActions:i,mobileTrigger:o}){return e.jsxs("div",{"data-slot":"data-app-top-nav",className:"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2",children:[o,e.jsx(b.Breadcrumb,{className:"flex-1 min-w-0",children:e.jsx(b.BreadcrumbList,{children:r.map((t,c)=>{const u=c===r.length-1,f=!u&&(!!t.href||!!t.onClick);return e.jsxs(k.Fragment,{children:[c>0&&e.jsx(b.BreadcrumbSeparator,{children:"/"}),e.jsx(b.BreadcrumbItem,{children:u?e.jsx(b.BreadcrumbPage,{children:t.label}):f&&t.href?e.jsx(b.BreadcrumbLink,{href:t.href,children:t.label}):f&&t.onClick?e.jsx("button",{type:"button",className:"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal",onClick:t.onClick,children:t.label}):e.jsx("span",{className:"text-[13px] text-muted-foreground",children:t.label})})]},`${t.label}-${c}`)})})}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[i,a&&e.jsx(x.TooltipProvider,{children:e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsx(A.Button,{variant:"ghost",size:"icon",className:"w-7 h-7 text-muted-foreground",onClick:a,"aria-label":"Help",children:e.jsx(N.HelpCircle,{className:"w-4 h-4"})})}),e.jsx(x.TooltipContent,{side:"bottom",children:"Help"})]})})]})]})}function z({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:p,breadcrumbs:l=[],onHelpClick:y,headerActions:d,sidebarPanel:j,showNavRail:n=!0,children:g,className:v}){const[w,C]=k.useState(!1),T={appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:f,userMenu:p};return e.jsx(m.Sheet,{open:w,onOpenChange:C,children:e.jsxs("div",{"data-slot":"data-app-shell",className:s.cn("flex flex-row w-full h-screen overflow-hidden",v),children:[n&&e.jsx(M,{...T}),e.jsxs(m.SheetContent,{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:[e.jsx(m.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(m.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx("nav",{"aria-label":"Application navigation",className:"flex flex-col h-full",children:e.jsx(D,{compact:!1,onAfterNavClick:()=>C(!1),...T})})]}),e.jsxs("div",{className:"flex flex-1 flex-col min-w-0 overflow-hidden",children:[e.jsx(L,{breadcrumbs:l,onHelpClick:y,headerActions:d,mobileTrigger:e.jsx(m.SheetTrigger,{asChild:!0,children:e.jsx(A.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(N.Menu,{className:"w-4 h-4"})})})}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[j,e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 overflow-auto bg-background",children:g})]})]})]})})}exports.DataAppShell=z;
 //# sourceMappingURL=DataAppShell.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataAppShell.cjs","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport {\n  ArrowLeft,\n  HelpCircle,\n  Menu,\n  type LucideIcon,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\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 {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Whether this page is currently active */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in expanded nav */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\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  /** Callback when the help button is clicked; omit to hide the button */\n  onHelpClick?: () => void;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell --\n  /** Slot rendered between the icon rail and the content (e.g. WorkflowPanel) */\n  sidebarPanel?: React.ReactNode;\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 (60px): icons + tiny labels stacked, 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\nconst pageIconVariants = cva(\n  \"flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      compact: {\n        true: \"w-9 h-9 hover:bg-muted\",\n        false: \"w-8 h-8\",\n      },\n    },\n    defaultVariants: { active: false, compact: true },\n  }\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    <TooltipProvider>\n      {/* ── Header: app icon / name + version ──────────────────────────────── */}\n      <div\n        className={cn(\n          \"shrink-0 border-b border-sidebar-border\",\n          compact ? \"flex justify-center py-2\" : \"flex px-3 py-2.5\"\n        )}\n      >\n        <DropdownMenu>\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 gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0\",\n                  compact ? \"w-9 h-9 text-[11px]\" : \"w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </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=\"right\" align=\"start\" className=\"min-w-[220px]\">\n            <div\n              className=\"flex items-center gap-3 px-3 py-2.5 cursor-pointer\"\n              onClick={onAppNameClick}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") onAppNameClick?.();\n              }}\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            </div>\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      </div>\n\n      {/* ── Nav groups ──────────────────────────────────────────────────────── */}\n      <div\n        className={cn(\n          \"flex-1 min-h-0\",\n          compact\n            ? \"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto\"\n            : \"flex flex-col py-2 overflow-y-auto\"\n        )}\n      >\n        {navGroups.map((group, groupIndex) => (\n          <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n            {groupIndex > 0 && (\n              <div\n                className={cn(\n                  \"border-t border-sidebar-border\",\n                  compact ? \"w-8 my-2\" : \"mx-3 my-1\"\n                )}\n              />\n            )}\n            {!compact && group.label && (\n              <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                {group.label}\n              </span>\n            )}\n            <div\n              className={cn(\n                \"flex flex-col\",\n                compact ? \"items-center gap-3 w-full\" : \"gap-0.5\"\n              )}\n            >\n              {group.pages.map((page) => {\n                const Icon = page.icon;\n                const iconEl = Icon ? (\n                  <Icon\n                    className={cn(\n                      \"w-5 h-5\",\n                      page.isActive ? \"text-primary\" : \"text-muted-foreground\"\n                    )}\n                  />\n                ) : (\n                  <div\n                    className={cn(\n                      \"w-2 h-2 rounded-full\",\n                      page.isActive ? \"bg-primary\" : \"bg-muted-foreground/40\"\n                    )}\n                  />\n                );\n\n                const handleClick = () => {\n                  page.onClick?.();\n                  onAfterNavClick?.();\n                };\n\n                if (compact) {\n                  return (\n                    <Tooltip key={page.id}>\n                      <TooltipTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full\"\n                          onClick={handleClick}\n                        >\n                          <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: true }))}>\n                            {iconEl}\n                          </div>\n                          <span\n                            className={cn(\n                              \"text-[10px] font-medium leading-tight text-center\",\n                              page.isActive\n                                ? \"text-foreground font-semibold\"\n                                : \"text-muted-foreground\"\n                            )}\n                          >\n                            {page.label}\n                          </span>\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent side=\"right\">{page.label}</TooltipContent>\n                    </Tooltip>\n                  );\n                }\n\n                // Expanded (mobile) row\n                return (\n                  <button\n                    key={page.id}\n                    type=\"button\"\n                    className={cn(\n                      \"flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1\",\n                      page.isActive\n                        ? \"bg-sidebar-accent text-sidebar-foreground font-medium\"\n                        : \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\"\n                    )}\n                    onClick={handleClick}\n                  >\n                    <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: false }))}>\n                      {iconEl}\n                    </div>\n                    <span>{page.label}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* ── Bottom: user menu slot ──────────────────────────────────────────── */}\n      {userMenu && (\n        <div\n          className={cn(\n            \"shrink-0 border-t border-sidebar-border\",\n            compact ? \"flex flex-col items-center py-2\" : \"p-2\"\n          )}\n        >\n          {userMenu}\n        </div>\n      )}\n    </TooltipProvider>\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    <nav\n      data-slot=\"data-app-sidebar-rail\"\n      aria-label=\"Application navigation\"\n      className=\"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </nav>\n  );\n}\n\n// =============================================================================\n// Top nav\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  onHelpClick?: () => void;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"data-app-top-nav\"\n      className=\"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2\"\n    >\n      {/* Mobile hamburger (hidden on md+) */}\n      {mobileTrigger}\n\n      {/* Left: Breadcrumbs */}\n      <Breadcrumb className=\"flex-1 min-w-0\">\n        <BreadcrumbList>\n          {breadcrumbs.map((item, index) => {\n            const isLast = index === breadcrumbs.length - 1;\n            const isClickable = !isLast && (!!item.href || !!item.onClick);\n            return (\n              <React.Fragment key={`${item.label}-${index}`}>\n                {index > 0 && <BreadcrumbSeparator>/</BreadcrumbSeparator>}\n                <BreadcrumbItem>\n                  {isLast ? (\n                    <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                  ) : isClickable && item.href ? (\n                    <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                  ) : isClickable && item.onClick ? (\n                    <button\n                      type=\"button\"\n                      className=\"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal\"\n                      onClick={item.onClick}\n                    >\n                      {item.label}\n                    </button>\n                  ) : (\n                    <span className=\"text-[13px] text-muted-foreground\">{item.label}</span>\n                  )}\n                </BreadcrumbItem>\n              </React.Fragment>\n            );\n          })}\n        </BreadcrumbList>\n      </Breadcrumb>\n\n      {/* Right: header actions + help */}\n      <div className=\"flex items-center gap-2 shrink-0\">\n        {headerActions}\n\n        {onHelpClick && (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"w-7 h-7 text-muted-foreground\"\n                  onClick={onHelpClick}\n                  aria-label=\"Help\"\n                >\n                  <HelpCircle className=\"w-4 h-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">Help</TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        )}\n      </div>\n    </div>\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  onHelpClick,\n  headerActions,\n  sidebarPanel,\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\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  return (\n    <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n      <div\n        data-slot=\"data-app-shell\"\n        className={cn(\"flex flex-row w-full h-screen overflow-hidden\", className)}\n      >\n        {/* Desktop icon rail (hidden on mobile) */}\n        <IconRailSidebar {...sidebarProps} />\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          <nav aria-label=\"Application navigation\" className=\"flex flex-col h-full\">\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </nav>\n        </SheetContent>\n\n        {/* Right: top nav + panel + content */}\n        <div className=\"flex flex-1 flex-col min-w-0 overflow-hidden\">\n          <TopNav\n            breadcrumbs={breadcrumbs}\n            onHelpClick={onHelpClick}\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\n          <div className=\"flex flex-1 min-h-0 overflow-hidden\">\n            {/* Sidebar panel slot (e.g. WorkflowPanel) */}\n            {sidebarPanel}\n\n            {/* Content area */}\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n          </div>\n        </div>\n      </div>\n    </Sheet>\n  );\n}\n\nexport default DataAppShell;\nexport { DataAppShell };\n"],"names":["pageIconVariants","cva","SidebarBody","appName","appFullName","appIcon","version","navGroups","onAppNameClick","backToPlatformPath","onBackToPlatform","userMenu","compact","onAfterNavClick","TooltipProvider","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","DropdownMenuContent","e","DropdownMenuSeparator","DropdownMenuItem","TDPLink","ArrowLeft","group","groupIndex","React","page","Icon","iconEl","handleClick","Tooltip","TooltipTrigger","TooltipContent","IconRailSidebar","props","TopNav","breadcrumbs","onHelpClick","headerActions","mobileTrigger","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","Button","HelpCircle","DataAppShell","sidebarPanel","children","className","mobileNavOpen","setMobileNavOpen","sidebarProps","Sheet","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}
+{"version":3,"file":"DataAppShell.cjs","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport {\n  ArrowLeft,\n  HelpCircle,\n  Menu,\n  type LucideIcon,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\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 {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Whether this page is currently active */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in expanded nav */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\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  /** Callback when the help button is clicked; omit to hide the button */\n  onHelpClick?: () => void;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell --\n  /** Slot rendered between the icon rail and the content (e.g. WorkflowPanel) */\n  sidebarPanel?: React.ReactNode;\n  /** Show the desktop icon nav rail. Set false to reclaim width when the panel is collapsed. */\n  showNavRail?: boolean; // default true\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 (60px): icons + tiny labels stacked, 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\nconst pageIconVariants = cva(\n  \"flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      compact: {\n        true: \"w-9 h-9 hover:bg-muted\",\n        false: \"w-8 h-8\",\n      },\n    },\n    defaultVariants: { active: false, compact: true },\n  }\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    <TooltipProvider>\n      {/* ── Header: app icon / name + version ──────────────────────────────── */}\n      <div\n        className={cn(\n          \"shrink-0 border-b border-sidebar-border\",\n          compact ? \"flex justify-center py-2\" : \"flex px-3 py-2.5\"\n        )}\n      >\n        <DropdownMenu>\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 gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0\",\n                  compact ? \"w-9 h-9 text-[11px]\" : \"w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </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=\"right\" align=\"start\" className=\"min-w-[220px]\">\n            <div\n              className=\"flex items-center gap-3 px-3 py-2.5 cursor-pointer\"\n              onClick={onAppNameClick}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") onAppNameClick?.();\n              }}\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            </div>\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      </div>\n\n      {/* ── Nav groups ──────────────────────────────────────────────────────── */}\n      <div\n        className={cn(\n          \"flex-1 min-h-0\",\n          compact\n            ? \"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto\"\n            : \"flex flex-col py-2 overflow-y-auto\"\n        )}\n      >\n        {navGroups.map((group, groupIndex) => (\n          <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n            {groupIndex > 0 && (\n              <div\n                className={cn(\n                  \"border-t border-sidebar-border\",\n                  compact ? \"w-8 my-2\" : \"mx-3 my-1\"\n                )}\n              />\n            )}\n            {!compact && group.label && (\n              <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                {group.label}\n              </span>\n            )}\n            <div\n              className={cn(\n                \"flex flex-col\",\n                compact ? \"items-center gap-3 w-full\" : \"gap-0.5\"\n              )}\n            >\n              {group.pages.map((page) => {\n                const Icon = page.icon;\n                const iconEl = Icon ? (\n                  <Icon\n                    className={cn(\n                      \"w-5 h-5\",\n                      page.isActive ? \"text-primary\" : \"text-muted-foreground\"\n                    )}\n                  />\n                ) : (\n                  <div\n                    className={cn(\n                      \"w-2 h-2 rounded-full\",\n                      page.isActive ? \"bg-primary\" : \"bg-muted-foreground/40\"\n                    )}\n                  />\n                );\n\n                const handleClick = () => {\n                  page.onClick?.();\n                  onAfterNavClick?.();\n                };\n\n                if (compact) {\n                  return (\n                    <Tooltip key={page.id}>\n                      <TooltipTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full\"\n                          onClick={handleClick}\n                        >\n                          <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: true }))}>\n                            {iconEl}\n                          </div>\n                          <span\n                            className={cn(\n                              \"text-[10px] font-medium leading-tight text-center\",\n                              page.isActive\n                                ? \"text-foreground font-semibold\"\n                                : \"text-muted-foreground\"\n                            )}\n                          >\n                            {page.label}\n                          </span>\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent side=\"right\">{page.label}</TooltipContent>\n                    </Tooltip>\n                  );\n                }\n\n                // Expanded (mobile) row\n                return (\n                  <button\n                    key={page.id}\n                    type=\"button\"\n                    className={cn(\n                      \"flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1\",\n                      page.isActive\n                        ? \"bg-sidebar-accent text-sidebar-foreground font-medium\"\n                        : \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\"\n                    )}\n                    onClick={handleClick}\n                  >\n                    <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: false }))}>\n                      {iconEl}\n                    </div>\n                    <span>{page.label}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* ── Bottom: user menu slot ──────────────────────────────────────────── */}\n      {userMenu && (\n        <div\n          className={cn(\n            \"shrink-0 border-t border-sidebar-border\",\n            compact ? \"flex flex-col items-center py-2\" : \"p-2\"\n          )}\n        >\n          {userMenu}\n        </div>\n      )}\n    </TooltipProvider>\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    <nav\n      data-slot=\"data-app-sidebar-rail\"\n      aria-label=\"Application navigation\"\n      className=\"hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </nav>\n  );\n}\n\n// =============================================================================\n// Top nav\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  onHelpClick?: () => void;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"data-app-top-nav\"\n      className=\"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2\"\n    >\n      {/* Mobile hamburger (hidden on md+) */}\n      {mobileTrigger}\n\n      {/* Left: Breadcrumbs */}\n      <Breadcrumb className=\"flex-1 min-w-0\">\n        <BreadcrumbList>\n          {breadcrumbs.map((item, index) => {\n            const isLast = index === breadcrumbs.length - 1;\n            const isClickable = !isLast && (!!item.href || !!item.onClick);\n            return (\n              <React.Fragment key={`${item.label}-${index}`}>\n                {index > 0 && <BreadcrumbSeparator>/</BreadcrumbSeparator>}\n                <BreadcrumbItem>\n                  {isLast ? (\n                    <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                  ) : isClickable && item.href ? (\n                    <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                  ) : isClickable && item.onClick ? (\n                    <button\n                      type=\"button\"\n                      className=\"text-[13px] text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal\"\n                      onClick={item.onClick}\n                    >\n                      {item.label}\n                    </button>\n                  ) : (\n                    <span className=\"text-[13px] text-muted-foreground\">{item.label}</span>\n                  )}\n                </BreadcrumbItem>\n              </React.Fragment>\n            );\n          })}\n        </BreadcrumbList>\n      </Breadcrumb>\n\n      {/* Right: header actions + help */}\n      <div className=\"flex items-center gap-2 shrink-0\">\n        {headerActions}\n\n        {onHelpClick && (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"w-7 h-7 text-muted-foreground\"\n                  onClick={onHelpClick}\n                  aria-label=\"Help\"\n                >\n                  <HelpCircle className=\"w-4 h-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">Help</TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        )}\n      </div>\n    </div>\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  onHelpClick,\n  headerActions,\n  sidebarPanel,\n  showNavRail = true,\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\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  return (\n    <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n      <div\n        data-slot=\"data-app-shell\"\n        className={cn(\"flex flex-row w-full h-screen overflow-hidden\", className)}\n      >\n        {/* Desktop icon rail (hidden on mobile, or when showNavRail is false) */}\n        {showNavRail && <IconRailSidebar {...sidebarProps} />}\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          <nav aria-label=\"Application navigation\" className=\"flex flex-col h-full\">\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </nav>\n        </SheetContent>\n\n        {/* Right: top nav + panel + content */}\n        <div className=\"flex flex-1 flex-col min-w-0 overflow-hidden\">\n          <TopNav\n            breadcrumbs={breadcrumbs}\n            onHelpClick={onHelpClick}\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\n          <div className=\"flex flex-1 min-h-0 overflow-hidden\">\n            {/* Sidebar panel slot (e.g. WorkflowPanel) */}\n            {sidebarPanel}\n\n            {/* Content area */}\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n          </div>\n        </div>\n      </div>\n    </Sheet>\n  );\n}\n\nexport default DataAppShell;\nexport { DataAppShell };\n"],"names":["pageIconVariants","cva","SidebarBody","appName","appFullName","appIcon","version","navGroups","onAppNameClick","backToPlatformPath","onBackToPlatform","userMenu","compact","onAfterNavClick","TooltipProvider","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","DropdownMenuContent","e","DropdownMenuSeparator","DropdownMenuItem","TDPLink","ArrowLeft","group","groupIndex","React","page","Icon","iconEl","handleClick","Tooltip","TooltipTrigger","TooltipContent","IconRailSidebar","props","TopNav","breadcrumbs","onHelpClick","headerActions","mobileTrigger","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","Button","HelpCircle","DataAppShell","sidebarPanel","showNavRail","children","className","mobileNavOpen","setMobileNavOpen","sidebarProps","Sheet","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { cva as j } from "class-variance-authority";
-import { Menu as M, ArrowLeft as y, HelpCircle as P } from "lucide-react";
+import { cva as M } from "class-variance-authority";
+import { Menu as P, ArrowLeft as k, HelpCircle as L } from "lucide-react";
 import * as w from "react";
-import { TDPLink as L } from "../tdp-link.js";
-import { Breadcrumb as O, BreadcrumbList as z, BreadcrumbSeparator as I, BreadcrumbItem as $, BreadcrumbPage as E, BreadcrumbLink as H } from "../../ui/breadcrumb.js";
-import { Button as C } from "../../ui/button.js";
-import { DropdownMenu as R, DropdownMenuTrigger as V, DropdownMenuContent as F, DropdownMenuSeparator as K, DropdownMenuItem as q } from "../../ui/dropdown-menu.js";
-import { Sheet as G, SheetContent as J, SheetTitle as Q, SheetDescription as U, SheetTrigger as W } from "../../ui/sheet.js";
-import { TooltipProvider as T, Tooltip as A, TooltipTrigger as B, TooltipContent as D } from "../../ui/tooltip.js";
+import { TDPLink as O } from "../tdp-link.js";
+import { Breadcrumb as z, BreadcrumbList as I, BreadcrumbSeparator as $, BreadcrumbItem as E, BreadcrumbPage as H, BreadcrumbLink as R } from "../../ui/breadcrumb.js";
+import { Button as T } from "../../ui/button.js";
+import { DropdownMenu as V, DropdownMenuTrigger as F, DropdownMenuContent as K, DropdownMenuSeparator as q, DropdownMenuItem as G } from "../../ui/dropdown-menu.js";
+import { Sheet as J, SheetContent as Q, SheetTitle as U, SheetDescription as W, SheetTrigger as X } from "../../ui/sheet.js";
+import { TooltipProvider as A, Tooltip as B, TooltipTrigger as D, TooltipContent as S } from "../../ui/tooltip.js";
 import { cn as l } from "../../../lib/utils.js";
-const k = j(
+const C = M(
   "flex items-center justify-center rounded-lg transition-colors duration-150",
   {
     variants: {
@@ -25,7 +25,7 @@ const k = j(
     defaultVariants: { active: !1, compact: !0 }
   }
 );
-function S({
+function j({
   appName: i,
   appFullName: d,
   appIcon: f,
@@ -34,11 +34,11 @@ function S({
   onAppNameClick: o,
   backToPlatformPath: c,
   onBackToPlatform: h,
-  userMenu: b,
+  userMenu: u,
   compact: a,
   onAfterNavClick: v
 }) {
-  return /* @__PURE__ */ r(T, { children: [
+  return /* @__PURE__ */ r(A, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -46,8 +46,8 @@ function S({
           "shrink-0 border-b border-sidebar-border",
           a ? "flex justify-center py-2" : "flex px-3 py-2.5"
         ),
-        children: /* @__PURE__ */ r(R, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(V, { children: [
+          /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -70,7 +70,7 @@ function S({
               ]
             }
           ) }),
-          /* @__PURE__ */ r(F, { side: "right", align: "start", className: "min-w-[220px]", children: [
+          /* @__PURE__ */ r(K, { side: "right", align: "start", className: "min-w-[220px]", children: [
             /* @__PURE__ */ r(
               "div",
               {
@@ -90,15 +90,15 @@ function S({
                 ]
               }
             ),
-            /* @__PURE__ */ e(K, {}),
-            /* @__PURE__ */ e(q, { className: "gap-2.5 p-0", asChild: !0, children: c ? /* @__PURE__ */ r(
-              L,
+            /* @__PURE__ */ e(q, {}),
+            /* @__PURE__ */ e(G, { className: "gap-2.5 p-0", asChild: !0, children: c ? /* @__PURE__ */ r(
+              O,
               {
                 path: c,
                 navigationOptions: { newTab: !1 },
                 className: "flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",
                 children: [
-                  /* @__PURE__ */ e(y, { className: "w-4 h-4 text-muted-foreground" }),
+                  /* @__PURE__ */ e(k, { className: "w-4 h-4 text-muted-foreground" }),
                   "Back to TDP Platform"
                 ]
               }
@@ -109,7 +109,7 @@ function S({
                 className: "flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",
                 onClick: h,
                 children: [
-                  /* @__PURE__ */ e(y, { className: "w-4 h-4 text-muted-foreground" }),
+                  /* @__PURE__ */ e(k, { className: "w-4 h-4 text-muted-foreground" }),
                   "Back to TDP Platform"
                 ]
               }
@@ -125,8 +125,8 @@ function S({
           "flex-1 min-h-0",
           a ? "flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto" : "flex flex-col py-2 overflow-y-auto"
         ),
-        children: t.map((s, p) => /* @__PURE__ */ r(w.Fragment, { children: [
-          p > 0 && /* @__PURE__ */ e(
+        children: t.map((s, b) => /* @__PURE__ */ r(w.Fragment, { children: [
+          b > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: l(
@@ -144,8 +144,8 @@ function S({
                 a ? "items-center gap-3 w-full" : "gap-0.5"
               ),
               children: s.pages.map((n) => {
-                const x = n.icon, g = x ? /* @__PURE__ */ e(
-                  x,
+                const p = n.icon, x = p ? /* @__PURE__ */ e(
+                  p,
                   {
                     className: l(
                       "w-5 h-5",
@@ -160,18 +160,18 @@ function S({
                       n.isActive ? "bg-primary" : "bg-muted-foreground/40"
                     )
                   }
-                ), u = () => {
+                ), g = () => {
                   n.onClick?.(), v?.();
                 };
-                return a ? /* @__PURE__ */ r(A, { children: [
-                  /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ r(
+                return a ? /* @__PURE__ */ r(B, { children: [
+                  /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
                       className: "flex flex-col items-center gap-0.5 cursor-pointer bg-transparent border-none p-0 w-full",
-                      onClick: u,
+                      onClick: g,
                       children: [
-                        /* @__PURE__ */ e("div", { className: l(k({ active: n.isActive ?? !1, compact: !0 })), children: g }),
+                        /* @__PURE__ */ e("div", { className: l(C({ active: n.isActive ?? !1, compact: !0 })), children: x }),
                         /* @__PURE__ */ e(
                           "span",
                           {
@@ -185,7 +185,7 @@ function S({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ e(D, { side: "right", children: n.label })
+                  /* @__PURE__ */ e(S, { side: "right", children: n.label })
                 ] }, n.id) : /* @__PURE__ */ r(
                   "button",
                   {
@@ -194,9 +194,9 @@ function S({
                       "flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1",
                       n.isActive ? "bg-sidebar-accent text-sidebar-foreground font-medium" : "text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"
                     ),
-                    onClick: u,
+                    onClick: g,
                     children: [
-                      /* @__PURE__ */ e("div", { className: l(k({ active: n.isActive ?? !1, compact: !1 })), children: g }),
+                      /* @__PURE__ */ e("div", { className: l(C({ active: n.isActive ?? !1, compact: !1 })), children: x }),
                       /* @__PURE__ */ e("span", { children: n.label })
                     ]
                   },
@@ -205,33 +205,33 @@ function S({
               })
             }
           )
-        ] }, `${p}-${s.label ?? ""}`))
+        ] }, `${b}-${s.label ?? ""}`))
       }
     ),
-    b && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       "div",
       {
         className: l(
           "shrink-0 border-t border-sidebar-border",
           a ? "flex flex-col items-center py-2" : "p-2"
         ),
-        children: b
+        children: u
       }
     )
   ] });
 }
-function X(i) {
+function Y(i) {
   return /* @__PURE__ */ e(
     "nav",
     {
       "data-slot": "data-app-sidebar-rail",
       "aria-label": "Application navigation",
       className: "hidden md:flex w-[60px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",
-      children: /* @__PURE__ */ e(S, { compact: !0, ...i })
+      children: /* @__PURE__ */ e(j, { compact: !0, ...i })
     }
   );
 }
-function Y({
+function Z({
   breadcrumbs: i = [],
   onHelpClick: d,
   headerActions: f,
@@ -244,11 +244,11 @@ function Y({
       className: "flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2",
       children: [
         m,
-        /* @__PURE__ */ e(O, { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(z, { children: i.map((t, o) => {
+        /* @__PURE__ */ e(z, { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(I, { children: i.map((t, o) => {
           const c = o === i.length - 1, h = !c && (!!t.href || !!t.onClick);
           return /* @__PURE__ */ r(w.Fragment, { children: [
-            o > 0 && /* @__PURE__ */ e(I, { children: "/" }),
-            /* @__PURE__ */ e($, { children: c ? /* @__PURE__ */ e(E, { children: t.label }) : h && t.href ? /* @__PURE__ */ e(H, { href: t.href, children: t.label }) : h && t.onClick ? /* @__PURE__ */ e(
+            o > 0 && /* @__PURE__ */ e($, { children: "/" }),
+            /* @__PURE__ */ e(E, { children: c ? /* @__PURE__ */ e(H, { children: t.label }) : h && t.href ? /* @__PURE__ */ e(R, { href: t.href, children: t.label }) : h && t.onClick ? /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -261,26 +261,26 @@ function Y({
         }) }) }),
         /* @__PURE__ */ r("div", { className: "flex items-center gap-2 shrink-0", children: [
           f,
-          d && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(A, { children: [
-            /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(
-              C,
+          d && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ r(B, { children: [
+            /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
+              T,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "w-7 h-7 text-muted-foreground",
                 onClick: d,
                 "aria-label": "Help",
-                children: /* @__PURE__ */ e(P, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e(L, { className: "w-4 h-4" })
               }
             ) }),
-            /* @__PURE__ */ e(D, { side: "bottom", children: "Help" })
+            /* @__PURE__ */ e(S, { side: "bottom", children: "Help" })
           ] }) })
         ] })
       ]
     }
   );
 }
-function se({
+function de({
   appName: i,
   appFullName: d,
   appIcon: f,
@@ -289,15 +289,16 @@ function se({
   onAppNameClick: o,
   backToPlatformPath: c,
   onBackToPlatform: h,
-  userMenu: b,
+  userMenu: u,
   breadcrumbs: a = [],
   onHelpClick: v,
   headerActions: s,
-  sidebarPanel: p,
-  children: n,
+  sidebarPanel: b,
+  showNavRail: n = !0,
+  children: p,
   className: x
 }) {
-  const [g, u] = w.useState(!1), N = {
+  const [g, N] = w.useState(!1), y = {
     appName: i,
     appFullName: d,
     appIcon: f,
@@ -306,30 +307,30 @@ function se({
     onAppNameClick: o,
     backToPlatformPath: c,
     onBackToPlatform: h,
-    userMenu: b
+    userMenu: u
   };
-  return /* @__PURE__ */ e(G, { open: g, onOpenChange: u, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(J, { open: g, onOpenChange: N, children: /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "data-app-shell",
       className: l("flex flex-row w-full h-screen overflow-hidden", x),
       children: [
-        /* @__PURE__ */ e(X, { ...N }),
+        n && /* @__PURE__ */ e(Y, { ...y }),
         /* @__PURE__ */ r(
-          J,
+          Q,
           {
             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(Q, { className: "sr-only", children: "Navigation" }),
-              /* @__PURE__ */ e(U, { className: "sr-only", children: "Application navigation menu" }),
+              /* @__PURE__ */ e(U, { className: "sr-only", children: "Navigation" }),
+              /* @__PURE__ */ e(W, { className: "sr-only", children: "Application navigation menu" }),
               /* @__PURE__ */ e("nav", { "aria-label": "Application navigation", className: "flex flex-col h-full", children: /* @__PURE__ */ e(
-                S,
+                j,
                 {
                   compact: !1,
-                  onAfterNavClick: () => u(!1),
-                  ...N
+                  onAfterNavClick: () => N(!1),
+                  ...y
                 }
               ) })
             ]
@@ -337,31 +338,31 @@ function se({
         ),
         /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col min-w-0 overflow-hidden", children: [
           /* @__PURE__ */ e(
-            Y,
+            Z,
             {
               breadcrumbs: a,
               onHelpClick: v,
               headerActions: s,
-              mobileTrigger: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(
-                C,
+              mobileTrigger: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(
+                T,
                 {
                   variant: "ghost",
                   size: "icon",
                   "aria-label": "Open navigation menu",
                   className: "md:hidden w-7 h-7 shrink-0 text-muted-foreground",
-                  children: /* @__PURE__ */ e(M, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(P, { className: "w-4 h-4" })
                 }
               ) })
             }
           ),
           /* @__PURE__ */ r("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
-            p,
+            b,
             /* @__PURE__ */ e(
               "main",
               {
                 "data-slot": "data-app-shell-content",
                 className: "flex-1 overflow-auto bg-background",
-                children: n
+                children: p
               }
             )
           ] })
@@ -371,6 +372,6 @@ function se({
   ) });
 }
 export {
-  se as DataAppShell
+  de as DataAppShell
 };
 //# sourceMappingURL=DataAppShell.js.map