@freighttech/ui 0.13.18

package/dist/backend/SettingsButton.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { Settings } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { IconButton } from "../primitives-v2/IconButton.js";
+function SettingsButton({ href = "/backend/settings" }) {
+  const t = useT();
+  const label = t("backend.nav.settings", "Settings");
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      asChild: true,
+      variant: "ghost",
+      size: "sm",
+      "aria-label": label,
+      title: label,
+      children: /* @__PURE__ */ jsx(Link, { href, children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4 text-topbar-v2-icon" }) })
+    }
+  );
+}
+export {
+  SettingsButton
+};
+//# sourceMappingURL=SettingsButton.js.map

package/dist/backend/SettingsButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/SettingsButton.tsx"],
+  "sourcesContent": ["'use client'\nimport Link from 'next/link'\nimport { Settings } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { IconButton } from '../primitives-v2/IconButton'\n\nexport type SettingsButtonProps = {\n  href?: string\n}\n\nexport function SettingsButton({ href = '/backend/settings' }: SettingsButtonProps) {\n  const t = useT()\n  const label = t('backend.nav.settings', 'Settings')\n\n  return (\n    <IconButton\n      asChild\n      variant=\"ghost\"\n      size=\"sm\"\n      aria-label={label}\n      title={label}\n    >\n      <Link href={href}>\n        <Settings className=\"h-4 w-4 text-topbar-v2-icon\" />\n      </Link>\n    </IconButton>\n  )\n}\n"],
+  "mappings": ";AAuBQ;AAtBR,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAMpB,SAAS,eAAe,EAAE,OAAO,oBAAoB,GAAwB;AAClF,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,EAAE,wBAAwB,UAAU;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MAEP,8BAAC,QAAK,MACJ,8BAAC,YAAS,WAAU,+BAA8B,GACpD;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/backend/Sidebar.js

@@ -0,0 +1,510 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { ChevronLeft, PanelLeftOpen, Settings as SettingsIcon, Sparkles, Square } from "lucide-react";
+import { NavGroup } from "../primitives-v2/NavGroup.js";
+import { NavItem } from "../primitives-v2/NavItem.js";
+import {
+  Sidebar as SidebarShell,
+  SidebarHeader as SidebarShellHeader
+} from "../primitives-v2/Sidebar.js";
+import { cn } from "../primitives-v2/utils.js";
+const DefaultItemIcon = /* @__PURE__ */ jsx(Square, { "aria-hidden": "true", className: "h-4 w-4" });
+function resolveItemKey(item) {
+  const candidate = item.id?.trim();
+  return candidate && candidate.length > 0 ? candidate : item.href;
+}
+function isItemOnBranch(pathname, href) {
+  if (!pathname) return false;
+  if (pathname === href) return true;
+  return pathname.startsWith(`${href}/`);
+}
+function HeaderBrand({
+  brand,
+  onCollapseToggle,
+  collapseLabel
+}) {
+  const trailing = onCollapseToggle ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onCollapseToggle,
+      "aria-label": collapseLabel ?? "Toggle sidebar",
+      className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-sidebar-v2-muted transition-colors hover:bg-sidebar-v2-accent",
+      children: /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true", className: "h-4 w-4" })
+    }
+  ) : void 0;
+  const titleNode = /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-body-medium-md text-sidebar-v2-foreground", children: brand.title });
+  return /* @__PURE__ */ jsx(
+    SidebarShellHeader,
+    {
+      logo: brand.href ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: brand.href,
+          "aria-label": brand.ariaLabel,
+          className: "inline-flex shrink-0 items-center",
+          children: brand.logo
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center", children: brand.logo }),
+      title: brand.href ? /* @__PURE__ */ jsx(Link, { href: brand.href, "aria-label": brand.ariaLabel, className: "min-w-0 flex-1 truncate", children: titleNode }) : titleNode,
+      trailing
+    }
+  );
+}
+function SidebarLinkItem({
+  item,
+  isActive,
+  onItemNavigate,
+  compact
+}) {
+  const disabled = item.enabled === false;
+  const dataId = resolveItemKey(item);
+  const icon = item.icon ?? DefaultItemIcon;
+  if (compact) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: item.href,
+        title: item.title,
+        "aria-label": item.title,
+        "aria-current": isActive ? "page" : void 0,
+        "aria-disabled": disabled,
+        "data-menu-item-id": dataId,
+        onClick: onItemNavigate,
+        className: cn(
+          "inline-flex h-10 w-10 items-center justify-center rounded-lg border border-transparent transition-colors",
+          isActive ? "border-sidebar-v2-accent bg-sidebar-v2-accent-active text-sidebar-v2-accent-foreground" : "text-sidebar-v2-item-foreground hover:bg-sidebar-v2-accent",
+          disabled ? "pointer-events-none opacity-50" : null
+        ),
+        children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-4 w-4", children: icon })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    NavItem,
+    {
+      icon,
+      badge: item.badge,
+      isActive,
+      disabled,
+      render: ({ className, children }) => /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: item.href,
+          "aria-current": isActive ? "page" : void 0,
+          "aria-disabled": disabled,
+          "data-menu-item-id": dataId,
+          onClick: onItemNavigate,
+          className: cn(className, disabled ? "pointer-events-none" : null),
+          children
+        }
+      ),
+      children: item.title
+    }
+  );
+}
+function MainNavGroup({
+  group,
+  open,
+  onToggle,
+  pathname,
+  onItemNavigate,
+  compact
+}) {
+  const visibleItems = group.items.filter((item) => item.hidden !== true);
+  if (visibleItems.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    NavGroup,
+    {
+      title: compact ? void 0 : group.name,
+      collapsed: !open,
+      onCollapse: () => onToggle?.(group.id),
+      children: visibleItems.map((item) => {
+        const childItems = (item.children ?? []).filter((c) => c.hidden !== true);
+        const onBranch = isItemOnBranch(pathname, item.href);
+        const showChildren = onBranch && childItems.length > 0;
+        const hasActiveChild = !!(pathname && childItems.some((c) => isItemOnBranch(pathname, c.href)));
+        const isParentActive = pathname === item.href || showChildren && !hasActiveChild;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            SidebarLinkItem,
+            {
+              item,
+              isActive: isParentActive,
+              onItemNavigate,
+              compact
+            }
+          ),
+          showChildren && !compact ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5 pl-4", children: childItems.map((child) => /* @__PURE__ */ jsx(
+            SidebarLinkItem,
+            {
+              item: child,
+              isActive: isItemOnBranch(pathname, child.href),
+              onItemNavigate
+            },
+            resolveItemKey(child)
+          )) }) : null
+        ] }, resolveItemKey(item));
+      })
+    }
+  );
+}
+function SectionNav({
+  sections,
+  backHref,
+  backLabel,
+  pathname,
+  onItemNavigate,
+  openGroups,
+  onToggleGroup,
+  compact
+}) {
+  const sortedSections = React.useMemo(
+    () => [...sections].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),
+    [sections]
+  );
+  const renderSectionItem = (item, depth = 0) => {
+    const onBranch = isItemOnBranch(pathname, item.href);
+    const childItems = (item.children ?? []).slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const hasActiveChild = !!(pathname && childItems.some((child) => isItemOnBranch(pathname, child.href)));
+    const showChildren = childItems.length > 0 && onBranch;
+    const isActive = onBranch || hasActiveChild;
+    const wrappedItem = {
+      id: item.id,
+      href: item.href,
+      title: item.label,
+      icon: item.icon
+    };
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { style: depth ? { paddingLeft: depth * 12 } : void 0, children: /* @__PURE__ */ jsx(
+        SidebarLinkItem,
+        {
+          item: wrappedItem,
+          isActive,
+          onItemNavigate,
+          compact
+        }
+      ) }),
+      showChildren ? childItems.map((c) => renderSectionItem(c, depth + 1)) : null
+    ] }, item.id);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: backHref,
+        onClick: onItemNavigate,
+        className: cn(
+          "inline-flex items-center gap-2 rounded-md px-2 py-1 text-body-medium-sm text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent",
+          compact ? "justify-center" : null
+        ),
+        "aria-label": backLabel,
+        "data-menu-item-id": "section-back",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }),
+          !compact ? /* @__PURE__ */ jsx("span", { className: "truncate", children: backLabel }) : null
+        ]
+      }
+    ),
+    sortedSections.map((section, idx) => {
+      const sortedItems = [...section.items].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+      if (sortedItems.length === 0) return null;
+      const key = `section:${section.id}`;
+      const open = openGroups ? openGroups[key] !== false : true;
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          NavGroup,
+          {
+            title: compact ? void 0 : section.label,
+            collapsed: !open,
+            onCollapse: () => onToggleGroup?.(key),
+            children: sortedItems.map((item) => renderSectionItem(item))
+          }
+        ),
+        idx < sortedSections.length - 1 ? /* @__PURE__ */ jsx("div", { className: "border-t border-dotted border-sidebar-v2-border" }) : null
+      ] }, section.id);
+    })
+  ] });
+}
+function MainFooter({
+  pathname,
+  settingsActive,
+  settingsHref,
+  settingsLabel,
+  customizeLabel,
+  customizeAriaLabel,
+  onCustomize,
+  loadingCustomization,
+  onItemNavigate,
+  compact,
+  navFooterSlot,
+  statusBadgesSlot
+}) {
+  const settingsItem = {
+    id: "footer-settings",
+    href: settingsHref ?? "/backend/settings",
+    title: settingsLabel ?? "Settings",
+    icon: /* @__PURE__ */ jsx(SettingsIcon, { "aria-hidden": "true", className: "h-4 w-4" })
+  };
+  const settingsActiveResolved = settingsActive ?? (pathname ? isItemOnBranch(pathname, settingsItem.href) : false);
+  const customizeAria = customizeAriaLabel ?? customizeLabel ?? "Customize sidebar";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    navFooterSlot,
+    statusBadgesSlot,
+    /* @__PURE__ */ jsx(
+      SidebarLinkItem,
+      {
+        item: settingsItem,
+        isActive: settingsActiveResolved,
+        onItemNavigate,
+        compact
+      }
+    ),
+    onCustomize ? compact ? (
+      // Compact rail: 32×32 square mirroring the full button's height + chrome.
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onCustomize,
+          disabled: loadingCustomization,
+          "aria-label": customizeAria,
+          className: "inline-flex h-8 w-8 items-center justify-center self-center rounded-lg border border-sidebar-v2-accent bg-sidebar-v2-accent-active text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent disabled:opacity-60",
+          children: /* @__PURE__ */ jsx(Sparkles, { "aria-hidden": "true", className: "h-4 w-4" })
+        }
+      )
+    ) : (
+      // Full row: 32px high, white pill, 1px slate/200 border, 6px gap, 12px side padding (Figma SidebarFooter).
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onCustomize,
+          disabled: loadingCustomization,
+          "aria-label": customizeAria,
+          className: "inline-flex h-8 w-full items-center justify-center gap-1.5 rounded-lg border border-sidebar-v2-accent bg-sidebar-v2-accent-active px-3 text-body-medium-sm text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent disabled:opacity-60",
+          children: [
+            /* @__PURE__ */ jsx(Sparkles, { "aria-hidden": "true", className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: customizeLabel ?? "Customize sidebar" })
+          ]
+        }
+      )
+    ) : null
+  ] });
+}
+function CompactSidebar(props) {
+  const {
+    mode,
+    pathname,
+    brand,
+    hideHeader,
+    onCollapseToggle,
+    collapseLabel,
+    onItemNavigate,
+    groups = [],
+    openGroups,
+    sections = [],
+    backHref,
+    backLabel,
+    settingsActive,
+    settingsHref,
+    settingsLabel,
+    customizeLabel,
+    customizeAriaLabel,
+    onCustomize,
+    loadingCustomization,
+    topSlot,
+    navSlot,
+    navFooterSlot,
+    footerSlot,
+    statusBadgesSlot,
+    className
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "aria-label": "Sidebar",
+      className: cn(
+        "flex h-full w-[72px] shrink-0 flex-col border-r border-sidebar-v2-border bg-sidebar-v2 text-sidebar-v2-foreground",
+        className
+      ),
+      children: [
+        !hideHeader ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex shrink-0 items-center justify-center border-b border-sidebar-v2-border px-2",
+            style: { height: 52 },
+            children: onCollapseToggle ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCollapseToggle,
+                "aria-label": collapseLabel ?? "Expand sidebar",
+                className: "inline-flex h-9 w-9 items-center justify-center rounded-md text-black transition-colors hover:bg-sidebar-v2-accent",
+                children: brand.logo ?? /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex h-9 w-9 items-center justify-center", children: brand.logo })
+          }
+        ) : null,
+        topSlot,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": "sidebar",
+            className: "flex flex-1 flex-col items-center gap-3 overflow-y-auto px-2 py-3",
+            children: [
+              navSlot,
+              mode === "main" ? groups.filter((g) => g.items.some((i) => i.hidden !== true)).map((g) => /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col items-center gap-1", children: g.items.filter((i) => i.hidden !== true).map((item) => /* @__PURE__ */ jsx(
+                SidebarLinkItem,
+                {
+                  item,
+                  isActive: isItemOnBranch(pathname, item.href),
+                  onItemNavigate,
+                  compact: true
+                },
+                resolveItemKey(item)
+              )) }, g.id)) : /* @__PURE__ */ jsx(
+                SectionNav,
+                {
+                  sections,
+                  backHref: backHref ?? "/backend",
+                  backLabel: backLabel ?? "Back",
+                  pathname,
+                  onItemNavigate,
+                  openGroups,
+                  compact: true
+                }
+              )
+            ]
+          }
+        ),
+        mode === "main" ? /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-center gap-2 border-t border-sidebar-v2-border px-2 pb-3 pt-2", children: [
+          /* @__PURE__ */ jsx(
+            MainFooter,
+            {
+              pathname,
+              settingsActive,
+              settingsHref,
+              settingsLabel,
+              customizeLabel,
+              customizeAriaLabel,
+              onCustomize,
+              loadingCustomization,
+              onItemNavigate,
+              compact: true,
+              statusBadgesSlot
+            }
+          ),
+          footerSlot
+        ] }) : null
+      ]
+    }
+  );
+}
+function FullSidebar(props) {
+  const {
+    mode,
+    pathname,
+    brand,
+    hideHeader,
+    onCollapseToggle,
+    collapseLabel,
+    onItemNavigate,
+    groups = [],
+    openGroups,
+    onToggleGroup,
+    sections = [],
+    sectionTitle,
+    backHref,
+    backLabel,
+    settingsActive,
+    settingsHref,
+    settingsLabel,
+    customizeLabel,
+    customizeAriaLabel,
+    onCustomize,
+    loadingCustomization,
+    customizing,
+    customizationEditor,
+    topSlot,
+    navSlot,
+    navFooterSlot,
+    footerSlot,
+    statusBadgesSlot,
+    className
+  } = props;
+  const widthClass = customizing ? "w-[320px]" : void 0;
+  const header = !hideHeader ? /* @__PURE__ */ jsx(HeaderBrand, { brand, onCollapseToggle, collapseLabel }) : void 0;
+  const footer = customizing ? footerSlot ?? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [
+    mode === "main" ? /* @__PURE__ */ jsx(
+      MainFooter,
+      {
+        pathname,
+        settingsActive,
+        settingsHref,
+        settingsLabel,
+        customizeLabel,
+        customizeAriaLabel,
+        onCustomize,
+        loadingCustomization,
+        onItemNavigate,
+        navFooterSlot,
+        statusBadgesSlot,
+        compact: false
+      }
+    ) : null,
+    footerSlot
+  ] });
+  return /* @__PURE__ */ jsx(
+    SidebarShell,
+    {
+      header,
+      footer,
+      className: cn(widthClass, className),
+      "aria-label": sectionTitle ?? void 0,
+      children: /* @__PURE__ */ jsxs("div", { "data-testid": "sidebar", className: "flex flex-col gap-3", children: [
+        topSlot,
+        customizing && customizationEditor ? customizationEditor : mode === "main" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          navSlot,
+          groups.filter((g) => g.items.some((i) => i.hidden !== true)).map((g, idx, visible) => {
+            const open = openGroups ? openGroups[g.id] !== false : true;
+            const isLast = idx === visible.length - 1;
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                MainNavGroup,
+                {
+                  group: g,
+                  open,
+                  onToggle: onToggleGroup,
+                  pathname,
+                  onItemNavigate
+                }
+              ),
+              !isLast ? /* @__PURE__ */ jsx("div", { className: "border-t border-dotted border-sidebar-v2-border" }) : null
+            ] }, g.id);
+          })
+        ] }) : /* @__PURE__ */ jsx(
+          SectionNav,
+          {
+            sections,
+            backHref: backHref ?? "/backend",
+            backLabel: backLabel ?? sectionTitle ?? "Back",
+            pathname,
+            onItemNavigate,
+            openGroups,
+            onToggleGroup
+          }
+        )
+      ] })
+    }
+  );
+}
+function Sidebar(props) {
+  return props.compact ? /* @__PURE__ */ jsx(CompactSidebar, { ...props }) : /* @__PURE__ */ jsx(FullSidebar, { ...props });
+}
+export {
+  Sidebar
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/backend/Sidebar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/Sidebar.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ChevronLeft, PanelLeftOpen, Settings as SettingsIcon, Sparkles, Square } from 'lucide-react'\nimport { NavGroup } from '../primitives-v2/NavGroup'\nimport { NavItem } from '../primitives-v2/NavItem'\n// The low-level shell from `primitives-v2` is imported under an alias so this\n// file's own `Sidebar` export doesn't collide with it. Both names are valid\n// \u2014 pick the import path that matches the abstraction level you need:\n//   `@freighttech/ui`              \u2192 this `Sidebar` (full backend composition)\n//   `@freighttech/ui/primitives-v2` \u2192 `Sidebar`     (240px shell only)\nimport {\n  Sidebar as SidebarShell,\n  SidebarFooter as SidebarShellFooter,\n  SidebarHeader as SidebarShellHeader,\n} from '../primitives-v2/Sidebar'\nimport { cn } from '../primitives-v2/utils'\n\n/*\n  Backend admin sidebar shell, composed from `primitives-v2`. This is the\n  pure-presentational layer used by `AppShell` (and consumable by Tier-3\n  customer apps standalone). All state \u2014 open groups, collapse, mode\n  switching, customization \u2014 is owned by the caller and threaded in via\n  props / slots.\n\n  Three layouts are supported via `compact` / `customizing`:\n    - default (240px): full `SidebarShell` with `NavGroup` + `NavItem` body\n    - compact  (72px): hand-rendered icon-only rail\n    - customizing (320px): default shell with the `customizationEditor`\n      slot rendered in place of the nav\n\n  And three navigation modes via `mode`:\n    - 'main'     \u2014 `groups` + `openGroups` drive a collapsible group list,\n                   followed by a footer with Settings + Customize buttons\n    - 'settings' \u2014 `sections` render with a \"\u2190 Settings\" back link to /backend\n    - 'profile'  \u2014 same shape as 'settings', but for the profile shell\n\n  See spec `.ai/specs/2026-05-25-sidebar-redesign.md`.\n*/\n\nexport type SidebarItem = {\n  id?: string\n  href: string\n  title: string\n  icon?: React.ReactNode\n  badge?: React.ReactNode\n  enabled?: boolean\n  hidden?: boolean\n  children?: SidebarItem[]\n}\n\nexport type SidebarGroup = {\n  id: string\n  name: string\n  items: SidebarItem[]\n}\n\nexport type SidebarSectionItem = {\n  id: string\n  label: string\n  href: string\n  icon?: React.ReactNode\n  order?: number\n  children?: SidebarSectionItem[]\n}\n\nexport type SidebarSection = {\n  id: string\n  label: string\n  items: SidebarSectionItem[]\n  order?: number\n}\n\nexport type SidebarBrand = {\n  /** Brand mark / logo. Rendered as-is (e.g. a Next `<Image>`). */\n  logo?: React.ReactNode\n  /** Product / workspace name shown next to the logo. */\n  title?: React.ReactNode\n  /** Link target for the header. Defaults to `/backend`. */\n  href?: string\n  /** Accessible label for the brand link. */\n  ariaLabel?: string\n}\n\nexport type SidebarProps = {\n  mode: 'main' | 'settings' | 'profile'\n  /** Whether to render the 72px icon-only rail instead of the 240px shell. */\n  compact: boolean\n  /** Suppress the SidebarHeader (mobile drawer renders its own brand row). */\n  hideHeader?: boolean\n  pathname: string | null\n  brand: SidebarBrand\n  /** Forwarded to the outer `<aside>` (or the customizing-shell). Use to\n   *  override the fixed 240/72/320 width \u2014 e.g. `w-full` inside a drawer. */\n  className?: string\n  /** Click handler for the trailing collapse toggle in the SidebarHeader. */\n  onCollapseToggle?: () => void\n  collapseLabel?: string\n  /** Fired on every nav item click \u2014 used by the mobile drawer to close itself. */\n  onItemNavigate?: () => void\n\n  // ---- main mode ----\n  groups?: SidebarGroup[]\n  /** `false` = collapsed. Missing key defaults to expanded. */\n  openGroups?: Record<string, boolean>\n  onToggleGroup?: (groupId: string) => void\n  settingsActive?: boolean\n  settingsHref?: string\n  settingsLabel?: string\n  customizeLabel?: string\n  customizeAriaLabel?: string\n  onCustomize?: () => void\n  loadingCustomization?: boolean\n\n  // ---- section mode (settings / profile) ----\n  sections?: SidebarSection[]\n  sectionTitle?: string\n  backHref?: string\n  backLabel?: string\n\n  // ---- customization editor ----\n  customizing?: boolean\n  customizationEditor?: React.ReactNode\n\n  // ---- injected slots (resolved by the caller; the sidebar just renders them) ----\n  topSlot?: React.ReactNode\n  navSlot?: React.ReactNode\n  navFooterSlot?: React.ReactNode\n  footerSlot?: React.ReactNode\n  statusBadgesSlot?: React.ReactNode\n}\n\nconst DefaultItemIcon = <Square aria-hidden=\"true\" className=\"h-4 w-4\" />\n\nfunction resolveItemKey(item: { id?: string; href: string }): string {\n  const candidate = item.id?.trim()\n  return candidate && candidate.length > 0 ? candidate : item.href\n}\n\nfunction isItemOnBranch(pathname: string | null, href: string): boolean {\n  if (!pathname) return false\n  if (pathname === href) return true\n  return pathname.startsWith(`${href}/`)\n}\n\n/** Renders the active brand row in the SidebarHeader. */\nfunction HeaderBrand({\n  brand,\n  onCollapseToggle,\n  collapseLabel,\n}: {\n  brand: SidebarBrand\n  onCollapseToggle?: () => void\n  collapseLabel?: string\n}) {\n  const trailing = onCollapseToggle ? (\n    <button\n      type=\"button\"\n      onClick={onCollapseToggle}\n      aria-label={collapseLabel ?? 'Toggle sidebar'}\n      className=\"inline-flex h-7 w-7 items-center justify-center rounded-md text-sidebar-v2-muted transition-colors hover:bg-sidebar-v2-accent\"\n    >\n      <PanelLeftOpen aria-hidden=\"true\" className=\"h-4 w-4\" />\n    </button>\n  ) : undefined\n\n  const titleNode = (\n    <span className=\"min-w-0 flex-1 truncate text-body-medium-md text-sidebar-v2-foreground\">\n      {brand.title}\n    </span>\n  )\n\n  return (\n    <SidebarShellHeader\n      logo={\n        brand.href ? (\n          <Link\n            href={brand.href}\n            aria-label={brand.ariaLabel}\n            className=\"inline-flex shrink-0 items-center\"\n          >\n            {brand.logo}\n          </Link>\n        ) : (\n          <span className=\"inline-flex shrink-0 items-center\">{brand.logo}</span>\n        )\n      }\n      title={\n        brand.href ? (\n          <Link href={brand.href} aria-label={brand.ariaLabel} className=\"min-w-0 flex-1 truncate\">\n            {titleNode}\n          </Link>\n        ) : (\n          titleNode\n        )\n      }\n      trailing={trailing}\n    />\n  )\n}\n\n/** A single NavItem rendered as a Next.js <Link>, preserving `data-menu-item-id`. */\nfunction SidebarLinkItem({\n  item,\n  isActive,\n  onItemNavigate,\n  compact,\n}: {\n  item: SidebarItem\n  isActive: boolean\n  onItemNavigate?: () => void\n  compact?: boolean\n}) {\n  const disabled = item.enabled === false\n  const dataId = resolveItemKey(item)\n  const icon = item.icon ?? DefaultItemIcon\n\n  if (compact) {\n    // Icon-only rail cell \u2014 bypasses NavItem's full-width row layout.\n    return (\n      <Link\n        href={item.href}\n        title={item.title}\n        aria-label={item.title}\n        aria-current={isActive ? 'page' : undefined}\n        aria-disabled={disabled}\n        data-menu-item-id={dataId}\n        onClick={onItemNavigate}\n        className={cn(\n          'inline-flex h-10 w-10 items-center justify-center rounded-lg border border-transparent transition-colors',\n          isActive\n            ? 'border-sidebar-v2-accent bg-sidebar-v2-accent-active text-sidebar-v2-accent-foreground'\n            : 'text-sidebar-v2-item-foreground hover:bg-sidebar-v2-accent',\n          disabled ? 'pointer-events-none opacity-50' : null,\n        )}\n      >\n        <span aria-hidden=\"true\" className=\"h-4 w-4\">\n          {icon}\n        </span>\n      </Link>\n    )\n  }\n\n  return (\n    <NavItem\n      icon={icon}\n      badge={item.badge}\n      isActive={isActive}\n      disabled={disabled}\n      render={({ className, children }) => (\n        <Link\n          href={item.href}\n          aria-current={isActive ? 'page' : undefined}\n          aria-disabled={disabled}\n          data-menu-item-id={dataId}\n          onClick={onItemNavigate}\n          className={cn(className, disabled ? 'pointer-events-none' : null)}\n        >\n          {children}\n        </Link>\n      )}\n    >\n      {item.title}\n    </NavItem>\n  )\n}\n\n/** Renders one collapsible group with its items + nested children. */\nfunction MainNavGroup({\n  group,\n  open,\n  onToggle,\n  pathname,\n  onItemNavigate,\n  compact,\n}: {\n  group: SidebarGroup\n  open: boolean\n  onToggle?: (groupId: string) => void\n  pathname: string | null\n  onItemNavigate?: () => void\n  compact?: boolean\n}) {\n  const visibleItems = group.items.filter((item) => item.hidden !== true)\n  if (visibleItems.length === 0) return null\n\n  return (\n    <NavGroup\n      title={compact ? undefined : group.name}\n      collapsed={!open}\n      onCollapse={() => onToggle?.(group.id)}\n    >\n      {visibleItems.map((item) => {\n        const childItems = (item.children ?? []).filter((c) => c.hidden !== true)\n        const onBranch = isItemOnBranch(pathname, item.href)\n        const showChildren = onBranch && childItems.length > 0\n        const hasActiveChild = !!(\n          pathname && childItems.some((c) => isItemOnBranch(pathname, c.href))\n        )\n        const isParentActive = pathname === item.href || (showChildren && !hasActiveChild)\n\n        return (\n          <React.Fragment key={resolveItemKey(item)}>\n            <SidebarLinkItem\n              item={item}\n              isActive={isParentActive}\n              onItemNavigate={onItemNavigate}\n              compact={compact}\n            />\n            {showChildren && !compact ? (\n              <div className=\"flex flex-col gap-0.5 pl-4\">\n                {childItems.map((child) => (\n                  <SidebarLinkItem\n                    key={resolveItemKey(child)}\n                    item={child}\n                    isActive={isItemOnBranch(pathname, child.href)}\n                    onItemNavigate={onItemNavigate}\n                  />\n                ))}\n              </div>\n            ) : null}\n          </React.Fragment>\n        )\n      })}\n    </NavGroup>\n  )\n}\n\n/** Section sidebar (settings / profile) \u2014 renders a \"back\" row then per-section groups. */\nfunction SectionNav({\n  sections,\n  backHref,\n  backLabel,\n  pathname,\n  onItemNavigate,\n  openGroups,\n  onToggleGroup,\n  compact,\n}: {\n  sections: SidebarSection[]\n  backHref: string\n  backLabel: string\n  pathname: string | null\n  onItemNavigate?: () => void\n  openGroups?: Record<string, boolean>\n  onToggleGroup?: (sectionId: string) => void\n  compact?: boolean\n}) {\n  const sortedSections = React.useMemo(\n    () => [...sections].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),\n    [sections],\n  )\n\n  const renderSectionItem = (item: SidebarSectionItem, depth = 0): React.ReactNode => {\n    const onBranch = isItemOnBranch(pathname, item.href)\n    const childItems = (item.children ?? []).slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n    const hasActiveChild = !!(\n      pathname && childItems.some((child) => isItemOnBranch(pathname, child.href))\n    )\n    const showChildren = childItems.length > 0 && onBranch\n    const isActive = onBranch || hasActiveChild\n    const wrappedItem: SidebarItem = {\n      id: item.id,\n      href: item.href,\n      title: item.label,\n      icon: item.icon,\n    }\n    return (\n      <React.Fragment key={item.id}>\n        <div style={depth ? { paddingLeft: depth * 12 } : undefined}>\n          <SidebarLinkItem\n            item={wrappedItem}\n            isActive={isActive}\n            onItemNavigate={onItemNavigate}\n            compact={compact}\n          />\n        </div>\n        {showChildren ? childItems.map((c) => renderSectionItem(c, depth + 1)) : null}\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <Link\n        href={backHref}\n        onClick={onItemNavigate}\n        className={cn(\n          'inline-flex items-center gap-2 rounded-md px-2 py-1 text-body-medium-sm text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent',\n          compact ? 'justify-center' : null,\n        )}\n        aria-label={backLabel}\n        data-menu-item-id=\"section-back\"\n      >\n        <ChevronLeft aria-hidden=\"true\" className=\"h-4 w-4 shrink-0\" />\n        {!compact ? <span className=\"truncate\">{backLabel}</span> : null}\n      </Link>\n      {sortedSections.map((section, idx) => {\n        const sortedItems = [...section.items].sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n        if (sortedItems.length === 0) return null\n        const key = `section:${section.id}`\n        const open = openGroups ? openGroups[key] !== false : true\n        return (\n          <React.Fragment key={section.id}>\n            <NavGroup\n              title={compact ? undefined : section.label}\n              collapsed={!open}\n              onCollapse={() => onToggleGroup?.(key)}\n            >\n              {sortedItems.map((item) => renderSectionItem(item))}\n            </NavGroup>\n            {idx < sortedSections.length - 1 ? (\n              <div className=\"border-t border-dotted border-sidebar-v2-border\" />\n            ) : null}\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\n/** Footer for main mode: Settings link + Customize button, stacked. */\nfunction MainFooter({\n  pathname,\n  settingsActive,\n  settingsHref,\n  settingsLabel,\n  customizeLabel,\n  customizeAriaLabel,\n  onCustomize,\n  loadingCustomization,\n  onItemNavigate,\n  compact,\n  navFooterSlot,\n  statusBadgesSlot,\n}: Pick<\n  SidebarProps,\n  | 'settingsActive'\n  | 'settingsHref'\n  | 'settingsLabel'\n  | 'customizeLabel'\n  | 'customizeAriaLabel'\n  | 'onCustomize'\n  | 'loadingCustomization'\n  | 'onItemNavigate'\n  | 'navFooterSlot'\n  | 'statusBadgesSlot'\n  | 'compact'\n> & { pathname: string | null }) {\n  const settingsItem: SidebarItem = {\n    id: 'footer-settings',\n    href: settingsHref ?? '/backend/settings',\n    title: settingsLabel ?? 'Settings',\n    icon: <SettingsIcon aria-hidden=\"true\" className=\"h-4 w-4\" />,\n  }\n  const settingsActiveResolved =\n    settingsActive ?? (pathname ? isItemOnBranch(pathname, settingsItem.href) : false)\n\n  const customizeAria = customizeAriaLabel ?? customizeLabel ?? 'Customize sidebar'\n\n  return (\n    <>\n      {navFooterSlot}\n      {statusBadgesSlot}\n      <SidebarLinkItem\n        item={settingsItem}\n        isActive={settingsActiveResolved}\n        onItemNavigate={onItemNavigate}\n        compact={compact}\n      />\n      {onCustomize ? (\n        compact ? (\n          // Compact rail: 32\u00D732 square mirroring the full button's height + chrome.\n          <button\n            type=\"button\"\n            onClick={onCustomize}\n            disabled={loadingCustomization}\n            aria-label={customizeAria}\n            className=\"inline-flex h-8 w-8 items-center justify-center self-center rounded-lg border border-sidebar-v2-accent bg-sidebar-v2-accent-active text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent disabled:opacity-60\"\n          >\n            <Sparkles aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n        ) : (\n          // Full row: 32px high, white pill, 1px slate/200 border, 6px gap, 12px side padding (Figma SidebarFooter).\n          <button\n            type=\"button\"\n            onClick={onCustomize}\n            disabled={loadingCustomization}\n            aria-label={customizeAria}\n            className=\"inline-flex h-8 w-full items-center justify-center gap-1.5 rounded-lg border border-sidebar-v2-accent bg-sidebar-v2-accent-active px-3 text-body-medium-sm text-sidebar-v2-item-foreground transition-colors hover:bg-sidebar-v2-accent disabled:opacity-60\"\n          >\n            <Sparkles aria-hidden=\"true\" className=\"h-4 w-4\" />\n            <span className=\"truncate\">{customizeLabel ?? 'Customize sidebar'}</span>\n          </button>\n        )\n      ) : null}\n    </>\n  )\n}\n\n/** Compact 72px icon-only rail. Bypasses the v2 SidebarShell (which is fixed 240px). */\nfunction CompactSidebar(props: SidebarProps) {\n  const {\n    mode,\n    pathname,\n    brand,\n    hideHeader,\n    onCollapseToggle,\n    collapseLabel,\n    onItemNavigate,\n    groups = [],\n    openGroups,\n    sections = [],\n    backHref,\n    backLabel,\n    settingsActive,\n    settingsHref,\n    settingsLabel,\n    customizeLabel,\n    customizeAriaLabel,\n    onCustomize,\n    loadingCustomization,\n    topSlot,\n    navSlot,\n    navFooterSlot,\n    footerSlot,\n    statusBadgesSlot,\n    className,\n  } = props\n\n  return (\n    <aside\n      aria-label=\"Sidebar\"\n      className={cn(\n        'flex h-full w-[72px] shrink-0 flex-col border-r border-sidebar-v2-border bg-sidebar-v2 text-sidebar-v2-foreground',\n        className,\n      )}\n    >\n      {!hideHeader ? (\n        <div\n          className=\"flex shrink-0 items-center justify-center border-b border-sidebar-v2-border px-2\"\n          style={{ height: 52 }}\n        >\n          {onCollapseToggle ? (\n            <button\n              type=\"button\"\n              onClick={onCollapseToggle}\n              aria-label={collapseLabel ?? 'Expand sidebar'}\n              className=\"inline-flex h-9 w-9 items-center justify-center rounded-md text-black transition-colors hover:bg-sidebar-v2-accent\"\n            >\n              {brand.logo ?? <PanelLeftOpen aria-hidden=\"true\" className=\"h-4 w-4\" />}\n            </button>\n          ) : (\n            <span aria-hidden=\"true\" className=\"inline-flex h-9 w-9 items-center justify-center\">\n              {brand.logo}\n            </span>\n          )}\n        </div>\n      ) : null}\n      {topSlot}\n      <div\n        data-testid=\"sidebar\"\n        className=\"flex flex-1 flex-col items-center gap-3 overflow-y-auto px-2 py-3\"\n      >\n        {navSlot}\n        {mode === 'main'\n          ? groups\n              .filter((g) => g.items.some((i) => i.hidden !== true))\n              .map((g) => (\n                <div key={g.id} className=\"flex w-full flex-col items-center gap-1\">\n                  {g.items\n                    .filter((i) => i.hidden !== true)\n                    .map((item) => (\n                      <SidebarLinkItem\n                        key={resolveItemKey(item)}\n                        item={item}\n                        isActive={isItemOnBranch(pathname, item.href)}\n                        onItemNavigate={onItemNavigate}\n                        compact\n                      />\n                    ))}\n                </div>\n              ))\n          : (\n            <SectionNav\n              sections={sections}\n              backHref={backHref ?? '/backend'}\n              backLabel={backLabel ?? 'Back'}\n              pathname={pathname}\n              onItemNavigate={onItemNavigate}\n              openGroups={openGroups}\n              compact\n            />\n          )}\n      </div>\n      {mode === 'main' ? (\n        <div className=\"flex shrink-0 flex-col items-center gap-2 border-t border-sidebar-v2-border px-2 pb-3 pt-2\">\n          <MainFooter\n            pathname={pathname}\n            settingsActive={settingsActive}\n            settingsHref={settingsHref}\n            settingsLabel={settingsLabel}\n            customizeLabel={customizeLabel}\n            customizeAriaLabel={customizeAriaLabel}\n            onCustomize={onCustomize}\n            loadingCustomization={loadingCustomization}\n            onItemNavigate={onItemNavigate}\n            compact\n            statusBadgesSlot={statusBadgesSlot}\n          />\n          {footerSlot}\n        </div>\n      ) : null}\n    </aside>\n  )\n}\n\n/** Default 240px (or 320px while customizing) `SidebarShell`. */\nfunction FullSidebar(props: SidebarProps) {\n  const {\n    mode,\n    pathname,\n    brand,\n    hideHeader,\n    onCollapseToggle,\n    collapseLabel,\n    onItemNavigate,\n    groups = [],\n    openGroups,\n    onToggleGroup,\n    sections = [],\n    sectionTitle,\n    backHref,\n    backLabel,\n    settingsActive,\n    settingsHref,\n    settingsLabel,\n    customizeLabel,\n    customizeAriaLabel,\n    onCustomize,\n    loadingCustomization,\n    customizing,\n    customizationEditor,\n    topSlot,\n    navSlot,\n    navFooterSlot,\n    footerSlot,\n    statusBadgesSlot,\n    className,\n  } = props\n\n  const widthClass = customizing ? 'w-[320px]' : undefined\n\n  const header = !hideHeader ? (\n    <HeaderBrand brand={brand} onCollapseToggle={onCollapseToggle} collapseLabel={collapseLabel} />\n  ) : undefined\n\n  const footer = customizing\n    ? footerSlot ?? undefined\n    : (\n        <>\n          {mode === 'main' ? (\n            <MainFooter\n              pathname={pathname}\n              settingsActive={settingsActive}\n              settingsHref={settingsHref}\n              settingsLabel={settingsLabel}\n              customizeLabel={customizeLabel}\n              customizeAriaLabel={customizeAriaLabel}\n              onCustomize={onCustomize}\n              loadingCustomization={loadingCustomization}\n              onItemNavigate={onItemNavigate}\n              navFooterSlot={navFooterSlot}\n              statusBadgesSlot={statusBadgesSlot}\n              compact={false}\n            />\n          ) : null}\n          {footerSlot}\n        </>\n      )\n\n  // SidebarShell's body is a scrollable `<nav>`. We don't put a second `<nav>` inside,\n  // but we DO add `data-testid=\"sidebar\"` on a wrapping div so existing selectors hold.\n  return (\n    <SidebarShell\n      header={header}\n      footer={footer}\n      className={cn(widthClass, className)}\n      aria-label={sectionTitle ?? undefined}\n    >\n      <div data-testid=\"sidebar\" className=\"flex flex-col gap-3\">\n        {topSlot}\n        {customizing && customizationEditor ? (\n          customizationEditor\n        ) : mode === 'main' ? (\n          <>\n            {navSlot}\n            {groups\n              .filter((g) => g.items.some((i) => i.hidden !== true))\n              .map((g, idx, visible) => {\n                const open = openGroups ? openGroups[g.id] !== false : true\n                const isLast = idx === visible.length - 1\n                return (\n                  <React.Fragment key={g.id}>\n                    <MainNavGroup\n                      group={g}\n                      open={open}\n                      onToggle={onToggleGroup}\n                      pathname={pathname}\n                      onItemNavigate={onItemNavigate}\n                    />\n                    {!isLast ? (\n                      <div className=\"border-t border-dotted border-sidebar-v2-border\" />\n                    ) : null}\n                  </React.Fragment>\n                )\n              })}\n          </>\n        ) : (\n          <SectionNav\n            sections={sections}\n            backHref={backHref ?? '/backend'}\n            backLabel={backLabel ?? sectionTitle ?? 'Back'}\n            pathname={pathname}\n            onItemNavigate={onItemNavigate}\n            openGroups={openGroups}\n            onToggleGroup={onToggleGroup}\n          />\n        )}\n      </div>\n    </SidebarShell>\n  )\n}\n\nexport function Sidebar(props: SidebarProps) {\n  return props.compact ? <CompactSidebar {...props} /> : <FullSidebar {...props} />\n}\n"],
+  "mappings": "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",
+  "names": []
+}