@forjio/portal-ui 0.3.0 → 0.3.1

package/dist/Sidebar.cjs

@@ -46,6 +46,7 @@ const DEFAULT_DROPDOWN_LINKS = [
 function Sidebar({
   brandSlug,
   brandName,
+  brandHref = "/dashboard",
   brandColor,
   brandColorSoft,
   brandIcon,
@@ -123,9 +124,9 @@ function Sidebar({
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                   import_link.default,
                   {
-                    href: "/dashboard",
+                    href: brandHref,
                     onClick: onClose,
-                    "aria-label": `${brandName} dashboard`,
+                    "aria-label": `${brandName} home`,
                     style: {
                       display: "flex",
                       alignItems: "center",

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, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoII;AAlIJ,kBAAiB;AACjB,wBAA4B;AAC5B,0BAA4F;AAC5F,mBAA4C;AAU5C,mBAA+D;AAkE/D,MAAM,yBAA8E;AAAA,EAClF,EAAE,MAAM,SAAS,OAAO,iBAAiB,MAAM,6BAAS;AAAA,EACxD,EAAE,MAAM,UAAU,OAAO,oBAAoB,MAAM,6BAAS;AAAA,EAC5D,EAAE,MAAM,YAAY,OAAO,kBAAkB,MAAM,2BAAO;AAC5D;AAEO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAiB;AACf,QAAM,eAAW,+BAAY,KAAK;AAGlC,QAAM,gBAAgB,eAAe;AACrC,QAAM,SAAS,cAAc,CAAC;AAC9B,QAAM,SAAS,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,iBAAiB,KAAK;AACjE,QAAM,SAAS,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,iBAAiB;AAK9D,QAAM,YAAiC;AAAA,IACrC,CAAC,eAAyB,GAAG;AAAA,IAC7B,CAAC,cAAwB,GAAG,kBAAkB,GAAG,UAAU;AAAA;AAAA,EAC7D;AAEA,iBAAe,gBAAgB,IAAY;AACzC,QAAI,CAAC,iBAAkB;AACvB,cAAM,mCAAqB,kBAAkB,WAAW,IAAI,aAAa;AACzE,QAAI,mBAAmB;AACrB,YAAM,kBAAkB,EAAE;AAAA,IAC5B,WAAW,OAAO,WAAW,aAAa;AACxC,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF;AAEA,SACE,4EACG;AAAA,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAG;AAAA,UACH,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,OAAO;AAAA,UACP,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,QACA,WAAW,iGACT,OAAO,kBAAkB,mBAC3B;AAAA,QAGA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,SAAS;AAAA,gBACT,cAAc;AAAA,gBACd,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,gBAAgB;AAAA,cAClB;AAAA,cAEA;AAAA;AAAA,kBAAC,YAAAA;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,cAAY,GAAG,SAAS;AAAA,oBACxB,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,YAAY;AAAA,sBACZ,KAAK;AAAA,sBACL,UAAU;AAAA,sBACV,YAAY;AAAA,sBACZ,eAAe;AAAA,sBACf,gBAAgB;AAAA,sBAChB,OAAO;AAAA,oBACT;AAAA,oBAEC;AAAA;AAAA,sBACA;AAAA;AAAA;AAAA,gBACH;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAS;AAAA,oBACT,WAAU;AAAA,oBACV,OAAO;AAAA,sBACL,QAAQ;AAAA,sBACR,YAAY;AAAA,sBACZ,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,SAAS;AAAA,oBACX;AAAA,oBACA,cAAW;AAAA,oBAEX,sDAAC,yBAAE,MAAM,IAAI;AAAA;AAAA,gBACf;AAAA;AAAA;AAAA,UACF;AAAA,UAEC,iBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,QAAQ,OAAO,SAAS;AAAA,cACxB,UAAU;AAAA,cACV,YAAY;AAAA;AAAA,UACd;AAAA,UAGF,4CAAC,SAAI,OAAO,EAAE,MAAM,GAAG,SAAS,aAAa,WAAW,OAAO,GAC7D,sDAAC,WAAQ,UAAoB,UAAoB,YAAY,SAAS,GACxE;AAAA,UAEA,4CAAC,mBAAgB,MAAY,UAAoB,YAAY,SAAS,eAA8B;AAAA;AAAA;AAAA,IACtG;AAAA,KACF;AAEJ;AAEA,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,aAAa;AAGnB,SAAS,cAAc,QAAsC;AAC3D,SAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,YAAY,SAAS,MAAM;AAAA,IAC3B,OAAO,SAAS,KAAK;AAAA,IACrB,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,SAAS,sBAAsB;AAAA,IAC3C,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAClB;AACF;AAGA,SAAS,iBAAiB,QAAsC;AAC9D,SAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,YAAY,SAAS,MAAM;AAAA,IAC3B,OAAO,SAAS,KAAK;AAAA,IACrB,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,SAAS,sBAAsB;AAAA,IAC3C,gBAAgB;AAAA,EAClB;AACF;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,KAAK;AAClB,SACE,4CAAC,QACC;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,OAAO,iBAAiB,KAAK,SAAS,UAAU;AAAA,MAEhD;AAAA,oDAAC,QAAK,MAAM,IAAI,aAAa,GAAG;AAAA,QAChC,4CAAC,UAAK,OAAO,EAAE,MAAM,EAAE,GAAI,eAAK,OAAM;AAAA;AAAA;AAAA,EACxC,GACF;AAEJ;AAQA,SAAS,mBAAmB;AAAA,EAC1B,QAAAC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,kBAA4B;AAAA,IAChC,IAAIA,QAAO,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,IACzC,IAAIA,QAAO,UAAU,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAAA,EACpE;AACA,QAAM,WAAW,eAAe,QAAQ,gBAAgB,SAAS,UAAU;AAG3E,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAyB,IAAI;AAC7D,QAAM,SAAS,YAAY;AAE3B,QAAM,UAAUA,QAAO;AACvB,QAAM,UAAU,SAAS,kCAAc;AAEvC,QAAM,kBAAuC;AAAA,IAC3C,UAAU;AAAA,IACV,eAAe;AAAA,IACf,eAAe;AAAA,IACf,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAEA,SACE,6CAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,GAC5B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,YAAY,CAAC,MAAM;AAAA,QAClC,OAAO;AAAA,UACL,GAAG,cAAc,QAAQ;AAAA,UACzB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,iBAAe;AAAA,QAEf;AAAA,sDAAC,WAAQ,MAAM,IAAI,aAAa,GAAG;AAAA,UACnC,4CAAC,UAAK,OAAO,EAAE,MAAM,EAAE,GAAI,UAAAA,QAAO,OAAM;AAAA,UACxC,4CAAC,WAAQ,MAAM,IAAI,aAAa,GAAG,OAAO,EAAE,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,IAC9D;AAAA,IACC,UACC,4CAAC,QAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,QAAQ,WAAW,SAAS,QAAQ,KAAK,EAAE,GACpF,UAAAA,QAAO,SACJA,QAAO,OAAO,IAAI,CAAC,OAAO,OACxB,6CAAC,QACE;AAAA,YAAM,SAAS,4CAAC,SAAI,OAAO,iBAAkB,gBAAM,OAAM;AAAA,MAC1D,4CAAC,QAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,QAAQ,GAAG,SAAS,QAAQ,KAAK,EAAE,GAC5E,gBAAM,MAAM,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAHK,KAAK;AAAA,MAIZ,CACD,GACH;AAAA,SAXO,MAAM,SAAS,WAAW,EAAE,EAYrC,CACD,KACAA,QAAO,SAAS,CAAC,GAAG,IAAI,CAAC,SACxB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAHK,KAAK;AAAA,IAIZ,CACD,GACP;AAAA,KAEJ;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,iBAAa,4BAAc,UAAU,QAAQ;AACnD,SACE,4CAAC,SAAI,cAAW,aAAY,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,GAC3D,mBAAS,IAAI,CAAC,YAAY;AACzB,UAAM,QAAQ,QAAQ,SAAS,CAAC;AAChC,UAAM,UAAU,QAAQ,WAAW,CAAC;AAEpC,QAAI,MAAM,WAAW,KAAK,QAAQ,WAAW,EAAG,QAAO;AACvD,WACE,6CAAC,SACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,eAAe;AAAA,YACf,eAAe;AAAA,YACf,OAAO;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,UAEC,kBAAQ;AAAA;AAAA,MACX;AAAA,MACA,6CAAC,QAAG,OAAO,EAAE,WAAW,QAAQ,SAAS,GAAG,QAAQ,GAAG,SAAS,QAAQ,KAAK,EAAE,GAC5E;AAAA,cAAM,IAAI,CAAC,SAAS;AACnB,gBAAM,OAAO,KAAK;AAClB,iBACE,4CAAC,QACC;AAAA,YAAC,YAAAD;AAAA,YAAA;AAAA,cACC,MAAM,KAAK;AAAA,cACX,SAAS;AAAA,cACT,OAAO,cAAc,KAAK,SAAS,UAAU;AAAA,cAE7C;AAAA,4DAAC,QAAK,MAAM,IAAI,aAAa,GAAG;AAAA,gBAChC,4CAAC,UAAK,OAAO,EAAE,MAAM,EAAE,GAAI,eAAK,OAAM;AAAA;AAAA;AAAA,UACxC,KARO,KAAK,IASd;AAAA,QAEJ,CAAC;AAAA,QACA,QAAQ,IAAI,CAACC,YACZ;AAAA,UAAC;AAAA;AAAA,YAEC,QAAQA;AAAA,YACR;AAAA,YACA;AAAA;AAAA,UAHKA,QAAO;AAAA,QAId,CACD;AAAA,SACH;AAAA,SArCQ,QAAQ,KAsClB;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEA,SAAS,iBAAiB,EAAE,KAAK,GAAqB;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,QAAQ;AAAA,MACV;AAAA,MAEC,eAAK,MAAM,GAAG,CAAC;AAAA;AAAA,EAClB;AAEJ;AAEA,SAAS,cAAc;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO;AAAA,QACL,UAAU;AAAA,QACV,eAAe;AAAA,QACf,eAAe;AAAA,QACf,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACD;AAAA;AAAA,EAED;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,aAAS,QAAQ,GAAe;AAC9B,UAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAc,EAAG,SAAQ,KAAK;AAAA,IAC3E;AACA,aAAS,iBAAiB,aAAa,OAAO;AAC9C,WAAO,MAAM,SAAS,oBAAoB,aAAa,OAAO;AAAA,EAChE,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,MAEC;AAAA,gBAAQ,OAAO,SAAS,KACvB;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO;AAAA,cACP,WAAW;AAAA,cACX,cAAc;AAAA,cACd,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,SAAS;AAAA,cACT,QAAQ;AAAA,YACV;AAAA,YAEC;AAAA,qBAAO,IAAI,CAAC,MACX;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,SAAS,MAAM;AACb,4BAAQ,KAAK;AACb,6BAAS,EAAE,EAAE;AAAA,kBACf;AAAA,kBACA,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,QAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,WAAW;AAAA,oBACX,QAAQ;AAAA,oBACR,cAAc;AAAA,oBACd,OAAO;AAAA,kBACT;AAAA,kBAEA;AAAA,gEAAC,oBAAiB,MAAM,EAAE,MAAM;AAAA,oBAChC,6CAAC,UAAK,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,GAClC;AAAA,mEAAC,UAAK,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GAC3D;AAAA;AAAA,0BAAC;AAAA;AAAA,4BACC,OAAO;AAAA,8BACL,UAAU;AAAA,8BACV,YAAY;AAAA,8BACZ,YAAY;AAAA,8BACZ,UAAU;AAAA,8BACV,cAAc;AAAA,4BAChB;AAAA,4BAEC,YAAE;AAAA;AAAA,wBACL;AAAA,wBACC,EAAE,oBAAoB,4CAAC,eAAY;AAAA,yBACtC;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAO;AAAA,4BACL,SAAS;AAAA,4BACT,UAAU;AAAA,4BACV,OAAO;AAAA,0BACT;AAAA,0BAEC,sCAAU,EAAE,IAAI;AAAA;AAAA,sBACnB;AAAA,uBACF;AAAA;AAAA;AAAA,gBA7CK,EAAE;AAAA,cA8CT,CACD;AAAA,cACD,4CAAC,SAAI,OAAO,EAAE,WAAW,6CAA6C,QAAQ,QAAQ,GAAG;AAAA,cACzF;AAAA,gBAAC,YAAAD;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AACb,4BAAQ,KAAK;AACb,iCAAa;AAAA,kBACf;AAAA,kBACA,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,KAAK;AAAA,oBACL,SAAS;AAAA,oBACT,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,gBAAgB;AAAA,oBAChB,cAAc;AAAA,kBAChB;AAAA,kBACD;AAAA;AAAA,cAED;AAAA;AAAA;AAAA,QACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,YAChC,UAAU,CAAC;AAAA,YACX,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ,SAAS,YAAY;AAAA,cAC7B,WAAW;AAAA,cACX,OAAO;AAAA,YACT;AAAA,YACA,iBAAc;AAAA,YACd,iBAAe;AAAA,YAEf;AAAA,0DAAC,oBAAiB,MAAM,QAAQ,QAAQ,KAAK;AAAA,cAC7C,6CAAC,UAAK,OAAO,EAAE,UAAU,GAAG,MAAM,EAAE,GAClC;AAAA,6DAAC,UAAK,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GAC3D;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,wBACL,UAAU;AAAA,wBACV,YAAY;AAAA,wBACZ,YAAY;AAAA,wBACZ,UAAU;AAAA,wBACV,cAAc;AAAA,sBAChB;AAAA,sBAEC,kBAAQ,QAAQ;AAAA;AAAA,kBACnB;AAAA,kBACC,QAAQ,oBAAoB,4CAAC,eAAY;AAAA,mBAC5C;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,OAAO;AAAA,oBACT;AAAA,oBAEC,uBAAS,wBAAU,OAAO,IAAI,IAAI;AAAA;AAAA,gBACrC;AAAA,iBACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,WAAW,OAAO,mBAAmB;AAAA,oBACrC,YAAY;AAAA,kBACd;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,aAAS,QAAQ,GAAe;AAC9B,UAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,EAAE,MAAc,EAAG,SAAQ,KAAK;AAAA,IAC3E;AACA,aAAS,iBAAiB,aAAa,OAAO;AAC9C,WAAO,MAAM,SAAS,oBAAoB,aAAa,OAAO;AAAA,EAChE,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,WAAW,MAAM,QAAQ,MAAM,SAAS,KAAK,MAAM,GAAG,CAAC,EAAE,YAAY;AAE3E,QAAM,YAAiC;AAAA,IACrC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MAEC;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,OAAO;AAAA,cACP,cAAc;AAAA,cACd,cAAc;AAAA,cACd,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,SAAS;AAAA,cACT,QAAQ;AAAA,YACV;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,SAAS;AAAA,oBACT,cAAc;AAAA,kBAChB;AAAA,kBAEA;AAAA,gEAAC,SAAI,OAAO,EAAE,UAAU,IAAI,YAAY,IAAI,GAAI,gBAAK;AAAA,oBACrD;AAAA,sBAAC;AAAA;AAAA,wBACC,OAAO;AAAA,0BACL,UAAU;AAAA,0BACV,OAAO;AAAA,0BACP,WAAW;AAAA,wBACb;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA;AAAA;AAAA,cACF;AAAA,cACC,cAAc,IAAI,CAAC,SAAS;AAC3B,sBAAM,OAAO,KAAK;AAClB,uBACE;AAAA,kBAAC,YAAAA;AAAA,kBAAA;AAAA,oBAEC,MAAM,KAAK;AAAA,oBACX,SAAS,MAAM;AACb,8BAAQ,KAAK;AACb,mCAAa;AAAA,oBACf;AAAA,oBACA,OAAO;AAAA,oBAEP;AAAA,kEAAC,QAAK,MAAM,IAAI;AAAA,sBAAE;AAAA,sBAAE,KAAK;AAAA;AAAA;AAAA,kBARpB,KAAK;AAAA,gBASZ;AAAA,cAEJ,CAAC;AAAA,cACD,4CAAC,SAAI,OAAO,EAAE,WAAW,6CAA6C,QAAQ,QAAQ,GAAG;AAAA,cACzF;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AACb,4BAAQ,KAAK;AACb,6BAAS;AAAA,kBACX;AAAA,kBACA,OAAO;AAAA,oBACL,GAAG;AAAA,oBACH,OAAO;AAAA,oBACP,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,QAAQ;AAAA,oBACR,WAAW;AAAA,kBACb;AAAA,kBAEA;AAAA,gEAAC,8BAAO,MAAM,IAAI;AAAA,oBAAE;AAAA;AAAA;AAAA,cACtB;AAAA;AAAA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,YAChC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,OAAO;AAAA,cACP,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,OAAO;AAAA,YACT;AAAA,YACA,iBAAc;AAAA,YACd,iBAAe;AAAA,YAEf;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,cAAc;AAAA,oBACd,YAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,SAAS;AAAA,oBACT,YAAY;AAAA,oBACZ,gBAAgB;AAAA,oBAChB,UAAU;AAAA,oBACV,YAAY;AAAA,kBACd;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA,cACA,6CAAC,UAAK,OAAO,EAAE,UAAU,GAAG,MAAM,EAAE,GAClC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,YAAY;AAAA,sBACZ,YAAY;AAAA,sBACZ,UAAU;AAAA,sBACV,cAAc;AAAA,oBAChB;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,sBACL,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,OAAO;AAAA,sBACP,YAAY;AAAA,sBACZ,UAAU;AAAA,sBACV,cAAc;AAAA,oBAChB;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA,iBACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP,WAAW,OAAO,KAAK;AAAA,oBACvB,YAAY;AAAA,kBACd;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["Link","module"]}
+{"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  /** Where the brand wordmark / logo links — the portal's home. Default\n   *  `/dashboard`. No-workspace portals set their own home, e.g.\n   *  `/creators/dashboard` or a storefront buyer account root. */\n  brandHref?: 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  brandHref = '/dashboard',\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={brandHref}\n            onClick={onClose}\n            aria-label={`${brandName} home`}\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

@@ -15,6 +15,10 @@ interface SidebarProps {
     brandSlug: string;
     /** Display name shown at the top of the sidebar. */
     brandName: string;
+    /** Where the brand wordmark / logo links — the portal's home. Default
+     *  `/dashboard`. No-workspace portals set their own home, e.g.
+     *  `/creators/dashboard` or a storefront buyer account root. */
+    brandHref?: string;
     /** Brand accent color — used for the active-link pill + workspace
      *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the
      *  soft accent is derived by appending an alpha suffix. Forjio family
@@ -68,6 +72,6 @@ interface SidebarProps {
         icon: LucideIcon;
     }[];
 }
-declare function Sidebar({ brandSlug, brandName, brandColor, brandColorSoft, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ brandSlug, brandName, brandHref, 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

@@ -15,6 +15,10 @@ interface SidebarProps {
     brandSlug: string;
     /** Display name shown at the top of the sidebar. */
     brandName: string;
+    /** Where the brand wordmark / logo links — the portal's home. Default
+     *  `/dashboard`. No-workspace portals set their own home, e.g.
+     *  `/creators/dashboard` or a storefront buyer account root. */
+    brandHref?: string;
     /** Brand accent color — used for the active-link pill + workspace
      *  chiclet + profile avatar. Must be a 6-digit hex (`#RRGGBB`): the
      *  soft accent is derived by appending an alpha suffix. Forjio family
@@ -68,6 +72,6 @@ interface SidebarProps {
         icon: LucideIcon;
     }[];
 }
-declare function Sidebar({ brandSlug, brandName, brandColor, brandColorSoft, brandIcon, workspacePersist, apiSwitchPath, workspaces, activeWorkspaceId, sections, user, onWorkspaceSwitch, onLogout, open, onClose, dropdownLinks, }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ brandSlug, brandName, brandHref, 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

@@ -13,6 +13,7 @@ const DEFAULT_DROPDOWN_LINKS = [
 function Sidebar({
   brandSlug,
   brandName,
+  brandHref = "/dashboard",
   brandColor,
   brandColorSoft,
   brandIcon,
@@ -90,9 +91,9 @@ function Sidebar({
                 /* @__PURE__ */ jsxs(
                   Link,
                   {
-                    href: "/dashboard",
+                    href: brandHref,
                     onClick: onClose,
-                    "aria-label": `${brandName} dashboard`,
+                    "aria-label": `${brandName} home`,
                     style: {
                       display: "flex",
                       alignItems: "center",

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, 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":[]}
+{"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  /** Where the brand wordmark / logo links — the portal's home. Default\n   *  `/dashboard`. No-workspace portals set their own home, e.g.\n   *  `/creators/dashboard` or a storefront buyer account root. */\n  brandHref?: 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  brandHref = '/dashboard',\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={brandHref}\n            onClick={onClose}\n            aria-label={`${brandName} home`}\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forjio/portal-ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "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,