react-os-shell 0.2.62 → 0.2.64

package/dist/index.js

@@ -5,16 +5,22 @@ import { subscribePomo, getPomoSnapshot } from './chunk-MK3HLUO4.js';
 import { useGoogleAuth } from './chunk-MVWEL34Y.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-2RIRISNW.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, playLogout, setSoundForType, previewSound, setAllSounds } from './chunk-D7PYW2QS.js';
-export { EditableGrid } from './chunk-GP4Y3VCB.js';
-import { setPdfPreview } from './chunk-ST7KKB2W.js';
+import { setPdfPreview } from './chunk-BUJKR34D.js';
 import './chunk-KUIPWCTJ.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 export { toast_default as toast } from './chunk-WIJ45SYD.js';
-import { useWindowManager, glassStyle, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, startMenuCategories, useIsMobile, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons, ModalActions, useModalActive, WINDOW_REGISTRY, isPageEntry, LoadingSpinner, ThumbCard, activateModal } from './chunk-RGAFGLUW.js';
-export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, glassStyle, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellNavIcons, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-RGAFGLUW.js';
+import './chunk-MY5PL6MK.js';
+export { EditableGrid } from './chunk-GP4Y3VCB.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, useIsMobile, ModalActions, useModalActive, WINDOW_REGISTRY, isPageEntry, LoadingSpinner, ThumbCard, activateModal } from './chunk-4CFEJ4CC.js';
+export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-4CFEJ4CC.js';
 import { confirm } from './chunk-PLGHQ7QW.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-PLGHQ7QW.js';
+import { useAuth } from './chunk-ADJ3CERD.js';
+export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
+import { glassStyle, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons } from './chunk-SSA762W5.js';
+export { GLASS_DIVIDER, GLASS_INPUT_BG, glassStyle, setShellNavIcons } from './chunk-SSA762W5.js';
 import { createContext, lazy, useState, useRef, useEffect, useCallback, useLayoutEffect, useContext, Suspense, isValidElement, cloneElement, useSyncExternalStore, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
@@ -909,7 +915,7 @@ function StatusBadge({ status }) {
 }
 
 // src/version.ts
-var VERSION = "0.2.61" ;
+var VERSION = "0.2.64" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -1006,6 +1012,22 @@ var ENTITY_ICONS = {
   proposal: "PR",
   folder: "FLD"
 };
+var PREVIEW_FILE_CODES = {
+  pdf: "PDF",
+  dxf: "DXF",
+  "3d": "STP",
+  image: "IMG",
+  csv: "CSV"
+};
+var PREVIEW_FILE_COLORS = {
+  pdf: "text-red-600",
+  dxf: "text-blue-600",
+  "3d": "text-purple-600",
+  image: "text-emerald-600",
+  csv: "text-green-600"
+};
+var DOCUMENTS_FOLDER_ID = "documents";
+var DOCUMENTS_FOLDER_NAME = "Documents";
 var GRID = 90;
 function snapToGrid(x, y) {
   return { x: Math.round(x / GRID) * GRID, y: Math.round(y / GRID) * GRID };
@@ -1171,7 +1193,7 @@ function FolderWindow({ folder, items, onClose, onOpen, onMoveOut, onReorder })
                     children: /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" }) })
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { className: `w-12 h-12 rounded-lg bg-white shadow flex items-center justify-center text-xs font-bold ${ENTITY_ICON_COLORS[item.entityType] || "text-gray-600"}`, children: ENTITY_ICONS[item.entityType] || item.entityType.slice(0, 3).toUpperCase() }),
+                /* @__PURE__ */ jsx("div", { className: `w-12 h-12 rounded-lg bg-white shadow flex items-center justify-center text-xs font-bold ${item.entityType === "preview-file" && item.fileKind ? PREVIEW_FILE_COLORS[item.fileKind] : ENTITY_ICON_COLORS[item.entityType] || "text-gray-600"}`, children: item.entityType === "preview-file" && item.fileKind ? PREVIEW_FILE_CODES[item.fileKind] : ENTITY_ICONS[item.entityType] || item.entityType.slice(0, 3).toUpperCase() }),
                 /* @__PURE__ */ jsx("span", { className: `text-[10px] font-medium text-center leading-tight truncate w-full ${isSelected ? "text-blue-900" : "text-gray-700"}`, children: item.label })
               ]
             },
@@ -1317,6 +1339,32 @@ function Desktop({ profile }) {
     if (host.saveSnap) host.saveSnap(v);
     else saveShellPrefs({ desktop_snap: v });
   }, [host, saveShellPrefs]);
+  const previewStateRef = useRef({ folders, favDocs, saveFolders, saveDocs });
+  previewStateRef.current = { folders, favDocs, saveFolders, saveDocs };
+  useEffect(() => {
+    const handler = (e) => {
+      const detail = e.detail;
+      if (!detail?.filePath) return;
+      const { folders: fs, favDocs: docs, saveFolders: sf, saveDocs: sd } = previewStateRef.current;
+      if (!fs.some((f) => f.id === DOCUMENTS_FOLDER_ID)) {
+        sf([...fs, { id: DOCUMENTS_FOLDER_ID, name: DOCUMENTS_FOLDER_NAME }]);
+      }
+      const deduped = docs.filter(
+        (d) => !(d.entityType === "preview-file" && d.filePath === detail.filePath)
+      );
+      const next = {
+        entityType: "preview-file",
+        entityId: detail.filePath,
+        label: detail.filename,
+        filePath: detail.filePath,
+        fileKind: detail.kind,
+        folderId: DOCUMENTS_FOLDER_ID
+      };
+      sd([next, ...deduped]);
+    };
+    window.addEventListener(PREVIEW_OPENED_EVENT, handler);
+    return () => window.removeEventListener(PREVIEW_OPENED_EVENT, handler);
+  }, []);
   const getDefaultPos = (idx) => {
     const col = Math.floor(idx / 8);
     const row = idx % 8;
@@ -1500,6 +1548,25 @@ function Desktop({ profile }) {
   };
   useEffect(() => {
     if (!rubberBand) return;
+    const computeSelection = (minX, maxX, minY, maxY) => {
+      const sel = /* @__PURE__ */ new Set();
+      const cw = containerRef.current?.clientWidth || 800;
+      desktopItems.forEach((item, i) => {
+        const pos = getItemPos(item, i);
+        const leftX = cw - pos.right - 80;
+        if (leftX + 40 > minX && leftX < maxX && pos.top + 40 > minY && pos.top < maxY) {
+          sel.add(`item-${i}`);
+        }
+      });
+      folders.forEach((f, i) => {
+        const pos = getFolderPos(f, i);
+        const leftX = cw - pos.right - 80;
+        if (leftX + 40 > minX && leftX < maxX && pos.top + 40 > minY && pos.top < maxY) {
+          sel.add(`folder-${i}`);
+        }
+      });
+      return sel;
+    };
     const move = (e) => {
       const rect = containerRef.current?.getBoundingClientRect();
       if (!rect) return;
@@ -1509,31 +1576,15 @@ function Desktop({ profile }) {
       const dy = y - rubberBand.startY;
       if (dx * dx + dy * dy > 16) didRubberBandDragRef.current = true;
       setRubberBand((prev) => prev ? { ...prev, endX: x, endY: y } : null);
+      if (didRubberBandDragRef.current) {
+        const minX = Math.min(rubberBand.startX, x);
+        const maxX = Math.max(rubberBand.startX, x);
+        const minY = Math.min(rubberBand.startY, y);
+        const maxY = Math.max(rubberBand.startY, y);
+        setSelected(computeSelection(minX, maxX, minY, maxY));
+      }
     };
     const up = () => {
-      if (rubberBand) {
-        const minX = Math.min(rubberBand.startX, rubberBand.endX);
-        const maxX = Math.max(rubberBand.startX, rubberBand.endX);
-        const minY = Math.min(rubberBand.startY, rubberBand.endY);
-        const maxY = Math.max(rubberBand.startY, rubberBand.endY);
-        const sel = /* @__PURE__ */ new Set();
-        const cw = containerRef.current?.clientWidth || 800;
-        desktopItems.forEach((item, i) => {
-          const pos = getItemPos(item, i);
-          const leftX = cw - pos.right - 80;
-          if (leftX + 40 > minX && leftX < maxX && pos.top + 40 > minY && pos.top < maxY) {
-            sel.add(`item-${i}`);
-          }
-        });
-        folders.forEach((f, i) => {
-          const pos = getFolderPos(f, i);
-          const leftX = cw - pos.right - 80;
-          if (leftX + 40 > minX && leftX < maxX && pos.top + 40 > minY && pos.top < maxY) {
-            sel.add(`folder-${i}`);
-          }
-        });
-        setSelected(sel);
-      }
       setRubberBand(null);
     };
     window.addEventListener("pointermove", move);
@@ -1720,26 +1771,31 @@ function Desktop({ profile }) {
     purple: "bg-purple-100 border-purple-300",
     orange: "bg-orange-100 border-orange-300"
   };
-  const renderIcon = (entityType, label, isSelected, entityId) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 w-20 p-2", children: [
-    entityType === "folder" ? /* @__PURE__ */ jsx("div", { className: `w-12 h-12 flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: /* @__PURE__ */ jsxs("svg", { className: "h-12 w-12 drop-shadow-[0_2px_3px_rgba(0,0,0,0.3)]", viewBox: "0 0 48 48", children: [
-      /* @__PURE__ */ jsx("path", { d: "M6 12a4 4 0 014-4h10l4 4h14a4 4 0 014 4v20a4 4 0 01-4 4H10a4 4 0 01-4-4V12z", fill: "white", stroke: "#eab308", strokeWidth: "2", strokeLinejoin: "round" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 18h36", stroke: "#eab308", strokeWidth: "1.5" })
-    ] }) }) : entityType === "page" ? /* @__PURE__ */ jsx("div", { className: `w-12 h-12 flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: (() => {
-      const icon = navIcons[label] || (entityId ? navIcons[entityId] : void 0);
-      if (icon && isValidElement(icon)) {
-        return cloneElement(icon, { className: "h-10 w-10 text-white drop-shadow-[0_2px_3px_rgba(0,0,0,0.4)]" });
-      }
-      return /* @__PURE__ */ jsx("svg", { className: "h-10 w-10 text-white drop-shadow-[0_2px_3px_rgba(0,0,0,0.4)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6z" }) });
-    })() }) : /* @__PURE__ */ jsxs("div", { className: `w-12 h-12 relative flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: [
-      /* @__PURE__ */ jsxs("svg", { className: `w-10 h-12 drop-shadow-[0_2px_3px_rgba(0,0,0,0.3)] ${ENTITY_ICON_COLORS[entityType] || "text-gray-500"}`, viewBox: "0 0 40 48", fill: "none", children: [
-        /* @__PURE__ */ jsx("path", { d: "M4 0h22l10 10v34a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4z", fill: "white", fillOpacity: "0.92" }),
-        /* @__PURE__ */ jsx("path", { d: "M26 0l10 10H30a4 4 0 01-4-4V0z", fill: "currentColor", fillOpacity: "0.2" }),
-        /* @__PURE__ */ jsx("path", { d: "M4 0h22l10 10v34a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4z", stroke: "currentColor", strokeWidth: "1.5", strokeOpacity: "0.5" })
+  const renderIcon = (entityType, label, isSelected, entityId, fileKind) => {
+    const isPreviewFile = entityType === "preview-file" && fileKind;
+    const previewColor2 = isPreviewFile ? PREVIEW_FILE_COLORS[fileKind] : null;
+    const previewCode = isPreviewFile ? PREVIEW_FILE_CODES[fileKind] : null;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 w-20 p-2", children: [
+      entityType === "folder" ? /* @__PURE__ */ jsx("div", { className: `w-12 h-12 flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: /* @__PURE__ */ jsxs("svg", { className: "h-12 w-12 drop-shadow-[0_2px_3px_rgba(0,0,0,0.3)]", viewBox: "0 0 48 48", children: [
+        /* @__PURE__ */ jsx("path", { d: "M6 12a4 4 0 014-4h10l4 4h14a4 4 0 014 4v20a4 4 0 01-4 4H10a4 4 0 01-4-4V12z", fill: "white", stroke: "#eab308", strokeWidth: "2", strokeLinejoin: "round" }),
+        /* @__PURE__ */ jsx("path", { d: "M6 18h36", stroke: "#eab308", strokeWidth: "1.5" })
+      ] }) }) : entityType === "page" ? /* @__PURE__ */ jsx("div", { className: `w-12 h-12 flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: (() => {
+        const icon = navIcons[label] || (entityId ? navIcons[entityId] : void 0);
+        if (icon && isValidElement(icon)) {
+          return cloneElement(icon, { className: "h-10 w-10 text-white drop-shadow-[0_2px_3px_rgba(0,0,0,0.4)]" });
+        }
+        return /* @__PURE__ */ jsx("svg", { className: "h-10 w-10 text-white drop-shadow-[0_2px_3px_rgba(0,0,0,0.4)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6z" }) });
+      })() }) : /* @__PURE__ */ jsxs("div", { className: `w-12 h-12 relative flex items-center justify-center ${isSelected ? "rounded-lg bg-blue-400/30 ring-2 ring-blue-500" : ""}`, children: [
+        /* @__PURE__ */ jsxs("svg", { className: `w-10 h-12 drop-shadow-[0_2px_3px_rgba(0,0,0,0.3)] ${previewColor2 ?? ENTITY_ICON_COLORS[entityType] ?? "text-gray-500"}`, viewBox: "0 0 40 48", fill: "none", children: [
+          /* @__PURE__ */ jsx("path", { d: "M4 0h22l10 10v34a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4z", fill: "white", fillOpacity: "0.92" }),
+          /* @__PURE__ */ jsx("path", { d: "M26 0l10 10H30a4 4 0 01-4-4V0z", fill: "currentColor", fillOpacity: "0.2" }),
+          /* @__PURE__ */ jsx("path", { d: "M4 0h22l10 10v34a4 4 0 01-4 4H4a4 4 0 01-4-4V4a4 4 0 014-4z", stroke: "currentColor", strokeWidth: "1.5", strokeOpacity: "0.5" })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: `absolute inset-0 flex items-center justify-center text-[9px] font-bold pt-2 ${previewColor2 ?? ENTITY_ICON_COLORS[entityType] ?? "text-gray-600"}`, children: previewCode ?? ENTITY_ICONS[entityType] ?? entityType.slice(0, 3).toUpperCase() })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: `absolute inset-0 flex items-center justify-center text-[9px] font-bold pt-2 ${ENTITY_ICON_COLORS[entityType] || "text-gray-600"}`, children: ENTITY_ICONS[entityType] || entityType.slice(0, 3).toUpperCase() })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: `text-[10px] font-medium text-center leading-tight w-full drop-shadow-[0_1px_2px_rgba(0,0,0,0.8)] ${isSelected ? "text-blue-200 bg-blue-600/60 rounded px-1" : "text-white"}`, children: label })
-  ] });
+      /* @__PURE__ */ jsx("span", { className: `text-[10px] font-medium text-center leading-tight w-full drop-shadow-[0_1px_2px_rgba(0,0,0,0.8)] ${isSelected ? "text-blue-200 bg-blue-600/60 rounded px-1" : "text-white"}`, children: label })
+    ] });
+  };
   const menuStyle = (x, y) => ({
     ...x + 180 > window.innerWidth ? { right: window.innerWidth - x } : { left: x },
     ...y + 250 > window.innerHeight ? { bottom: window.innerHeight - y } : { top: y }
@@ -1862,10 +1918,21 @@ function Desktop({ profile }) {
               onContextMenu: (e) => handleItemContextMenu(e, i),
               onDoubleClick: (e) => {
                 e.stopPropagation();
-                doc.entityType === "page" ? openPage(doc.entityId) : openEntity(doc.entityType, doc.entityId, null, doc.label);
+                if (doc.entityType === "preview-file" && doc.filePath && doc.fileKind) {
+                  openPreviewFile({
+                    filePath: doc.filePath,
+                    filename: doc.label,
+                    kind: doc.fileKind,
+                    onStaged: (route) => openPage(route)
+                  });
+                } else if (doc.entityType === "page") {
+                  openPage(doc.entityId);
+                } else {
+                  openEntity(doc.entityType, doc.entityId, null, doc.label);
+                }
               },
               className: "cursor-default select-none",
-              children: renderIcon(doc.entityType, doc.label, isSelected, doc.entityId)
+              children: renderIcon(doc.entityType, doc.label, isSelected, doc.entityId, doc.fileKind)
             },
             `item-${doc.entityType}-${doc.entityId}-${i}`
           );
@@ -2157,7 +2224,18 @@ function Desktop({ profile }) {
               folder,
               items: folderItems(openFolder),
               onClose: () => setOpenFolder(null),
-              onOpen: (item) => openEntity(item.entityType, item.entityId, null, item.label),
+              onOpen: (item) => {
+                if (item.entityType === "preview-file" && item.filePath && item.fileKind) {
+                  openPreviewFile({
+                    filePath: item.filePath,
+                    filename: item.label,
+                    kind: item.fileKind,
+                    onStaged: (route) => openPage(route)
+                  });
+                } else {
+                  openEntity(item.entityType, item.entityId, null, item.label);
+                }
+              },
               onMoveOut: (toMove) => {
                 const ids = new Set(toMove.map((t) => `${t.entityType}|${t.entityId}`));
                 const updated = favDocs.map(
@@ -2251,29 +2329,6 @@ function Desktop({ profile }) {
     }
   );
 }
-var DEFAULT = { hasAnyPerm: () => true };
-var ShellAuthContext = createContext(DEFAULT);
-function ShellAuthProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(ShellAuthContext.Provider, { value, children });
-}
-function useShellAuth() {
-  return useContext(ShellAuthContext);
-}
-
-// src/contexts/AuthContext.tsx
-var _authBridge = {};
-function setShellAuthBridge(bridge) {
-  _authBridge = bridge;
-}
-function useAuth() {
-  const { hasAnyPerm } = useShellAuth();
-  return {
-    user: _authBridge.user,
-    logout: _authBridge.logout ?? (() => {
-    }),
-    hasAnyPerm
-  };
-}
 function subscribeMediaQuery(cb) {
   const mq = window.matchMedia("(prefers-color-scheme: dark)");
   mq.addEventListener("change", cb);
@@ -2997,231 +3052,6 @@ function StartMenu({
       ` })
   ] });
 }
-function Sidebar({
-  width,
-  openPage,
-  profile,
-  user,
-  onLogout,
-  onNavigate,
-  navSections: navSections2 = navSections,
-  navIcons: navIcons2 = navIcons,
-  sectionIcons: sectionIcons2 = sectionIcons,
-  categories = startMenuCategories,
-  productName,
-  productIcon
-}) {
-  const { hasAnyPerm } = useAuth();
-  const erpLabels = new Set(categories.erp);
-  const systemLabels = new Set(categories.system);
-  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));
-  const erpSections = navSections2.filter((item) => isSection(item) && erpLabels.has(item.label));
-  const systemSections = navSections2.filter((item) => isSection(item) && systemLabels.has(item.label));
-  const getVisibleItems = (section) => {
-    if (section.perms && !hasAnyPerm(section.perms)) return [];
-    return section.items.filter((it) => !it.perms || hasAnyPerm(it.perms));
-  };
-  const searchResults = useMemo(() => {
-    if (search.length < 2) return [];
-    const q = search.toLowerCase();
-    return navSections2.flatMap((entry) => {
-      if (isSection(entry)) {
-        return getVisibleItems(entry).filter((it) => it.label.toLowerCase().includes(q));
-      }
-      return entry.label.toLowerCase().includes(q) ? [entry] : [];
-    });
-  }, [search, navSections2, 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 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: () => handleClick(item.to),
-        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 renderSectionAccordion = (section, isErp) => {
-    const items = "perms" in section ? getVisibleItems(section) : section.items;
-    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) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => handleClick(it.to),
-          className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-          children: [
-            iconEl(it.to),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: it.label })
-          ]
-        },
-        it.to
-      )) })
-    ] }, 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("img", { src: productIcon, alt: "", className: "h-5 w-5 shrink-0 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: () => handleClick(r.to),
-              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),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => handleClick("/notifications"),
-              className: `${itemCls} text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors`,
-              children: [
-                /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 shrink-0 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" }) }),
-                /* @__PURE__ */ jsx("span", { children: "Notifications" })
-              ]
-            }
-          ),
-          /* @__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))
-        ] }) }),
-        /* @__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" }) })
-                }
-              )
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
 
 // src/shell/mobileShellStore.ts
 var _mode = "home";
@@ -3985,6 +3815,7 @@ function MobileBottomNav({
     }
   );
 }
+var Sidebar = lazy(() => import('./Sidebar-4V6NQROQ.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -4184,7 +4015,7 @@ function Layout({
   taskbarTrayLeft
 } = {}) {
   const bugReport = useBugReport();
-  const { user, logout} = useAuth();
+  const { user, logout, hasAnyPerm } = useAuth();
   const { openPage, openEntity, openWindows } = useWindowManager();
   const [menuOpen, setMenuOpen] = useState(false);
   useEmailUnreadCount();
@@ -4373,7 +4204,7 @@ function Layout({
         categories
       }
     ),
-    sidebarMode && /* @__PURE__ */ jsx(
+    sidebarMode && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       Sidebar,
       {
         width: sidebarWidth,
@@ -4389,7 +4220,7 @@ function Layout({
         productName,
         productIcon
       }
-    ),
+    ) }),
     (() => {
       const wallpaperStyle = {
         backgroundColor: desktopBg?.startsWith("#") ? desktopBg : desktopBg === "none" ? (() => {
@@ -5127,6 +4958,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, GlobalSearch, Layout, MOD, NotificationBell, SHIFT, ShellAuthProvider, ShellEntityFetcherProvider, ShortcutHelp, StartMenu, StatusBadge, StatusBadgeProvider, VERSION, createWindowRegistry, isMac, openBugReportDialog, reportBug, setShellAuthBridge, useBugReport, useClickOutside, useDesktopHost, useEditHotkey, useNewHotkey, useShellAuth, useShellEntityFetcher };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, GlobalSearch, Layout, MOD, NotificationBell, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, StartMenu, StatusBadge, StatusBadgeProvider, VERSION, createWindowRegistry, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useDesktopHost, useEditHotkey, useNewHotkey, useShellEntityFetcher };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map