@forjio/portal-ui 0.1.1 → 0.3.0

package/dist/Sidebar.cjs

@@ -47,6 +47,7 @@ function Sidebar({
   brandSlug,
   brandName,
   brandColor,
+  brandColorSoft,
   brandIcon,
   workspacePersist,
   apiSwitchPath,
@@ -61,14 +62,17 @@ function Sidebar({
   dropdownLinks = DEFAULT_DROPDOWN_LINKS
 }) {
   const pathname = (0, import_navigation.usePathname)() ?? "";
-  const active = workspaces.find((w) => w.id === activeWorkspaceId) ?? null;
-  const others = workspaces.filter((w) => w.id !== activeWorkspaceId);
+  const workspaceMode = workspaces !== void 0;
+  const wsList = workspaces ?? [];
+  const active = wsList.find((w) => w.id === activeWorkspaceId) ?? null;
+  const others = wsList.filter((w) => w.id !== activeWorkspaceId);
   const themeVars = {
     ["--brand-color"]: brandColor,
-    ["--brand-soft"]: `${brandColor}26`
-    // 15% alpha
+    ["--brand-soft"]: brandColorSoft ?? `${brandColor}26`
+    // 15% alpha (or caller-supplied)
   };
   async function switchWorkspace(id) {
+    if (!workspacePersist) return;
     await (0, import_utils.writeActiveWorkspace)(workspacePersist, brandSlug, id, apiSwitchPath);
     if (onWorkspaceSwitch) {
       await onWorkspaceSwitch(id);
@@ -157,12 +161,12 @@ function Sidebar({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          workspaceMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             WorkspaceSwitcher,
             {
               active,
               others,
-              hasAny: workspaces.length > 0,
+              hasAny: wsList.length > 0,
               onSwitch: switchWorkspace,
               onNavigate: onClose
             }
@@ -174,49 +178,174 @@ function Sidebar({
     )
   ] });
 }
-function NavList({
-  pathname,
-  sections,
+const FG = "hsl(var(--foreground, 222 47% 11%))";
+const MUTED = "hsl(var(--muted-foreground, 220 9% 46%))";
+const MUTED_SOFT = "hsl(var(--muted-foreground, 220 9% 46%) / 0.6)";
+function itemLinkStyle(active) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    fontSize: 13.5,
+    fontWeight: active ? 600 : 500,
+    color: active ? FG : MUTED,
+    padding: "7px 10px",
+    borderRadius: 8,
+    background: active ? "var(--brand-soft)" : "transparent",
+    cursor: "pointer",
+    textDecoration: "none"
+  };
+}
+function subItemLinkStyle(active) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    fontSize: 13,
+    fontWeight: active ? 600 : 500,
+    color: active ? FG : MUTED,
+    padding: "6px 10px 6px 32px",
+    borderRadius: 8,
+    background: active ? "var(--brand-soft)" : "transparent",
+    textDecoration: "none"
+  };
+}
+function NavSubItem({
+  item,
+  activeHref,
   onNavigate
 }) {
-  const activeHref = (0, import_utils.activeHrefFor)(pathname, sections);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Dashboard", style: { display: "grid", gap: 16 }, children: sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
+  const Icon = item.icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href: item.href,
+      onClick: onNavigate,
+      style: subItemLinkStyle(item.href === activeHref),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 13, strokeWidth: 2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 }, children: item.label })
+      ]
+    }
+  ) });
+}
+function NavModuleAccordion({
+  module: module2,
+  activeHref,
+  onNavigate
+}) {
+  const descendantHrefs = [
+    ...(module2.items ?? []).map((i) => i.href),
+    ...(module2.groups ?? []).flatMap((g) => g.items.map((i) => i.href))
+  ];
+  const autoOpen = activeHref !== null && descendantHrefs.includes(activeHref);
+  const [override, setOverride] = (0, import_react.useState)(null);
+  const isOpen = override ?? autoOpen;
+  const ModIcon = module2.icon;
+  const Chevron = isOpen ? import_lucide_react.ChevronDown : import_lucide_react.ChevronRight;
+  const subHeadingStyle = {
+    fontSize: 9.5,
+    letterSpacing: "0.12em",
+    textTransform: "uppercase",
+    color: MUTED_SOFT,
+    padding: "8px 10px 4px 32px",
+    fontWeight: 600
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { style: { display: "block" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
       {
+        type: "button",
+        onClick: () => setOverride(!isOpen),
         style: {
-          fontSize: 10.5,
-          letterSpacing: "0.12em",
-          textTransform: "uppercase",
-          color: "hsl(var(--muted-foreground, 220 9% 46%) / 0.6)",
-          padding: "0 10px 6px",
-          fontWeight: 600
+          ...itemLinkStyle(autoOpen),
+          width: "100%",
+          border: "none",
+          textAlign: "left"
         },
-        children: section.label
+        "aria-expanded": isOpen,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModIcon, { size: 15, strokeWidth: 2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 }, children: module2.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chevron, { size: 14, strokeWidth: 2, style: { color: MUTED } })
+        ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: section.items.map((item) => {
-      const isActive = item.href === activeHref;
-      const Icon = item.icon;
-      const linkStyle = {
-        display: "flex",
-        alignItems: "center",
-        gap: 10,
-        fontSize: 13.5,
-        fontWeight: isActive ? 600 : 500,
-        color: isActive ? "hsl(var(--foreground, 222 47% 11%))" : "hsl(var(--muted-foreground, 220 9% 46%))",
-        padding: "7px 10px",
-        borderRadius: 8,
-        background: isActive ? "var(--brand-soft)" : "transparent",
-        cursor: "pointer",
-        textDecoration: "none"
-      };
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: item.href, onClick: onNavigate, style: linkStyle, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 15, strokeWidth: 2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 }, children: item.label })
-      ] }) }, item.href);
-    }) })
-  ] }, section.label)) });
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: { listStyle: "none", padding: 0, margin: "4px 0 0", display: "grid", gap: 1 }, children: module2.groups ? module2.groups.map((group, gi) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+      group.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: subHeadingStyle, children: group.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        NavSubItem,
+        {
+          item,
+          activeHref,
+          onNavigate
+        },
+        item.href
+      )) })
+    ] }, group.label ?? `__group_${gi}`)) : (module2.items ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      NavSubItem,
+      {
+        item,
+        activeHref,
+        onNavigate
+      },
+      item.href
+    )) })
+  ] });
+}
+function NavList({
+  pathname,
+  sections,
+  onNavigate
+}) {
+  const activeHref = (0, import_utils.activeHrefFor)(pathname, sections);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Dashboard", style: { display: "grid", gap: 16 }, children: sections.map((section) => {
+    const items = section.items ?? [];
+    const modules = section.modules ?? [];
+    if (items.length === 0 && modules.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            fontSize: 10.5,
+            letterSpacing: "0.12em",
+            textTransform: "uppercase",
+            color: MUTED_SOFT,
+            padding: "0 10px 6px",
+            fontWeight: 600
+          },
+          children: section.label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: [
+        items.map((item) => {
+          const Icon = item.icon;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_link.default,
+            {
+              href: item.href,
+              onClick: onNavigate,
+              style: itemLinkStyle(item.href === activeHref),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 15, strokeWidth: 2 }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 }, children: item.label })
+              ]
+            }
+          ) }, item.href);
+        }),
+        modules.map((module2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          NavModuleAccordion,
+          {
+            module: module2,
+            activeHref,
+            onNavigate
+          },
+          module2.label
+        ))
+      ] })
+    ] }, section.label);
+  }) });
 }
 function WorkspaceChiclet({ name }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/Sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport { ChevronUp, X, LogOut, BookOpen, FileText, Shield } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type {\n  LucideIcon,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n} from './types';\nimport { activeHrefFor, titleCase, writeActiveWorkspace } from './utils';\n\n/**\n * Forjio family sidebar — workspace switcher on top, nav sections in\n * the middle, profile dropdown at the bottom. Extracted from\n * saas-plugipay 2026-05-19 as the canonical reference.\n *\n * The shell is style-agnostic: every visual is inline CSS driven by\n * CSS custom properties so consumers can theme via a single brandColor\n * prop without depending on Tailwind or any specific token system.\n */\nexport interface SidebarProps {\n  /** Slug for cookie/localStorage namespace, e.g. \"plugipay\". */\n  brandSlug: string;\n  /** Display name shown at the top of the sidebar. */\n  brandName: string;\n  /** Brand accent color — used for the active-link pill + workspace\n   *  chiclet + profile avatar. Forjio family default `#1a1a2e`. */\n  brandColor: string;\n  /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that\n   *  renders next to the brand name. */\n  brandIcon?: React.ReactNode;\n  /** Persistence flavor — see WorkspacePersistMode docs. */\n  workspacePersist: WorkspacePersistMode;\n  /** Only used when workspacePersist='api'. Should contain `{id}` as\n   *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */\n  apiSwitchPath?: string;\n  /** Loaded workspace list — fetched by the host product. */\n  workspaces: PortalWorkspace[];\n  /** Active workspace id — host product reads from\n   *  readActiveWorkspaceId or session state. */\n  activeWorkspaceId: string | null;\n  /** Nav sections rendered in order. Most-specific href wins for the\n   *  active highlight. */\n  sections: NavSection[];\n  /** Bottom-of-sidebar user info. */\n  user: SessionUser | null;\n  /** Called when the user picks a different workspace. After the\n   *  helper writes persistence, the host should refetch its data —\n   *  the default behavior is to reload the page, but the host can\n   *  override (e.g. invalidate a SWR cache instead). */\n  onWorkspaceSwitch?: (id: string) => void | Promise<void>;\n  /** Called when the user clicks Sign out. */\n  onLogout: () => void | Promise<void>;\n  /** Drawer open state on mobile. */\n  open: boolean;\n  /** Close handler for the mobile drawer. */\n  onClose: () => void;\n  /** Optional footer links inside the profile dropdown.\n   *  Defaults to Docs / Terms / Privacy. */\n  dropdownLinks?: { href: string; label: string; icon: LucideIcon }[];\n}\n\nconst DEFAULT_DROPDOWN_LINKS: { href: string; label: string; icon: LucideIcon }[] = [\n  { href: '/docs', label: 'Documentation', icon: BookOpen },\n  { href: '/terms', label: 'Terms of Service', icon: FileText },\n  { href: '/privacy', label: 'Privacy Policy', icon: Shield },\n];\n\nexport function Sidebar({\n  brandSlug,\n  brandName,\n  brandColor,\n  brandIcon,\n  workspacePersist,\n  apiSwitchPath,\n  workspaces,\n  activeWorkspaceId,\n  sections,\n  user,\n  onWorkspaceSwitch,\n  onLogout,\n  open,\n  onClose,\n  dropdownLinks = DEFAULT_DROPDOWN_LINKS,\n}: SidebarProps) {\n  const pathname = usePathname() ?? '';\n  const active = workspaces.find((w) => w.id === activeWorkspaceId) ?? null;\n  const others = workspaces.filter((w) => w.id !== activeWorkspaceId);\n\n  // Theme variables expressed as CSS custom properties; consumers can\n  // override on their own root if needed but the props are the canonical\n  // surface.\n  const themeVars: React.CSSProperties = {\n    ['--brand-color' as string]: brandColor,\n    ['--brand-soft' as string]: `${brandColor}26`, // 15% alpha\n  };\n\n  async function switchWorkspace(id: string) {\n    await writeActiveWorkspace(workspacePersist, brandSlug, id, apiSwitchPath);\n    if (onWorkspaceSwitch) {\n      await onWorkspaceSwitch(id);\n    } else if (typeof window !== 'undefined') {\n      window.location.reload();\n    }\n  }\n\n  return (\n    <>\n      {open && (\n        <div\n          onClick={onClose}\n          aria-hidden=\"true\"\n          style={{\n            position: 'fixed',\n            inset: 0,\n            background: 'rgba(0,0,0,0.5)',\n            zIndex: 40,\n          }}\n          className=\"lg:hidden\"\n        />\n      )}\n\n      <aside\n        style={{\n          ...themeVars,\n          borderRight: '1px solid hsl(var(--border, 220 14% 90%))',\n          background: 'hsl(var(--card, 0 0% 100%))',\n          color: 'hsl(var(--foreground, 222 47% 11%))',\n          width: 248,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        className={`fixed inset-y-0 left-0 z-50 h-screen transition-transform lg:sticky lg:top-0 lg:translate-x-0 ${\n          open ? 'translate-x-0' : '-translate-x-full'\n        }`}\n      >\n        {/* Brand row */}\n        <div\n          style={{\n            padding: '20px 20px 18px',\n            borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Link\n            href=\"/dashboard\"\n            onClick={onClose}\n            aria-label={`${brandName} dashboard`}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n              fontSize: 18,\n              fontWeight: 700,\n              letterSpacing: '-0.02em',\n              textDecoration: 'none',\n              color: 'inherit',\n            }}\n          >\n            {brandIcon}\n            {brandName}\n          </Link>\n          <button\n            onClick={onClose}\n            className=\"lg:hidden\"\n            style={{\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              padding: 4,\n            }}\n            aria-label=\"Close navigation\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        <WorkspaceSwitcher\n          active={active}\n          others={others}\n          hasAny={workspaces.length > 0}\n          onSwitch={switchWorkspace}\n          onNavigate={onClose}\n        />\n\n        <div style={{ flex: 1, padding: '16px 10px', overflowY: 'auto' }}>\n          <NavList pathname={pathname} sections={sections} onNavigate={onClose} />\n        </div>\n\n        <ProfileDropdown user={user} onLogout={onLogout} onNavigate={onClose} dropdownLinks={dropdownLinks} />\n      </aside>\n    </>\n  );\n}\n\nfunction NavList({\n  pathname,\n  sections,\n  onNavigate,\n}: {\n  pathname: string;\n  sections: NavSection[];\n  onNavigate?: () => void;\n}) {\n  const activeHref = activeHrefFor(pathname, sections);\n  return (\n    <nav aria-label=\"Dashboard\" style={{ display: 'grid', gap: 16 }}>\n      {sections.map((section) => (\n        <div key={section.label}>\n          <div\n            style={{\n              fontSize: 10.5,\n              letterSpacing: '0.12em',\n              textTransform: 'uppercase',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%) / 0.6)',\n              padding: '0 10px 6px',\n              fontWeight: 600,\n            }}\n          >\n            {section.label}\n          </div>\n          <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n            {section.items.map((item) => {\n              const isActive = item.href === activeHref;\n              const Icon = item.icon as LucideIcon;\n              const linkStyle: React.CSSProperties = {\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                fontSize: 13.5,\n                fontWeight: isActive ? 600 : 500,\n                color: isActive\n                  ? 'hsl(var(--foreground, 222 47% 11%))'\n                  : 'hsl(var(--muted-foreground, 220 9% 46%))',\n                padding: '7px 10px',\n                borderRadius: 8,\n                background: isActive ? 'var(--brand-soft)' : 'transparent',\n                cursor: 'pointer',\n                textDecoration: 'none',\n              };\n              return (\n                <li key={item.href}>\n                  <Link href={item.href} onClick={onNavigate} style={linkStyle}>\n                    <Icon size={15} strokeWidth={2} />\n                    <span style={{ flex: 1 }}>{item.label}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}\n\nfunction WorkspaceChiclet({ name }: { name: string }) {\n  return (\n    <span\n      aria-hidden\n      style={{\n        width: 28,\n        height: 28,\n        flex: '0 0 28px',\n        borderRadius: 8,\n        background: 'var(--brand-soft)',\n        color: 'var(--brand-color)',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        fontSize: 13,\n        fontWeight: 700,\n        textTransform: 'uppercase',\n        border: '1px solid var(--brand-soft)',\n      }}\n    >\n      {name.slice(0, 1)}\n    </span>\n  );\n}\n\nfunction ForjioBadge() {\n  return (\n    <span\n      title=\"Forjio-operated workspace\"\n      style={{\n        fontSize: 10,\n        textTransform: 'uppercase',\n        letterSpacing: '0.06em',\n        color: 'var(--brand-color)',\n        background: 'var(--brand-soft)',\n        border: '1px solid var(--brand-soft)',\n        padding: '1px 6px',\n        borderRadius: 4,\n        flex: '0 0 auto',\n      }}\n    >\n      forjio\n    </span>\n  );\n}\n\nfunction WorkspaceSwitcher({\n  active,\n  others,\n  hasAny,\n  onSwitch,\n  onNavigate,\n}: {\n  active: PortalWorkspace | null;\n  others: PortalWorkspace[];\n  hasAny: boolean;\n  onSwitch: (id: string) => void;\n  onNavigate?: () => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  if (!hasAny) return null;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        padding: '12px 10px',\n        borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n      }}\n    >\n      {open && others.length > 0 && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 10,\n            right: 10,\n            marginTop: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          {others.map((w) => (\n            <button\n              key={w.id}\n              type=\"button\"\n              onClick={() => {\n                setOpen(false);\n                onSwitch(w.id);\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                padding: '8px 10px',\n                border: 'none',\n                background: 'transparent',\n                textAlign: 'left',\n                cursor: 'pointer',\n                borderRadius: 6,\n                color: 'inherit',\n              }}\n            >\n              <WorkspaceChiclet name={w.name} />\n              <span style={{ flex: 1, minWidth: 0 }}>\n                <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                  <span\n                    style={{\n                      fontSize: 13,\n                      fontWeight: 600,\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                    }}\n                  >\n                    {w.name}\n                  </span>\n                  {w.isForjioInternal && <ForjioBadge />}\n                </span>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: 11.5,\n                    color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                  }}\n                >\n                  {titleCase(w.role)}\n                </span>\n              </span>\n            </button>\n          ))}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <Link\n            href=\"/dashboard/workspaces\"\n            onClick={() => {\n              setOpen(false);\n              onNavigate?.();\n            }}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 10,\n              padding: '8px 10px',\n              fontSize: 13,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              textDecoration: 'none',\n              borderRadius: 6,\n            }}\n          >\n            + Manage workspaces\n          </Link>\n        </div>\n      )}\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        disabled={!active}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '6px 6px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: active ? 'pointer' : 'default',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <WorkspaceChiclet name={active?.name ?? '?'} />\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n              }}\n            >\n              {active?.name ?? 'Loading…'}\n            </span>\n            {active?.isForjioInternal && <ForjioBadge />}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            }}\n          >\n            {active ? titleCase(active.role) : ''}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? 'rotate(180deg)' : '',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ProfileDropdown({\n  user,\n  onLogout,\n  onNavigate,\n  dropdownLinks,\n}: {\n  user: SessionUser | null;\n  onLogout: () => void | Promise<void>;\n  onNavigate?: () => void;\n  dropdownLinks: { href: string; label: string; icon: LucideIcon }[];\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  const name = user?.name || 'You';\n  const email = user?.email || '';\n  const initial = (user?.name || user?.email || '?').slice(0, 1).toUpperCase();\n\n  const itemStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    padding: '8px 12px',\n    fontSize: 13,\n    color: 'inherit',\n    borderRadius: 6,\n    textDecoration: 'none',\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        borderTop: '1px solid hsl(var(--border, 220 14% 90%))',\n        padding: '12px 10px',\n      }}\n    >\n      {open && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: '100%',\n            left: 10,\n            right: 10,\n            marginBottom: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          <div\n            style={{\n              padding: '10px 12px',\n              borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            }}\n          >\n            <div style={{ fontSize: 13, fontWeight: 600 }}>{name}</div>\n            <div\n              style={{\n                fontSize: 12,\n                color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                wordBreak: 'break-all',\n              }}\n            >\n              {email}\n            </div>\n          </div>\n          {dropdownLinks.map((link) => {\n            const Icon = link.icon;\n            return (\n              <Link\n                key={link.href}\n                href={link.href}\n                onClick={() => {\n                  setOpen(false);\n                  onNavigate?.();\n                }}\n                style={itemStyle}\n              >\n                <Icon size={14} /> {link.label}\n              </Link>\n            );\n          })}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <button\n            type=\"button\"\n            onClick={() => {\n              setOpen(false);\n              onLogout();\n            }}\n            style={{\n              ...itemStyle,\n              color: 'hsl(var(--destructive, 0 84% 60%))',\n              width: '100%',\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              textAlign: 'left',\n            }}\n          >\n            <LogOut size={14} /> Sign out\n          </button>\n        </div>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '8px 8px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: 'pointer',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <span\n          style={{\n            width: 32,\n            height: 32,\n            flex: '0 0 32px',\n            borderRadius: '50%',\n            background: 'var(--brand-color)',\n            color: '#0b0b10',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: 13,\n            fontWeight: 700,\n          }}\n        >\n          {initial}\n        </span>\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 13,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {name}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {email}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? '' : 'rotate(180deg)',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../src/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport { ChevronUp, ChevronDown, ChevronRight, X, LogOut, BookOpen, FileText, Shield } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type {\n  LucideIcon,\n  NavItem,\n  NavModule,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n} from './types';\nimport { activeHrefFor, titleCase, writeActiveWorkspace } from './utils';\n\n/**\n * Forjio family sidebar — workspace switcher on top, nav sections in\n * the middle, profile dropdown at the bottom. Extracted from\n * saas-plugipay 2026-05-19 as the canonical reference.\n *\n * The shell is style-agnostic: every visual is inline CSS driven by\n * CSS custom properties so consumers can theme via a single brandColor\n * prop without depending on Tailwind or any specific token system.\n */\nexport interface SidebarProps {\n  /** Slug for cookie/localStorage namespace, e.g. \"plugipay\". */\n  brandSlug: string;\n  /** Display name shown at the top of the sidebar. */\n  brandName: string;\n  /** Brand accent color — used for the active-link pill + workspace\n   *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the\n   *  soft accent is derived by appending an alpha suffix. Forjio family\n   *  default `#1a1a2e`. */\n  brandColor: string;\n  /** Optional pre-formed \"soft\" accent (active-pill / hover fill).\n   *  Defaults to `brandColor` at 15% alpha. Pass this when `brandColor`\n   *  can't be a static hex — e.g. a theme-following `hsl(var(--primary))`\n   *  value, where the default `${brandColor}26` suffixing would produce\n   *  invalid CSS. */\n  brandColorSoft?: string;\n  /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that\n   *  renders next to the brand name. */\n  brandIcon?: React.ReactNode;\n  /** Persistence flavor — see WorkspacePersistMode docs. Required only\n   *  in workspace mode (i.e. when `workspaces` is passed). */\n  workspacePersist?: WorkspacePersistMode;\n  /** Only used when workspacePersist='api'. Should contain `{id}` as\n   *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */\n  apiSwitchPath?: string;\n  /** Loaded workspace list — fetched by the host product. **Omit\n   *  entirely for a no-workspace portal** (a storefront buyer account,\n   *  or ripllo's creator / affiliator dashboards): the workspace\n   *  switcher is then not rendered at all — just brand header → nav →\n   *  profile. */\n  workspaces?: PortalWorkspace[];\n  /** Active workspace id — host product reads from\n   *  readActiveWorkspaceId or session state. Unused in no-workspace mode. */\n  activeWorkspaceId?: string | null;\n  /** Nav sections rendered in order. Most-specific href wins for the\n   *  active highlight. */\n  sections: NavSection[];\n  /** Bottom-of-sidebar user info. */\n  user: SessionUser | null;\n  /** Called when the user picks a different workspace. After the\n   *  helper writes persistence, the host should refetch its data —\n   *  the default behavior is to reload the page, but the host can\n   *  override (e.g. invalidate a SWR cache instead). */\n  onWorkspaceSwitch?: (id: string) => void | Promise<void>;\n  /** Called when the user clicks Sign out. */\n  onLogout: () => void | Promise<void>;\n  /** Drawer open state on mobile. */\n  open: boolean;\n  /** Close handler for the mobile drawer. */\n  onClose: () => void;\n  /** Optional footer links inside the profile dropdown.\n   *  Defaults to Docs / Terms / Privacy. */\n  dropdownLinks?: { href: string; label: string; icon: LucideIcon }[];\n}\n\nconst DEFAULT_DROPDOWN_LINKS: { href: string; label: string; icon: LucideIcon }[] = [\n  { href: '/docs', label: 'Documentation', icon: BookOpen },\n  { href: '/terms', label: 'Terms of Service', icon: FileText },\n  { href: '/privacy', label: 'Privacy Policy', icon: Shield },\n];\n\nexport function Sidebar({\n  brandSlug,\n  brandName,\n  brandColor,\n  brandColorSoft,\n  brandIcon,\n  workspacePersist,\n  apiSwitchPath,\n  workspaces,\n  activeWorkspaceId,\n  sections,\n  user,\n  onWorkspaceSwitch,\n  onLogout,\n  open,\n  onClose,\n  dropdownLinks = DEFAULT_DROPDOWN_LINKS,\n}: SidebarProps) {\n  const pathname = usePathname() ?? '';\n  // Workspace mode is opt-in: a host that omits `workspaces` gets a\n  // no-workspace portal — no switcher (buyer / creator / affiliator).\n  const workspaceMode = workspaces !== undefined;\n  const wsList = workspaces ?? [];\n  const active = wsList.find((w) => w.id === activeWorkspaceId) ?? null;\n  const others = wsList.filter((w) => w.id !== activeWorkspaceId);\n\n  // Theme variables expressed as CSS custom properties; consumers can\n  // override on their own root if needed but the props are the canonical\n  // surface.\n  const themeVars: React.CSSProperties = {\n    ['--brand-color' as string]: brandColor,\n    ['--brand-soft' as string]: brandColorSoft ?? `${brandColor}26`, // 15% alpha (or caller-supplied)\n  };\n\n  async function switchWorkspace(id: string) {\n    if (!workspacePersist) return; // no-workspace mode — switcher not rendered\n    await writeActiveWorkspace(workspacePersist, brandSlug, id, apiSwitchPath);\n    if (onWorkspaceSwitch) {\n      await onWorkspaceSwitch(id);\n    } else if (typeof window !== 'undefined') {\n      window.location.reload();\n    }\n  }\n\n  return (\n    <>\n      {open && (\n        <div\n          onClick={onClose}\n          aria-hidden=\"true\"\n          style={{\n            position: 'fixed',\n            inset: 0,\n            background: 'rgba(0,0,0,0.5)',\n            zIndex: 40,\n          }}\n          className=\"lg:hidden\"\n        />\n      )}\n\n      <aside\n        style={{\n          ...themeVars,\n          borderRight: '1px solid hsl(var(--border, 220 14% 90%))',\n          background: 'hsl(var(--card, 0 0% 100%))',\n          color: 'hsl(var(--foreground, 222 47% 11%))',\n          width: 248,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        className={`fixed inset-y-0 left-0 z-50 h-screen transition-transform lg:sticky lg:top-0 lg:translate-x-0 ${\n          open ? 'translate-x-0' : '-translate-x-full'\n        }`}\n      >\n        {/* Brand row */}\n        <div\n          style={{\n            padding: '20px 20px 18px',\n            borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Link\n            href=\"/dashboard\"\n            onClick={onClose}\n            aria-label={`${brandName} dashboard`}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n              fontSize: 18,\n              fontWeight: 700,\n              letterSpacing: '-0.02em',\n              textDecoration: 'none',\n              color: 'inherit',\n            }}\n          >\n            {brandIcon}\n            {brandName}\n          </Link>\n          <button\n            onClick={onClose}\n            className=\"lg:hidden\"\n            style={{\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              padding: 4,\n            }}\n            aria-label=\"Close navigation\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        {workspaceMode && (\n          <WorkspaceSwitcher\n            active={active}\n            others={others}\n            hasAny={wsList.length > 0}\n            onSwitch={switchWorkspace}\n            onNavigate={onClose}\n          />\n        )}\n\n        <div style={{ flex: 1, padding: '16px 10px', overflowY: 'auto' }}>\n          <NavList pathname={pathname} sections={sections} onNavigate={onClose} />\n        </div>\n\n        <ProfileDropdown user={user} onLogout={onLogout} onNavigate={onClose} dropdownLinks={dropdownLinks} />\n      </aside>\n    </>\n  );\n}\n\nconst FG = 'hsl(var(--foreground, 222 47% 11%))';\nconst MUTED = 'hsl(var(--muted-foreground, 220 9% 46%))';\nconst MUTED_SOFT = 'hsl(var(--muted-foreground, 220 9% 46%) / 0.6)';\n\n/** Style for a top-level nav link (flat item or module toggle). */\nfunction itemLinkStyle(active: boolean): React.CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    fontSize: 13.5,\n    fontWeight: active ? 600 : 500,\n    color: active ? FG : MUTED,\n    padding: '7px 10px',\n    borderRadius: 8,\n    background: active ? 'var(--brand-soft)' : 'transparent',\n    cursor: 'pointer',\n    textDecoration: 'none',\n  };\n}\n\n/** Style for an indented sub-item inside an expanded module. */\nfunction subItemLinkStyle(active: boolean): React.CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    fontSize: 13,\n    fontWeight: active ? 600 : 500,\n    color: active ? FG : MUTED,\n    padding: '6px 10px 6px 32px',\n    borderRadius: 8,\n    background: active ? 'var(--brand-soft)' : 'transparent',\n    textDecoration: 'none',\n  };\n}\n\nfunction NavSubItem({\n  item,\n  activeHref,\n  onNavigate,\n}: {\n  item: NavItem;\n  activeHref: string | null;\n  onNavigate?: () => void;\n}) {\n  const Icon = item.icon as LucideIcon;\n  return (\n    <li>\n      <Link\n        href={item.href}\n        onClick={onNavigate}\n        style={subItemLinkStyle(item.href === activeHref)}\n      >\n        <Icon size={13} strokeWidth={2} />\n        <span style={{ flex: 1 }}>{item.label}</span>\n      </Link>\n    </li>\n  );\n}\n\n/**\n * A collapsible module accordion: a toggle button (module icon +\n * label + chevron) over an expandable body of `groups` or flat\n * `items`. Auto-opens when a descendant href is the active route;\n * the user can still toggle it shut (or open) afterwards.\n */\nfunction NavModuleAccordion({\n  module,\n  activeHref,\n  onNavigate,\n}: {\n  module: NavModule;\n  activeHref: string | null;\n  onNavigate?: () => void;\n}) {\n  const descendantHrefs: string[] = [\n    ...(module.items ?? []).map((i) => i.href),\n    ...(module.groups ?? []).flatMap((g) => g.items.map((i) => i.href)),\n  ];\n  const autoOpen = activeHref !== null && descendantHrefs.includes(activeHref);\n  // `null` = follow auto-open; once the user clicks, the explicit\n  // boolean wins.\n  const [override, setOverride] = useState<boolean | null>(null);\n  const isOpen = override ?? autoOpen;\n\n  const ModIcon = module.icon as LucideIcon;\n  const Chevron = isOpen ? ChevronDown : ChevronRight;\n\n  const subHeadingStyle: React.CSSProperties = {\n    fontSize: 9.5,\n    letterSpacing: '0.12em',\n    textTransform: 'uppercase',\n    color: MUTED_SOFT,\n    padding: '8px 10px 4px 32px',\n    fontWeight: 600,\n  };\n\n  return (\n    <li style={{ display: 'block' }}>\n      <button\n        type=\"button\"\n        onClick={() => setOverride(!isOpen)}\n        style={{\n          ...itemLinkStyle(autoOpen),\n          width: '100%',\n          border: 'none',\n          textAlign: 'left',\n        }}\n        aria-expanded={isOpen}\n      >\n        <ModIcon size={15} strokeWidth={2} />\n        <span style={{ flex: 1 }}>{module.label}</span>\n        <Chevron size={14} strokeWidth={2} style={{ color: MUTED }} />\n      </button>\n      {isOpen && (\n        <ul style={{ listStyle: 'none', padding: 0, margin: '4px 0 0', display: 'grid', gap: 1 }}>\n          {module.groups\n            ? module.groups.map((group, gi) => (\n                <li key={group.label ?? `__group_${gi}`}>\n                  {group.label && <div style={subHeadingStyle}>{group.label}</div>}\n                  <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n                    {group.items.map((item) => (\n                      <NavSubItem\n                        key={item.href}\n                        item={item}\n                        activeHref={activeHref}\n                        onNavigate={onNavigate}\n                      />\n                    ))}\n                  </ul>\n                </li>\n              ))\n            : (module.items ?? []).map((item) => (\n                <NavSubItem\n                  key={item.href}\n                  item={item}\n                  activeHref={activeHref}\n                  onNavigate={onNavigate}\n                />\n              ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\nfunction NavList({\n  pathname,\n  sections,\n  onNavigate,\n}: {\n  pathname: string;\n  sections: NavSection[];\n  onNavigate?: () => void;\n}) {\n  const activeHref = activeHrefFor(pathname, sections);\n  return (\n    <nav aria-label=\"Dashboard\" style={{ display: 'grid', gap: 16 }}>\n      {sections.map((section) => {\n        const items = section.items ?? [];\n        const modules = section.modules ?? [];\n        // Skip an empty section so its header doesn't float over nothing.\n        if (items.length === 0 && modules.length === 0) return null;\n        return (\n          <div key={section.label}>\n            <div\n              style={{\n                fontSize: 10.5,\n                letterSpacing: '0.12em',\n                textTransform: 'uppercase',\n                color: MUTED_SOFT,\n                padding: '0 10px 6px',\n                fontWeight: 600,\n              }}\n            >\n              {section.label}\n            </div>\n            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n              {items.map((item) => {\n                const Icon = item.icon as LucideIcon;\n                return (\n                  <li key={item.href}>\n                    <Link\n                      href={item.href}\n                      onClick={onNavigate}\n                      style={itemLinkStyle(item.href === activeHref)}\n                    >\n                      <Icon size={15} strokeWidth={2} />\n                      <span style={{ flex: 1 }}>{item.label}</span>\n                    </Link>\n                  </li>\n                );\n              })}\n              {modules.map((module) => (\n                <NavModuleAccordion\n                  key={module.label}\n                  module={module}\n                  activeHref={activeHref}\n                  onNavigate={onNavigate}\n                />\n              ))}\n            </ul>\n          </div>\n        );\n      })}\n    </nav>\n  );\n}\n\nfunction WorkspaceChiclet({ name }: { name: string }) {\n  return (\n    <span\n      aria-hidden\n      style={{\n        width: 28,\n        height: 28,\n        flex: '0 0 28px',\n        borderRadius: 8,\n        background: 'var(--brand-soft)',\n        color: 'var(--brand-color)',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        fontSize: 13,\n        fontWeight: 700,\n        textTransform: 'uppercase',\n        border: '1px solid var(--brand-soft)',\n      }}\n    >\n      {name.slice(0, 1)}\n    </span>\n  );\n}\n\nfunction ForjioBadge() {\n  return (\n    <span\n      title=\"Forjio-operated workspace\"\n      style={{\n        fontSize: 10,\n        textTransform: 'uppercase',\n        letterSpacing: '0.06em',\n        color: 'var(--brand-color)',\n        background: 'var(--brand-soft)',\n        border: '1px solid var(--brand-soft)',\n        padding: '1px 6px',\n        borderRadius: 4,\n        flex: '0 0 auto',\n      }}\n    >\n      forjio\n    </span>\n  );\n}\n\nfunction WorkspaceSwitcher({\n  active,\n  others,\n  hasAny,\n  onSwitch,\n  onNavigate,\n}: {\n  active: PortalWorkspace | null;\n  others: PortalWorkspace[];\n  hasAny: boolean;\n  onSwitch: (id: string) => void;\n  onNavigate?: () => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  if (!hasAny) return null;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        padding: '12px 10px',\n        borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n      }}\n    >\n      {open && others.length > 0 && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 10,\n            right: 10,\n            marginTop: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          {others.map((w) => (\n            <button\n              key={w.id}\n              type=\"button\"\n              onClick={() => {\n                setOpen(false);\n                onSwitch(w.id);\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                padding: '8px 10px',\n                border: 'none',\n                background: 'transparent',\n                textAlign: 'left',\n                cursor: 'pointer',\n                borderRadius: 6,\n                color: 'inherit',\n              }}\n            >\n              <WorkspaceChiclet name={w.name} />\n              <span style={{ flex: 1, minWidth: 0 }}>\n                <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                  <span\n                    style={{\n                      fontSize: 13,\n                      fontWeight: 600,\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                    }}\n                  >\n                    {w.name}\n                  </span>\n                  {w.isForjioInternal && <ForjioBadge />}\n                </span>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: 11.5,\n                    color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                  }}\n                >\n                  {titleCase(w.role)}\n                </span>\n              </span>\n            </button>\n          ))}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <Link\n            href=\"/dashboard/workspaces\"\n            onClick={() => {\n              setOpen(false);\n              onNavigate?.();\n            }}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 10,\n              padding: '8px 10px',\n              fontSize: 13,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              textDecoration: 'none',\n              borderRadius: 6,\n            }}\n          >\n            + Manage workspaces\n          </Link>\n        </div>\n      )}\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        disabled={!active}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '6px 6px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: active ? 'pointer' : 'default',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <WorkspaceChiclet name={active?.name ?? '?'} />\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n              }}\n            >\n              {active?.name ?? 'Loading…'}\n            </span>\n            {active?.isForjioInternal && <ForjioBadge />}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            }}\n          >\n            {active ? titleCase(active.role) : ''}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? 'rotate(180deg)' : '',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ProfileDropdown({\n  user,\n  onLogout,\n  onNavigate,\n  dropdownLinks,\n}: {\n  user: SessionUser | null;\n  onLogout: () => void | Promise<void>;\n  onNavigate?: () => void;\n  dropdownLinks: { href: string; label: string; icon: LucideIcon }[];\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  const name = user?.name || 'You';\n  const email = user?.email || '';\n  const initial = (user?.name || user?.email || '?').slice(0, 1).toUpperCase();\n\n  const itemStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    padding: '8px 12px',\n    fontSize: 13,\n    color: 'inherit',\n    borderRadius: 6,\n    textDecoration: 'none',\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        borderTop: '1px solid hsl(var(--border, 220 14% 90%))',\n        padding: '12px 10px',\n      }}\n    >\n      {open && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: '100%',\n            left: 10,\n            right: 10,\n            marginBottom: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          <div\n            style={{\n              padding: '10px 12px',\n              borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            }}\n          >\n            <div style={{ fontSize: 13, fontWeight: 600 }}>{name}</div>\n            <div\n              style={{\n                fontSize: 12,\n                color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                wordBreak: 'break-all',\n              }}\n            >\n              {email}\n            </div>\n          </div>\n          {dropdownLinks.map((link) => {\n            const Icon = link.icon;\n            return (\n              <Link\n                key={link.href}\n                href={link.href}\n                onClick={() => {\n                  setOpen(false);\n                  onNavigate?.();\n                }}\n                style={itemStyle}\n              >\n                <Icon size={14} /> {link.label}\n              </Link>\n            );\n          })}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <button\n            type=\"button\"\n            onClick={() => {\n              setOpen(false);\n              onLogout();\n            }}\n            style={{\n              ...itemStyle,\n              color: 'hsl(var(--destructive, 0 84% 60%))',\n              width: '100%',\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              textAlign: 'left',\n            }}\n          >\n            <LogOut size={14} /> Sign out\n          </button>\n        </div>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '8px 8px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: 'pointer',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <span\n          style={{\n            width: 32,\n            height: 32,\n            flex: '0 0 32px',\n            borderRadius: '50%',\n            background: 'var(--brand-color)',\n            color: '#0b0b10',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: 13,\n            fontWeight: 700,\n          }}\n        >\n          {initial}\n        </span>\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 13,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {name}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {email}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? '' : 'rotate(180deg)',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link","module"]}

package/dist/Sidebar.d.cts

@@ -16,21 +16,34 @@ interface SidebarProps {
     /** Display name shown at the top of the sidebar. */
     brandName: string;
     /** Brand accent color — used for the active-link pill + workspace
-     *  chiclet + profile avatar. Forjio family default `#1a1a2e`. */
+     *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the
+     *  soft accent is derived by appending an alpha suffix. Forjio family
+     *  default `#1a1a2e`. */
     brandColor: string;
+    /** Optional pre-formed "soft" accent (active-pill / hover fill).
+     *  Defaults to `brandColor` at 15% alpha. Pass this when `brandColor`
+     *  can't be a static hex — e.g. a theme-following `hsl(var(--primary))`
+     *  value, where the default `${brandColor}26` suffixing would produce
+     *  invalid CSS. */
+    brandColorSoft?: string;
     /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that
      *  renders next to the brand name. */
     brandIcon?: React.ReactNode;
-    /** Persistence flavor — see WorkspacePersistMode docs. */
-    workspacePersist: WorkspacePersistMode;
+    /** Persistence flavor — see WorkspacePersistMode docs. Required only
+     *  in workspace mode (i.e. when `workspaces` is passed). */
+    workspacePersist?: WorkspacePersistMode;
     /** Only used when workspacePersist='api'. Should contain `{id}` as
      *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */
     apiSwitchPath?: string;
-    /** Loaded workspace list — fetched by the host product. */
-    workspaces: PortalWorkspace[];
+    /** Loaded workspace list — fetched by the host product. **Omit
+     *  entirely for a no-workspace portal** (a storefront buyer account,
+     *  or ripllo's creator / affiliator dashboards): the workspace
+     *  switcher is then not rendered at all — just brand header → nav →
+     *  profile. */
+    workspaces?: PortalWorkspace[];
     /** Active workspace id — host product reads from
-     *  readActiveWorkspaceId or session state. */
-    activeWorkspaceId: string | null;
+     *  readActiveWorkspaceId or session state. Unused in no-workspace mode. */
+    activeWorkspaceId?: string | null;
     /** Nav sections rendered in order. Most-specific href wins for the
      *  active highlight. */
     sections: NavSection[];
@@ -55,6 +68,6 @@ interface SidebarProps {
         icon: LucideIcon;
     }[];
 }
-declare function Sidebar({ brandSlug, brandName, brandColor, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ brandSlug, brandName, brandColor, brandColorSoft, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
 
 export { Sidebar, type SidebarProps };

package/dist/Sidebar.d.ts

@@ -16,21 +16,34 @@ interface SidebarProps {
     /** Display name shown at the top of the sidebar. */
     brandName: string;
     /** Brand accent color — used for the active-link pill + workspace
-     *  chiclet + profile avatar. Forjio family default `#1a1a2e`. */
+     *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the
+     *  soft accent is derived by appending an alpha suffix. Forjio family
+     *  default `#1a1a2e`. */
     brandColor: string;
+    /** Optional pre-formed "soft" accent (active-pill / hover fill).
+     *  Defaults to `brandColor` at 15% alpha. Pass this when `brandColor`
+     *  can't be a static hex — e.g. a theme-following `hsl(var(--primary))`
+     *  value, where the default `${brandColor}26` suffixing would produce
+     *  invalid CSS. */
+    brandColorSoft?: string;
     /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that
      *  renders next to the brand name. */
     brandIcon?: React.ReactNode;
-    /** Persistence flavor — see WorkspacePersistMode docs. */
-    workspacePersist: WorkspacePersistMode;
+    /** Persistence flavor — see WorkspacePersistMode docs. Required only
+     *  in workspace mode (i.e. when `workspaces` is passed). */
+    workspacePersist?: WorkspacePersistMode;
     /** Only used when workspacePersist='api'. Should contain `{id}` as
      *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */
     apiSwitchPath?: string;
-    /** Loaded workspace list — fetched by the host product. */
-    workspaces: PortalWorkspace[];
+    /** Loaded workspace list — fetched by the host product. **Omit
+     *  entirely for a no-workspace portal** (a storefront buyer account,
+     *  or ripllo's creator / affiliator dashboards): the workspace
+     *  switcher is then not rendered at all — just brand header → nav →
+     *  profile. */
+    workspaces?: PortalWorkspace[];
     /** Active workspace id — host product reads from
-     *  readActiveWorkspaceId or session state. */
-    activeWorkspaceId: string | null;
+     *  readActiveWorkspaceId or session state. Unused in no-workspace mode. */
+    activeWorkspaceId?: string | null;
     /** Nav sections rendered in order. Most-specific href wins for the
      *  active highlight. */
     sections: NavSection[];
@@ -55,6 +68,6 @@ interface SidebarProps {
         icon: LucideIcon;
     }[];
 }
-declare function Sidebar({ brandSlug, brandName, brandColor, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ brandSlug, brandName, brandColor, brandColorSoft, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
 
 export { Sidebar, type SidebarProps };

package/dist/Sidebar.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { ChevronUp, X, LogOut, BookOpen, FileText, Shield } from "lucide-react";
+import { ChevronUp, ChevronDown, ChevronRight, X, LogOut, BookOpen, FileText, Shield } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { activeHrefFor, titleCase, writeActiveWorkspace } from "./utils";
 const DEFAULT_DROPDOWN_LINKS = [
@@ -14,6 +14,7 @@ function Sidebar({
   brandSlug,
   brandName,
   brandColor,
+  brandColorSoft,
   brandIcon,
   workspacePersist,
   apiSwitchPath,
@@ -28,14 +29,17 @@ function Sidebar({
   dropdownLinks = DEFAULT_DROPDOWN_LINKS
 }) {
   const pathname = usePathname() ?? "";
-  const active = workspaces.find((w) => w.id === activeWorkspaceId) ?? null;
-  const others = workspaces.filter((w) => w.id !== activeWorkspaceId);
+  const workspaceMode = workspaces !== void 0;
+  const wsList = workspaces ?? [];
+  const active = wsList.find((w) => w.id === activeWorkspaceId) ?? null;
+  const others = wsList.filter((w) => w.id !== activeWorkspaceId);
   const themeVars = {
     ["--brand-color"]: brandColor,
-    ["--brand-soft"]: `${brandColor}26`
-    // 15% alpha
+    ["--brand-soft"]: brandColorSoft ?? `${brandColor}26`
+    // 15% alpha (or caller-supplied)
   };
   async function switchWorkspace(id) {
+    if (!workspacePersist) return;
     await writeActiveWorkspace(workspacePersist, brandSlug, id, apiSwitchPath);
     if (onWorkspaceSwitch) {
       await onWorkspaceSwitch(id);
@@ -124,12 +128,12 @@ function Sidebar({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
+          workspaceMode && /* @__PURE__ */ jsx(
             WorkspaceSwitcher,
             {
               active,
               others,
-              hasAny: workspaces.length > 0,
+              hasAny: wsList.length > 0,
               onSwitch: switchWorkspace,
               onNavigate: onClose
             }
@@ -141,49 +145,174 @@ function Sidebar({
     )
   ] });
 }
-function NavList({
-  pathname,
-  sections,
+const FG = "hsl(var(--foreground, 222 47% 11%))";
+const MUTED = "hsl(var(--muted-foreground, 220 9% 46%))";
+const MUTED_SOFT = "hsl(var(--muted-foreground, 220 9% 46%) / 0.6)";
+function itemLinkStyle(active) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    fontSize: 13.5,
+    fontWeight: active ? 600 : 500,
+    color: active ? FG : MUTED,
+    padding: "7px 10px",
+    borderRadius: 8,
+    background: active ? "var(--brand-soft)" : "transparent",
+    cursor: "pointer",
+    textDecoration: "none"
+  };
+}
+function subItemLinkStyle(active) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    fontSize: 13,
+    fontWeight: active ? 600 : 500,
+    color: active ? FG : MUTED,
+    padding: "6px 10px 6px 32px",
+    borderRadius: 8,
+    background: active ? "var(--brand-soft)" : "transparent",
+    textDecoration: "none"
+  };
+}
+function NavSubItem({
+  item,
+  activeHref,
   onNavigate
 }) {
-  const activeHref = activeHrefFor(pathname, sections);
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Dashboard", style: { display: "grid", gap: 16 }, children: sections.map((section) => /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      "div",
+  const Icon = item.icon;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: item.href,
+      onClick: onNavigate,
+      style: subItemLinkStyle(item.href === activeHref),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 13, strokeWidth: 2 }),
+        /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: item.label })
+      ]
+    }
+  ) });
+}
+function NavModuleAccordion({
+  module,
+  activeHref,
+  onNavigate
+}) {
+  const descendantHrefs = [
+    ...(module.items ?? []).map((i) => i.href),
+    ...(module.groups ?? []).flatMap((g) => g.items.map((i) => i.href))
+  ];
+  const autoOpen = activeHref !== null && descendantHrefs.includes(activeHref);
+  const [override, setOverride] = useState(null);
+  const isOpen = override ?? autoOpen;
+  const ModIcon = module.icon;
+  const Chevron = isOpen ? ChevronDown : ChevronRight;
+  const subHeadingStyle = {
+    fontSize: 9.5,
+    letterSpacing: "0.12em",
+    textTransform: "uppercase",
+    color: MUTED_SOFT,
+    padding: "8px 10px 4px 32px",
+    fontWeight: 600
+  };
+  return /* @__PURE__ */ jsxs("li", { style: { display: "block" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
       {
+        type: "button",
+        onClick: () => setOverride(!isOpen),
         style: {
-          fontSize: 10.5,
-          letterSpacing: "0.12em",
-          textTransform: "uppercase",
-          color: "hsl(var(--muted-foreground, 220 9% 46%) / 0.6)",
-          padding: "0 10px 6px",
-          fontWeight: 600
+          ...itemLinkStyle(autoOpen),
+          width: "100%",
+          border: "none",
+          textAlign: "left"
         },
-        children: section.label
+        "aria-expanded": isOpen,
+        children: [
+          /* @__PURE__ */ jsx(ModIcon, { size: 15, strokeWidth: 2 }),
+          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: module.label }),
+          /* @__PURE__ */ jsx(Chevron, { size: 14, strokeWidth: 2, style: { color: MUTED } })
+        ]
       }
     ),
-    /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: section.items.map((item) => {
-      const isActive = item.href === activeHref;
-      const Icon = item.icon;
-      const linkStyle = {
-        display: "flex",
-        alignItems: "center",
-        gap: 10,
-        fontSize: 13.5,
-        fontWeight: isActive ? 600 : 500,
-        color: isActive ? "hsl(var(--foreground, 222 47% 11%))" : "hsl(var(--muted-foreground, 220 9% 46%))",
-        padding: "7px 10px",
-        borderRadius: 8,
-        background: isActive ? "var(--brand-soft)" : "transparent",
-        cursor: "pointer",
-        textDecoration: "none"
-      };
-      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Link, { href: item.href, onClick: onNavigate, style: linkStyle, children: [
-        /* @__PURE__ */ jsx(Icon, { size: 15, strokeWidth: 2 }),
-        /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: item.label })
-      ] }) }, item.href);
-    }) })
-  ] }, section.label)) });
+    isOpen && /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: "4px 0 0", display: "grid", gap: 1 }, children: module.groups ? module.groups.map((group, gi) => /* @__PURE__ */ jsxs("li", { children: [
+      group.label && /* @__PURE__ */ jsx("div", { style: subHeadingStyle, children: group.label }),
+      /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: group.items.map((item) => /* @__PURE__ */ jsx(
+        NavSubItem,
+        {
+          item,
+          activeHref,
+          onNavigate
+        },
+        item.href
+      )) })
+    ] }, group.label ?? `__group_${gi}`)) : (module.items ?? []).map((item) => /* @__PURE__ */ jsx(
+      NavSubItem,
+      {
+        item,
+        activeHref,
+        onNavigate
+      },
+      item.href
+    )) })
+  ] });
+}
+function NavList({
+  pathname,
+  sections,
+  onNavigate
+}) {
+  const activeHref = activeHrefFor(pathname, sections);
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Dashboard", style: { display: "grid", gap: 16 }, children: sections.map((section) => {
+    const items = section.items ?? [];
+    const modules = section.modules ?? [];
+    if (items.length === 0 && modules.length === 0) return null;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            fontSize: 10.5,
+            letterSpacing: "0.12em",
+            textTransform: "uppercase",
+            color: MUTED_SOFT,
+            padding: "0 10px 6px",
+            fontWeight: 600
+          },
+          children: section.label
+        }
+      ),
+      /* @__PURE__ */ jsxs("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 1 }, children: [
+        items.map((item) => {
+          const Icon = item.icon;
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href: item.href,
+              onClick: onNavigate,
+              style: itemLinkStyle(item.href === activeHref),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { size: 15, strokeWidth: 2 }),
+                /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: item.label })
+              ]
+            }
+          ) }, item.href);
+        }),
+        modules.map((module) => /* @__PURE__ */ jsx(
+          NavModuleAccordion,
+          {
+            module,
+            activeHref,
+            onNavigate
+          },
+          module.label
+        ))
+      ] })
+    ] }, section.label);
+  }) });
 }
 function WorkspaceChiclet({ name }) {
   return /* @__PURE__ */ jsx(

package/dist/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport { ChevronUp, X, LogOut, BookOpen, FileText, Shield } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type {\n  LucideIcon,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n} from './types';\nimport { activeHrefFor, titleCase, writeActiveWorkspace } from './utils';\n\n/**\n * Forjio family sidebar — workspace switcher on top, nav sections in\n * the middle, profile dropdown at the bottom. Extracted from\n * saas-plugipay 2026-05-19 as the canonical reference.\n *\n * The shell is style-agnostic: every visual is inline CSS driven by\n * CSS custom properties so consumers can theme via a single brandColor\n * prop without depending on Tailwind or any specific token system.\n */\nexport interface SidebarProps {\n  /** Slug for cookie/localStorage namespace, e.g. \"plugipay\". */\n  brandSlug: string;\n  /** Display name shown at the top of the sidebar. */\n  brandName: string;\n  /** Brand accent color — used for the active-link pill + workspace\n   *  chiclet + profile avatar. Forjio family default `#1a1a2e`. */\n  brandColor: string;\n  /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that\n   *  renders next to the brand name. */\n  brandIcon?: React.ReactNode;\n  /** Persistence flavor — see WorkspacePersistMode docs. */\n  workspacePersist: WorkspacePersistMode;\n  /** Only used when workspacePersist='api'. Should contain `{id}` as\n   *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */\n  apiSwitchPath?: string;\n  /** Loaded workspace list — fetched by the host product. */\n  workspaces: PortalWorkspace[];\n  /** Active workspace id — host product reads from\n   *  readActiveWorkspaceId or session state. */\n  activeWorkspaceId: string | null;\n  /** Nav sections rendered in order. Most-specific href wins for the\n   *  active highlight. */\n  sections: NavSection[];\n  /** Bottom-of-sidebar user info. */\n  user: SessionUser | null;\n  /** Called when the user picks a different workspace. After the\n   *  helper writes persistence, the host should refetch its data —\n   *  the default behavior is to reload the page, but the host can\n   *  override (e.g. invalidate a SWR cache instead). */\n  onWorkspaceSwitch?: (id: string) => void | Promise<void>;\n  /** Called when the user clicks Sign out. */\n  onLogout: () => void | Promise<void>;\n  /** Drawer open state on mobile. */\n  open: boolean;\n  /** Close handler for the mobile drawer. */\n  onClose: () => void;\n  /** Optional footer links inside the profile dropdown.\n   *  Defaults to Docs / Terms / Privacy. */\n  dropdownLinks?: { href: string; label: string; icon: LucideIcon }[];\n}\n\nconst DEFAULT_DROPDOWN_LINKS: { href: string; label: string; icon: LucideIcon }[] = [\n  { href: '/docs', label: 'Documentation', icon: BookOpen },\n  { href: '/terms', label: 'Terms of Service', icon: FileText },\n  { href: '/privacy', label: 'Privacy Policy', icon: Shield },\n];\n\nexport function Sidebar({\n  brandSlug,\n  brandName,\n  brandColor,\n  brandIcon,\n  workspacePersist,\n  apiSwitchPath,\n  workspaces,\n  activeWorkspaceId,\n  sections,\n  user,\n  onWorkspaceSwitch,\n  onLogout,\n  open,\n  onClose,\n  dropdownLinks = DEFAULT_DROPDOWN_LINKS,\n}: SidebarProps) {\n  const pathname = usePathname() ?? '';\n  const active = workspaces.find((w) => w.id === activeWorkspaceId) ?? null;\n  const others = workspaces.filter((w) => w.id !== activeWorkspaceId);\n\n  // Theme variables expressed as CSS custom properties; consumers can\n  // override on their own root if needed but the props are the canonical\n  // surface.\n  const themeVars: React.CSSProperties = {\n    ['--brand-color' as string]: brandColor,\n    ['--brand-soft' as string]: `${brandColor}26`, // 15% alpha\n  };\n\n  async function switchWorkspace(id: string) {\n    await writeActiveWorkspace(workspacePersist, brandSlug, id, apiSwitchPath);\n    if (onWorkspaceSwitch) {\n      await onWorkspaceSwitch(id);\n    } else if (typeof window !== 'undefined') {\n      window.location.reload();\n    }\n  }\n\n  return (\n    <>\n      {open && (\n        <div\n          onClick={onClose}\n          aria-hidden=\"true\"\n          style={{\n            position: 'fixed',\n            inset: 0,\n            background: 'rgba(0,0,0,0.5)',\n            zIndex: 40,\n          }}\n          className=\"lg:hidden\"\n        />\n      )}\n\n      <aside\n        style={{\n          ...themeVars,\n          borderRight: '1px solid hsl(var(--border, 220 14% 90%))',\n          background: 'hsl(var(--card, 0 0% 100%))',\n          color: 'hsl(var(--foreground, 222 47% 11%))',\n          width: 248,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        className={`fixed inset-y-0 left-0 z-50 h-screen transition-transform lg:sticky lg:top-0 lg:translate-x-0 ${\n          open ? 'translate-x-0' : '-translate-x-full'\n        }`}\n      >\n        {/* Brand row */}\n        <div\n          style={{\n            padding: '20px 20px 18px',\n            borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Link\n            href=\"/dashboard\"\n            onClick={onClose}\n            aria-label={`${brandName} dashboard`}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n              fontSize: 18,\n              fontWeight: 700,\n              letterSpacing: '-0.02em',\n              textDecoration: 'none',\n              color: 'inherit',\n            }}\n          >\n            {brandIcon}\n            {brandName}\n          </Link>\n          <button\n            onClick={onClose}\n            className=\"lg:hidden\"\n            style={{\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              padding: 4,\n            }}\n            aria-label=\"Close navigation\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        <WorkspaceSwitcher\n          active={active}\n          others={others}\n          hasAny={workspaces.length > 0}\n          onSwitch={switchWorkspace}\n          onNavigate={onClose}\n        />\n\n        <div style={{ flex: 1, padding: '16px 10px', overflowY: 'auto' }}>\n          <NavList pathname={pathname} sections={sections} onNavigate={onClose} />\n        </div>\n\n        <ProfileDropdown user={user} onLogout={onLogout} onNavigate={onClose} dropdownLinks={dropdownLinks} />\n      </aside>\n    </>\n  );\n}\n\nfunction NavList({\n  pathname,\n  sections,\n  onNavigate,\n}: {\n  pathname: string;\n  sections: NavSection[];\n  onNavigate?: () => void;\n}) {\n  const activeHref = activeHrefFor(pathname, sections);\n  return (\n    <nav aria-label=\"Dashboard\" style={{ display: 'grid', gap: 16 }}>\n      {sections.map((section) => (\n        <div key={section.label}>\n          <div\n            style={{\n              fontSize: 10.5,\n              letterSpacing: '0.12em',\n              textTransform: 'uppercase',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%) / 0.6)',\n              padding: '0 10px 6px',\n              fontWeight: 600,\n            }}\n          >\n            {section.label}\n          </div>\n          <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n            {section.items.map((item) => {\n              const isActive = item.href === activeHref;\n              const Icon = item.icon as LucideIcon;\n              const linkStyle: React.CSSProperties = {\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                fontSize: 13.5,\n                fontWeight: isActive ? 600 : 500,\n                color: isActive\n                  ? 'hsl(var(--foreground, 222 47% 11%))'\n                  : 'hsl(var(--muted-foreground, 220 9% 46%))',\n                padding: '7px 10px',\n                borderRadius: 8,\n                background: isActive ? 'var(--brand-soft)' : 'transparent',\n                cursor: 'pointer',\n                textDecoration: 'none',\n              };\n              return (\n                <li key={item.href}>\n                  <Link href={item.href} onClick={onNavigate} style={linkStyle}>\n                    <Icon size={15} strokeWidth={2} />\n                    <span style={{ flex: 1 }}>{item.label}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}\n\nfunction WorkspaceChiclet({ name }: { name: string }) {\n  return (\n    <span\n      aria-hidden\n      style={{\n        width: 28,\n        height: 28,\n        flex: '0 0 28px',\n        borderRadius: 8,\n        background: 'var(--brand-soft)',\n        color: 'var(--brand-color)',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        fontSize: 13,\n        fontWeight: 700,\n        textTransform: 'uppercase',\n        border: '1px solid var(--brand-soft)',\n      }}\n    >\n      {name.slice(0, 1)}\n    </span>\n  );\n}\n\nfunction ForjioBadge() {\n  return (\n    <span\n      title=\"Forjio-operated workspace\"\n      style={{\n        fontSize: 10,\n        textTransform: 'uppercase',\n        letterSpacing: '0.06em',\n        color: 'var(--brand-color)',\n        background: 'var(--brand-soft)',\n        border: '1px solid var(--brand-soft)',\n        padding: '1px 6px',\n        borderRadius: 4,\n        flex: '0 0 auto',\n      }}\n    >\n      forjio\n    </span>\n  );\n}\n\nfunction WorkspaceSwitcher({\n  active,\n  others,\n  hasAny,\n  onSwitch,\n  onNavigate,\n}: {\n  active: PortalWorkspace | null;\n  others: PortalWorkspace[];\n  hasAny: boolean;\n  onSwitch: (id: string) => void;\n  onNavigate?: () => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  if (!hasAny) return null;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        padding: '12px 10px',\n        borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n      }}\n    >\n      {open && others.length > 0 && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 10,\n            right: 10,\n            marginTop: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          {others.map((w) => (\n            <button\n              key={w.id}\n              type=\"button\"\n              onClick={() => {\n                setOpen(false);\n                onSwitch(w.id);\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                padding: '8px 10px',\n                border: 'none',\n                background: 'transparent',\n                textAlign: 'left',\n                cursor: 'pointer',\n                borderRadius: 6,\n                color: 'inherit',\n              }}\n            >\n              <WorkspaceChiclet name={w.name} />\n              <span style={{ flex: 1, minWidth: 0 }}>\n                <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                  <span\n                    style={{\n                      fontSize: 13,\n                      fontWeight: 600,\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                    }}\n                  >\n                    {w.name}\n                  </span>\n                  {w.isForjioInternal && <ForjioBadge />}\n                </span>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: 11.5,\n                    color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                  }}\n                >\n                  {titleCase(w.role)}\n                </span>\n              </span>\n            </button>\n          ))}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <Link\n            href=\"/dashboard/workspaces\"\n            onClick={() => {\n              setOpen(false);\n              onNavigate?.();\n            }}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 10,\n              padding: '8px 10px',\n              fontSize: 13,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              textDecoration: 'none',\n              borderRadius: 6,\n            }}\n          >\n            + Manage workspaces\n          </Link>\n        </div>\n      )}\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        disabled={!active}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '6px 6px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: active ? 'pointer' : 'default',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <WorkspaceChiclet name={active?.name ?? '?'} />\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n              }}\n            >\n              {active?.name ?? 'Loading…'}\n            </span>\n            {active?.isForjioInternal && <ForjioBadge />}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            }}\n          >\n            {active ? titleCase(active.role) : ''}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? 'rotate(180deg)' : '',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ProfileDropdown({\n  user,\n  onLogout,\n  onNavigate,\n  dropdownLinks,\n}: {\n  user: SessionUser | null;\n  onLogout: () => void | Promise<void>;\n  onNavigate?: () => void;\n  dropdownLinks: { href: string; label: string; icon: LucideIcon }[];\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  const name = user?.name || 'You';\n  const email = user?.email || '';\n  const initial = (user?.name || user?.email || '?').slice(0, 1).toUpperCase();\n\n  const itemStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    padding: '8px 12px',\n    fontSize: 13,\n    color: 'inherit',\n    borderRadius: 6,\n    textDecoration: 'none',\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        borderTop: '1px solid hsl(var(--border, 220 14% 90%))',\n        padding: '12px 10px',\n      }}\n    >\n      {open && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: '100%',\n            left: 10,\n            right: 10,\n            marginBottom: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          <div\n            style={{\n              padding: '10px 12px',\n              borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            }}\n          >\n            <div style={{ fontSize: 13, fontWeight: 600 }}>{name}</div>\n            <div\n              style={{\n                fontSize: 12,\n                color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                wordBreak: 'break-all',\n              }}\n            >\n              {email}\n            </div>\n          </div>\n          {dropdownLinks.map((link) => {\n            const Icon = link.icon;\n            return (\n              <Link\n                key={link.href}\n                href={link.href}\n                onClick={() => {\n                  setOpen(false);\n                  onNavigate?.();\n                }}\n                style={itemStyle}\n              >\n                <Icon size={14} /> {link.label}\n              </Link>\n            );\n          })}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <button\n            type=\"button\"\n            onClick={() => {\n              setOpen(false);\n              onLogout();\n            }}\n            style={{\n              ...itemStyle,\n              color: 'hsl(var(--destructive, 0 84% 60%))',\n              width: '100%',\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              textAlign: 'left',\n            }}\n          >\n            <LogOut size={14} /> Sign out\n          </button>\n        </div>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '8px 8px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: 'pointer',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <span\n          style={{\n            width: 32,\n            height: 32,\n            flex: '0 0 32px',\n            borderRadius: '50%',\n            background: 'var(--brand-color)',\n            color: '#0b0b10',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: 13,\n            fontWeight: 700,\n          }}\n        >\n          {initial}\n        </span>\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 13,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {name}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {email}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? '' : 'rotate(180deg)',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport { ChevronUp, ChevronDown, ChevronRight, X, LogOut, BookOpen, FileText, Shield } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\nimport type {\n  LucideIcon,\n  NavItem,\n  NavModule,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n} from './types';\nimport { activeHrefFor, titleCase, writeActiveWorkspace } from './utils';\n\n/**\n * Forjio family sidebar — workspace switcher on top, nav sections in\n * the middle, profile dropdown at the bottom. Extracted from\n * saas-plugipay 2026-05-19 as the canonical reference.\n *\n * The shell is style-agnostic: every visual is inline CSS driven by\n * CSS custom properties so consumers can theme via a single brandColor\n * prop without depending on Tailwind or any specific token system.\n */\nexport interface SidebarProps {\n  /** Slug for cookie/localStorage namespace, e.g. \"plugipay\". */\n  brandSlug: string;\n  /** Display name shown at the top of the sidebar. */\n  brandName: string;\n  /** Brand accent color — used for the active-link pill + workspace\n   *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the\n   *  soft accent is derived by appending an alpha suffix. Forjio family\n   *  default `#1a1a2e`. */\n  brandColor: string;\n  /** Optional pre-formed \"soft\" accent (active-pill / hover fill).\n   *  Defaults to `brandColor` at 15% alpha. Pass this when `brandColor`\n   *  can't be a static hex — e.g. a theme-following `hsl(var(--primary))`\n   *  value, where the default `${brandColor}26` suffixing would produce\n   *  invalid CSS. */\n  brandColorSoft?: string;\n  /** Sidebar logo. Provide a Lucide icon or an `<img>` — anything that\n   *  renders next to the brand name. */\n  brandIcon?: React.ReactNode;\n  /** Persistence flavor — see WorkspacePersistMode docs. Required only\n   *  in workspace mode (i.e. when `workspaces` is passed). */\n  workspacePersist?: WorkspacePersistMode;\n  /** Only used when workspacePersist='api'. Should contain `{id}` as\n   *  a placeholder. Example: `/api/v1/account/workspaces/{id}/switch`. */\n  apiSwitchPath?: string;\n  /** Loaded workspace list — fetched by the host product. **Omit\n   *  entirely for a no-workspace portal** (a storefront buyer account,\n   *  or ripllo's creator / affiliator dashboards): the workspace\n   *  switcher is then not rendered at all — just brand header → nav →\n   *  profile. */\n  workspaces?: PortalWorkspace[];\n  /** Active workspace id — host product reads from\n   *  readActiveWorkspaceId or session state. Unused in no-workspace mode. */\n  activeWorkspaceId?: string | null;\n  /** Nav sections rendered in order. Most-specific href wins for the\n   *  active highlight. */\n  sections: NavSection[];\n  /** Bottom-of-sidebar user info. */\n  user: SessionUser | null;\n  /** Called when the user picks a different workspace. After the\n   *  helper writes persistence, the host should refetch its data —\n   *  the default behavior is to reload the page, but the host can\n   *  override (e.g. invalidate a SWR cache instead). */\n  onWorkspaceSwitch?: (id: string) => void | Promise<void>;\n  /** Called when the user clicks Sign out. */\n  onLogout: () => void | Promise<void>;\n  /** Drawer open state on mobile. */\n  open: boolean;\n  /** Close handler for the mobile drawer. */\n  onClose: () => void;\n  /** Optional footer links inside the profile dropdown.\n   *  Defaults to Docs / Terms / Privacy. */\n  dropdownLinks?: { href: string; label: string; icon: LucideIcon }[];\n}\n\nconst DEFAULT_DROPDOWN_LINKS: { href: string; label: string; icon: LucideIcon }[] = [\n  { href: '/docs', label: 'Documentation', icon: BookOpen },\n  { href: '/terms', label: 'Terms of Service', icon: FileText },\n  { href: '/privacy', label: 'Privacy Policy', icon: Shield },\n];\n\nexport function Sidebar({\n  brandSlug,\n  brandName,\n  brandColor,\n  brandColorSoft,\n  brandIcon,\n  workspacePersist,\n  apiSwitchPath,\n  workspaces,\n  activeWorkspaceId,\n  sections,\n  user,\n  onWorkspaceSwitch,\n  onLogout,\n  open,\n  onClose,\n  dropdownLinks = DEFAULT_DROPDOWN_LINKS,\n}: SidebarProps) {\n  const pathname = usePathname() ?? '';\n  // Workspace mode is opt-in: a host that omits `workspaces` gets a\n  // no-workspace portal — no switcher (buyer / creator / affiliator).\n  const workspaceMode = workspaces !== undefined;\n  const wsList = workspaces ?? [];\n  const active = wsList.find((w) => w.id === activeWorkspaceId) ?? null;\n  const others = wsList.filter((w) => w.id !== activeWorkspaceId);\n\n  // Theme variables expressed as CSS custom properties; consumers can\n  // override on their own root if needed but the props are the canonical\n  // surface.\n  const themeVars: React.CSSProperties = {\n    ['--brand-color' as string]: brandColor,\n    ['--brand-soft' as string]: brandColorSoft ?? `${brandColor}26`, // 15% alpha (or caller-supplied)\n  };\n\n  async function switchWorkspace(id: string) {\n    if (!workspacePersist) return; // no-workspace mode — switcher not rendered\n    await writeActiveWorkspace(workspacePersist, brandSlug, id, apiSwitchPath);\n    if (onWorkspaceSwitch) {\n      await onWorkspaceSwitch(id);\n    } else if (typeof window !== 'undefined') {\n      window.location.reload();\n    }\n  }\n\n  return (\n    <>\n      {open && (\n        <div\n          onClick={onClose}\n          aria-hidden=\"true\"\n          style={{\n            position: 'fixed',\n            inset: 0,\n            background: 'rgba(0,0,0,0.5)',\n            zIndex: 40,\n          }}\n          className=\"lg:hidden\"\n        />\n      )}\n\n      <aside\n        style={{\n          ...themeVars,\n          borderRight: '1px solid hsl(var(--border, 220 14% 90%))',\n          background: 'hsl(var(--card, 0 0% 100%))',\n          color: 'hsl(var(--foreground, 222 47% 11%))',\n          width: 248,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        className={`fixed inset-y-0 left-0 z-50 h-screen transition-transform lg:sticky lg:top-0 lg:translate-x-0 ${\n          open ? 'translate-x-0' : '-translate-x-full'\n        }`}\n      >\n        {/* Brand row */}\n        <div\n          style={{\n            padding: '20px 20px 18px',\n            borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Link\n            href=\"/dashboard\"\n            onClick={onClose}\n            aria-label={`${brandName} dashboard`}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n              fontSize: 18,\n              fontWeight: 700,\n              letterSpacing: '-0.02em',\n              textDecoration: 'none',\n              color: 'inherit',\n            }}\n          >\n            {brandIcon}\n            {brandName}\n          </Link>\n          <button\n            onClick={onClose}\n            className=\"lg:hidden\"\n            style={{\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              padding: 4,\n            }}\n            aria-label=\"Close navigation\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        {workspaceMode && (\n          <WorkspaceSwitcher\n            active={active}\n            others={others}\n            hasAny={wsList.length > 0}\n            onSwitch={switchWorkspace}\n            onNavigate={onClose}\n          />\n        )}\n\n        <div style={{ flex: 1, padding: '16px 10px', overflowY: 'auto' }}>\n          <NavList pathname={pathname} sections={sections} onNavigate={onClose} />\n        </div>\n\n        <ProfileDropdown user={user} onLogout={onLogout} onNavigate={onClose} dropdownLinks={dropdownLinks} />\n      </aside>\n    </>\n  );\n}\n\nconst FG = 'hsl(var(--foreground, 222 47% 11%))';\nconst MUTED = 'hsl(var(--muted-foreground, 220 9% 46%))';\nconst MUTED_SOFT = 'hsl(var(--muted-foreground, 220 9% 46%) / 0.6)';\n\n/** Style for a top-level nav link (flat item or module toggle). */\nfunction itemLinkStyle(active: boolean): React.CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    fontSize: 13.5,\n    fontWeight: active ? 600 : 500,\n    color: active ? FG : MUTED,\n    padding: '7px 10px',\n    borderRadius: 8,\n    background: active ? 'var(--brand-soft)' : 'transparent',\n    cursor: 'pointer',\n    textDecoration: 'none',\n  };\n}\n\n/** Style for an indented sub-item inside an expanded module. */\nfunction subItemLinkStyle(active: boolean): React.CSSProperties {\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    fontSize: 13,\n    fontWeight: active ? 600 : 500,\n    color: active ? FG : MUTED,\n    padding: '6px 10px 6px 32px',\n    borderRadius: 8,\n    background: active ? 'var(--brand-soft)' : 'transparent',\n    textDecoration: 'none',\n  };\n}\n\nfunction NavSubItem({\n  item,\n  activeHref,\n  onNavigate,\n}: {\n  item: NavItem;\n  activeHref: string | null;\n  onNavigate?: () => void;\n}) {\n  const Icon = item.icon as LucideIcon;\n  return (\n    <li>\n      <Link\n        href={item.href}\n        onClick={onNavigate}\n        style={subItemLinkStyle(item.href === activeHref)}\n      >\n        <Icon size={13} strokeWidth={2} />\n        <span style={{ flex: 1 }}>{item.label}</span>\n      </Link>\n    </li>\n  );\n}\n\n/**\n * A collapsible module accordion: a toggle button (module icon +\n * label + chevron) over an expandable body of `groups` or flat\n * `items`. Auto-opens when a descendant href is the active route;\n * the user can still toggle it shut (or open) afterwards.\n */\nfunction NavModuleAccordion({\n  module,\n  activeHref,\n  onNavigate,\n}: {\n  module: NavModule;\n  activeHref: string | null;\n  onNavigate?: () => void;\n}) {\n  const descendantHrefs: string[] = [\n    ...(module.items ?? []).map((i) => i.href),\n    ...(module.groups ?? []).flatMap((g) => g.items.map((i) => i.href)),\n  ];\n  const autoOpen = activeHref !== null && descendantHrefs.includes(activeHref);\n  // `null` = follow auto-open; once the user clicks, the explicit\n  // boolean wins.\n  const [override, setOverride] = useState<boolean | null>(null);\n  const isOpen = override ?? autoOpen;\n\n  const ModIcon = module.icon as LucideIcon;\n  const Chevron = isOpen ? ChevronDown : ChevronRight;\n\n  const subHeadingStyle: React.CSSProperties = {\n    fontSize: 9.5,\n    letterSpacing: '0.12em',\n    textTransform: 'uppercase',\n    color: MUTED_SOFT,\n    padding: '8px 10px 4px 32px',\n    fontWeight: 600,\n  };\n\n  return (\n    <li style={{ display: 'block' }}>\n      <button\n        type=\"button\"\n        onClick={() => setOverride(!isOpen)}\n        style={{\n          ...itemLinkStyle(autoOpen),\n          width: '100%',\n          border: 'none',\n          textAlign: 'left',\n        }}\n        aria-expanded={isOpen}\n      >\n        <ModIcon size={15} strokeWidth={2} />\n        <span style={{ flex: 1 }}>{module.label}</span>\n        <Chevron size={14} strokeWidth={2} style={{ color: MUTED }} />\n      </button>\n      {isOpen && (\n        <ul style={{ listStyle: 'none', padding: 0, margin: '4px 0 0', display: 'grid', gap: 1 }}>\n          {module.groups\n            ? module.groups.map((group, gi) => (\n                <li key={group.label ?? `__group_${gi}`}>\n                  {group.label && <div style={subHeadingStyle}>{group.label}</div>}\n                  <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n                    {group.items.map((item) => (\n                      <NavSubItem\n                        key={item.href}\n                        item={item}\n                        activeHref={activeHref}\n                        onNavigate={onNavigate}\n                      />\n                    ))}\n                  </ul>\n                </li>\n              ))\n            : (module.items ?? []).map((item) => (\n                <NavSubItem\n                  key={item.href}\n                  item={item}\n                  activeHref={activeHref}\n                  onNavigate={onNavigate}\n                />\n              ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\nfunction NavList({\n  pathname,\n  sections,\n  onNavigate,\n}: {\n  pathname: string;\n  sections: NavSection[];\n  onNavigate?: () => void;\n}) {\n  const activeHref = activeHrefFor(pathname, sections);\n  return (\n    <nav aria-label=\"Dashboard\" style={{ display: 'grid', gap: 16 }}>\n      {sections.map((section) => {\n        const items = section.items ?? [];\n        const modules = section.modules ?? [];\n        // Skip an empty section so its header doesn't float over nothing.\n        if (items.length === 0 && modules.length === 0) return null;\n        return (\n          <div key={section.label}>\n            <div\n              style={{\n                fontSize: 10.5,\n                letterSpacing: '0.12em',\n                textTransform: 'uppercase',\n                color: MUTED_SOFT,\n                padding: '0 10px 6px',\n                fontWeight: 600,\n              }}\n            >\n              {section.label}\n            </div>\n            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'grid', gap: 1 }}>\n              {items.map((item) => {\n                const Icon = item.icon as LucideIcon;\n                return (\n                  <li key={item.href}>\n                    <Link\n                      href={item.href}\n                      onClick={onNavigate}\n                      style={itemLinkStyle(item.href === activeHref)}\n                    >\n                      <Icon size={15} strokeWidth={2} />\n                      <span style={{ flex: 1 }}>{item.label}</span>\n                    </Link>\n                  </li>\n                );\n              })}\n              {modules.map((module) => (\n                <NavModuleAccordion\n                  key={module.label}\n                  module={module}\n                  activeHref={activeHref}\n                  onNavigate={onNavigate}\n                />\n              ))}\n            </ul>\n          </div>\n        );\n      })}\n    </nav>\n  );\n}\n\nfunction WorkspaceChiclet({ name }: { name: string }) {\n  return (\n    <span\n      aria-hidden\n      style={{\n        width: 28,\n        height: 28,\n        flex: '0 0 28px',\n        borderRadius: 8,\n        background: 'var(--brand-soft)',\n        color: 'var(--brand-color)',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        fontSize: 13,\n        fontWeight: 700,\n        textTransform: 'uppercase',\n        border: '1px solid var(--brand-soft)',\n      }}\n    >\n      {name.slice(0, 1)}\n    </span>\n  );\n}\n\nfunction ForjioBadge() {\n  return (\n    <span\n      title=\"Forjio-operated workspace\"\n      style={{\n        fontSize: 10,\n        textTransform: 'uppercase',\n        letterSpacing: '0.06em',\n        color: 'var(--brand-color)',\n        background: 'var(--brand-soft)',\n        border: '1px solid var(--brand-soft)',\n        padding: '1px 6px',\n        borderRadius: 4,\n        flex: '0 0 auto',\n      }}\n    >\n      forjio\n    </span>\n  );\n}\n\nfunction WorkspaceSwitcher({\n  active,\n  others,\n  hasAny,\n  onSwitch,\n  onNavigate,\n}: {\n  active: PortalWorkspace | null;\n  others: PortalWorkspace[];\n  hasAny: boolean;\n  onSwitch: (id: string) => void;\n  onNavigate?: () => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  if (!hasAny) return null;\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        padding: '12px 10px',\n        borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n      }}\n    >\n      {open && others.length > 0 && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 10,\n            right: 10,\n            marginTop: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          {others.map((w) => (\n            <button\n              key={w.id}\n              type=\"button\"\n              onClick={() => {\n                setOpen(false);\n                onSwitch(w.id);\n              }}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 10,\n                width: '100%',\n                padding: '8px 10px',\n                border: 'none',\n                background: 'transparent',\n                textAlign: 'left',\n                cursor: 'pointer',\n                borderRadius: 6,\n                color: 'inherit',\n              }}\n            >\n              <WorkspaceChiclet name={w.name} />\n              <span style={{ flex: 1, minWidth: 0 }}>\n                <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                  <span\n                    style={{\n                      fontSize: 13,\n                      fontWeight: 600,\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                    }}\n                  >\n                    {w.name}\n                  </span>\n                  {w.isForjioInternal && <ForjioBadge />}\n                </span>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: 11.5,\n                    color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                  }}\n                >\n                  {titleCase(w.role)}\n                </span>\n              </span>\n            </button>\n          ))}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <Link\n            href=\"/dashboard/workspaces\"\n            onClick={() => {\n              setOpen(false);\n              onNavigate?.();\n            }}\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 10,\n              padding: '8px 10px',\n              fontSize: 13,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              textDecoration: 'none',\n              borderRadius: 6,\n            }}\n          >\n            + Manage workspaces\n          </Link>\n        </div>\n      )}\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        disabled={!active}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '6px 6px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: active ? 'pointer' : 'default',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <WorkspaceChiclet name={active?.name ?? '?'} />\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n            <span\n              style={{\n                fontSize: 13,\n                fontWeight: 600,\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n              }}\n            >\n              {active?.name ?? 'Loading…'}\n            </span>\n            {active?.isForjioInternal && <ForjioBadge />}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            }}\n          >\n            {active ? titleCase(active.role) : ''}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? 'rotate(180deg)' : '',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ProfileDropdown({\n  user,\n  onLogout,\n  onNavigate,\n  dropdownLinks,\n}: {\n  user: SessionUser | null;\n  onLogout: () => void | Promise<void>;\n  onNavigate?: () => void;\n  dropdownLinks: { href: string; label: string; icon: LucideIcon }[];\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function onClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    }\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  const name = user?.name || 'You';\n  const email = user?.email || '';\n  const initial = (user?.name || user?.email || '?').slice(0, 1).toUpperCase();\n\n  const itemStyle: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 10,\n    padding: '8px 12px',\n    fontSize: 13,\n    color: 'inherit',\n    borderRadius: 6,\n    textDecoration: 'none',\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        position: 'relative',\n        borderTop: '1px solid hsl(var(--border, 220 14% 90%))',\n        padding: '12px 10px',\n      }}\n    >\n      {open && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: '100%',\n            left: 10,\n            right: 10,\n            marginBottom: 6,\n            borderRadius: 10,\n            border: '1px solid hsl(var(--border, 220 14% 90%))',\n            background: 'hsl(var(--card, 0 0% 100%))',\n            boxShadow: '0 10px 30px -12px rgba(0, 0, 0, 0.5)',\n            padding: 4,\n            zIndex: 20,\n          }}\n        >\n          <div\n            style={{\n              padding: '10px 12px',\n              borderBottom: '1px solid hsl(var(--border, 220 14% 90%))',\n            }}\n          >\n            <div style={{ fontSize: 13, fontWeight: 600 }}>{name}</div>\n            <div\n              style={{\n                fontSize: 12,\n                color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n                wordBreak: 'break-all',\n              }}\n            >\n              {email}\n            </div>\n          </div>\n          {dropdownLinks.map((link) => {\n            const Icon = link.icon;\n            return (\n              <Link\n                key={link.href}\n                href={link.href}\n                onClick={() => {\n                  setOpen(false);\n                  onNavigate?.();\n                }}\n                style={itemStyle}\n              >\n                <Icon size={14} /> {link.label}\n              </Link>\n            );\n          })}\n          <div style={{ borderTop: '1px solid hsl(var(--border, 220 14% 90%))', margin: '4px 0' }} />\n          <button\n            type=\"button\"\n            onClick={() => {\n              setOpen(false);\n              onLogout();\n            }}\n            style={{\n              ...itemStyle,\n              color: 'hsl(var(--destructive, 0 84% 60%))',\n              width: '100%',\n              border: 'none',\n              background: 'transparent',\n              cursor: 'pointer',\n              textAlign: 'left',\n            }}\n          >\n            <LogOut size={14} /> Sign out\n          </button>\n        </div>\n      )}\n\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 10,\n          width: '100%',\n          padding: '8px 8px',\n          border: 'none',\n          borderRadius: 8,\n          background: 'transparent',\n          cursor: 'pointer',\n          textAlign: 'left',\n          color: 'inherit',\n        }}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n      >\n        <span\n          style={{\n            width: 32,\n            height: 32,\n            flex: '0 0 32px',\n            borderRadius: '50%',\n            background: 'var(--brand-color)',\n            color: '#0b0b10',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: 13,\n            fontWeight: 700,\n          }}\n        >\n          {initial}\n        </span>\n        <span style={{ minWidth: 0, flex: 1 }}>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 13,\n              fontWeight: 600,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {name}\n          </span>\n          <span\n            style={{\n              display: 'block',\n              fontSize: 11.5,\n              color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {email}\n          </span>\n        </span>\n        <ChevronUp\n          size={14}\n          strokeWidth={2}\n          style={{\n            color: 'hsl(var(--muted-foreground, 220 9% 46%))',\n            transform: open ? '' : 'rotate(180deg)',\n            transition: 'transform 120ms ease',\n          }}\n        />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Sidebar } from './Sidebar';\nexport type { SidebarProps } from './Sidebar';\nexport type {\n  NavItem,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n  LucideIcon,\n} from './types';\nexport {\n  activeHrefFor,\n  titleCase,\n  writeActiveWorkspace,\n  readActiveWorkspaceId,\n} from './utils';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AAUxB,mBAKO;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Sidebar } from './Sidebar';\nexport type { SidebarProps } from './Sidebar';\nexport type {\n  NavItem,\n  NavGroup,\n  NavModule,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n  LucideIcon,\n} from './types';\nexport {\n  activeHrefFor,\n  titleCase,\n  writeActiveWorkspace,\n  readActiveWorkspaceId,\n} from './utils';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AAYxB,mBAKO;","names":[]}

package/dist/index.d.cts

@@ -1,4 +1,4 @@
 export { Sidebar, SidebarProps } from './Sidebar.cjs';
-export { LucideIcon, NavItem, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode } from './types.cjs';
+export { LucideIcon, NavGroup, NavItem, NavModule, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode } from './types.cjs';
 export { activeHrefFor, readActiveWorkspaceId, titleCase, writeActiveWorkspace } from './utils.cjs';
 import 'react';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { Sidebar, SidebarProps } from './Sidebar.js';
-export { LucideIcon, NavItem, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode } from './types.js';
+export { LucideIcon, NavGroup, NavItem, NavModule, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode } from './types.js';
 export { activeHrefFor, readActiveWorkspaceId, titleCase, writeActiveWorkspace } from './utils.js';
 import 'react';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Sidebar } from './Sidebar';\nexport type { SidebarProps } from './Sidebar';\nexport type {\n  NavItem,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n  LucideIcon,\n} from './types';\nexport {\n  activeHrefFor,\n  titleCase,\n  writeActiveWorkspace,\n  readActiveWorkspaceId,\n} from './utils';\n"],"mappings":"AAAA,SAAS,eAAe;AAUxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Sidebar } from './Sidebar';\nexport type { SidebarProps } from './Sidebar';\nexport type {\n  NavItem,\n  NavGroup,\n  NavModule,\n  NavSection,\n  PortalWorkspace,\n  SessionUser,\n  WorkspacePersistMode,\n  LucideIcon,\n} from './types';\nexport {\n  activeHrefFor,\n  titleCase,\n  writeActiveWorkspace,\n  readActiveWorkspaceId,\n} from './utils';\n"],"mappings":"AAAA,SAAS,eAAe;AAYxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from 'react';\n\nexport type LucideIcon = ComponentType<{\n  size?: number;\n  strokeWidth?: number;\n  style?: React.CSSProperties;\n}>;\n\nexport interface NavItem {\n  href: string;\n  label: string;\n  icon: LucideIcon;\n}\n\nexport interface NavSection {\n  label: string;\n  items: NavItem[];\n}\n\nexport interface PortalWorkspace {\n  id: string;\n  name: string;\n  slug?: string;\n  plan?: string;\n  role?: 'owner' | 'admin' | 'member';\n  /** Forjio-internal workspaces get a tiny \"forjio\" badge in the\n   *  switcher — set on bang's own workspaces, never on customer\n   *  ones. */\n  isForjioInternal?: boolean;\n}\n\nexport interface SessionUser {\n  name?: string;\n  email?: string;\n}\n\n/**\n * How the active workspace is persisted across page reloads.\n *\n * - `cookie`: writes `<brand>_active_workspace` cookie. Recommended.\n *   The backend's auth middleware can read it without a header round-\n *   trip. Survives reloads cleanly across subdomains.\n * - `local`: writes `<brand>_active_workspace` to localStorage AND\n *   sends `X-Account-Id` header on every request. Legacy pattern\n *   from storlaunch/linksnap; works but more fragile.\n * - `api`: POSTs to a `/account/workspaces/<id>/switch` endpoint\n *   that mutates server-side session state. Legacy pattern from\n *   huudis itself.\n */\nexport type WorkspacePersistMode = 'cookie' | 'local' | 'api';\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from 'react';\n\nexport type LucideIcon = ComponentType<{\n  size?: number;\n  strokeWidth?: number;\n  style?: React.CSSProperties;\n}>;\n\nexport interface NavItem {\n  href: string;\n  label: string;\n  icon: LucideIcon;\n}\n\n/**\n * An optionally-labelled cluster of nav items inside a module. The\n * `label` renders as a small muted sub-heading; omit it for a flat\n * (unheaded) run of items.\n */\nexport interface NavGroup {\n  label?: string;\n  items: NavItem[];\n}\n\n/**\n * A collapsible accordion within a section. Carries its own icon and\n * label; expanded, it renders either `groups` (sub-headed clusters) or\n * a flat `items` list. Used by module-based portals like storlaunch\n * where the merchant nav is organized by feature module.\n */\nexport interface NavModule {\n  label: string;\n  icon: LucideIcon;\n  items?: NavItem[];\n  groups?: NavGroup[];\n}\n\n/**\n * A nav section. Renders flat `items` and/or collapsible `modules`.\n * Both are optional and a section may carry either or both —\n * `items`-only is the backward-compatible two-level form.\n */\nexport interface NavSection {\n  label: string;\n  items?: NavItem[];\n  modules?: NavModule[];\n}\n\nexport interface PortalWorkspace {\n  id: string;\n  name: string;\n  slug?: string;\n  plan?: string;\n  role?: 'owner' | 'admin' | 'member';\n  /** Forjio-internal workspaces get a tiny \"forjio\" badge in the\n   *  switcher — set on bang's own workspaces, never on customer\n   *  ones. */\n  isForjioInternal?: boolean;\n}\n\nexport interface SessionUser {\n  name?: string;\n  email?: string;\n}\n\n/**\n * How the active workspace is persisted across page reloads.\n *\n * - `cookie`: writes `<brand>_active_workspace` cookie. Recommended.\n *   The backend's auth middleware can read it without a header round-\n *   trip. Survives reloads cleanly across subdomains.\n * - `local`: writes `<brand>_active_workspace` to localStorage AND\n *   sends `X-Account-Id` header on every request. Legacy pattern\n *   from storlaunch/linksnap; works but more fragile.\n * - `api`: POSTs to a `/account/workspaces/<id>/switch` endpoint\n *   that mutates server-side session state. Legacy pattern from\n *   huudis itself.\n */\nexport type WorkspacePersistMode = 'cookie' | 'local' | 'api';\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types.d.cts

@@ -10,9 +10,36 @@ interface NavItem {
     label: string;
     icon: LucideIcon;
 }
+/**
+ * An optionally-labelled cluster of nav items inside a module. The
+ * `label` renders as a small muted sub-heading; omit it for a flat
+ * (unheaded) run of items.
+ */
+interface NavGroup {
+    label?: string;
+    items: NavItem[];
+}
+/**
+ * A collapsible accordion within a section. Carries its own icon and
+ * label; expanded, it renders either `groups` (sub-headed clusters) or
+ * a flat `items` list. Used by module-based portals like storlaunch
+ * where the merchant nav is organized by feature module.
+ */
+interface NavModule {
+    label: string;
+    icon: LucideIcon;
+    items?: NavItem[];
+    groups?: NavGroup[];
+}
+/**
+ * A nav section. Renders flat `items` and/or collapsible `modules`.
+ * Both are optional and a section may carry either or both —
+ * `items`-only is the backward-compatible two-level form.
+ */
 interface NavSection {
     label: string;
-    items: NavItem[];
+    items?: NavItem[];
+    modules?: NavModule[];
 }
 interface PortalWorkspace {
     id: string;
@@ -44,4 +71,4 @@ interface SessionUser {
  */
 type WorkspacePersistMode = 'cookie' | 'local' | 'api';
 
-export type { LucideIcon, NavItem, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode };
+export type { LucideIcon, NavGroup, NavItem, NavModule, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode };

package/dist/types.d.ts

@@ -10,9 +10,36 @@ interface NavItem {
     label: string;
     icon: LucideIcon;
 }
+/**
+ * An optionally-labelled cluster of nav items inside a module. The
+ * `label` renders as a small muted sub-heading; omit it for a flat
+ * (unheaded) run of items.
+ */
+interface NavGroup {
+    label?: string;
+    items: NavItem[];
+}
+/**
+ * A collapsible accordion within a section. Carries its own icon and
+ * label; expanded, it renders either `groups` (sub-headed clusters) or
+ * a flat `items` list. Used by module-based portals like storlaunch
+ * where the merchant nav is organized by feature module.
+ */
+interface NavModule {
+    label: string;
+    icon: LucideIcon;
+    items?: NavItem[];
+    groups?: NavGroup[];
+}
+/**
+ * A nav section. Renders flat `items` and/or collapsible `modules`.
+ * Both are optional and a section may carry either or both —
+ * `items`-only is the backward-compatible two-level form.
+ */
 interface NavSection {
     label: string;
-    items: NavItem[];
+    items?: NavItem[];
+    modules?: NavModule[];
 }
 interface PortalWorkspace {
     id: string;
@@ -44,4 +71,4 @@ interface SessionUser {
  */
 type WorkspacePersistMode = 'cookie' | 'local' | 'api';
 
-export type { LucideIcon, NavItem, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode };
+export type { LucideIcon, NavGroup, NavItem, NavModule, NavSection, PortalWorkspace, SessionUser, WorkspacePersistMode };

package/dist/utils.cjs

@@ -25,7 +25,13 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 function activeHrefFor(pathname, sections) {
-  const candidates = sections.flatMap((s) => s.items.map((i) => i.href));
+  const candidates = sections.flatMap((s) => [
+    ...(s.items ?? []).map((i) => i.href),
+    ...(s.modules ?? []).flatMap((m) => [
+      ...(m.items ?? []).map((i) => i.href),
+      ...(m.groups ?? []).flatMap((g) => g.items.map((i) => i.href))
+    ])
+  ]);
   let best = null;
   for (const href of candidates) {
     const matches = href === "/dashboard" ? pathname === "/dashboard" : pathname === href || pathname.startsWith(href + "/");

package/dist/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import type { NavSection } from './types';\n\n/** Find the longest-prefix-matching href in `sections` for the\n *  current pathname. Used by Sidebar to highlight the active item. */\nexport function activeHrefFor(pathname: string, sections: NavSection[]): string | null {\n  const candidates = sections.flatMap((s) => s.items.map((i) => i.href));\n  let best: string | null = null;\n  for (const href of candidates) {\n    const matches =\n      href === '/dashboard'\n        ? pathname === '/dashboard'\n        : pathname === href || pathname.startsWith(href + '/');\n    if (matches && (best === null || href.length > best.length)) best = href;\n  }\n  return best;\n}\n\nexport function titleCase(s: string | null | undefined): string {\n  if (!s) return '';\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\n/**\n * Persist + reload pattern shared across the three storage modes.\n * Sidebar passes whichever flavor the consuming product uses; this\n * util encapsulates the cookie/localStorage/API call.\n */\nexport function writeActiveWorkspace(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n  workspaceId: string,\n  apiSwitchPath?: string,\n): void | Promise<void> {\n  if (typeof window === 'undefined') return;\n  if (mode === 'cookie') {\n    const secure = location.protocol === 'https:' ? '; Secure' : '';\n    document.cookie = `${brandSlug}_active_workspace=${encodeURIComponent(\n      workspaceId,\n    )}; path=/; max-age=${30 * 24 * 60 * 60}; SameSite=Lax${secure}`;\n    return;\n  }\n  if (mode === 'local') {\n    localStorage.setItem(`${brandSlug}_active_workspace`, workspaceId);\n    return;\n  }\n  if (mode === 'api' && apiSwitchPath) {\n    return fetch(apiSwitchPath.replace('{id}', encodeURIComponent(workspaceId)), {\n      method: 'POST',\n      credentials: 'include',\n    }).then(() => undefined);\n  }\n}\n\n/** Read whichever persistence the consumer uses. Returns null on SSR\n *  (no window). For `api` mode the caller should pull from session\n *  themselves — there's no stable client-side cache. */\nexport function readActiveWorkspaceId(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n): string | null {\n  if (typeof window === 'undefined') return null;\n  if (mode === 'cookie') {\n    const match = document.cookie\n      .split('; ')\n      .find((r) => r.startsWith(`${brandSlug}_active_workspace=`));\n    if (!match) return null;\n    return decodeURIComponent(match.split('=').slice(1).join('='));\n  }\n  if (mode === 'local') {\n    return localStorage.getItem(`${brandSlug}_active_workspace`);\n  }\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,cAAc,UAAkB,UAAuC;AACrF,QAAM,aAAa,SAAS,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACrE,MAAI,OAAsB;AAC1B,aAAW,QAAQ,YAAY;AAC7B,UAAM,UACJ,SAAS,eACL,aAAa,eACb,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG;AACzD,QAAI,YAAY,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAS,QAAO;AAAA,EACtE;AACA,SAAO;AACT;AAEO,SAAS,UAAU,GAAsC;AAC9D,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,YAAY;AAC5D;AAOO,SAAS,qBACd,MACA,WACA,aACA,eACsB;AACtB,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,SAAS,UAAU;AACrB,UAAM,SAAS,SAAS,aAAa,WAAW,aAAa;AAC7D,aAAS,SAAS,GAAG,SAAS,qBAAqB;AAAA,MACjD;AAAA,IACF,CAAC,qBAAqB,KAAK,KAAK,KAAK,EAAE,iBAAiB,MAAM;AAC9D;AAAA,EACF;AACA,MAAI,SAAS,SAAS;AACpB,iBAAa,QAAQ,GAAG,SAAS,qBAAqB,WAAW;AACjE;AAAA,EACF;AACA,MAAI,SAAS,SAAS,eAAe;AACnC,WAAO,MAAM,cAAc,QAAQ,QAAQ,mBAAmB,WAAW,CAAC,GAAG;AAAA,MAC3E,QAAQ;AAAA,MACR,aAAa;AAAA,IACf,CAAC,EAAE,KAAK,MAAM,MAAS;AAAA,EACzB;AACF;AAKO,SAAS,sBACd,MACA,WACe;AACf,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI,SAAS,UAAU;AACrB,UAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,oBAAoB,CAAC;AAC7D,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,EAC/D;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,aAAa,QAAQ,GAAG,SAAS,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import type { NavSection } from './types';\n\n/** Find the longest-prefix-matching href in `sections` for the\n *  current pathname. Used by Sidebar to highlight the active item.\n *  Walks both flat `items` and any collapsible `modules` (incl. their\n *  groups), so module-based portals get correct highlighting. */\nexport function activeHrefFor(pathname: string, sections: NavSection[]): string | null {\n  const candidates = sections.flatMap((s) => [\n    ...(s.items ?? []).map((i) => i.href),\n    ...(s.modules ?? []).flatMap((m) => [\n      ...(m.items ?? []).map((i) => i.href),\n      ...(m.groups ?? []).flatMap((g) => g.items.map((i) => i.href)),\n    ]),\n  ]);\n  let best: string | null = null;\n  for (const href of candidates) {\n    const matches =\n      href === '/dashboard'\n        ? pathname === '/dashboard'\n        : pathname === href || pathname.startsWith(href + '/');\n    if (matches && (best === null || href.length > best.length)) best = href;\n  }\n  return best;\n}\n\nexport function titleCase(s: string | null | undefined): string {\n  if (!s) return '';\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\n/**\n * Persist + reload pattern shared across the three storage modes.\n * Sidebar passes whichever flavor the consuming product uses; this\n * util encapsulates the cookie/localStorage/API call.\n */\nexport function writeActiveWorkspace(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n  workspaceId: string,\n  apiSwitchPath?: string,\n): void | Promise<void> {\n  if (typeof window === 'undefined') return;\n  if (mode === 'cookie') {\n    const secure = location.protocol === 'https:' ? '; Secure' : '';\n    document.cookie = `${brandSlug}_active_workspace=${encodeURIComponent(\n      workspaceId,\n    )}; path=/; max-age=${30 * 24 * 60 * 60}; SameSite=Lax${secure}`;\n    return;\n  }\n  if (mode === 'local') {\n    localStorage.setItem(`${brandSlug}_active_workspace`, workspaceId);\n    return;\n  }\n  if (mode === 'api' && apiSwitchPath) {\n    return fetch(apiSwitchPath.replace('{id}', encodeURIComponent(workspaceId)), {\n      method: 'POST',\n      credentials: 'include',\n    }).then(() => undefined);\n  }\n}\n\n/** Read whichever persistence the consumer uses. Returns null on SSR\n *  (no window). For `api` mode the caller should pull from session\n *  themselves — there's no stable client-side cache. */\nexport function readActiveWorkspaceId(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n): string | null {\n  if (typeof window === 'undefined') return null;\n  if (mode === 'cookie') {\n    const match = document.cookie\n      .split('; ')\n      .find((r) => r.startsWith(`${brandSlug}_active_workspace=`));\n    if (!match) return null;\n    return decodeURIComponent(match.split('=').slice(1).join('='));\n  }\n  if (mode === 'local') {\n    return localStorage.getItem(`${brandSlug}_active_workspace`);\n  }\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,cAAc,UAAkB,UAAuC;AACrF,QAAM,aAAa,SAAS,QAAQ,CAAC,MAAM;AAAA,IACzC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,IACpC,IAAI,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM;AAAA,MAClC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MACpC,IAAI,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAAA,IAC/D,CAAC;AAAA,EACH,CAAC;AACD,MAAI,OAAsB;AAC1B,aAAW,QAAQ,YAAY;AAC7B,UAAM,UACJ,SAAS,eACL,aAAa,eACb,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG;AACzD,QAAI,YAAY,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAS,QAAO;AAAA,EACtE;AACA,SAAO;AACT;AAEO,SAAS,UAAU,GAAsC;AAC9D,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,YAAY;AAC5D;AAOO,SAAS,qBACd,MACA,WACA,aACA,eACsB;AACtB,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,SAAS,UAAU;AACrB,UAAM,SAAS,SAAS,aAAa,WAAW,aAAa;AAC7D,aAAS,SAAS,GAAG,SAAS,qBAAqB;AAAA,MACjD;AAAA,IACF,CAAC,qBAAqB,KAAK,KAAK,KAAK,EAAE,iBAAiB,MAAM;AAC9D;AAAA,EACF;AACA,MAAI,SAAS,SAAS;AACpB,iBAAa,QAAQ,GAAG,SAAS,qBAAqB,WAAW;AACjE;AAAA,EACF;AACA,MAAI,SAAS,SAAS,eAAe;AACnC,WAAO,MAAM,cAAc,QAAQ,QAAQ,mBAAmB,WAAW,CAAC,GAAG;AAAA,MAC3E,QAAQ;AAAA,MACR,aAAa;AAAA,IACf,CAAC,EAAE,KAAK,MAAM,MAAS;AAAA,EACzB;AACF;AAKO,SAAS,sBACd,MACA,WACe;AACf,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI,SAAS,UAAU;AACrB,UAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,oBAAoB,CAAC;AAC7D,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,EAC/D;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,aAAa,QAAQ,GAAG,SAAS,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;","names":[]}

package/dist/utils.d.cts

@@ -2,7 +2,9 @@ import { NavSection } from './types.cjs';
 import 'react';
 
 /** Find the longest-prefix-matching href in `sections` for the
- *  current pathname. Used by Sidebar to highlight the active item. */
+ *  current pathname. Used by Sidebar to highlight the active item.
+ *  Walks both flat `items` and any collapsible `modules` (incl. their
+ *  groups), so module-based portals get correct highlighting. */
 declare function activeHrefFor(pathname: string, sections: NavSection[]): string | null;
 declare function titleCase(s: string | null | undefined): string;
 /**

package/dist/utils.d.ts

@@ -2,7 +2,9 @@ import { NavSection } from './types.js';
 import 'react';
 
 /** Find the longest-prefix-matching href in `sections` for the
- *  current pathname. Used by Sidebar to highlight the active item. */
+ *  current pathname. Used by Sidebar to highlight the active item.
+ *  Walks both flat `items` and any collapsible `modules` (incl. their
+ *  groups), so module-based portals get correct highlighting. */
 declare function activeHrefFor(pathname: string, sections: NavSection[]): string | null;
 declare function titleCase(s: string | null | undefined): string;
 /**

package/dist/utils.js

@@ -1,5 +1,11 @@
 function activeHrefFor(pathname, sections) {
-  const candidates = sections.flatMap((s) => s.items.map((i) => i.href));
+  const candidates = sections.flatMap((s) => [
+    ...(s.items ?? []).map((i) => i.href),
+    ...(s.modules ?? []).flatMap((m) => [
+      ...(m.items ?? []).map((i) => i.href),
+      ...(m.groups ?? []).flatMap((g) => g.items.map((i) => i.href))
+    ])
+  ]);
   let best = null;
   for (const href of candidates) {
     const matches = href === "/dashboard" ? pathname === "/dashboard" : pathname === href || pathname.startsWith(href + "/");

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import type { NavSection } from './types';\n\n/** Find the longest-prefix-matching href in `sections` for the\n *  current pathname. Used by Sidebar to highlight the active item. */\nexport function activeHrefFor(pathname: string, sections: NavSection[]): string | null {\n  const candidates = sections.flatMap((s) => s.items.map((i) => i.href));\n  let best: string | null = null;\n  for (const href of candidates) {\n    const matches =\n      href === '/dashboard'\n        ? pathname === '/dashboard'\n        : pathname === href || pathname.startsWith(href + '/');\n    if (matches && (best === null || href.length > best.length)) best = href;\n  }\n  return best;\n}\n\nexport function titleCase(s: string | null | undefined): string {\n  if (!s) return '';\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\n/**\n * Persist + reload pattern shared across the three storage modes.\n * Sidebar passes whichever flavor the consuming product uses; this\n * util encapsulates the cookie/localStorage/API call.\n */\nexport function writeActiveWorkspace(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n  workspaceId: string,\n  apiSwitchPath?: string,\n): void | Promise<void> {\n  if (typeof window === 'undefined') return;\n  if (mode === 'cookie') {\n    const secure = location.protocol === 'https:' ? '; Secure' : '';\n    document.cookie = `${brandSlug}_active_workspace=${encodeURIComponent(\n      workspaceId,\n    )}; path=/; max-age=${30 * 24 * 60 * 60}; SameSite=Lax${secure}`;\n    return;\n  }\n  if (mode === 'local') {\n    localStorage.setItem(`${brandSlug}_active_workspace`, workspaceId);\n    return;\n  }\n  if (mode === 'api' && apiSwitchPath) {\n    return fetch(apiSwitchPath.replace('{id}', encodeURIComponent(workspaceId)), {\n      method: 'POST',\n      credentials: 'include',\n    }).then(() => undefined);\n  }\n}\n\n/** Read whichever persistence the consumer uses. Returns null on SSR\n *  (no window). For `api` mode the caller should pull from session\n *  themselves — there's no stable client-side cache. */\nexport function readActiveWorkspaceId(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n): string | null {\n  if (typeof window === 'undefined') return null;\n  if (mode === 'cookie') {\n    const match = document.cookie\n      .split('; ')\n      .find((r) => r.startsWith(`${brandSlug}_active_workspace=`));\n    if (!match) return null;\n    return decodeURIComponent(match.split('=').slice(1).join('='));\n  }\n  if (mode === 'local') {\n    return localStorage.getItem(`${brandSlug}_active_workspace`);\n  }\n  return null;\n}\n"],"mappings":"AAIO,SAAS,cAAc,UAAkB,UAAuC;AACrF,QAAM,aAAa,SAAS,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACrE,MAAI,OAAsB;AAC1B,aAAW,QAAQ,YAAY;AAC7B,UAAM,UACJ,SAAS,eACL,aAAa,eACb,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG;AACzD,QAAI,YAAY,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAS,QAAO;AAAA,EACtE;AACA,SAAO;AACT;AAEO,SAAS,UAAU,GAAsC;AAC9D,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,YAAY;AAC5D;AAOO,SAAS,qBACd,MACA,WACA,aACA,eACsB;AACtB,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,SAAS,UAAU;AACrB,UAAM,SAAS,SAAS,aAAa,WAAW,aAAa;AAC7D,aAAS,SAAS,GAAG,SAAS,qBAAqB;AAAA,MACjD;AAAA,IACF,CAAC,qBAAqB,KAAK,KAAK,KAAK,EAAE,iBAAiB,MAAM;AAC9D;AAAA,EACF;AACA,MAAI,SAAS,SAAS;AACpB,iBAAa,QAAQ,GAAG,SAAS,qBAAqB,WAAW;AACjE;AAAA,EACF;AACA,MAAI,SAAS,SAAS,eAAe;AACnC,WAAO,MAAM,cAAc,QAAQ,QAAQ,mBAAmB,WAAW,CAAC,GAAG;AAAA,MAC3E,QAAQ;AAAA,MACR,aAAa;AAAA,IACf,CAAC,EAAE,KAAK,MAAM,MAAS;AAAA,EACzB;AACF;AAKO,SAAS,sBACd,MACA,WACe;AACf,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI,SAAS,UAAU;AACrB,UAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,oBAAoB,CAAC;AAC7D,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,EAC/D;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,aAAa,QAAQ,GAAG,SAAS,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import type { NavSection } from './types';\n\n/** Find the longest-prefix-matching href in `sections` for the\n *  current pathname. Used by Sidebar to highlight the active item.\n *  Walks both flat `items` and any collapsible `modules` (incl. their\n *  groups), so module-based portals get correct highlighting. */\nexport function activeHrefFor(pathname: string, sections: NavSection[]): string | null {\n  const candidates = sections.flatMap((s) => [\n    ...(s.items ?? []).map((i) => i.href),\n    ...(s.modules ?? []).flatMap((m) => [\n      ...(m.items ?? []).map((i) => i.href),\n      ...(m.groups ?? []).flatMap((g) => g.items.map((i) => i.href)),\n    ]),\n  ]);\n  let best: string | null = null;\n  for (const href of candidates) {\n    const matches =\n      href === '/dashboard'\n        ? pathname === '/dashboard'\n        : pathname === href || pathname.startsWith(href + '/');\n    if (matches && (best === null || href.length > best.length)) best = href;\n  }\n  return best;\n}\n\nexport function titleCase(s: string | null | undefined): string {\n  if (!s) return '';\n  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\n/**\n * Persist + reload pattern shared across the three storage modes.\n * Sidebar passes whichever flavor the consuming product uses; this\n * util encapsulates the cookie/localStorage/API call.\n */\nexport function writeActiveWorkspace(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n  workspaceId: string,\n  apiSwitchPath?: string,\n): void | Promise<void> {\n  if (typeof window === 'undefined') return;\n  if (mode === 'cookie') {\n    const secure = location.protocol === 'https:' ? '; Secure' : '';\n    document.cookie = `${brandSlug}_active_workspace=${encodeURIComponent(\n      workspaceId,\n    )}; path=/; max-age=${30 * 24 * 60 * 60}; SameSite=Lax${secure}`;\n    return;\n  }\n  if (mode === 'local') {\n    localStorage.setItem(`${brandSlug}_active_workspace`, workspaceId);\n    return;\n  }\n  if (mode === 'api' && apiSwitchPath) {\n    return fetch(apiSwitchPath.replace('{id}', encodeURIComponent(workspaceId)), {\n      method: 'POST',\n      credentials: 'include',\n    }).then(() => undefined);\n  }\n}\n\n/** Read whichever persistence the consumer uses. Returns null on SSR\n *  (no window). For `api` mode the caller should pull from session\n *  themselves — there's no stable client-side cache. */\nexport function readActiveWorkspaceId(\n  mode: 'cookie' | 'local' | 'api',\n  brandSlug: string,\n): string | null {\n  if (typeof window === 'undefined') return null;\n  if (mode === 'cookie') {\n    const match = document.cookie\n      .split('; ')\n      .find((r) => r.startsWith(`${brandSlug}_active_workspace=`));\n    if (!match) return null;\n    return decodeURIComponent(match.split('=').slice(1).join('='));\n  }\n  if (mode === 'local') {\n    return localStorage.getItem(`${brandSlug}_active_workspace`);\n  }\n  return null;\n}\n"],"mappings":"AAMO,SAAS,cAAc,UAAkB,UAAuC;AACrF,QAAM,aAAa,SAAS,QAAQ,CAAC,MAAM;AAAA,IACzC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,IACpC,IAAI,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM;AAAA,MAClC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MACpC,IAAI,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAAA,IAC/D,CAAC;AAAA,EACH,CAAC;AACD,MAAI,OAAsB;AAC1B,aAAW,QAAQ,YAAY;AAC7B,UAAM,UACJ,SAAS,eACL,aAAa,eACb,aAAa,QAAQ,SAAS,WAAW,OAAO,GAAG;AACzD,QAAI,YAAY,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAS,QAAO;AAAA,EACtE;AACA,SAAO;AACT;AAEO,SAAS,UAAU,GAAsC;AAC9D,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,YAAY;AAC5D;AAOO,SAAS,qBACd,MACA,WACA,aACA,eACsB;AACtB,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,SAAS,UAAU;AACrB,UAAM,SAAS,SAAS,aAAa,WAAW,aAAa;AAC7D,aAAS,SAAS,GAAG,SAAS,qBAAqB;AAAA,MACjD;AAAA,IACF,CAAC,qBAAqB,KAAK,KAAK,KAAK,EAAE,iBAAiB,MAAM;AAC9D;AAAA,EACF;AACA,MAAI,SAAS,SAAS;AACpB,iBAAa,QAAQ,GAAG,SAAS,qBAAqB,WAAW;AACjE;AAAA,EACF;AACA,MAAI,SAAS,SAAS,eAAe;AACnC,WAAO,MAAM,cAAc,QAAQ,QAAQ,mBAAmB,WAAW,CAAC,GAAG;AAAA,MAC3E,QAAQ;AAAA,MACR,aAAa;AAAA,IACf,CAAC,EAAE,KAAK,MAAM,MAAS;AAAA,EACzB;AACF;AAKO,SAAS,sBACd,MACA,WACe;AACf,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI,SAAS,UAAU;AACrB,UAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,oBAAoB,CAAC;AAC7D,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO,mBAAmB,MAAM,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,EAC/D;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,aAAa,QAAQ,GAAG,SAAS,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forjio/portal-ui",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Shared portal chrome (sidebar, workspace switcher, profile dropdown, portal shell) for the Forjio family of SaaS products. Mirrors @forjio/website-ui but for the authenticated dashboard side.",
   "license": "UNLICENSED",
   "private": false,