react-os-shell 0.2.60 → 0.2.63

package/dist/index.js

@@ -1,20 +1,24 @@
 import { useEmailUnreadCount } from './chunk-PDFQNHW7.js';
 import { formatDate } from './chunk-NSU7OHPC.js';
 export { formatDate } from './chunk-NSU7OHPC.js';
-export { EditableGrid } from './chunk-GP4Y3VCB.js';
 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 { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, playLogout, setSoundForType, previewSound, setAllSounds } from './chunk-D7PYW2QS.js';
-import { setPdfPreview } from './chunk-6W6HAU2K.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-FBOBSZM5.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-FBOBSZM5.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.60" ;
+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);
@@ -3760,6 +3741,7 @@ function MobileBottomNav({
     }
   );
 }
+var Sidebar = lazy(() => import('./Sidebar-4V6NQROQ.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -3959,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();
@@ -3968,7 +3950,11 @@ function Layout({
   useTheme();
   const { desktopBg} = useFavorites(wallpapers);
   const { prefs, save: savePrefs } = useShellPrefs();
-  const taskbarPosition = prefs.taskbar_position || "bottom";
+  const layoutMode = prefs.layout_mode === "sidebar" ? "sidebar" : "classic";
+  const sidebarMode = layoutMode === "sidebar";
+  const sidebarWidth = sidebarMode ? 280 : 0;
+  const taskbarPositionRaw = prefs.taskbar_position || "bottom";
+  const taskbarPosition = sidebarMode ? "bottom" : taskbarPositionRaw;
   const taskbarSize = prefs.taskbar_size || "medium";
   const desktopDblClick = prefs.desktop_dblclick || "deactivate";
   const isVerticalTaskbar = taskbarPosition === "left" || taskbarPosition === "right";
@@ -3992,6 +3978,9 @@ function Layout({
     root.style.setProperty("--taskbar-height", String(taskbarH));
     root.style.setProperty("--taskbar-width", String(taskbarW));
     root.style.setProperty("--taskbar-position", taskbarPosition);
+    root.style.setProperty("--sidebar-width", String(sidebarWidth));
+    root.style.setProperty("--layout-mode", layoutMode);
+    window.dispatchEvent(new CustomEvent("react-os-shell:layout-mode-changed"));
     root.style.setProperty("--default-window-size", prefs.default_window_size || "large");
     root.style.setProperty("--window-position", prefs.window_position || "cascade");
     root.style.setProperty("--menu-density", prefs.menu_density || "normal");
@@ -4007,7 +3996,7 @@ function Layout({
     root.style.setProperty("--menu-padding-y", sv.py);
     root.style.setProperty("--window-tab-width", sv.tabW);
     root.style.setProperty("--window-tab-font-size", sv.tabFont);
-  }, [inactiveHeaderOpacity, inactiveContentOpacity, activeHeaderOpacity, activeContentOpacity, taskbarH, taskbarPosition, prefs.default_window_size, prefs.window_position, prefs.menu_density, prefs.start_menu_size]);
+  }, [inactiveHeaderOpacity, inactiveContentOpacity, activeHeaderOpacity, activeContentOpacity, taskbarH, taskbarPosition, prefs.default_window_size, prefs.window_position, prefs.menu_density, prefs.start_menu_size, sidebarWidth, layoutMode]);
   useEffect(() => {
     document.documentElement.style.setProperty("--mobile-bottom-nav", isMobile ? "100px" : "0px");
   }, [isMobile]);
@@ -4114,7 +4103,7 @@ function Layout({
       sessionStorage.removeItem("erp_startup_shown");
       logout();
     } }),
-    /* @__PURE__ */ jsx(
+    !sidebarMode && /* @__PURE__ */ jsx(
       StartMenu,
       {
         open: menuOpen,
@@ -4141,6 +4130,23 @@ function Layout({
         categories
       }
     ),
+    sidebarMode && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      Sidebar,
+      {
+        width: sidebarWidth,
+        openPage: (path) => openPage(path),
+        profile,
+        user,
+        onLogout: () => setShowLogout(true),
+        onNavigate: (path) => openPage(path),
+        navSections: navSections2,
+        navIcons: navIcons2,
+        sectionIcons: sectionIcons2,
+        categories,
+        productName,
+        productIcon
+      }
+    ) }),
     (() => {
       const wallpaperStyle = {
         backgroundColor: desktopBg?.startsWith("#") ? desktopBg : desktopBg === "none" ? (() => {
@@ -4191,14 +4197,17 @@ function Layout({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: `flex backdrop-blur-sm border-gray-200 z-[250] fixed ${isVerticalTaskbar ? `flex-col items-center ${taskbarWClass} py-3 gap-2 top-0 bottom-0 ${taskbarPosition === "left" ? "left-0 border-r" : "right-0 border-l"}` : `items-center ${taskbarHClass} px-3 gap-2 left-0 right-0 ${taskbarPosition === "top" ? "top-0 border-b" : "bottom-0 border-t"}`}`,
-            style: { backgroundColor: `rgb(var(--taskbar-bg-rgb, 243 244 246) / ${taskbarOpacity})` },
+            className: `flex backdrop-blur-sm border-gray-200 z-[250] fixed ${isVerticalTaskbar ? `flex-col items-center ${taskbarWClass} py-3 gap-2 top-0 bottom-0 ${taskbarPosition === "left" ? "left-0 border-r" : "right-0 border-l"}` : `items-center ${taskbarHClass} px-3 gap-2 right-0 ${taskbarPosition === "top" ? "top-0 border-b" : "bottom-0 border-t"}`}`,
+            style: {
+              backgroundColor: `rgb(var(--taskbar-bg-rgb, 243 244 246) / ${taskbarOpacity})`,
+              ...isVerticalTaskbar ? {} : { left: sidebarWidth }
+            },
             onContextMenu: (e) => {
               e.preventDefault();
               setTaskbarMenu({ x: e.clientX, y: e.clientY });
             },
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+              !sidebarMode && /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
                 openWindows.length === 0 && !menuOpen && !balloonDismissed && /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -4255,7 +4264,7 @@ function Layout({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx("div", { className: isVerticalTaskbar ? "h-px w-6 bg-gray-300 my-1" : "w-px h-6 bg-gray-300 mx-1" }),
+              !sidebarMode && /* @__PURE__ */ jsx("div", { className: isVerticalTaskbar ? "h-px w-6 bg-gray-300 my-1" : "w-px h-6 bg-gray-300 mx-1" }),
               /* @__PURE__ */ jsx("div", { id: "taskbar-windows", className: `flex-1 flex ${isVerticalTaskbar ? "flex-col items-center gap-1 min-h-0 overflow-y-auto w-full" : "items-center gap-1.5 min-w-0 overflow-x-auto"}` }),
               /* @__PURE__ */ jsx("div", { className: isVerticalTaskbar ? "h-px w-6 bg-gray-300 my-1" : "w-px h-6 bg-gray-300 mx-1" }),
               isVerticalTaskbar ? (
@@ -4624,6 +4633,25 @@ function Customization() {
         ] }, item.key);
       }) })
     ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-3", children: "Layout Mode" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mb-3", children: "Sidebar mode is designed for small screens \u2014 windows always run maximized and the start menu lives in a persistent left sidebar (sections expand inline instead of opening flyouts)." }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [
+        { key: "classic", label: "Classic" },
+        { key: "sidebar", label: "Sidebar" }
+      ].map((m) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            savePref("layout_mode", m.key);
+            if (m.key === "sidebar") savePref("default_window_size", "maximized");
+          },
+          className: `px-3 py-1.5 text-xs font-medium rounded-lg border transition-colors ${(prefs.layout_mode || "classic") === m.key ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
+          children: m.label
+        },
+        m.key
+      )) })
+    ] }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-3", children: "Taskbar" }),
       /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -4632,7 +4660,9 @@ function Customization() {
           "button",
           {
             onClick: () => savePref("taskbar_position", pos),
-            className: `px-3 py-1.5 text-xs font-medium rounded-lg border transition-colors ${(prefs.taskbar_position || "bottom") === pos ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
+            disabled: prefs.layout_mode === "sidebar",
+            title: prefs.layout_mode === "sidebar" ? "Sidebar mode forces a horizontal taskbar." : void 0,
+            className: `px-3 py-1.5 text-xs font-medium rounded-lg border transition-colors disabled:opacity-40 disabled:cursor-not-allowed ${(prefs.taskbar_position || "bottom") === pos ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
             children: pos.charAt(0).toUpperCase() + pos.slice(1)
           },
           pos
@@ -4854,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