react-os-shell 0.2.60 → 0.2.63

package/dist/{chunk-FBOBSZM5.js → chunk-ONQJGZCL.js}

@@ -1,4 +1,5 @@
 import { confirm } from './chunk-PLGHQ7QW.js';
+import { glassStyle, GLASS_DIVIDER, navIcons } from './chunk-SSA762W5.js';
 import 'axios';
 import { createContext, useRef, useEffect, useSyncExternalStore, useContext, useState, useCallback, isValidElement, cloneElement, useLayoutEffect, Suspense, useMemo } from 'react';
 import { useLocation } from 'react-router-dom';
@@ -7,36 +8,6 @@ import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { XMarkIcon } from '@heroicons/react/24/outline';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// src/shell/nav-types.ts
-function isSection(item) {
-  return "items" in item;
-}
-
-// src/shell-config/nav.tsx
-var _navIcons = {};
-var navIcons = new Proxy(_navIcons, {
-  get(_t, k) {
-    return _navIcons[k];
-  },
-  has(_t, k) {
-    return k in _navIcons;
-  },
-  ownKeys() {
-    return Object.keys(_navIcons);
-  },
-  getOwnPropertyDescriptor(_t, k) {
-    if (k in _navIcons) return { configurable: true, enumerable: true, value: _navIcons[k] };
-    return void 0;
-  }
-});
-function setShellNavIcons(icons) {
-  for (const k of Object.keys(_navIcons)) delete _navIcons[k];
-  Object.assign(_navIcons, icons);
-}
-var sectionIcons = {};
-var navSections = [];
-var startMenuCategories = { erp: [], system: [], virtual: [] };
-
 // src/windowRegistry/types.ts
 function isPageEntry(entry) {
   return "component" in entry;
@@ -92,44 +63,6 @@ var apiClient = new Proxy({}, {
   }
 });
 var client_default = apiClient;
-
-// src/utils/glass.ts
-function getMenuOpacity() {
-  try {
-    const val = getComputedStyle(document.documentElement).getPropertyValue("--menu-opacity")?.trim();
-    if (val) return parseFloat(val);
-  } catch {
-  }
-  return 0.95;
-}
-function isDarkTheme() {
-  try {
-    return document.documentElement.getAttribute("data-theme") === "dark";
-  } catch {
-    return false;
-  }
-}
-function glassStyle(opacity) {
-  const o = opacity ?? getMenuOpacity();
-  if (isDarkTheme()) {
-    return {
-      background: `linear-gradient(135deg, rgba(30,30,46,${o * 0.85}) 0%, rgba(24,24,37,${o * 0.75}) 50%, rgba(30,30,46,${o * 0.85}) 100%)`,
-      backdropFilter: "blur(40px) saturate(1.6)",
-      WebkitBackdropFilter: "blur(40px) saturate(1.6)",
-      border: "1px solid rgba(255,255,255,0.08)",
-      boxShadow: "inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.4), 0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3)"
-    };
-  }
-  return {
-    background: `linear-gradient(135deg, rgba(255,255,255,${o * 0.85}) 0%, rgba(255,255,255,${o * 0.65}) 50%, rgba(255,255,255,${o * 0.75}) 100%)`,
-    backdropFilter: "blur(40px) saturate(1.8)",
-    WebkitBackdropFilter: "blur(40px) saturate(1.8)",
-    border: "1px solid rgba(255,255,255,0.35)",
-    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(255,255,255,0.1), 0 8px 32px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08)"
-  };
-}
-var GLASS_DIVIDER = "border-white/20";
-var GLASS_INPUT_BG = "glass-input-bg";
 function getDensity() {
   return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
 }
@@ -900,9 +833,10 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     const taskbarH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--taskbar-height")) || 0;
     const taskbarW = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--taskbar-width")) || 0;
     const tbPos = getComputedStyle(document.documentElement).getPropertyValue("--taskbar-position")?.trim() || "bottom";
-    const x = tbPos === "left" ? taskbarW : 0;
+    const sidebarW = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sidebar-width")) || 0;
+    const x = (tbPos === "left" ? taskbarW : 0) + sidebarW;
     const y = tbPos === "top" ? taskbarH : 0;
-    const w = window.innerWidth - (tbPos === "left" || tbPos === "right" ? taskbarW : 0);
+    const w = window.innerWidth - (tbPos === "left" || tbPos === "right" ? taskbarW : 0) - sidebarW;
     const h = window.innerHeight - (tbPos === "top" || tbPos === "bottom" ? taskbarH : 0);
     return { x, y, w, h };
   }, []);
@@ -1008,9 +942,27 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     }
     return initialBox ? { x: initialBox.x, y: initialBox.y, w: initialBox.w, h: initialBox.h } : calcWindowed();
   });
-  const [maximized, setMaximized] = useState(false);
+  const readAlwaysMaximizedFlag = () => {
+    if (typeof document === "undefined") return false;
+    const mode = getComputedStyle(document.documentElement).getPropertyValue("--layout-mode")?.trim();
+    return mode === "sidebar";
+  };
+  const [alwaysMaximizedRaw, setAlwaysMaximizedRaw] = useState(() => readAlwaysMaximizedFlag());
+  useEffect(() => {
+    const refresh = () => setAlwaysMaximizedRaw(readAlwaysMaximizedFlag());
+    window.addEventListener("react-os-shell:layout-mode-changed", refresh);
+    return () => window.removeEventListener("react-os-shell:layout-mode-changed", refresh);
+  }, []);
+  const alwaysMaximized = alwaysMaximizedRaw && !widget;
+  const [maximized, setMaximized] = useState(() => alwaysMaximized);
   const boxRef = useRef(box);
   boxRef.current = box;
+  useEffect(() => {
+    if (alwaysMaximized) {
+      setMaximized(true);
+      setBox(calcMaximized());
+    }
+  }, [alwaysMaximized, calcMaximized]);
   useEffect(() => {
     if (open && boxKey) {
       _windowPositions[boxKey] = box;
@@ -1075,6 +1027,10 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     if (e.target.closest("button, input, a, kbd, select, textarea")) return;
     setWindowMenu(null);
     activateModal(modalId);
+    if (alwaysMaximized) {
+      e.preventDefault();
+      return;
+    }
     e.preventDefault();
     const sx = e.clientX, sy = e.clientY;
     const panel = panelRef.current;
@@ -1466,7 +1422,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                       activeListeners.forEach((fn) => fn());
                       window.dispatchEvent(new CustomEvent("modal-reorder"));
                     }, title: "Minimize", className: "text-gray-400 hover:text-gray-600 px-1 py-0.5 rounded hover:bg-gray-200 text-xs leading-none", children: "\u2500" }),
-                    /* @__PURE__ */ jsx("button", { onClick: () => {
+                    !alwaysMaximized && /* @__PURE__ */ jsx("button", { onClick: () => {
                       if (maximized) {
                         setMaximized(false);
                         setBox(calcWindowed());
@@ -1512,7 +1468,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                     activeListeners.forEach((fn) => fn());
                     window.dispatchEvent(new CustomEvent("modal-reorder"));
                   }, title: "Minimize", className: "text-gray-400 hover:text-gray-600 text-xs px-2 py-1 rounded hover:bg-gray-200", children: "\u2500" }),
-                  /* @__PURE__ */ jsx("button", { onClick: () => {
+                  !alwaysMaximized && /* @__PURE__ */ jsx("button", { onClick: () => {
                     if (maximized) {
                       setMaximized(false);
                       setBox(calcWindowed());
@@ -1642,7 +1598,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 12h-15" }) }),
         "Minimize"
       ] }),
-      maximized ? /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
+      !alwaysMaximized && (maximized ? /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
         setMaximized(false);
         setBox(calcWindowed());
         setWindowMenu(null);
@@ -1655,7 +1611,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       }, children: [
         /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" }) }),
         "Maximize"
-      ] })
+      ] }))
     ] }),
     allowPinOnTop && /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
       setPinnedOnTop((p) => !p);
@@ -2316,6 +2272,6 @@ function WindowManagerProvider({ children }) {
   ] });
 }
 
-export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setExposeHighlight, setShellApiClient, setShellNavIcons, setShellWindowRegistry, setWindowDefaultPosition, startMenuCategories, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-FBOBSZM5.js.map
-//# sourceMappingURL=chunk-FBOBSZM5.js.map
+export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-ONQJGZCL.js.map
+//# sourceMappingURL=chunk-ONQJGZCL.js.map