efficient-shell 4.134.0 → 4.137.1

package/dist/Sidebar-BPU7RCZP.js

@@ -1,291 +0,0 @@
-import { useAuth } from './chunk-YPO6RDMX.js';
-import { startMenuCategories, navVisible, navSections, isSection, isReachable, navIcons, sectionIcons, visibleChildren } from './chunk-GA35NEND.js';
-import { BrandMark } from './chunk-TRCWINHF.js';
-import { glassStyle, GLASS_INPUT_BG } from './chunk-D276EMXS.js';
-import './chunk-IPXN646P.js';
-import { useState, useRef, useMemo, useEffect, isValidElement, cloneElement } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function Sidebar({
-  width,
-  openPage,
-  profile,
-  user,
-  onLogout,
-  onNavigate,
-  navSections: navSections2 = navSections,
-  navIcons: navIcons2 = navIcons,
-  sectionIcons: sectionIcons2 = sectionIcons,
-  categories = startMenuCategories,
-  productName,
-  productIcon,
-  adaptiveLogo = false,
-  logoHasAlpha = null,
-  logoIsLight = null
-}) {
-  const { hasAnyPerm } = useAuth();
-  const erpLabels = new Set(categories.erp);
-  const systemLabels = new Set(categories.system);
-  const footerLabels = new Set(categories.footer ?? []);
-  const footerItems = (categories.footerItems ?? []).filter((it) => navVisible(it, hasAnyPerm));
-  const virtualSections = categories.virtual ?? [];
-  const [search, setSearch] = useState("");
-  const [expanded, setExpanded] = useState(/* @__PURE__ */ new Set());
-  const searchRef = useRef(null);
-  const toggleExpanded = (label) => {
-    setExpanded((prev) => {
-      const next = new Set(prev);
-      if (next.has(label)) next.delete(label);
-      else next.add(label);
-      return next;
-    });
-  };
-  const topItems = navSections2.filter((item) => !isSection(item)).filter((item) => navVisible(item, hasAnyPerm) && isReachable(item, hasAnyPerm));
-  const erpSections = navSections2.filter((item) => isSection(item) && erpLabels.has(item.label));
-  const systemSections = navSections2.filter((item) => isSection(item) && systemLabels.has(item.label));
-  const footerSections = navSections2.filter((item) => isSection(item) && footerLabels.has(item.label));
-  const getVisibleItems = (section) => {
-    if (!navVisible(section, hasAnyPerm)) return [];
-    return section.items.filter((it) => navVisible(it, hasAnyPerm)).filter((it) => isReachable(it, hasAnyPerm));
-  };
-  const matchTree = (it, q) => {
-    if (!navVisible(it, hasAnyPerm)) return [];
-    if (!isReachable(it, hasAnyPerm)) return [];
-    const hits = [];
-    if (it.label.toLowerCase().includes(q)) hits.push(it);
-    for (const c of visibleChildren(it, hasAnyPerm)) hits.push(...matchTree(c, q));
-    return hits;
-  };
-  const searchResults = useMemo(() => {
-    if (search.length < 2) return [];
-    const q = search.toLowerCase();
-    return [
-      ...navSections2.flatMap((entry) => {
-        if (isSection(entry)) {
-          return getVisibleItems(entry).flatMap((it) => matchTree(it, q));
-        }
-        return matchTree(entry, q);
-      }),
-      ...footerItems.flatMap((it) => matchTree(it, q))
-    ];
-  }, [search, navSections2, footerItems, hasAnyPerm]);
-  useEffect(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        setExpanded(/* @__PURE__ */ new Set());
-        setSearch("");
-      } else if (e.key === "/" && document.activeElement?.tagName !== "INPUT" && document.activeElement?.tagName !== "TEXTAREA") {
-        e.preventDefault();
-        searchRef.current?.focus();
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, []);
-  const handleClick = (path) => {
-    onNavigate(path);
-    onPageOpenedReset();
-  };
-  const select = (item) => {
-    if (item.onSelect) {
-      item.onSelect();
-      onPageOpenedReset();
-      return;
-    }
-    handleClick(item.to);
-  };
-  const onPageOpenedReset = () => {
-    setSearch("");
-  };
-  const itemCls = "w-full flex items-center gap-2 rounded-lg px-3 py-2 text-sm";
-  const menuGlass = glassStyle();
-  const iconEl = (to) => {
-    const icon = navIcons2[to];
-    if (icon && isValidElement(icon)) {
-      return cloneElement(icon, {
-        className: "h-4 w-4 shrink-0 text-gray-500"
-      });
-    }
-    return /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0" });
-  };
-  const secIcon = (label) => {
-    const icon = sectionIcons2[label];
-    if (icon && isValidElement(icon)) {
-      return cloneElement(icon, {
-        className: "h-4 w-4 shrink-0 text-gray-500"
-      });
-    }
-    return /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0" });
-  };
-  const renderItem = (item) => /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: () => select(item),
-        className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-        children: [
-          iconEl(item.to),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
-        ]
-      }
-    ),
-    item.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
-  ] }, item.to);
-  const renderNestedItem = (item) => {
-    const kids = visibleChildren(item, hasAnyPerm).filter((k) => isReachable(k, hasAnyPerm));
-    if (kids.length === 0) return renderItem(item);
-    const key = `child:${item.to}`;
-    const isOpen = expanded.has(key);
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => toggleExpanded(key),
-          "aria-expanded": isOpen,
-          className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-          children: [
-            iconEl(item.to),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: `h-3.5 w-3.5 ml-auto text-gray-500 transition-transform ${isOpen ? "rotate-90" : ""}`,
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                strokeWidth: 2,
-                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" })
-              }
-            )
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx("div", { className: "pl-4 mt-0.5 mb-1 space-y-0.5", children: kids.map((c) => renderNestedItem(c)) }),
-      item.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
-    ] }, item.to);
-  };
-  const renderSectionAccordion = (section, isErp, isVirtual = false) => {
-    const items = isVirtual ? section.items : getVisibleItems(section);
-    if (items.length === 0) return null;
-    const isOpen = expanded.has(section.label);
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => toggleExpanded(section.label),
-          "aria-expanded": isOpen,
-          className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-          children: [
-            "icon" in section && section.icon ? section.icon : secIcon(section.label),
-            /* @__PURE__ */ jsx("span", { className: `truncate ${isErp ? "font-medium" : ""}`, children: section.label }),
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: `h-3.5 w-3.5 ml-auto text-gray-500 transition-transform ${isOpen ? "rotate-90" : ""}`,
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                strokeWidth: 2,
-                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" })
-              }
-            )
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx("div", { className: "pl-4 mt-0.5 mb-1 space-y-0.5", children: items.map((it) => renderNestedItem(it)) }),
-      "dividerAfter" in section && section.dividerAfter && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 my-1.5 mx-2" })
-    ] }, section.label);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "fixed top-0 left-0 bottom-0 z-[260] flex flex-col rounded-r-2xl overflow-hidden",
-      style: { width, ...menuGlass },
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-white/15 shrink-0", children: [
-          productIcon && /* @__PURE__ */ jsx(
-            BrandMark,
-            {
-              src: productIcon,
-              alt: "",
-              slot: "compact",
-              surface: "light",
-              adaptive: adaptiveLogo,
-              hasAlpha: logoHasAlpha,
-              isLight: logoIsLight,
-              size: 20,
-              decorative: true,
-              className: "opacity-80"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-800 truncate", children: productName ?? "Apps" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 ${GLASS_INPUT_BG} rounded-lg px-2.5 py-1.5`, children: [
-          /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 text-gray-400 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" }) }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: searchRef,
-              value: search,
-              onChange: (e) => setSearch(e.target.value),
-              placeholder: "Search...",
-              className: "flex-1 bg-transparent text-xs outline-none placeholder-gray-400"
-            }
-          ),
-          search && /* @__PURE__ */ jsx("button", { onClick: () => setSearch(""), className: "text-gray-400 hover:text-gray-600 text-xs", children: "\xD7" })
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-1 pb-1", children: search.length >= 2 ? (
-          // Search results take over the body.
-          /* @__PURE__ */ jsx("div", { children: searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-xs text-gray-400", children: "No matches" }) : searchResults.map((r) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => select(r),
-              className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-              children: [
-                iconEl(r.to),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: r.label })
-              ]
-            },
-            r.to
-          )) })
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          topItems.map(renderItem),
-          topItems.length > 0 && (erpSections.length > 0 || systemSections.length > 0 || virtualSections.length > 0) && /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 my-1.5 mx-2" }),
-          erpSections.map((s) => renderSectionAccordion(s, true)),
-          systemSections.map((s) => renderSectionAccordion(s, false)),
-          virtualSections.map((v) => renderSectionAccordion(v, false, true)),
-          (footerSections.length > 0 || footerItems.length > 0) && /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 my-1.5 mx-2" }),
-          footerSections.map((s) => renderSectionAccordion(s, false)),
-          footerItems.map(renderItem)
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 p-1 shrink-0", children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            onClick: () => handleClick("/profile"),
-            className: "rounded-lg px-2 py-1.5 flex items-center gap-2.5 hover:bg-blue-50 hover:text-blue-700 transition-colors cursor-pointer",
-            children: [
-              profile?.avatar_url ? /* @__PURE__ */ jsx("img", { src: profile.avatar_url, alt: "", className: "h-8 w-8 rounded-full object-cover border border-white/20 shrink-0" }) : /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center text-sm font-bold text-blue-700 shrink-0", children: (profile?.first_name?.charAt(0) || user?.email?.charAt(0) || "?").toUpperCase() }),
-              /* @__PURE__ */ jsx("p", { className: "flex-1 min-w-0 text-sm font-medium text-gray-900 truncate", children: profile?.first_name ? `${profile.first_name} ${profile.last_name || ""}`.trim() : user?.email }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onLogout();
-                  },
-                  title: "Sign Out",
-                  className: "shrink-0 p-1.5 rounded-md text-gray-500 hover:text-red-600 hover:bg-red-50 transition-colors",
-                  children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" }) })
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-export { Sidebar as default };
-//# sourceMappingURL=Sidebar-BPU7RCZP.js.map
-//# sourceMappingURL=Sidebar-BPU7RCZP.js.map

package/dist/Sidebar-BPU7RCZP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shell/Sidebar.tsx"],"names":["navSections","navIcons","sectionIcons"],"mappings":"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","file":"Sidebar-BPU7RCZP.js","sourcesContent":["/**\n * Sidebar — persistent left strip used when `prefs.layout_mode === 'sidebar'`.\n *\n * Same configuration surface as <StartMenu> (navSections, navIcons,\n * sectionIcons, categories) but rendered inline:\n *   - No flyouts. Sections expand/collapse accordion-style below their\n *     header, indented one step.\n *   - No taskbar-anchored positioning — fixed full-height left strip,\n *     width pulled from `--sidebar-width`.\n *   - Right edge `rounded-r-2xl` so it matches windowed cards on the\n *     right (which use `rounded-2xl`).\n *\n * Designed for small-screen layouts where flyouts would clip and where\n * keeping the menu always-visible saves a tap to switch apps.\n */\n\nimport { useEffect, useMemo, useRef, useState, isValidElement, cloneElement, type ReactElement, type ReactNode } from 'react';\nimport {\n  navSections as defaultNavSections,\n  navIcons as defaultNavIcons,\n  sectionIcons as defaultSectionIcons,\n  startMenuCategories as defaultCategories,\n  isSection,\n  type NavSection,\n  type NavItem,\n  type StartMenuCategories,\n  type VirtualSection,\n} from '../shell-config/nav';\nimport { visibleChildren, isReachable, navVisible } from './nav-types';\nimport { useAuth } from '../contexts/AuthContext';\nimport { glassStyle, GLASS_INPUT_BG } from '../utils/glass';\nimport BrandMark from '../forms/BrandMark';\n\ninterface SidebarProps {\n  width: number;\n  openPage: (path: string) => void;\n  profile: any;\n  user: any;\n  onLogout: () => void;\n  onNavigate: (path: string) => void;\n  navSections?: (NavSection | NavItem)[];\n  navIcons?: Record<string, ReactNode>;\n  sectionIcons?: Record<string, ReactNode>;\n  categories?: StartMenuCategories;\n  productName?: string;\n  productIcon?: string;\n  adaptiveLogo?: boolean;\n  logoHasAlpha?: boolean | null;\n  logoIsLight?: boolean | null;\n}\n\nexport default function Sidebar({\n  width,\n  openPage,\n  profile,\n  user,\n  onLogout,\n  onNavigate,\n  navSections = defaultNavSections,\n  navIcons = defaultNavIcons,\n  sectionIcons = defaultSectionIcons,\n  categories = defaultCategories,\n  productName,\n  productIcon,\n  adaptiveLogo = false,\n  logoHasAlpha = null,\n  logoIsLight = null,\n}: SidebarProps) {\n  const { hasAnyPerm } = useAuth();\n  const erpLabels = new Set(categories.erp);\n  const systemLabels = new Set(categories.system);\n  const footerLabels = new Set(categories.footer ?? []);\n  // Flat rows pinned to the footer (next to the profile) — rendered inline,\n  // not as an accordion section. Mirrors StartMenu's `footerItems`.\n  const footerItems = (categories.footerItems ?? []).filter(it => navVisible(it, hasAnyPerm));\n  const virtualSections = categories.virtual ?? [];\n\n  const [search, setSearch] = useState('');\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const searchRef = useRef<HTMLInputElement>(null);\n\n  const toggleExpanded = (label: string) => {\n    setExpanded(prev => {\n      const next = new Set(prev);\n      if (next.has(label)) next.delete(label);\n      else next.add(label);\n      return next;\n    });\n  };\n\n  // Top-level items vs sections, mirroring StartMenu's split — and its\n  // permission + reachability filter on the top-level rows, which the divider\n  // below is derived from.\n  const topItems = (navSections.filter(item => !isSection(item)) as NavItem[])\n    .filter(item => navVisible(item, hasAnyPerm) && isReachable(item, hasAnyPerm));\n  const erpSections = navSections.filter(item => isSection(item) && erpLabels.has((item as NavSection).label)) as NavSection[];\n  const systemSections = navSections.filter(item => isSection(item) && systemLabels.has((item as NavSection).label)) as NavSection[];\n  const footerSections = navSections.filter(item => isSection(item) && footerLabels.has((item as NavSection).label)) as NavSection[];\n\n  const getVisibleItems = (section: { items: NavItem[]; perms?: string[]; allPerms?: string[] }) => {\n    if (!navVisible(section, hasAnyPerm)) return [];\n    return section.items\n      .filter(it => navVisible(it, hasAnyPerm))\n      // Same rule as <StartMenu>: a group whose children are all\n      // permission-hidden has nothing to expand, and its `to` is a synthetic\n      // key that never navigates — so drop it rather than leave an inert row.\n      .filter(it => isReachable(it, hasAnyPerm));\n  };\n\n  // Search across all items + sections (same flat list StartMenu uses).\n  // Walks 3rd-level children too so nested entries are still discoverable.\n  const matchTree = (it: NavItem, q: string): NavItem[] => {\n    if (!navVisible(it, hasAnyPerm)) return [];\n    if (!isReachable(it, hasAnyPerm)) return [];\n    const hits: NavItem[] = [];\n    if (it.label.toLowerCase().includes(q)) hits.push(it);\n    for (const c of visibleChildren(it, hasAnyPerm)) hits.push(...matchTree(c, q));\n    return hits;\n  };\n  const searchResults = useMemo(() => {\n    if (search.length < 2) return [] as NavItem[];\n    const q = search.toLowerCase();\n    return [\n      ...navSections.flatMap((entry) => {\n        if (isSection(entry)) {\n          return getVisibleItems(entry).flatMap(it => matchTree(it, q));\n        }\n        return matchTree(entry as NavItem, q);\n      }),\n      ...footerItems.flatMap(it => matchTree(it, q)),\n    ];\n  }, [search, navSections, footerItems, hasAnyPerm]);\n\n  // Esc collapses any expanded section + clears search; '/' focuses search.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setExpanded(new Set());\n        setSearch('');\n      } else if (e.key === '/' && document.activeElement?.tagName !== 'INPUT' && document.activeElement?.tagName !== 'TEXTAREA') {\n        e.preventDefault();\n        searchRef.current?.focus();\n      }\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, []);\n\n  const handleClick = (path: string) => {\n    onNavigate(path);\n    onPageOpenedReset();\n  };\n  // A row is a destination (`to`) unless it carries an action of its own.\n  const select = (item: NavItem) => {\n    if (item.onSelect) {\n      item.onSelect();\n      onPageOpenedReset();\n      return;\n    }\n    handleClick(item.to);\n  };\n\n  // Reset search after navigating so the next visit starts clean.\n  const onPageOpenedReset = () => {\n    setSearch('');\n  };\n\n  const itemCls = 'w-full flex items-center gap-2 rounded-lg px-3 py-2 text-sm';\n  const menuGlass = glassStyle();\n\n  // Helper that returns the (possibly recolored) per-route icon.\n  const iconEl = (to: string) => {\n    const icon = navIcons[to];\n    if (icon && isValidElement(icon)) {\n      return cloneElement(icon as ReactElement<{ className?: string }>, {\n        className: 'h-4 w-4 shrink-0 text-gray-500',\n      });\n    }\n    return <span className=\"h-4 w-4 shrink-0\" />;\n  };\n\n  const secIcon = (label: string) => {\n    const icon = sectionIcons[label];\n    if (icon && isValidElement(icon)) {\n      return cloneElement(icon as ReactElement<{ className?: string }>, {\n        className: 'h-4 w-4 shrink-0 text-gray-500',\n      });\n    }\n    return <span className=\"h-4 w-4 shrink-0\" />;\n  };\n\n  const renderItem = (item: NavItem) => (\n    <div key={item.to}>\n      <button\n        onClick={() => select(item)}\n        className={`${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`}\n      >\n        {iconEl(item.to)}\n        <span className=\"truncate\">{item.label}</span>\n      </button>\n      {item.dividerAfter && <div className=\"border-t border-white/20 my-1.5 mx-2\" />}\n    </div>\n  );\n\n  // A NavItem with children becomes its own mini-accordion, indented one step\n  // further — and so does one of ITS children, for as many levels as the nav\n  // data has. Recursion rather than a hand-written level: the version that\n  // rendered the children of a child as plain rows silently dropped everything\n  // below the third level, the same cap <StartMenu>'s flyouts used to have.\n  // Expansion key is `child:<to>` so it doesn't clash with the section labels\n  // in `expanded`.\n  const renderNestedItem = (item: NavItem): ReactNode => {\n    const kids = visibleChildren(item, hasAnyPerm).filter(k => isReachable(k, hasAnyPerm));\n    if (kids.length === 0) return renderItem(item);\n    const key = `child:${item.to}`;\n    const isOpen = expanded.has(key);\n    return (\n      <div key={item.to}>\n        <button\n          onClick={() => toggleExpanded(key)}\n          aria-expanded={isOpen}\n          className={`${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`}\n        >\n          {iconEl(item.to)}\n          <span className=\"truncate\">{item.label}</span>\n          <svg\n            className={`h-3.5 w-3.5 ml-auto text-gray-500 transition-transform ${isOpen ? 'rotate-90' : ''}`}\n            fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" />\n          </svg>\n        </button>\n        {isOpen && (\n          <div className=\"pl-4 mt-0.5 mb-1 space-y-0.5\">\n            {kids.map(c => renderNestedItem(c))}\n          </div>\n        )}\n        {item.dividerAfter && <div className=\"border-t border-white/20 my-1.5 mx-2\" />}\n      </div>\n    );\n  };\n\n  // `isVirtual` is passed, not sniffed: this used to test `'perms' in section`,\n  // which is false for a real section that sets no `perms` of its own, so every\n  // row inside one skipped the permission filter.\n  const renderSectionAccordion = (section: NavSection | VirtualSection, isErp: boolean, isVirtual = false) => {\n    const items = isVirtual\n      ? section.items\n      : getVisibleItems(section as NavSection);\n    if (items.length === 0) return null;\n    const isOpen = expanded.has(section.label);\n    return (\n      <div key={section.label}>\n        <button\n          onClick={() => toggleExpanded(section.label)}\n          aria-expanded={isOpen}\n          className={`${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`}\n        >\n          {'icon' in section && section.icon\n            ? section.icon\n            : secIcon(section.label)}\n          <span className={`truncate ${isErp ? 'font-medium' : ''}`}>{section.label}</span>\n          <svg\n            className={`h-3.5 w-3.5 ml-auto text-gray-500 transition-transform ${isOpen ? 'rotate-90' : ''}`}\n            fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" />\n          </svg>\n        </button>\n        {isOpen && (\n          <div className=\"pl-4 mt-0.5 mb-1 space-y-0.5\">\n            {items.map(it => renderNestedItem(it))}\n          </div>\n        )}\n        {'dividerAfter' in section && section.dividerAfter && <div className=\"border-t border-white/20 my-1.5 mx-2\" />}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className=\"fixed top-0 left-0 bottom-0 z-[260] flex flex-col rounded-r-2xl overflow-hidden\"\n      style={{ width, ...menuGlass }}\n    >\n      {/* Brand */}\n      <div className=\"flex items-center gap-2 px-4 py-3 border-b border-white/15 shrink-0\">\n        {productIcon && (\n          <BrandMark\n            src={productIcon}\n            alt=\"\"\n            slot=\"compact\"\n            surface=\"light\"\n            adaptive={adaptiveLogo}\n            hasAlpha={logoHasAlpha}\n            isLight={logoIsLight}\n            size={20}\n            decorative\n            className=\"opacity-80\"\n          />\n        )}\n        <span className=\"text-sm font-semibold text-gray-800 truncate\">{productName ?? 'Apps'}</span>\n      </div>\n\n      {/* Search */}\n      <div className=\"px-3 pt-3 pb-2 shrink-0\">\n        <div className={`flex items-center gap-2 ${GLASS_INPUT_BG} rounded-lg px-2.5 py-1.5`}>\n          <svg className=\"h-3.5 w-3.5 text-gray-400 shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\" />\n          </svg>\n          <input\n            ref={searchRef}\n            value={search}\n            onChange={e => setSearch(e.target.value)}\n            placeholder=\"Search...\"\n            className=\"flex-1 bg-transparent text-xs outline-none placeholder-gray-400\"\n          />\n          {search && (\n            <button onClick={() => setSearch('')} className=\"text-gray-400 hover:text-gray-600 text-xs\">×</button>\n          )}\n        </div>\n      </div>\n\n      {/* Body */}\n      <div className=\"flex-1 overflow-y-auto px-1 pb-1\">\n        {search.length >= 2 ? (\n          // Search results take over the body.\n          <div>\n            {searchResults.length === 0 ? (\n              <div className=\"px-3 py-6 text-center text-xs text-gray-400\">No matches</div>\n            ) : (\n              searchResults.map(r => (\n                <button\n                  key={r.to}\n                  onClick={() => select(r)}\n                  className={`${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`}\n                >\n                  {iconEl(r.to)}\n                  <span className=\"truncate\">{r.label}</span>\n                </button>\n              ))\n            )}\n          </div>\n        ) : (\n          <>\n            {/* Top-level apps */}\n            {topItems.map(renderItem)}\n\n            {/* Divider only when both sides have content — with every top-group\n                entry moved into the footer group the top group can be empty, and\n                an unconditional rule would collapse against the search box\n                (mirrors StartMenu's hasAppsGroup condition). */}\n            {topItems.length > 0 && (erpSections.length > 0 || systemSections.length > 0 || virtualSections.length > 0) && (\n              <div className=\"border-t border-white/15 my-1.5 mx-2\" />\n            )}\n\n            {/* ERP sections then system sections — same order as StartMenu's vertical layout. */}\n            {erpSections.map(s => renderSectionAccordion(s, true))}\n            {systemSections.map(s => renderSectionAccordion(s, false))}\n            {virtualSections.map(v => renderSectionAccordion(v, false, true))}\n            {/* Footer items + sections: pinned just above the profile, divided from the rest. */}\n            {(footerSections.length > 0 || footerItems.length > 0) && <div className=\"border-t border-white/15 my-1.5 mx-2\" />}\n            {footerSections.map(s => renderSectionAccordion(s, false))}\n            {footerItems.map(renderItem)}\n          </>\n        )}\n      </div>\n\n      {/* Profile + Sign out at the bottom — mirrors StartMenu's user row. */}\n      <div className=\"border-t border-white/15 p-1 shrink-0\">\n        <div\n          onClick={() => handleClick('/profile')}\n          className=\"rounded-lg px-2 py-1.5 flex items-center gap-2.5 hover:bg-blue-50 hover:text-blue-700 transition-colors cursor-pointer\"\n        >\n          {profile?.avatar_url ? (\n            <img src={profile.avatar_url} alt=\"\" className=\"h-8 w-8 rounded-full object-cover border border-white/20 shrink-0\" />\n          ) : (\n            <div className=\"h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center text-sm font-bold text-blue-700 shrink-0\">\n              {(profile?.first_name?.charAt(0) || user?.email?.charAt(0) || '?').toUpperCase()}\n            </div>\n          )}\n          <p className=\"flex-1 min-w-0 text-sm font-medium text-gray-900 truncate\">\n            {profile?.first_name ? `${profile.first_name} ${profile.last_name || ''}`.trim() : user?.email}\n          </p>\n          <button\n            onClick={e => { e.stopPropagation(); onLogout(); }}\n            title=\"Sign Out\"\n            className=\"shrink-0 p-1.5 rounded-md text-gray-500 hover:text-red-600 hover:bg-red-50 transition-colors\"\n          >\n            <svg className=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}