react-os-shell 2.5.0 → 2.7.0

package/dist/{chunk-TJ6N7SI5.js → chunk-JNF5VRPB.js}

@@ -1,6 +1,6 @@
 import { confirm } from './chunk-UBN4IUDE.js';
 import { glassStyle, GLASS_DIVIDER, navIcons } from './chunk-ZF6AYO4G.js';
-import { createContext, Component, useRef, useEffect, useSyncExternalStore, useContext, useState, useCallback, isValidElement, cloneElement, useLayoutEffect, Suspense, useMemo } from 'react';
+import { createContext, Component, useRef, useEffect, useSyncExternalStore, useState, useCallback, useContext, isValidElement, cloneElement, useLayoutEffect, Suspense } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useLocation } from 'react-router-dom';
 import { createPortal } from 'react-dom';
@@ -260,7 +260,45 @@ function subscribeSwipingParentKey(cb) {
     subs.delete(cb);
   };
 }
+var ShellPrefsContext = createContext(null);
+function ShellPrefsProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ShellPrefsContext.Provider, { value, children });
+}
+function useLocalStoragePrefs(storageKey = "react-os-shell:prefs", defaults) {
+  const [prefs, setPrefs] = useState(() => {
+    try {
+      const stored = JSON.parse(localStorage.getItem(storageKey) || "{}");
+      return { ...defaults ?? {}, ...stored };
+    } catch {
+      return { ...defaults ?? {} };
+    }
+  });
+  const save = useCallback((patch) => {
+    setPrefs((prev) => {
+      const next = { ...prev, ...patch };
+      try {
+        localStorage.setItem(storageKey, JSON.stringify(next));
+      } catch {
+      }
+      return next;
+    });
+  }, [storageKey]);
+  return { prefs, save };
+}
+function useShellPrefs() {
+  const ctx = useContext(ShellPrefsContext);
+  if (ctx) return ctx;
+  return { prefs: {}, save: () => {
+  } };
+}
 var ModalIdContext = createContext("");
+var WindowShortcutContext = createContext(null);
+function WindowShortcutProvider({ spec, children }) {
+  return /* @__PURE__ */ jsx(WindowShortcutContext.Provider, { value: spec, children });
+}
 var TITLE_STRIP_TYPES = /* @__PURE__ */ new Set(["button", "input", "textarea", "select", "kbd", "svg"]);
 function extractTitleText(node) {
   if (node == null || typeof node === "boolean") return "";
@@ -877,6 +915,15 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
   const [touched, setTouched] = useState(false);
   const [pinnedOnTop, setPinnedOnTop] = useState(false);
   const [windowMenu, setWindowMenu] = useState(null);
+  const shortcutSpec = useContext(WindowShortcutContext);
+  const { prefs: shellPrefs, save: saveShellPrefs } = useShellPrefs();
+  const favDocs = shellPrefs.favorite_documents || [];
+  const isOnDesktop = !!shortcutSpec && favDocs.some((d) => d.entityType === shortcutSpec.entityType && d.entityId === shortcutSpec.entityId);
+  const toggleDesktopShortcut = useCallback(() => {
+    if (!shortcutSpec) return;
+    const next = isOnDesktop ? favDocs.filter((d) => !(d.entityType === shortcutSpec.entityType && d.entityId === shortcutSpec.entityId)) : [...favDocs, { entityType: shortcutSpec.entityType, entityId: shortcutSpec.entityId, label: shortcutSpec.label }];
+    saveShellPrefs({ favorite_documents: next });
+  }, [shortcutSpec, isOnDesktop, favDocs, saveShellPrefs]);
   const [ctxMenu, setCtxMenu] = useState(null);
   const [widgetAnchor, setWidgetAnchor] = useState(initialPosition === "top-right" ? "right" : "left");
   const closingRef = useRef(false);
@@ -1804,6 +1851,13 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 ${pinnedOnTop ? "text-blue-600" : "text-gray-400"}`, fill: pinnedOnTop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" }) }),
       pinnedOnTop ? "Unpin from Top" : "Pin on Top"
     ] }),
+    shortcutSpec && /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
+      setWindowMenu(null);
+      toggleDesktopShortcut();
+    }, children: [
+      /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 ${isOnDesktop ? "text-yellow-500" : "text-gray-400"}`, fill: isOnDesktop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" }) }),
+      isOnDesktop ? "Remove from Desktop" : "Add to Desktop"
+    ] }),
     (_extraMenuItems[modalId] || []).length > 0 && /* @__PURE__ */ jsx(Fragment, { children: (_extraMenuItems[modalId] || []).map((item, i) => /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
       setWindowMenu(null);
       item.onClick();
@@ -1820,10 +1874,13 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       "Close"
     ] })
   ] });
-  return createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
-    content,
-    windowMenuEl
-  ] }), document.body);
+  return createPortal(
+    /* @__PURE__ */ jsxs(WindowShortcutContext.Provider, { value: null, children: [
+      content,
+      windowMenuEl
+    ] }),
+    document.body
+  );
 }
 function LoadingSpinner() {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-gray-400", children: "Loading..." });
@@ -1849,32 +1906,18 @@ var MinimizedContext = createContext({
 function useWindowManager() {
   return useContext(MinimizedContext);
 }
-function DesktopShortcutMenuItem({ item }) {
-  const queryClient = useQueryClient();
-  const { data: profile } = useQuery({ queryKey: ["my-profile-sidebar"], enabled: isShellApiClientConfigured(), queryFn: () => client_default.get("/auth/me/").then((r) => r.data) });
-  const favDocs = (profile?.preferences || {}).favorite_documents || [];
-  const favType = item.type === "page" ? "page" : item.entityType || "";
-  const favId = item.type === "page" ? item.route || "" : item.entityId || "";
-  const isFav = favDocs.some((d) => d.entityType === favType && d.entityId === favId);
-  const toggle = useCallback(() => {
-    const next = isFav ? favDocs.filter((d) => !(d.entityType === favType && d.entityId === favId)) : [...favDocs, { entityType: favType, entityId: favId, label: item.label }];
-    client_default.patch("/auth/me/", { preferences: { favorite_documents: next } }).then(() => {
-      queryClient.invalidateQueries({ queryKey: ["my-profile-sidebar"] });
-    });
-  }, [isFav, favDocs, favType, favId, item.label, queryClient]);
-  const icon = useMemo(() => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: isFav ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" }) }), [isFav]);
-  useWindowMenuItem(isFav ? "Remove from Desktop" : "Add to Desktop", toggle, icon);
-  return null;
+function shortcutSpecFor(item) {
+  const entityType = item.type === "page" ? "page" : item.entityType || "";
+  const entityId = item.type === "page" ? item.route || "" : item.entityId || "";
+  if (!entityType || !entityId) return null;
+  return { entityType, entityId, label: item.label };
 }
 function PageWindow({ item, onClose }) {
   const raw = WINDOW_REGISTRY[item.route];
   if (!raw || !isPageEntry(raw)) return null;
   const entry = raw;
   const Component2 = entry.component;
-  return /* @__PURE__ */ jsxs(Modal, { open: true, onClose, icon: navIcons[item.route], title: entry.label, size: entry.size || "2xl", allowPinOnTop: entry.allowPinOnTop, initialPosition: entry.initialPosition, widget: entry.widget, compact: entry.compact, appStyle: entry.appStyle, flushBody: entry.flushBody, autoHeight: entry.autoHeight, autoMinHeight: entry.autoMinHeight, dimensions: entry.dimensions, windowKey: item.id, openedFromKey: item.openedFrom, children: [
-    /* @__PURE__ */ jsx(DesktopShortcutMenuItem, { item }),
-    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }), children: /* @__PURE__ */ jsx(Component2, {}) })
-  ] });
+  return /* @__PURE__ */ jsx(Modal, { open: true, onClose, icon: navIcons[item.route], title: entry.label, size: entry.size || "2xl", allowPinOnTop: entry.allowPinOnTop, initialPosition: entry.initialPosition, widget: entry.widget, compact: entry.compact, appStyle: entry.appStyle, flushBody: entry.flushBody, autoHeight: entry.autoHeight, autoMinHeight: entry.autoMinHeight, dimensions: entry.dimensions, windowKey: item.id, openedFromKey: item.openedFrom, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }), children: /* @__PURE__ */ jsx(Component2, {}) }) });
 }
 function DocFavStar({ entityType, entityId, label }) {
   const queryClient = useQueryClient();
@@ -1944,7 +1987,7 @@ function RestoredRegistryModal({ item, onClose, onMinimize }) {
     }
     return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: isLoading && !entity ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : entity ? entry.render(entity, handleClose, item.entityId, editing, setEditing) : /* @__PURE__ */ jsx(Modal, { open: true, onClose, title: item.label, size: entry.size || "2xl", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 py-8 text-center", children: "Not found." }) }) });
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Modal,
     {
       open: true,
@@ -1961,10 +2004,7 @@ function RestoredRegistryModal({ item, onClose, onMinimize }) {
       autoHeight: entry.autoHeight,
       autoMinHeight: entry.autoMinHeight,
       appStyle: entry.appStyle,
-      children: [
-        /* @__PURE__ */ jsx(DesktopShortcutMenuItem, { item }),
-        /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: entry.selfFetching ? entry.render(null, handleClose, item.entityId, editing, setEditing) : isLoading && !entity ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : entity ? entry.render(entity, handleClose, item.entityId, editing, setEditing) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 py-8 text-center", children: "Not found." }) })
-      ]
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: entry.selfFetching ? entry.render(null, handleClose, item.entityId, editing, setEditing) : isLoading && !entity ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : entity ? entry.render(entity, handleClose, item.entityId, editing, setEditing) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 py-8 text-center", children: "Not found." }) })
     }
   );
 }
@@ -2447,7 +2487,7 @@ function WindowManagerProvider({ children }) {
       WindowErrorBoundary,
       {
         fallback: (error, reset) => /* @__PURE__ */ jsx(Modal, { open: true, onClose: () => closeEntity(item.id), title: item.label, size: "md", autoHeight: true, windowKey: item.id, children: /* @__PURE__ */ jsx(WindowCrashedFallback, { error, onReload: reset }) }),
-        children: item.type === "page" ? /* @__PURE__ */ jsx(PageWindow, { item, onClose: () => closeEntity(item.id) }) : /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(WindowShortcutProvider, { spec: shortcutSpecFor(item), children: item.type === "page" ? /* @__PURE__ */ jsx(PageWindow, { item, onClose: () => closeEntity(item.id) }) : /* @__PURE__ */ jsx(
           RestoredRegistryModal,
           {
             item,
@@ -2455,13 +2495,13 @@ function WindowManagerProvider({ children }) {
             onMinimize: () => {
             }
           }
-        )
+        ) })
       },
       item.id
     ))
   ] });
 }
 
-export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-TJ6N7SI5.js.map
-//# sourceMappingURL=chunk-TJ6N7SI5.js.map
+export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, ThumbCard, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-JNF5VRPB.js.map
+//# sourceMappingURL=chunk-JNF5VRPB.js.map