react-os-shell 0.2.62 → 0.2.63

package/dist/index.js

@@ -6,15 +6,19 @@ import { useGoogleAuth } from './chunk-MVWEL34Y.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.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-TRYZ75AV.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 { useAuth } from './chunk-ADJ3CERD.js';
+export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.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-ONQJGZCL.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-ONQJGZCL.js';
 import { confirm } from './chunk-PLGHQ7QW.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-PLGHQ7QW.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 +913,7 @@ function StatusBadge({ status }) {
 }
 
 // src/version.ts
-var VERSION = "0.2.61" ;
+var VERSION = "0.2.62" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -2251,29 +2255,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 +2978,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 +3741,7 @@ function MobileBottomNav({
     }
   );
 }
+var Sidebar = lazy(() => import('./Sidebar-4V6NQROQ.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -4184,7 +3941,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 +4130,7 @@ function Layout({
         categories
       }
     ),
-    sidebarMode && /* @__PURE__ */ jsx(
+    sidebarMode && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       Sidebar,
       {
         width: sidebarWidth,
@@ -4389,7 +4146,7 @@ function Layout({
         productName,
         productIcon
       }
-    ),
+    ) }),
     (() => {
       const wallpaperStyle = {
         backgroundColor: desktopBg?.startsWith("#") ? desktopBg : desktopBg === "none" ? (() => {
@@ -5127,6 +4884,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