@tradalab/lyra 1.1.0 → 1.4.0

package/dist/shell/index.js

@@ -1,15 +1,15 @@
 "use client";
-import { SidebarInset, SidebarProvider, Sidebar, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, defaultAccountMenuLabels, Avatar, AvatarImage, AvatarFallback, initialsOf, Breadcrumb, BreadcrumbList, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink } from '../chunk-NJQZMWIU.js';
+import { SidebarInset, SidebarProvider, Sidebar, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, defaultAccountMenuLabels, Avatar, AvatarImage, AvatarFallback, initialsOf, ScrollArea, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ScrollBar, Breadcrumb, BreadcrumbList, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink } from '../chunk-5UAFV75V.js';
 import '../chunk-QYA2HGKW.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuItem } from '../chunk-VEWKPOMS.js';
-import '../chunk-KFQOYZ64.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem } from '../chunk-VEWKPOMS.js';
+import { Button } from '../chunk-KFQOYZ64.js';
 import { cn } from '../chunk-XH55BHUU.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { ChevronsUpDown, Palette, Sun, Moon, Monitor, UserRoundCog, LogOut } from 'lucide-react';
+import { ChevronsUpDown, Palette, Sun, Moon, Monitor, UserRoundCog, LogOut, Pin, X, PinOff, ListX, Trash2, ChevronDown } from 'lucide-react';
 import { useTheme } from 'next-themes';
-import { Fragment as Fragment$1 } from 'react';
+import { useRef, useEffect, Fragment as Fragment$1 } from 'react';
 
 function AppShell({ children, ...rest }) {
   return /* @__PURE__ */ jsx(SidebarProvider, { ...rest, children });
@@ -125,6 +125,59 @@ function NavItem({
 function NavSection({ label, items }) {
   return /* @__PURE__ */ jsx(NavGroup, { label, children: items.map((item) => /* @__PURE__ */ jsx(NavItem, { ...item }, item.href)) });
 }
+var defaultNavBrandAppsLabel = "Applications";
+function BrandContent({ app }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg [&_svg]:size-4", children: app.icon }),
+    /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: app.name }),
+      app.description ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: app.description }) : null
+    ] })
+  ] });
+}
+function NavBrand({
+  app,
+  apps,
+  appsLabel = defaultNavBrandAppsLabel,
+  children
+}) {
+  const { isMobile } = useSidebar();
+  const hasSwitcher = (apps?.length ?? 0) > 0 || children != null;
+  return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: hasSwitcher ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        tooltip: app.name,
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        children: [
+          /* @__PURE__ */ jsx(BrandContent, { app }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
+        align: "start",
+        side: isMobile ? "bottom" : "right",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: appsLabel }),
+          apps?.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, className: "gap-2 p-2", children: /* @__PURE__ */ jsxs("a", { href: item.href, children: [
+            /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-md border [&_svg]:size-3.5", children: item.icon }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.name })
+          ] }) }, item.href)),
+          children ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            children
+          ] }) : null
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx(SidebarMenuButton, { size: "lg", asChild: true, tooltip: app.name, children: /* @__PURE__ */ jsx("a", { href: app.href, children: /* @__PURE__ */ jsx(BrandContent, { app }) }) }) }) });
+}
 var defaultNavUserThemeLabels = {
   theme: "Theme",
   light: "Light",
@@ -222,6 +275,210 @@ function NavUser({
     )
   ] }) }) });
 }
+var defaultTabBarLabels = {
+  close: "Close",
+  pinTab: "Pin tab",
+  unpinTab: "Unpin tab",
+  closeOthers: "Close others",
+  closeAll: "Close all"
+};
+function TabBar({
+  tabs,
+  activeId,
+  onSelect,
+  onClose,
+  onTogglePin,
+  onCloseOthers,
+  onCloseAll,
+  labels
+}) {
+  const l = { ...defaultTabBarLabels, ...labels };
+  const activeTabRef = useRef(null);
+  useEffect(() => {
+    if (activeId && activeTabRef.current) {
+      activeTabRef.current.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest"
+      });
+    }
+  }, [activeId]);
+  const handleWheel = (e) => {
+    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {
+      const viewport = e.currentTarget.querySelector(
+        '[data-slot="scroll-area-viewport"]'
+      );
+      if (viewport) viewport.scrollLeft += e.deltaY * 0.5;
+    }
+  };
+  if (tabs.length === 0) return null;
+  const hasContextActions = Boolean(onTogglePin || onCloseOthers || onCloseAll);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "group/tabbar flex w-full shrink-0 items-center overflow-hidden border-b bg-muted/30",
+      style: { height: "var(--tab-height)" },
+      children: [
+        /* @__PURE__ */ jsxs(
+          ScrollArea,
+          {
+            type: "hover",
+            className: "min-w-0 flex-1 overflow-hidden [&_[data-orientation=vertical]]:hidden",
+            onWheel: handleWheel,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex w-max items-center gap-0",
+                  style: { height: "var(--tab-height)" },
+                  children: tabs.map((tab) => {
+                    const isActive = activeId === tab.id;
+                    return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+                      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          ref: isActive ? activeTabRef : null,
+                          onClick: () => onSelect(tab.id),
+                          title: tab.title,
+                          className: cn(
+                            "group relative flex min-w-[140px] max-w-[240px] shrink-0 cursor-pointer select-none items-center gap-2 border-r px-3 transition-colors",
+                            isActive ? "border-t-2 border-t-primary bg-background" : "border-t-2 border-t-transparent bg-transparent text-muted-foreground hover:bg-muted/50",
+                            tab.pinned && "min-w-[100px] bg-primary/5"
+                          ),
+                          style: { height: "var(--tab-height)" },
+                          children: [
+                            tab.icon ? /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  className: cn(
+                                    "flex [&_svg]:size-3.5",
+                                    isActive && "text-primary"
+                                  ),
+                                  children: tab.icon
+                                }
+                              ),
+                              tab.pinned ? /* @__PURE__ */ jsx("div", { className: "absolute -right-1.5 -top-1.5 rounded-full bg-background p-0.5 shadow-sm", children: /* @__PURE__ */ jsx(Pin, { className: "size-2 fill-primary text-primary" }) }) : null
+                            ] }) : null,
+                            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start justify-center overflow-hidden py-1", children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  className: cn(
+                                    "w-full truncate text-xs leading-tight",
+                                    isActive && "font-medium text-foreground"
+                                  ),
+                                  children: tab.title
+                                }
+                              ),
+                              tab.subtitle ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 w-full truncate text-[10px] leading-none text-muted-foreground/70", children: tab.subtitle }) : null
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "ghost",
+                                size: "icon",
+                                title: l.close,
+                                className: cn(
+                                  "size-5 shrink-0 rounded-md opacity-0 transition-opacity hover:bg-muted-foreground/20 group-hover:opacity-100",
+                                  isActive && "opacity-100"
+                                ),
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  onClose(tab.id);
+                                },
+                                children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                              }
+                            ),
+                            isActive ? /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 z-10 h-[2px] bg-background" }) : null
+                          ]
+                        }
+                      ) }),
+                      hasContextActions ? /* @__PURE__ */ jsxs(ContextMenuContent, { className: "w-48", children: [
+                        onTogglePin ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(ContextMenuItem, { onClick: () => onTogglePin(tab.id), children: tab.pinned ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(PinOff, { className: "mr-2 size-4" }),
+                            /* @__PURE__ */ jsx("span", { children: l.unpinTab })
+                          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Pin, { className: "mr-2 size-4" }),
+                            /* @__PURE__ */ jsx("span", { children: l.pinTab })
+                          ] }) }),
+                          /* @__PURE__ */ jsx(ContextMenuSeparator, {})
+                        ] }) : null,
+                        /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => onClose(tab.id), children: [
+                          /* @__PURE__ */ jsx(X, { className: "mr-2 size-4" }),
+                          /* @__PURE__ */ jsx("span", { children: l.close })
+                        ] }),
+                        onCloseOthers ? /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => onCloseOthers(tab.id), children: [
+                          /* @__PURE__ */ jsx(ListX, { className: "mr-2 size-4" }),
+                          /* @__PURE__ */ jsx("span", { children: l.closeOthers })
+                        ] }) : null,
+                        onCloseAll ? /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => onCloseAll(), children: [
+                          /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
+                          /* @__PURE__ */ jsx("span", { children: l.closeAll })
+                        ] }) : null
+                      ] }) : null
+                    ] }, tab.id);
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal", className: "z-20 h-1.5 hover:h-2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex shrink-0 items-center border-l bg-muted/30 px-1",
+            style: { height: "var(--tab-height)" },
+            children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "size-8 shrink-0 rounded-sm", children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) }) }),
+              /* @__PURE__ */ jsx(
+                DropdownMenuContent,
+                {
+                  align: "end",
+                  className: "max-h-[400px] w-[260px] overflow-y-auto",
+                  children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onSelect(tab.id),
+                      title: tab.title,
+                      className: cn(
+                        "cursor-pointer gap-2 py-2",
+                        activeId === tab.id && "bg-accent"
+                      ),
+                      children: [
+                        tab.icon ? /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+                          /* @__PURE__ */ jsx("span", { className: "flex text-muted-foreground [&_svg]:size-4", children: tab.icon }),
+                          tab.pinned ? /* @__PURE__ */ jsx(Pin, { className: "absolute -right-1 -top-1 size-2 fill-primary text-primary" }) : null
+                        ] }) : null,
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start overflow-hidden leading-tight", children: [
+                          /* @__PURE__ */ jsx("span", { className: "w-full flex-1 truncate text-sm", children: tab.title }),
+                          tab.subtitle ? /* @__PURE__ */ jsx("span", { className: "w-full truncate text-[10px] text-muted-foreground", children: tab.subtitle }) : null
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          X,
+                          {
+                            className: "size-4 shrink-0 rounded-sm p-0.5 hover:bg-red-50 hover:text-red-500",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              onClose(tab.id);
+                            }
+                          }
+                        )
+                      ]
+                    },
+                    tab.id
+                  ))
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 function Breadcrumbs({ separator, labels, ...rest }) {
   const { pathname } = useActiveRoute();
   const segments = pathname.split("/").filter(Boolean);
@@ -237,6 +494,6 @@ function Breadcrumbs({ separator, labels, ...rest }) {
   }) }) });
 }
 
-export { AppShell, AppShellBody, AppShellHeader, AppShellMain, Breadcrumbs, NavGroup, NavItem, NavSection, NavUser, SidebarDock, SidebarPanel, StackedSidebar, defaultNavUserThemeLabels, useActiveRoute };
+export { AppShell, AppShellBody, AppShellHeader, AppShellMain, Breadcrumbs, NavBrand, NavGroup, NavItem, NavSection, NavUser, SidebarDock, SidebarPanel, StackedSidebar, TabBar, defaultNavBrandAppsLabel, defaultNavUserThemeLabels, defaultTabBarLabels, useActiveRoute };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/shell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/app-shell.tsx","../../src/shell/stacked-sidebar.tsx","../../src/shell/nav-group.tsx","../../src/shell/use-active-route.ts","../../src/shell/nav-item.tsx","../../src/shell/nav-section.tsx","../../src/shell/nav-user.tsx","../../src/shell/breadcrumbs.tsx"],"names":["jsx","jsxs","Fragment","Link"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport type { ComponentProps, ReactNode } from \"react\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n} from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface AppShellProps\n  extends Omit<ComponentProps<typeof SidebarProvider>, \"children\"> {\n  children: ReactNode\n}\n\n/**\n * App shell composition root. Wires `SidebarProvider`. Pair with\n * `<Sidebar>` from `@tradalab/lyra/ui` and `<AppShellMain>` for the\n * right-hand pane.\n *\n * @example\n * import { AppShell, AppShellMain, AppShellHeader, AppShellBody, NavGroup, NavItem, Breadcrumbs } from \"@tradalab/lyra/shell\"\n * import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarTrigger } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader>{logo}</SidebarHeader>\n *     <SidebarContent>\n *       <NavGroup label=\"Primitives\">{...}</NavGroup>\n *     </SidebarContent>\n *     <SidebarFooter>{user}</SidebarFooter>\n *   </Sidebar>\n *   <AppShellMain>\n *     <AppShellHeader><SidebarTrigger /><Breadcrumbs /></AppShellHeader>\n *     <AppShellBody>{children}</AppShellBody>\n *   </AppShellMain>\n * </AppShell>\n */\nexport function AppShell({ children, ...rest }: AppShellProps) {\n  return <SidebarProvider {...rest}>{children}</SidebarProvider>\n}\n\n/** Right-hand pane container. Alias for `SidebarInset`. */\nexport const AppShellMain = SidebarInset\n\n/** Top bar inside `<AppShellMain>`. Standardizes h-12 + border-b + flex row. */\nexport function AppShellHeader({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"header\">) {\n  return (\n    <header\n      className={cn(\n        \"flex h-12 shrink-0 items-center gap-2 border-b px-3\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </header>\n  )\n}\n\n/** Scroll body inside `<AppShellMain>`. Sibling of `<AppShellHeader>`. */\nexport function AppShellBody({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex-1 overflow-auto\", className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n","\"use client\"\n\nimport type { ComponentProps } from \"react\"\nimport { Sidebar } from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\n/**\n * Dual / stacked sidebar wrapper — an icon rail plus one or more content\n * panels rendered side-by-side inside a single `<Sidebar>`. This is the\n * shadcn \"sidebar-07\" pattern.\n *\n * The `*:data-[sidebar=sidebar]:flex-row` trick lays the inner\n * `[data-sidebar=sidebar]` wrappers of the nested {@link SidebarDock} /\n * {@link SidebarPanel} columns out horizontally. `variant`/`collapsible`\n * default to `\"sidebar\"`/`\"icon\"` but can be overridden.\n *\n * @example\n * import { AppShell, AppShellMain, StackedSidebar, SidebarDock, SidebarPanel } from \"@tradalab/lyra/shell\"\n * import { SidebarHeader, SidebarContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <StackedSidebar>\n *     <SidebarDock>\n *       <SidebarHeader>{logo}</SidebarHeader>\n *       <SidebarContent>{iconButtons}</SidebarContent>\n *     </SidebarDock>\n *     {tab === \"files\" ? <SidebarPanel>{tree}</SidebarPanel> : null}\n *   </StackedSidebar>\n *   <AppShellMain>{children}</AppShellMain>\n * </AppShell>\n */\nexport function StackedSidebar({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      variant=\"sidebar\"\n      collapsible=\"icon\"\n      {...rest}\n      className={cn(\n        \"overflow-hidden *:data-[sidebar=sidebar]:flex-row\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Narrow icon-rail column inside a {@link StackedSidebar}. Fixed to the icon\n * width, never collapses on its own (the parent `StackedSidebar` owns the\n * icon-mode toggle).\n *\n * Named `SidebarDock` — not `SidebarRail` — because `SidebarRail` already\n * exists in `@tradalab/lyra/ui` as shadcn's drag-to-resize edge handle.\n */\nexport function SidebarDock({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\n        \"w-[calc(var(--sidebar-width-icon)+1px)]! overflow-hidden border-r\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Wider content column inside a {@link StackedSidebar} (tree, list, …).\n * Fills remaining width; render conditionally to show/hide per app state.\n */\nexport function SidebarPanel({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\"flex-1 overflow-hidden\", className)}\n    />\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n} from \"~/ui/primitives/sidebar.js\"\n\nexport interface NavGroupProps {\n  label?: ReactNode\n  children: ReactNode\n}\n\nexport function NavGroup({ label, children }: NavGroupProps) {\n  return (\n    <SidebarGroup>\n      {label != null ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null}\n      <SidebarGroupContent>\n        <SidebarMenu>{children}</SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n","\"use client\"\n\nimport { usePathname } from \"next/navigation\"\n\nexport type MatchMode = \"exact\" | \"prefix\"\n\nexport interface UseActiveRoute {\n  pathname: string\n  isActive: (href: string, mode?: MatchMode) => boolean\n}\n\n/**\n * App-Router pathname helper. Default `mode` is `\"prefix\"`.\n *\n * Root (`/`) is always exact-matched regardless of `mode` — otherwise the\n * root nav item would light up on every nested page.\n */\nexport function useActiveRoute(): UseActiveRoute {\n  const pathname = usePathname() ?? \"/\"\n  return {\n    pathname,\n    isActive: (href, mode = \"prefix\") => {\n      if (mode === \"exact\" || href === \"/\") return pathname === href\n      return pathname === href || pathname.startsWith(`${href}/`)\n    },\n  }\n}\n","\"use client\"\n\nimport Link from \"next/link\"\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"~/ui/primitives/sidebar.js\"\nimport { useActiveRoute, type MatchMode } from \"./use-active-route.js\"\n\nexport type NavIcon = ReactNode\n\nexport interface NavItemProps {\n  href: string\n  label: string\n  /** Pre-rendered icon element, e.g. `<Globe />`. Element form so the prop is serializable across the RSC boundary. */\n  icon?: NavIcon\n  /** Sidebar tooltip; visible in collapsed icon mode. */\n  tooltip?: string\n  /** Default `\"prefix\"` — matches `href` and any nested path. */\n  matchMode?: MatchMode\n}\n\n/** Sidebar nav row. Must be rendered inside a {@link NavGroup}. */\nexport function NavItem({\n  href,\n  label,\n  icon,\n  tooltip,\n  matchMode = \"prefix\",\n}: NavItemProps) {\n  const { isActive } = useActiveRoute()\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive(href, matchMode)}\n        tooltip={tooltip}\n      >\n        <Link href={href}>\n          {icon}\n          <span>{label}</span>\n        </Link>\n      </SidebarMenuButton>\n    </SidebarMenuItem>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { NavGroup } from \"./nav-group.js\"\nimport { NavItem, type NavItemProps } from \"./nav-item.js\"\n\nexport interface NavSectionProps {\n  /** Optional group heading. */\n  label?: ReactNode\n  /** Nav rows — each rendered as a {@link NavItem}. */\n  items: NavItemProps[]\n}\n\n/**\n * Config-driven convenience over {@link NavGroup} + {@link NavItem}: pass a\n * data array instead of hand-mapping JSX. For dynamic or conditional rows,\n * compose `NavGroup`/`NavItem` directly.\n *\n * @example\n * const NAV = [\n *   { href: \"/files\", label: \"Files\", icon: <Folder /> },\n *   { href: \"/trash\", label: \"Trash\", icon: <Trash2 /> },\n * ]\n * <NavSection label=\"Workspace\" items={NAV} />\n */\nexport function NavSection({ label, items }: NavSectionProps) {\n  return (\n    <NavGroup label={label}>\n      {items.map((item) => (\n        <NavItem key={item.href} {...item} />\n      ))}\n    </NavGroup>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  ChevronsUpDown,\n  LogOut,\n  Monitor,\n  Moon,\n  Palette,\n  Sun,\n  UserRoundCog,\n} from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"~/ui/primitives/avatar.js\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"~/ui/primitives/sidebar.js\"\nimport {\n  defaultAccountMenuLabels,\n  initialsOf,\n  type AccountMenuLabels,\n  type AccountMenuUser,\n} from \"~/ui/account-menu.js\"\n\nexport interface NavUserThemeLabels {\n  theme: string\n  light: string\n  dark: string\n  system: string\n}\n\n/** Default English theme-submenu labels — spread + override for i18n. */\nexport const defaultNavUserThemeLabels: NavUserThemeLabels = {\n  theme: \"Theme\",\n  light: \"Light\",\n  dark: \"Dark\",\n  system: \"System\",\n}\n\nexport interface NavUserProps {\n  /** Signed-in user. Renders nothing when `null`/`undefined`. */\n  user?: AccountMenuUser | null\n  /** Account-action labels — reuses lyra's {@link AccountMenuLabels}. */\n  labels?: Partial<AccountMenuLabels>\n  /** Switch-account handler. Item hidden if omitted. */\n  onSwitchAccount?: () => void\n  /** Sign-out handler. Item hidden if omitted. */\n  onSignOut?: () => void\n  /** Render the light/dark/system theme submenu. Default `true`. */\n  showTheme?: boolean\n  /** Theme-submenu labels. */\n  themeLabels?: Partial<NavUserThemeLabels>\n  /** Extra menu content inserted below the theme submenu. */\n  children?: ReactNode\n}\n\nconst THEMES = [\n  { value: \"light\", key: \"light\", icon: Sun },\n  { value: \"dark\", key: \"dark\", icon: Moon },\n  { value: \"system\", key: \"system\", icon: Monitor },\n] as const\n\n/**\n * Sidebar-footer account menu — the standardized NavUser for app shells.\n * Avatar trigger (size `lg`) + name/email opening a dropdown with an optional\n * theme switcher and switch-account / sign-out actions. Auth flows stay in the\n * app (callbacks); labels are props for i18n.\n *\n * Differs from {@link AccountMenu} in `@tradalab/lyra/ui`: that one is a\n * generic header dropdown; this is styled for the collapsible sidebar footer\n * and follows `useSidebar()` for mobile placement.\n *\n * Must render inside an `AppShell`/SidebarProvider, and below a\n * `TooltipProvider` (the avatar button's collapsed-mode tooltip requires one —\n * app root providers normally mount it). The theme submenu needs a\n * `next-themes` provider mounted (it no-ops without one); pass\n * `showTheme={false}` for apps with a fixed theme.\n *\n * @example\n * import { NavUser } from \"@tradalab/lyra/shell\"\n * import { SidebarFooter } from \"@tradalab/lyra/ui\"\n *\n * <SidebarFooter>\n *   <NavUser\n *     user={session.user}\n *     onSwitchAccount={() => signIn(\"zitadel\", { redirectTo: \"/\" }, { prompt: \"select_account\" })}\n *     onSignOut={() => signOut({ redirectTo: \"/\" })}\n *   />\n * </SidebarFooter>\n */\nexport function NavUser({\n  user,\n  labels,\n  onSwitchAccount,\n  onSignOut,\n  showTheme = true,\n  themeLabels,\n  children,\n}: NavUserProps) {\n  const { isMobile } = useSidebar()\n  const { theme, setTheme } = useTheme()\n  const l = { ...defaultAccountMenuLabels, ...labels }\n  const t = { ...defaultNavUserThemeLabels, ...themeLabels }\n\n  if (!user) return null\n\n  const name = user.name ?? user.email ?? l.account\n  const email = user.email ?? \"\"\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              tooltip={name}\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"size-8 rounded-lg\">\n                {user.image ? <AvatarImage src={user.image} alt={name} /> : null}\n                <AvatarFallback className=\"rounded-lg\">\n                  {initialsOf(name)}\n                </AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{name}</span>\n                {email ? (\n                  <span className=\"text-muted-foreground truncate text-xs\">\n                    {email}\n                  </span>\n                ) : null}\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"flex flex-col gap-0.5\">\n              <span className=\"truncate text-sm font-medium leading-tight\">\n                {name}\n              </span>\n              {email ? (\n                <span className=\"text-muted-foreground truncate text-xs font-normal leading-tight\">\n                  {email}\n                </span>\n              ) : null}\n            </DropdownMenuLabel>\n\n            {showTheme ? (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuSub>\n                  <DropdownMenuSubTrigger>\n                    <Palette className=\"mr-2 size-4\" />\n                    {t.theme}\n                  </DropdownMenuSubTrigger>\n                  <DropdownMenuSubContent>\n                    <DropdownMenuRadioGroup\n                      value={theme ?? \"system\"}\n                      onValueChange={setTheme}\n                    >\n                      {THEMES.map(({ value, key, icon: Icon }) => (\n                        <DropdownMenuRadioItem key={value} value={value}>\n                          <Icon className=\"mr-2 size-4\" />\n                          {t[key]}\n                        </DropdownMenuRadioItem>\n                      ))}\n                    </DropdownMenuRadioGroup>\n                  </DropdownMenuSubContent>\n                </DropdownMenuSub>\n              </>\n            ) : null}\n\n            {children ? (\n              <>\n                <DropdownMenuSeparator />\n                {children}\n              </>\n            ) : null}\n\n            {onSwitchAccount || onSignOut ? <DropdownMenuSeparator /> : null}\n\n            {onSwitchAccount ? (\n              <DropdownMenuItem onSelect={onSwitchAccount}>\n                <UserRoundCog className=\"mr-2 size-4\" />\n                {l.switchAccount}\n              </DropdownMenuItem>\n            ) : null}\n            {onSignOut ? (\n              <DropdownMenuItem variant=\"destructive\" onSelect={onSignOut}>\n                <LogOut className=\"mr-2 size-4\" />\n                {l.signOut}\n              </DropdownMenuItem>\n            ) : null}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n","\"use client\"\n\nimport { Fragment, type ComponentProps, type ReactNode } from \"react\"\nimport Link from \"next/link\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"~/ui/primitives/breadcrumb.js\"\nimport { useActiveRoute } from \"./use-active-route.js\"\n\nexport interface BreadcrumbsProps extends ComponentProps<typeof Breadcrumb> {\n  /** Separator content. Falls back to shadcn's chevron when omitted. */\n  separator?: ReactNode\n  /** Segment-id → display-label map. Unmapped segments render raw. */\n  labels?: Record<string, string>\n}\n\n/** Pathname-derived breadcrumbs. Renders nothing on the root route. */\nexport function Breadcrumbs({ separator, labels, ...rest }: BreadcrumbsProps) {\n  const { pathname } = useActiveRoute()\n  const segments = pathname.split(\"/\").filter(Boolean)\n  if (segments.length === 0) return null\n  const last = segments.length - 1\n  return (\n    <Breadcrumb {...rest}>\n      <BreadcrumbList>\n        {segments.map((seg, i) => {\n          const href = \"/\" + segments.slice(0, i + 1).join(\"/\")\n          const label = labels?.[seg] ?? seg\n          return (\n            <Fragment key={href}>\n              {i > 0 ? (\n                <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>\n              ) : null}\n              <BreadcrumbItem>\n                {i === last ? (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"]}
+{"version":3,"sources":["../../src/shell/app-shell.tsx","../../src/shell/stacked-sidebar.tsx","../../src/shell/nav-group.tsx","../../src/shell/use-active-route.ts","../../src/shell/nav-item.tsx","../../src/shell/nav-section.tsx","../../src/shell/nav-brand.tsx","../../src/shell/nav-user.tsx","../../src/shell/tab-bar.tsx","../../src/shell/breadcrumbs.tsx"],"names":["jsx","jsxs","ChevronsUpDown","Fragment","Link"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport type { ComponentProps, ReactNode } from \"react\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n} from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface AppShellProps\n  extends Omit<ComponentProps<typeof SidebarProvider>, \"children\"> {\n  children: ReactNode\n}\n\n/**\n * App shell composition root. Wires `SidebarProvider`. Pair with\n * `<Sidebar>` from `@tradalab/lyra/ui` and `<AppShellMain>` for the\n * right-hand pane.\n *\n * @example\n * import { AppShell, AppShellMain, AppShellHeader, AppShellBody, NavGroup, NavItem, Breadcrumbs } from \"@tradalab/lyra/shell\"\n * import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarTrigger } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <Sidebar collapsible=\"icon\">\n *     <SidebarHeader>{logo}</SidebarHeader>\n *     <SidebarContent>\n *       <NavGroup label=\"Primitives\">{...}</NavGroup>\n *     </SidebarContent>\n *     <SidebarFooter>{user}</SidebarFooter>\n *   </Sidebar>\n *   <AppShellMain>\n *     <AppShellHeader><SidebarTrigger /><Breadcrumbs /></AppShellHeader>\n *     <AppShellBody>{children}</AppShellBody>\n *   </AppShellMain>\n * </AppShell>\n */\nexport function AppShell({ children, ...rest }: AppShellProps) {\n  return <SidebarProvider {...rest}>{children}</SidebarProvider>\n}\n\n/** Right-hand pane container. Alias for `SidebarInset`. */\nexport const AppShellMain = SidebarInset\n\n/** Top bar inside `<AppShellMain>`. Standardizes h-12 + border-b + flex row. */\nexport function AppShellHeader({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"header\">) {\n  return (\n    <header\n      className={cn(\n        \"flex h-12 shrink-0 items-center gap-2 border-b px-3\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </header>\n  )\n}\n\n/** Scroll body inside `<AppShellMain>`. Sibling of `<AppShellHeader>`. */\nexport function AppShellBody({\n  className,\n  children,\n  ...rest\n}: ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex-1 overflow-auto\", className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n","\"use client\"\n\nimport type { ComponentProps } from \"react\"\nimport { Sidebar } from \"~/ui/primitives/sidebar.js\"\nimport { cn } from \"~/utils/cn.js\"\n\n/**\n * Dual / stacked sidebar wrapper — an icon rail plus one or more content\n * panels rendered side-by-side inside a single `<Sidebar>`. This is the\n * shadcn \"sidebar-07\" pattern.\n *\n * The `*:data-[sidebar=sidebar]:flex-row` trick lays the inner\n * `[data-sidebar=sidebar]` wrappers of the nested {@link SidebarDock} /\n * {@link SidebarPanel} columns out horizontally. `variant`/`collapsible`\n * default to `\"sidebar\"`/`\"icon\"` but can be overridden.\n *\n * @example\n * import { AppShell, AppShellMain, StackedSidebar, SidebarDock, SidebarPanel } from \"@tradalab/lyra/shell\"\n * import { SidebarHeader, SidebarContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton } from \"@tradalab/lyra/ui\"\n *\n * <AppShell>\n *   <StackedSidebar>\n *     <SidebarDock>\n *       <SidebarHeader>{logo}</SidebarHeader>\n *       <SidebarContent>{iconButtons}</SidebarContent>\n *     </SidebarDock>\n *     {tab === \"files\" ? <SidebarPanel>{tree}</SidebarPanel> : null}\n *   </StackedSidebar>\n *   <AppShellMain>{children}</AppShellMain>\n * </AppShell>\n */\nexport function StackedSidebar({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      variant=\"sidebar\"\n      collapsible=\"icon\"\n      {...rest}\n      className={cn(\n        \"overflow-hidden *:data-[sidebar=sidebar]:flex-row\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Narrow icon-rail column inside a {@link StackedSidebar}. Fixed to the icon\n * width, never collapses on its own (the parent `StackedSidebar` owns the\n * icon-mode toggle).\n *\n * Named `SidebarDock` — not `SidebarRail` — because `SidebarRail` already\n * exists in `@tradalab/lyra/ui` as shadcn's drag-to-resize edge handle.\n */\nexport function SidebarDock({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\n        \"w-[calc(var(--sidebar-width-icon)+1px)]! overflow-hidden border-r\",\n        className,\n      )}\n    />\n  )\n}\n\n/**\n * Wider content column inside a {@link StackedSidebar} (tree, list, …).\n * Fills remaining width; render conditionally to show/hide per app state.\n */\nexport function SidebarPanel({\n  className,\n  ...rest\n}: ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      {...rest}\n      collapsible=\"none\"\n      className={cn(\"flex-1 overflow-hidden\", className)}\n    />\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n} from \"~/ui/primitives/sidebar.js\"\n\nexport interface NavGroupProps {\n  label?: ReactNode\n  children: ReactNode\n}\n\nexport function NavGroup({ label, children }: NavGroupProps) {\n  return (\n    <SidebarGroup>\n      {label != null ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null}\n      <SidebarGroupContent>\n        <SidebarMenu>{children}</SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n","\"use client\"\n\nimport { usePathname } from \"next/navigation\"\n\nexport type MatchMode = \"exact\" | \"prefix\"\n\nexport interface UseActiveRoute {\n  pathname: string\n  isActive: (href: string, mode?: MatchMode) => boolean\n}\n\n/**\n * App-Router pathname helper. Default `mode` is `\"prefix\"`.\n *\n * Root (`/`) is always exact-matched regardless of `mode` — otherwise the\n * root nav item would light up on every nested page.\n */\nexport function useActiveRoute(): UseActiveRoute {\n  const pathname = usePathname() ?? \"/\"\n  return {\n    pathname,\n    isActive: (href, mode = \"prefix\") => {\n      if (mode === \"exact\" || href === \"/\") return pathname === href\n      return pathname === href || pathname.startsWith(`${href}/`)\n    },\n  }\n}\n","\"use client\"\n\nimport Link from \"next/link\"\nimport type { ReactNode } from \"react\"\nimport {\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"~/ui/primitives/sidebar.js\"\nimport { useActiveRoute, type MatchMode } from \"./use-active-route.js\"\n\nexport type NavIcon = ReactNode\n\nexport interface NavItemProps {\n  href: string\n  label: string\n  /** Pre-rendered icon element, e.g. `<Globe />`. Element form so the prop is serializable across the RSC boundary. */\n  icon?: NavIcon\n  /** Sidebar tooltip; visible in collapsed icon mode. */\n  tooltip?: string\n  /** Default `\"prefix\"` — matches `href` and any nested path. */\n  matchMode?: MatchMode\n}\n\n/** Sidebar nav row. Must be rendered inside a {@link NavGroup}. */\nexport function NavItem({\n  href,\n  label,\n  icon,\n  tooltip,\n  matchMode = \"prefix\",\n}: NavItemProps) {\n  const { isActive } = useActiveRoute()\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive(href, matchMode)}\n        tooltip={tooltip}\n      >\n        <Link href={href}>\n          {icon}\n          <span>{label}</span>\n        </Link>\n      </SidebarMenuButton>\n    </SidebarMenuItem>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { NavGroup } from \"./nav-group.js\"\nimport { NavItem, type NavItemProps } from \"./nav-item.js\"\n\nexport interface NavSectionProps {\n  /** Optional group heading. */\n  label?: ReactNode\n  /** Nav rows — each rendered as a {@link NavItem}. */\n  items: NavItemProps[]\n}\n\n/**\n * Config-driven convenience over {@link NavGroup} + {@link NavItem}: pass a\n * data array instead of hand-mapping JSX. For dynamic or conditional rows,\n * compose `NavGroup`/`NavItem` directly.\n *\n * @example\n * const NAV = [\n *   { href: \"/files\", label: \"Files\", icon: <Folder /> },\n *   { href: \"/trash\", label: \"Trash\", icon: <Trash2 /> },\n * ]\n * <NavSection label=\"Workspace\" items={NAV} />\n */\nexport function NavSection({ label, items }: NavSectionProps) {\n  return (\n    <NavGroup label={label}>\n      {items.map((item) => (\n        <NavItem key={item.href} {...item} />\n      ))}\n    </NavGroup>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport { ChevronsUpDown } from \"lucide-react\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"~/ui/primitives/sidebar.js\"\n\n/** An application shown in the {@link NavBrand} header / switcher. */\nexport interface NavBrandApp {\n  /** Display name. */\n  name: string\n  /**\n   * Pre-rendered icon/logo element, e.g. `<Boxes />`. Element form (not a\n   * component reference) so the prop stays serializable across the RSC\n   * boundary — same convention as {@link NavItem}'s `icon`.\n   */\n  icon: ReactNode\n  /** Navigation target. Usually an absolute cross-app URL (full navigation). */\n  href: string\n  /** Optional secondary line under the name (tagline / domain). */\n  description?: string\n}\n\nexport interface NavBrandProps {\n  /** The current app, rendered in the sidebar header. */\n  app: NavBrandApp\n  /**\n   * Other apps to switch to. When omitted or empty the header renders as a\n   * plain link to `app.href` (no dropdown, no chevron).\n   */\n  apps?: NavBrandApp[]\n  /** Heading above the app list in the dropdown. Default `\"Applications\"`. */\n  appsLabel?: string\n  /** Extra menu content appended below the app list (e.g. an \"Add app\" row). */\n  children?: ReactNode\n}\n\n/** Default English heading for the switcher's app list — override for i18n. */\nexport const defaultNavBrandAppsLabel = \"Applications\"\n\n/** Icon tile + name/description shown inside the header button. */\nfunction BrandContent({ app }: { app: NavBrandApp }) {\n  return (\n    <>\n      <div className=\"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg [&_svg]:size-4\">\n        {app.icon}\n      </div>\n      <div className=\"grid flex-1 text-left text-sm leading-tight\">\n        <span className=\"truncate font-semibold\">{app.name}</span>\n        {app.description ? (\n          <span className=\"text-muted-foreground truncate text-xs\">\n            {app.description}\n          </span>\n        ) : null}\n      </div>\n    </>\n  )\n}\n\n/**\n * Sidebar-header brand block with an optional app switcher — the standardized\n * `SidebarHeader` content for app shells (pairs with {@link NavUser} in the\n * footer). Presentational: the app owns the config, icons, and labels (same\n * split as {@link TabBar}).\n *\n * With `apps`, the header is a dropdown trigger (chevron) listing the other\n * apps as links; without it, the header is a plain link to `app.href`. Cross-app\n * links use a plain `<a>` so switching does a full navigation.\n *\n * Must render inside an `AppShell`/`SidebarProvider`, and below a\n * `TooltipProvider` (the collapsed-mode tooltip needs one — app root providers\n * normally mount it).\n *\n * @example\n * import { NavBrand } from \"@tradalab/lyra/shell\"\n * import { SidebarHeader } from \"@tradalab/lyra/ui\"\n * import { Boxes, HardDrive, ShieldCheck } from \"lucide-react\"\n *\n * <SidebarHeader>\n *   <NavBrand\n *     app={{ name: \"Admin\", description: \"Platform console\", icon: <ShieldCheck />, href: \"/\" }}\n *     apps={[\n *       { name: \"Drive\", icon: <HardDrive />, href: \"https://drive.tradalab.com\" },\n *       { name: \"Toolbox\", icon: <Boxes />, href: \"https://toolbox.tradalab.com\" },\n *     ]}\n *   />\n * </SidebarHeader>\n */\nexport function NavBrand({\n  app,\n  apps,\n  appsLabel = defaultNavBrandAppsLabel,\n  children,\n}: NavBrandProps) {\n  const { isMobile } = useSidebar()\n  const hasSwitcher = (apps?.length ?? 0) > 0 || children != null\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        {hasSwitcher ? (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <SidebarMenuButton\n                size=\"lg\"\n                tooltip={app.name}\n                className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n              >\n                <BrandContent app={app} />\n                <ChevronsUpDown className=\"ml-auto size-4\" />\n              </SidebarMenuButton>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg\"\n              align=\"start\"\n              side={isMobile ? \"bottom\" : \"right\"}\n              sideOffset={4}\n            >\n              <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n                {appsLabel}\n              </DropdownMenuLabel>\n              {apps?.map((item) => (\n                <DropdownMenuItem key={item.href} asChild className=\"gap-2 p-2\">\n                  <a href={item.href}>\n                    <div className=\"flex size-6 items-center justify-center rounded-md border [&_svg]:size-3.5\">\n                      {item.icon}\n                    </div>\n                    <span className=\"truncate\">{item.name}</span>\n                  </a>\n                </DropdownMenuItem>\n              ))}\n              {children ? (\n                <>\n                  <DropdownMenuSeparator />\n                  {children}\n                </>\n              ) : null}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        ) : (\n          <SidebarMenuButton size=\"lg\" asChild tooltip={app.name}>\n            <a href={app.href}>\n              <BrandContent app={app} />\n            </a>\n          </SidebarMenuButton>\n        )}\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n","\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport {\n  ChevronsUpDown,\n  LogOut,\n  Monitor,\n  Moon,\n  Palette,\n  Sun,\n  UserRoundCog,\n} from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"~/ui/primitives/avatar.js\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"~/ui/primitives/sidebar.js\"\nimport {\n  defaultAccountMenuLabels,\n  initialsOf,\n  type AccountMenuLabels,\n  type AccountMenuUser,\n} from \"~/ui/account-menu.js\"\n\nexport interface NavUserThemeLabels {\n  theme: string\n  light: string\n  dark: string\n  system: string\n}\n\n/** Default English theme-submenu labels — spread + override for i18n. */\nexport const defaultNavUserThemeLabels: NavUserThemeLabels = {\n  theme: \"Theme\",\n  light: \"Light\",\n  dark: \"Dark\",\n  system: \"System\",\n}\n\nexport interface NavUserProps {\n  /** Signed-in user. Renders nothing when `null`/`undefined`. */\n  user?: AccountMenuUser | null\n  /** Account-action labels — reuses lyra's {@link AccountMenuLabels}. */\n  labels?: Partial<AccountMenuLabels>\n  /** Switch-account handler. Item hidden if omitted. */\n  onSwitchAccount?: () => void\n  /** Sign-out handler. Item hidden if omitted. */\n  onSignOut?: () => void\n  /** Render the light/dark/system theme submenu. Default `true`. */\n  showTheme?: boolean\n  /** Theme-submenu labels. */\n  themeLabels?: Partial<NavUserThemeLabels>\n  /** Extra menu content inserted below the theme submenu. */\n  children?: ReactNode\n}\n\nconst THEMES = [\n  { value: \"light\", key: \"light\", icon: Sun },\n  { value: \"dark\", key: \"dark\", icon: Moon },\n  { value: \"system\", key: \"system\", icon: Monitor },\n] as const\n\n/**\n * Sidebar-footer account menu — the standardized NavUser for app shells.\n * Avatar trigger (size `lg`) + name/email opening a dropdown with an optional\n * theme switcher and switch-account / sign-out actions. Auth flows stay in the\n * app (callbacks); labels are props for i18n.\n *\n * Differs from {@link AccountMenu} in `@tradalab/lyra/ui`: that one is a\n * generic header dropdown; this is styled for the collapsible sidebar footer\n * and follows `useSidebar()` for mobile placement.\n *\n * Must render inside an `AppShell`/SidebarProvider, and below a\n * `TooltipProvider` (the avatar button's collapsed-mode tooltip requires one —\n * app root providers normally mount it). The theme submenu needs a\n * `next-themes` provider mounted (it no-ops without one); pass\n * `showTheme={false}` for apps with a fixed theme.\n *\n * @example\n * import { NavUser } from \"@tradalab/lyra/shell\"\n * import { SidebarFooter } from \"@tradalab/lyra/ui\"\n *\n * <SidebarFooter>\n *   <NavUser\n *     user={session.user}\n *     onSwitchAccount={() => signIn(\"zitadel\", { redirectTo: \"/\" }, { prompt: \"select_account\" })}\n *     onSignOut={() => signOut({ redirectTo: \"/\" })}\n *   />\n * </SidebarFooter>\n */\nexport function NavUser({\n  user,\n  labels,\n  onSwitchAccount,\n  onSignOut,\n  showTheme = true,\n  themeLabels,\n  children,\n}: NavUserProps) {\n  const { isMobile } = useSidebar()\n  const { theme, setTheme } = useTheme()\n  const l = { ...defaultAccountMenuLabels, ...labels }\n  const t = { ...defaultNavUserThemeLabels, ...themeLabels }\n\n  if (!user) return null\n\n  const name = user.name ?? user.email ?? l.account\n  const email = user.email ?? \"\"\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              tooltip={name}\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"size-8 rounded-lg\">\n                {user.image ? <AvatarImage src={user.image} alt={name} /> : null}\n                <AvatarFallback className=\"rounded-lg\">\n                  {initialsOf(name)}\n                </AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-medium\">{name}</span>\n                {email ? (\n                  <span className=\"text-muted-foreground truncate text-xs\">\n                    {email}\n                  </span>\n                ) : null}\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-(--radix-dropdown-menu-trigger-width) min-w-56\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"flex flex-col gap-0.5\">\n              <span className=\"truncate text-sm font-medium leading-tight\">\n                {name}\n              </span>\n              {email ? (\n                <span className=\"text-muted-foreground truncate text-xs font-normal leading-tight\">\n                  {email}\n                </span>\n              ) : null}\n            </DropdownMenuLabel>\n\n            {showTheme ? (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuSub>\n                  <DropdownMenuSubTrigger>\n                    <Palette className=\"mr-2 size-4\" />\n                    {t.theme}\n                  </DropdownMenuSubTrigger>\n                  <DropdownMenuSubContent>\n                    <DropdownMenuRadioGroup\n                      value={theme ?? \"system\"}\n                      onValueChange={setTheme}\n                    >\n                      {THEMES.map(({ value, key, icon: Icon }) => (\n                        <DropdownMenuRadioItem key={value} value={value}>\n                          <Icon className=\"mr-2 size-4\" />\n                          {t[key]}\n                        </DropdownMenuRadioItem>\n                      ))}\n                    </DropdownMenuRadioGroup>\n                  </DropdownMenuSubContent>\n                </DropdownMenuSub>\n              </>\n            ) : null}\n\n            {children ? (\n              <>\n                <DropdownMenuSeparator />\n                {children}\n              </>\n            ) : null}\n\n            {onSwitchAccount || onSignOut ? <DropdownMenuSeparator /> : null}\n\n            {onSwitchAccount ? (\n              <DropdownMenuItem onSelect={onSwitchAccount}>\n                <UserRoundCog className=\"mr-2 size-4\" />\n                {l.switchAccount}\n              </DropdownMenuItem>\n            ) : null}\n            {onSignOut ? (\n              <DropdownMenuItem variant=\"destructive\" onSelect={onSignOut}>\n                <LogOut className=\"mr-2 size-4\" />\n                {l.signOut}\n              </DropdownMenuItem>\n            ) : null}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n","\"use client\"\n\nimport { useEffect, useRef, type ReactNode, type WheelEvent } from \"react\"\nimport { ChevronDown, ListX, Pin, PinOff, Trash2, X } from \"lucide-react\"\nimport { Button } from \"~/ui/primitives/button.js\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"~/ui/primitives/dropdown-menu.js\"\nimport { ScrollArea, ScrollBar } from \"~/ui/primitives/scroll-area.js\"\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuTrigger,\n} from \"~/ui/primitives/context-menu.js\"\nimport { cn } from \"~/utils/cn.js\"\n\nexport interface TabItem {\n  id: string\n  title: string\n  /** Secondary line under the title (e.g. connection/db, file path). */\n  subtitle?: ReactNode\n  /** Leading icon element — the app maps its own tab type → icon. */\n  icon?: ReactNode\n  pinned?: boolean\n}\n\nexport interface TabBarLabels {\n  close: string\n  pinTab: string\n  unpinTab: string\n  closeOthers: string\n  closeAll: string\n}\n\n/** Default English labels — spread + override for i18n. */\nexport const defaultTabBarLabels: TabBarLabels = {\n  close: \"Close\",\n  pinTab: \"Pin tab\",\n  unpinTab: \"Unpin tab\",\n  closeOthers: \"Close others\",\n  closeAll: \"Close all\",\n}\n\nexport interface TabBarProps {\n  tabs: TabItem[]\n  activeId: string | null\n  onSelect: (id: string) => void\n  onClose: (id: string) => void\n  /** Pin row in the context menu is hidden when omitted. */\n  onTogglePin?: (id: string) => void\n  /** \"Close others\" row is hidden when omitted. */\n  onCloseOthers?: (id: string) => void\n  /** \"Close all\" row is hidden when omitted. */\n  onCloseAll?: () => void\n  labels?: Partial<TabBarLabels>\n}\n\n/**\n * Horizontal tab strip for the content area of stacked-sidebar apps\n * (redishub, loom). Presentational + store-agnostic: the app owns tab state\n * and passes `tabs` + callbacks; `icon`/`subtitle` are per-tab so apps map\n * their own tab types, and labels are props for i18n. Renders nothing when\n * `tabs` is empty.\n *\n * Sizes rows from the `--tab-height` CSS var — set it in your globals.\n *\n * @example\n * const s = useTabStore()\n * <TabBar\n *   tabs={s.tabs.map(t => ({ id: t.id, title: t.title, pinned: t.pinned, icon: <Icon t={t.type}/>, subtitle: fmt(t) }))}\n *   activeId={s.activeTabId}\n *   onSelect={s.setActiveTabId}\n *   onClose={s.removeTab}\n *   onTogglePin={s.togglePin}\n *   onCloseOthers={s.closeOthers}\n *   onCloseAll={s.closeAll}\n * />\n */\nexport function TabBar({\n  tabs,\n  activeId,\n  onSelect,\n  onClose,\n  onTogglePin,\n  onCloseOthers,\n  onCloseAll,\n  labels,\n}: TabBarProps) {\n  const l = { ...defaultTabBarLabels, ...labels }\n  const activeTabRef = useRef<HTMLDivElement>(null)\n\n  // Scroll the active tab into view when it changes.\n  useEffect(() => {\n    if (activeId && activeTabRef.current) {\n      activeTabRef.current.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n        inline: \"nearest\",\n      })\n    }\n  }, [activeId])\n\n  // Map vertical wheel scroll to horizontal scroll over the tab strip.\n  const handleWheel = (e: WheelEvent<HTMLDivElement>) => {\n    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {\n      const viewport = e.currentTarget.querySelector(\n        '[data-slot=\"scroll-area-viewport\"]',\n      )\n      if (viewport) viewport.scrollLeft += e.deltaY * 0.5\n    }\n  }\n\n  if (tabs.length === 0) return null\n\n  const hasContextActions = Boolean(onTogglePin || onCloseOthers || onCloseAll)\n\n  return (\n    <div\n      className=\"group/tabbar flex w-full shrink-0 items-center overflow-hidden border-b bg-muted/30\"\n      style={{ height: \"var(--tab-height)\" }}\n    >\n      <ScrollArea\n        type=\"hover\"\n        className=\"min-w-0 flex-1 overflow-hidden [&_[data-orientation=vertical]]:hidden\"\n        onWheel={handleWheel}\n      >\n        <div\n          className=\"flex w-max items-center gap-0\"\n          style={{ height: \"var(--tab-height)\" }}\n        >\n          {tabs.map((tab) => {\n            const isActive = activeId === tab.id\n            return (\n              <ContextMenu key={tab.id}>\n                <ContextMenuTrigger asChild>\n                  <div\n                    ref={isActive ? activeTabRef : null}\n                    onClick={() => onSelect(tab.id)}\n                    title={tab.title}\n                    className={cn(\n                      \"group relative flex min-w-[140px] max-w-[240px] shrink-0 cursor-pointer select-none items-center gap-2 border-r px-3 transition-colors\",\n                      isActive\n                        ? \"border-t-2 border-t-primary bg-background\"\n                        : \"border-t-2 border-t-transparent bg-transparent text-muted-foreground hover:bg-muted/50\",\n                      tab.pinned && \"min-w-[100px] bg-primary/5\",\n                    )}\n                    style={{ height: \"var(--tab-height)\" }}\n                  >\n                    {tab.icon ? (\n                      <div className=\"relative shrink-0\">\n                        <span\n                          className={cn(\n                            \"flex [&_svg]:size-3.5\",\n                            isActive && \"text-primary\",\n                          )}\n                        >\n                          {tab.icon}\n                        </span>\n                        {tab.pinned ? (\n                          <div className=\"absolute -right-1.5 -top-1.5 rounded-full bg-background p-0.5 shadow-sm\">\n                            <Pin className=\"size-2 fill-primary text-primary\" />\n                          </div>\n                        ) : null}\n                      </div>\n                    ) : null}\n                    <div className=\"flex min-w-0 flex-1 flex-col items-start justify-center overflow-hidden py-1\">\n                      <span\n                        className={cn(\n                          \"w-full truncate text-xs leading-tight\",\n                          isActive && \"font-medium text-foreground\",\n                        )}\n                      >\n                        {tab.title}\n                      </span>\n                      {tab.subtitle ? (\n                        <span className=\"mt-0.5 w-full truncate text-[10px] leading-none text-muted-foreground/70\">\n                          {tab.subtitle}\n                        </span>\n                      ) : null}\n                    </div>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      title={l.close}\n                      className={cn(\n                        \"size-5 shrink-0 rounded-md opacity-0 transition-opacity hover:bg-muted-foreground/20 group-hover:opacity-100\",\n                        isActive && \"opacity-100\",\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        onClose(tab.id)\n                      }}\n                    >\n                      <X className=\"size-3\" />\n                    </Button>\n                    {isActive ? (\n                      <div className=\"absolute bottom-0 left-0 right-0 z-10 h-[2px] bg-background\" />\n                    ) : null}\n                  </div>\n                </ContextMenuTrigger>\n                {hasContextActions ? (\n                  <ContextMenuContent className=\"w-48\">\n                    {onTogglePin ? (\n                      <>\n                        <ContextMenuItem onClick={() => onTogglePin(tab.id)}>\n                          {tab.pinned ? (\n                            <>\n                              <PinOff className=\"mr-2 size-4\" />\n                              <span>{l.unpinTab}</span>\n                            </>\n                          ) : (\n                            <>\n                              <Pin className=\"mr-2 size-4\" />\n                              <span>{l.pinTab}</span>\n                            </>\n                          )}\n                        </ContextMenuItem>\n                        <ContextMenuSeparator />\n                      </>\n                    ) : null}\n                    <ContextMenuItem onClick={() => onClose(tab.id)}>\n                      <X className=\"mr-2 size-4\" />\n                      <span>{l.close}</span>\n                    </ContextMenuItem>\n                    {onCloseOthers ? (\n                      <ContextMenuItem onClick={() => onCloseOthers(tab.id)}>\n                        <ListX className=\"mr-2 size-4\" />\n                        <span>{l.closeOthers}</span>\n                      </ContextMenuItem>\n                    ) : null}\n                    {onCloseAll ? (\n                      <ContextMenuItem onClick={() => onCloseAll()}>\n                        <Trash2 className=\"mr-2 size-4\" />\n                        <span>{l.closeAll}</span>\n                      </ContextMenuItem>\n                    ) : null}\n                  </ContextMenuContent>\n                ) : null}\n              </ContextMenu>\n            )\n          })}\n        </div>\n        <ScrollBar orientation=\"horizontal\" className=\"z-20 h-1.5 hover:h-2\" />\n      </ScrollArea>\n\n      <div\n        className=\"flex shrink-0 items-center border-l bg-muted/30 px-1\"\n        style={{ height: \"var(--tab-height)\" }}\n      >\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button variant=\"ghost\" size=\"icon\" className=\"size-8 shrink-0 rounded-sm\">\n              <ChevronDown className=\"size-4\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            align=\"end\"\n            className=\"max-h-[400px] w-[260px] overflow-y-auto\"\n          >\n            {tabs.map((tab) => (\n              <DropdownMenuItem\n                key={tab.id}\n                onClick={() => onSelect(tab.id)}\n                title={tab.title}\n                className={cn(\n                  \"cursor-pointer gap-2 py-2\",\n                  activeId === tab.id && \"bg-accent\",\n                )}\n              >\n                {tab.icon ? (\n                  <div className=\"relative shrink-0\">\n                    <span className=\"flex text-muted-foreground [&_svg]:size-4\">\n                      {tab.icon}\n                    </span>\n                    {tab.pinned ? (\n                      <Pin className=\"absolute -right-1 -top-1 size-2 fill-primary text-primary\" />\n                    ) : null}\n                  </div>\n                ) : null}\n                <div className=\"flex flex-1 flex-col items-start overflow-hidden leading-tight\">\n                  <span className=\"w-full flex-1 truncate text-sm\">{tab.title}</span>\n                  {tab.subtitle ? (\n                    <span className=\"w-full truncate text-[10px] text-muted-foreground\">\n                      {tab.subtitle}\n                    </span>\n                  ) : null}\n                </div>\n                <X\n                  className=\"size-4 shrink-0 rounded-sm p-0.5 hover:bg-red-50 hover:text-red-500\"\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    onClose(tab.id)\n                  }}\n                />\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n    </div>\n  )\n}\n","\"use client\"\n\nimport { Fragment, type ComponentProps, type ReactNode } from \"react\"\nimport Link from \"next/link\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"~/ui/primitives/breadcrumb.js\"\nimport { useActiveRoute } from \"./use-active-route.js\"\n\nexport interface BreadcrumbsProps extends ComponentProps<typeof Breadcrumb> {\n  /** Separator content. Falls back to shadcn's chevron when omitted. */\n  separator?: ReactNode\n  /** Segment-id → display-label map. Unmapped segments render raw. */\n  labels?: Record<string, string>\n}\n\n/** Pathname-derived breadcrumbs. Renders nothing on the root route. */\nexport function Breadcrumbs({ separator, labels, ...rest }: BreadcrumbsProps) {\n  const { pathname } = useActiveRoute()\n  const segments = pathname.split(\"/\").filter(Boolean)\n  if (segments.length === 0) return null\n  const last = segments.length - 1\n  return (\n    <Breadcrumb {...rest}>\n      <BreadcrumbList>\n        {segments.map((seg, i) => {\n          const href = \"/\" + segments.slice(0, i + 1).join(\"/\")\n          const label = labels?.[seg] ?? seg\n          return (\n            <Fragment key={href}>\n              {i > 0 ? (\n                <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>\n              ) : null}\n              <BreadcrumbItem>\n                {i === last ? (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link href={href}>{label}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"]}