react-os-shell 2.0.1 → 2.2.0

package/dist/{chunk-5FEW4QE5.js → chunk-BN7GXKEZ.js}

@@ -1,11 +1,11 @@
 import { confirm } from './chunk-UBN4IUDE.js';
 import { glassStyle, GLASS_DIVIDER, navIcons } from './chunk-ZF6AYO4G.js';
-import { createContext, useRef, useEffect, useSyncExternalStore, useContext, useState, useCallback, isValidElement, cloneElement, useLayoutEffect, Suspense, useMemo } from 'react';
+import { createContext, Component, useRef, useEffect, useSyncExternalStore, useContext, useState, useCallback, isValidElement, cloneElement, useLayoutEffect, Suspense, useMemo } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useLocation } from 'react-router-dom';
 import { createPortal } from 'react-dom';
 import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { XMarkIcon } from '@heroicons/react/24/outline';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/windowRegistry/types.ts
 function isPageEntry(entry) {
@@ -64,6 +64,41 @@ var apiClient = new Proxy({}, {
   }
 });
 var client_default = apiClient;
+function WindowCrashedFallback({ error, onReload }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center gap-3 px-6 py-12 text-center", children: [
+    /* @__PURE__ */ jsx("svg", { className: "h-8 w-8 text-amber-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700", children: "This window crashed" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-400 max-w-sm break-words", children: error.message || String(error) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onReload,
+        className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 text-sm font-medium rounded-lg",
+        children: "Reload window"
+      }
+    )
+  ] });
+}
+var WindowErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error: error instanceof Error ? error : new Error(String(error)) };
+  }
+  componentDidCatch(error, info) {
+    console.error("[react-os-shell] window content crashed:", error, info.componentStack);
+  }
+  reset = () => this.setState({ error: null });
+  render() {
+    const { error } = this.state;
+    if (error) {
+      return this.props.fallback ? this.props.fallback(error, this.reset) : /* @__PURE__ */ jsx(WindowCrashedFallback, { error, onReload: this.reset });
+    }
+    return this.props.children;
+  }
+};
 function getDensity() {
   return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
 }
@@ -1620,7 +1655,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
               } } : {},
               className: `${autoHeight && !autoHeightResolved ? "flex-none" : "flex-1 min-h-0"} flex flex-col ${widget ? "p-0 cursor-move" : appStyle ? "p-0" : flushBody ? "p-0" : compact ? "p-2" : "p-4"} ${widget ? "" : "backdrop-blur-sm"} ${autoHeight && !autoHeightResolved ? "overflow-visible" : bodyScroll === false || appStyle || flushBody ? "overflow-hidden" : "overflow-y-auto overscroll-contain"} ${widget ? "rounded-2xl select-none" : ""}`,
               style: { ...widget ? { touchAction: "none" } : {}, backgroundColor: widget ? "transparent" : isActive ? `rgb(var(--window-content-rgb) / var(--active-content-opacity, 0.9))` : `rgb(var(--window-content-rgb) / var(--inactive-content-opacity, 0.8))` },
-              children
+              children: /* @__PURE__ */ jsx(WindowErrorBoundary, { children })
             }
           ) }) }),
           widget && ctxMenu && /* @__PURE__ */ jsxs(PopupMenu, { minWidth: 160, style: { left: ctxMenu.x, top: ctxMenu.y }, onClose: () => setCtxMenu(null), children: [
@@ -1812,10 +1847,10 @@ function PageWindow({ item, onClose }) {
   const raw = WINDOW_REGISTRY[item.route];
   if (!raw || !isPageEntry(raw)) return null;
   const entry = raw;
-  const Component = entry.component;
+  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(Component, {}) })
+    /* @__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 }) {
@@ -2385,19 +2420,25 @@ function WindowManagerProvider({ children }) {
       }
     ),
     /* @__PURE__ */ jsx(ExposeBackdrop, {}),
-    !isAuthPage && openWindows.map((item) => item.type === "page" ? /* @__PURE__ */ jsx(PageWindow, { item, onClose: () => closeEntity(item.id) }, item.id) : /* @__PURE__ */ jsx(
-      RestoredRegistryModal,
+    !isAuthPage && openWindows.map((item) => /* @__PURE__ */ jsx(
+      WindowErrorBoundary,
       {
-        item,
-        onClose: () => closeEntity(item.id),
-        onMinimize: () => {
-        }
+        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(
+          RestoredRegistryModal,
+          {
+            item,
+            onClose: () => closeEntity(item.id),
+            onMinimize: () => {
+            }
+          }
+        )
       },
       item.id
     ))
   ] });
 }
 
-export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ThumbCard, WINDOW_REGISTRY, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-5FEW4QE5.js.map
-//# sourceMappingURL=chunk-5FEW4QE5.js.map
+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, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-BN7GXKEZ.js.map
+//# sourceMappingURL=chunk-BN7GXKEZ.js.map