react-os-shell 0.2.2 → 0.2.20

package/dist/{chunk-7P6DO3NC.js → chunk-QXY6ZHRX.js}

@@ -69,14 +69,26 @@ var _apiClient = null;
 function setShellApiClient(instance) {
   _apiClient = instance;
 }
+function isShellApiClientConfigured() {
+  return _apiClient !== null;
+}
+var NOOP_METHODS = /* @__PURE__ */ new Set([
+  "get",
+  "post",
+  "put",
+  "patch",
+  "delete",
+  "head",
+  "options",
+  "request"
+]);
 var apiClient = new Proxy({}, {
   get(_t, prop) {
-    if (!_apiClient) {
-      throw new Error(
-        `react-os-shell: apiClient.${String(prop)}() called before setShellApiClient(). Wire your axios instance once at app startup.`
-      );
+    if (_apiClient) return _apiClient[prop];
+    if (typeof prop === "string" && NOOP_METHODS.has(prop)) {
+      return () => Promise.resolve({ data: null, status: 0, statusText: "", headers: {}, config: {} });
     }
-    return _apiClient[prop];
+    return void 0;
   }
 });
 var client_default = apiClient;
@@ -117,7 +129,7 @@ function glassStyle(opacity) {
   };
 }
 var GLASS_DIVIDER = "border-white/20";
-var GLASS_INPUT_BG = "bg-white/15";
+var GLASS_INPUT_BG = "glass-input-bg";
 function getDensity() {
   return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
 }
@@ -261,21 +273,21 @@ function useIsMobile() {
   return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
-// src/shell/mobileShellStore.ts
-var _mode = "home";
-var listeners = /* @__PURE__ */ new Set();
-function getMobileMode() {
-  return _mode;
+// src/shell/mobileSwipeStore.ts
+var _parentKey = null;
+var subs = /* @__PURE__ */ new Set();
+function getSwipingParentKey() {
+  return _parentKey;
 }
-function setMobileMode(mode) {
-  if (_mode === mode) return;
-  _mode = mode;
-  listeners.forEach((fn) => fn());
+function setSwipingParentKey(key) {
+  if (_parentKey === key) return;
+  _parentKey = key;
+  for (const cb of subs) cb();
 }
-function subscribeMobileMode(cb) {
-  listeners.add(cb);
+function subscribeSwipingParentKey(cb) {
+  subs.add(cb);
   return () => {
-    listeners.delete(cb);
+    subs.delete(cb);
   };
 }
 var ModalIdContext = createContext("");
@@ -547,7 +559,7 @@ function useIsActiveModal(modalId) {
 function triggerSplitView() {
   window.dispatchEvent(new CustomEvent("modal-split-view"));
 }
-function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = false, onNext, onPrev, footer, bodyScroll, onMinimize, initialBox, actions, actionsLeft, allowPinOnTop, initialPosition, widget, compact, appStyle, autoHeight, autoMinHeight, widgetMenu, dimensions, windowKey, children }) {
+function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = false, onNext, onPrev, footer, bodyScroll, onMinimize, initialBox, actions, actionsLeft, allowPinOnTop, initialPosition, widget, compact, appStyle, autoHeight, autoMinHeight, widgetMenu, dimensions, windowKey, openedFromKey, children }) {
   const isMobile = useIsMobile();
   const [swipeX, setSwipeX] = useState(0);
   const [swipeDragging, setSwipeDragging] = useState(false);
@@ -560,7 +572,9 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     if (!isMobile) return;
     swipeStartRef.current = { startX: e.clientX, startY: e.clientY, pointerId: e.pointerId };
     setSwipeDragging(true);
-  }, [isMobile]);
+    setSwipingParentKey(openedFromKey ?? null);
+  }, [isMobile, openedFromKey]);
+  const swipingParentKey = useSyncExternalStore(subscribeSwipingParentKey, getSwipingParentKey);
   useEffect(() => {
     if (!swipeDragging) return;
     const onMove = (ev) => {
@@ -571,6 +585,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         swipeStartRef.current = null;
         setSwipeDragging(false);
         setSwipeX(0);
+        setSwipingParentKey(null);
         return;
       }
       setSwipeX(Math.max(0, dx));
@@ -584,11 +599,13 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       if (past) {
         setSwipeX(window.innerWidth);
         setTimeout(() => {
-          setMobileMode("home");
+          onClose();
           setSwipeX(0);
+          setSwipingParentKey(null);
         }, 180);
       } else {
         setSwipeX(0);
+        setSwipingParentKey(null);
       }
     };
     window.addEventListener("pointermove", onMove);
@@ -1132,7 +1149,12 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       },
       style: isMobile ? {
         // Mobile fullscreen: ignore stored box, fill viewport down to bottom
-        // nav. Widgets stay hidden on mobile.
+        // nav. Widgets stay hidden on mobile. Only the active window is
+        // visible — all others hidden so swipe-right reveals the home
+        // wallpaper backdrop. Exception: when a sibling Modal is being
+        // swiped to-back and we're its `openedFrom` parent, un-hide so the
+        // user sees their parent list during the slide instead of just the
+        // wallpaper.
         zIndex: zIndex + 1,
         top: 0,
         left: 0,
@@ -1143,14 +1165,18 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         transform: `translateX(${swipeX}px)`,
         transition: swipeDragging ? "none" : "transform 180ms ease-out",
         ...widget ? { display: "none" } : {},
-        ...zIndex < 0 ? { display: "none" } : {}
+        ...zIndex < 0 ? { display: "none" } : {},
+        ...!isActive && !pinnedOnTop && !(swipingParentKey && windowKey === swipingParentKey) ? { display: "none" } : {}
       } : {
         zIndex: pinnedOnTop ? 999 : zIndex + 1,
         width: box.w,
         height: autoHeight ? "auto" : box.h,
         top: box.y,
         ...autoHeight ? {
-          minHeight: `${autoMinHeight ?? 240}px`,
+          // Widgets must fit content exactly (Weather, Currency, etc.) —
+          // the 240 px floor only applies to non-widget app windows where
+          // a near-empty body would look broken.
+          minHeight: `${autoMinHeight ?? (widget ? 0 : 240)}px`,
           maxHeight: `calc(100vh - var(--taskbar-height, 0px) - 24px)`
         } : {},
         ...widget && widgetAnchor === "right" ? { right: window.innerWidth - box.x - box.w } : { left: box.x },
@@ -1434,7 +1460,7 @@ function useWindowManager() {
 }
 function DesktopShortcutMenuItem({ item }) {
   const queryClient = useQueryClient();
-  const { data: profile } = useQuery({ queryKey: ["my-profile-sidebar"], queryFn: () => client_default.get("/auth/me/").then((r) => r.data) });
+  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 || "";
@@ -1454,14 +1480,14 @@ function PageWindow({ item, onClose }) {
   if (!raw || !isPageEntry(raw)) return null;
   const entry = raw;
   const Component = 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, autoHeight: entry.autoHeight, autoMinHeight: entry.autoMinHeight, dimensions: entry.dimensions, windowKey: item.id, children: [
+  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, 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(Component, {}) })
   ] });
 }
 function DocFavStar({ entityType, entityId, label }) {
   const queryClient = useQueryClient();
-  const { data: profile } = useQuery({ queryKey: ["my-profile-sidebar"], queryFn: () => client_default.get("/auth/me/").then((r) => r.data) });
+  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 isFav = favDocs.some((d) => d.entityType === entityType && d.entityId === entityId);
   const toggle = () => {
@@ -1493,7 +1519,7 @@ function RestoredRegistryModal({ item, onClose, onMinimize }) {
     initialData: item.entitySnapshot,
     initialDataUpdatedAt: 0,
     // Treat snapshot as stale so query refetches immediately
-    enabled: !entry.selfFetching && !isDuplicate,
+    enabled: !entry.selfFetching && !isDuplicate && isShellApiClientConfigured(),
     staleTime: 0,
     refetchOnWindowFocus: true,
     refetchOnMount: "always",
@@ -1539,6 +1565,7 @@ function RestoredRegistryModal({ item, onClose, onMinimize }) {
       footer: footerContent,
       copyText: item.id,
       windowKey: item.id,
+      openedFromKey: item.openedFrom,
       size: entry.size || "2xl",
       autoHeight: entry.autoHeight,
       autoMinHeight: entry.autoMinHeight,
@@ -1553,6 +1580,12 @@ function RestoredRegistryModal({ item, onClose, onMinimize }) {
 function findPanelByWindowKey(key) {
   return document.querySelector(`[data-modal-panel][data-window-key="${key}"]`);
 }
+function currentlyActiveWindowKey() {
+  const activeId = getActiveModalId();
+  if (!activeId) return void 0;
+  const panel = document.querySelector(`[data-modal-panel][data-modal-id="${activeId}"]`);
+  return panel?.getAttribute("data-window-key") ?? void 0;
+}
 function findPanelByLabel(label) {
   const panels = document.querySelectorAll("[data-modal-panel]");
   for (const p of Array.from(panels)) {
@@ -1684,7 +1717,7 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
           maxWidth: "calc(100vw - 16px)",
           opacity: pos.ready ? 1 : 0
         },
-        className: isGroup ? "flex gap-2 p-2 rounded-lg bg-white/40 backdrop-blur-sm border border-white/30 shadow-2xl flex-wrap" : "",
+        className: isGroup ? "flex gap-2 flex-wrap" : "",
         onMouseEnter,
         onMouseLeave,
         children: items.map((it) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
@@ -1898,6 +1931,7 @@ function WindowManagerProvider({ children }) {
   const openEntity = useCallback((entityType, entityId, snapshot, label, route) => {
     if (!WINDOW_REGISTRY[entityType] || !isEntityEntry(WINDOW_REGISTRY[entityType])) return;
     const id = label || entityId;
+    const openedFrom = currentlyActiveWindowKey();
     setOpenWindows((prev) => {
       const existing = prev.find((m) => m.entityId === entityId && m.entityType === entityType);
       if (existing) {
@@ -1920,13 +1954,15 @@ function WindowManagerProvider({ children }) {
         route: route || window.location.pathname,
         entityType,
         entityId,
-        entitySnapshot: snapshot
+        entitySnapshot: snapshot,
+        openedFrom
       }];
     });
   }, []);
   const openPage = useCallback((path) => {
     if (!WINDOW_REGISTRY[path] || !isPageEntry(WINDOW_REGISTRY[path])) return;
     const entry = WINDOW_REGISTRY[path];
+    const openedFrom = currentlyActiveWindowKey();
     setOpenWindows((prev) => {
       if (entry.multiInstance) {
         const instanceCount = prev.filter((m) => m.type === "page" && m.route === path).length;
@@ -1936,7 +1972,8 @@ function WindowManagerProvider({ children }) {
           id,
           type: "page",
           label: instanceCount === 0 ? entry.label : `${entry.label} ${nextNum}`,
-          route: path
+          route: path,
+          openedFrom
         }];
       }
       const existing = prev.find((m) => m.type === "page" && m.route === path);
@@ -1960,7 +1997,8 @@ function WindowManagerProvider({ children }) {
         id: `page:${path}`,
         type: "page",
         label: entry.label,
-        route: path
+        route: path,
+        openedFrom
       }];
     });
   }, []);
@@ -2009,6 +2047,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, getActiveModalId, getMobileMode, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setMobileMode, setShellApiClient, setShellNavIcons, setShellWindowRegistry, startMenuCategories, subscribeMobileMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-7P6DO3NC.js.map
-//# sourceMappingURL=chunk-7P6DO3NC.js.map
+export { CancelButton, CopyButton, DocFavStar, GLASS_DIVIDER, GLASS_INPUT_BG, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, getActiveModalId, glassStyle, isEntityEntry, isPageEntry, isSection, navIcons, navSections, sectionIcons, setShellApiClient, setShellNavIcons, setShellWindowRegistry, startMenuCategories, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-QXY6ZHRX.js.map
+//# sourceMappingURL=chunk-QXY6ZHRX.js.map