@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

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  /** 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-accent\",\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 flex\",\n          // Expanded: full-width header border. Collapsed: no full-width border —\n          // a short centered divider (below) aligns under the icon column instead.\n          compact ? \"justify-center py-2\" : \"px-3 py-2.5 border-b border-sidebar-border\"\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      {/* Collapsed: short centered divider aligned under the icon column\n          (matches the nav-group dividers). Expanded uses the header's border-b. */}\n      {compact && <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />}\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        <>\n          {/* Collapsed: short centered divider aligned under the icon column.\n              Expanded uses the full-width border on the wrapper below. */}\n          {compact && (\n            <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n          )}\n          <div\n            className={cn(\n              \"shrink-0\",\n              compact\n                ? \"flex flex-col items-center py-2\"\n                : \"p-2 border-t border-sidebar-border\"\n            )}\n          >\n            {userMenu}\n          </div>\n        </>\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","Fragment","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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"}
+{"version":3,"file":"DataAppShell.cjs","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  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 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 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={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","jsxs","DropdownMenu","jsx","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","gridClass","DataAppShellProvider","Sheet","Button","ChevronRight","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}

package/dist/components/composed/DataAppShell/DataAppShell.d.ts

@@ -0,0 +1,88 @@
+import { DataAppShellNavVariant } from './ShellContext';
+import { NavGroup } from './PrimaryNav';
+import * as React from "react";
+export type { NavPage, NavGroup } from './PrimaryNav';
+export interface BreadcrumbItemConfig {
+    /** Display label */
+    label: string;
+    /** If provided, renders as a link */
+    href?: string;
+    /** Click handler (used when no href is provided) */
+    onClick?: () => void;
+}
+export interface DataAppShellProps {
+    /** Application name/abbreviation shown in the logo button */
+    appName: string;
+    /** Full application name shown in the app dropdown and mobile nav header */
+    appFullName?: string;
+    /** Custom icon element shown in the logo area */
+    appIcon?: React.ReactNode;
+    /** Optional version string shown below the app name/icon in the sidebar header */
+    version?: string;
+    /** Navigation groups; each group contains one or more pages */
+    navGroups: NavGroup[];
+    /** Callback when the app name / icon is clicked in the dropdown */
+    onAppNameClick?: () => void;
+    /** TDP path to navigate to when "Back to TDP Platform" is clicked (uses TDPLink — requires TdpNavigationProvider) */
+    backToPlatformPath?: string;
+    /** Fallback callback when "Back to TDP Platform" is clicked and no backToPlatformPath is set */
+    onBackToPlatform?: () => void;
+    /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */
+    userMenu?: React.ReactNode;
+    /** Breadcrumb items from root to current page */
+    breadcrumbs?: BreadcrumbItemConfig[];
+    /** Slot rendered after the breadcrumbs in the top bar's left group
+     *  (e.g. a collapsed horizontal workflow's step dropdown) */
+    headerLeft?: React.ReactNode;
+    /** Center "context" slot in the top bar (e.g. a version / status selector) */
+    headerCenter?: React.ReactNode;
+    /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */
+    headerActions?: React.ReactNode;
+    /** Primary nav axis — `vertical` (sidebar/rail, default) or `horizontal` (top nav row) */
+    navVariant?: DataAppShellNavVariant;
+    /**
+     * Vertical primary nav presentation:
+     * - `rail` (default) — permanent 48px icon-only rail.
+     * - `sidebar` — collapsible 220px sidebar with labels; its brand-row chevron
+     *   collapses it to an icon rail (with an expand chevron under the logo),
+     *   driven by the shell's `collapsed` state.
+     */
+    primaryNav?: "rail" | "sidebar";
+    /** Slot rendered between the primary nav and the content (e.g. a vertical `DataAppShellSecondaryNav`) */
+    sidebarPanel?: React.ReactNode;
+    /** Full-width zone between the top bar and the content row (e.g. a horizontal `DataAppShellSecondaryNav`) */
+    secondaryBar?: React.ReactNode;
+    /** Slot rendered after the content (e.g. a DataAppShellRightPanel) — its FAB anchors to the content row */
+    rightPanel?: React.ReactNode;
+    /** Show the primary nav zone. Set false to hide it entirely. */
+    showNavRail?: boolean;
+    /** Show the top bar zone. Set false to hide it entirely. */
+    showTopBar?: boolean;
+    /** Controlled collapse state — drives the secondary zone (via ShellContext)
+     *  and, with `hideNavOnCollapse`, the primary rail */
+    collapsed?: boolean;
+    /** Uncontrolled initial collapse state */
+    defaultCollapsed?: boolean;
+    /** Called whenever the shell collapse state flips */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Collapsing also hides the primary rail, leaving one icon rail (the secondary
+     *  nav) with an expand affordance — or a floating expand button if there is none. */
+    hideNavOnCollapse?: boolean;
+    /** Media query that auto-collapses the shell while it matches.
+     *  Pass `false` to disable. Defaults to `"(max-width: 1023px)"`. */
+    autoCollapse?: string | false;
+    /** Main content area */
+    children: React.ReactNode;
+    /** Additional className for the root container */
+    className?: string;
+}
+interface AppHeaderMenuProps extends Pick<DataAppShellProps, "appName" | "appFullName" | "appIcon" | "version" | "onAppNameClick" | "backToPlatformPath" | "onBackToPlatform"> {
+    /** compact=true → icon-only trigger (rail); compact=false → icon + name row */
+    compact: boolean;
+    /** Which side of the trigger the dropdown opens on — `right` beside a rail, `bottom` under a top bar */
+    menuSide?: "right" | "bottom";
+}
+declare function AppHeaderMenu({ appName, appFullName, appIcon, version, onAppNameClick, backToPlatformPath, onBackToPlatform, compact, menuSide, }: AppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function DataAppShell({ appName, appFullName, appIcon, version, navGroups, onAppNameClick, backToPlatformPath, onBackToPlatform, userMenu, breadcrumbs, headerLeft, headerCenter, headerActions, navVariant, primaryNav, sidebarPanel, secondaryBar, rightPanel, showNavRail, showTopBar, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, hideNavOnCollapse, autoCollapse, children, className, }: DataAppShellProps): import("react/jsx-runtime").JSX.Element;
+export default DataAppShell;
+export { AppHeaderMenu, DataAppShell };