react-os-shell 4.79.3 → 4.82.0

package/dist/{chunk-EXSEW5F3.js → chunk-MHUVU7ZX.js}

@@ -1,6 +1,6 @@
-import { useShellStrings, useIsMobile, useShellPrefs, PopupMenu, PopupMenuItem, PopupMenuDivider } from './chunk-BLLINYDD.js';
+import { LoadingSpinner, Result, Button_default, useShellStrings, useIsMobile, useShellPrefs, PopupMenu, PopupMenuItem, PopupMenuDivider } from './chunk-5TLIIDRZ.js';
 import { confirm, runEscapeInterceptors } from './chunk-CDR2Q64Q.js';
-import { useShellAuth, navIcons } from './chunk-WNLPTLT6.js';
+import { useShellAuth, navIcons } from './chunk-ZESNO4TZ.js';
 import { createContext, Component, useContext, useRef, useLayoutEffect, useState, useEffect, useCallback, useSyncExternalStore, useMemo, isValidElement, cloneElement, useReducer, useId, Suspense } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -110,9 +110,13 @@ var RETRYABLE_CLIENT_STATUSES = /* @__PURE__ */ new Set([
 ]);
 var ENTITY_FETCH_MAX_RETRIES = 3;
 var ENTITY_REFETCH_INTERVAL_MS = 6e4;
-function isPermanentClientError(error) {
+function entityFetchStatus(error) {
   const status = error?.response?.status;
-  if (typeof status !== "number") return false;
+  return typeof status === "number" ? status : void 0;
+}
+function isPermanentClientError(error) {
+  const status = entityFetchStatus(error);
+  if (status == null) return false;
   return status >= 400 && status < 500 && !RETRYABLE_CLIENT_STATUSES.has(status);
 }
 function shouldRetryEntityFetch(failureCount, error) {
@@ -124,9 +128,65 @@ function entityRefetchInterval(error) {
 function entityDetailUrl(endpoint, entityId) {
   return `${endpoint}${encodeURIComponent(entityId)}/`;
 }
-function LoadingSpinner() {
+function LoadingSpinner2() {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-gray-400", children: "Loading..." });
 }
+var FILL_CLASS = "flex-1 min-h-0";
+function EntityWindowLoading() {
+  return /* @__PURE__ */ jsx(LoadingSpinner, { label: "Loading record\u2026", padding: "", className: FILL_CLASS });
+}
+function normaliseEntitySnapshot(snapshot) {
+  return snapshot ?? void 0;
+}
+function EntityWindowFallback({
+  isPending,
+  isFetching,
+  enabled = true,
+  error,
+  onRetry
+}) {
+  if (isFetching || isPending && enabled) return /* @__PURE__ */ jsx(EntityWindowLoading, {});
+  if (error) {
+    const status = entityFetchStatus(error);
+    if (status === 401) {
+      return /* @__PURE__ */ jsx(
+        Result,
+        {
+          status: "warning",
+          title: "Sign in required",
+          subTitle: "Your session may have expired. Sign in again to open this record.",
+          className: FILL_CLASS
+        }
+      );
+    }
+    if (status === 403) {
+      return /* @__PURE__ */ jsx(Result, { status: "403", className: FILL_CLASS });
+    }
+    if (status === 404 || status === 410) {
+      return /* @__PURE__ */ jsx(Result, { status: "404", title: "Record not found", className: FILL_CLASS });
+    }
+    const canRetry = status == null || status === 408 || status === 429 || status >= 500;
+    return /* @__PURE__ */ jsx(
+      Result,
+      {
+        status: "500",
+        title: "Couldn't load record",
+        subTitle: canRetry ? "Check your connection and try again." : "The server rejected this request.",
+        extra: canRetry ? /* @__PURE__ */ jsx(Button_default, { variant: "secondary", size: "sm", onClick: onRetry, children: "Try again" }) : void 0,
+        className: FILL_CLASS
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Result, { status: "404", title: "Record not found", className: FILL_CLASS });
+}
+function EntityWindowState({
+  entity,
+  children,
+  ...fallback
+}) {
+  if (entity != null) return /* @__PURE__ */ jsx(Fragment, { children: children(entity) });
+  return /* @__PURE__ */ jsx(EntityWindowFallback, { ...fallback });
+}
 var MinimizedContext = createContext({
   openWindows: [],
   openEntity: () => {
@@ -187,7 +247,7 @@ function PageWindow({ item, onClose, accentRgb }) {
   if (!raw || !isPageEntry(raw)) return null;
   const entry = raw;
   const Component2 = entry.component;
-  return /* @__PURE__ */ jsx(Modal, { open: true, onClose, icon: navIcons[item.route], title: entry.label, size: entry.size || "2xl", dirty, 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, accentRgb, children: /* @__PURE__ */ jsx(WindowDirtyContext.Provider, { value: registerDirty, children: /* @__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", dirty, 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, accentRgb, children: /* @__PURE__ */ jsx(WindowDirtyContext.Provider, { value: registerDirty, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(LoadingSpinner2, {}) }), children: /* @__PURE__ */ jsx(Component2, {}) }) }) });
 }
 function DocFavStar({ entityType, entityId, label }) {
   const shellStrings = useShellStrings();
@@ -220,13 +280,14 @@ function RestoredRegistryModal({ item, onClose, onMinimize, accentRgb }) {
   const qkPrefix = entry.queryKey || entry.endpoint.replace(/^\/|\/$/g, "").split("/").pop() || item.entityType;
   const isDuplicate = item.entitySnapshot?._duplicate;
   const isDraft = typeof item.entityId === "string" && item.entityId.startsWith("new-");
-  const { data: entity, isLoading, refetch } = useQuery({
+  const fetchesDetail = !entry.selfFetching && !isDuplicate && !isDraft && isShellApiClientConfigured();
+  const entityQuery = useQuery({
     queryKey: [qkPrefix, item.entityId],
     queryFn: () => client_default.get(entityDetailUrl(entry.endpoint, String(item.entityId))).then((r) => r.data),
-    initialData: item.entitySnapshot,
+    initialData: normaliseEntitySnapshot(item.entitySnapshot),
     initialDataUpdatedAt: 0,
     // Treat snapshot as stale so query refetches immediately
-    enabled: !entry.selfFetching && !isDuplicate && !isDraft && isShellApiClientConfigured(),
+    enabled: fetchesDetail,
     staleTime: 0,
     refetchOnWindowFocus: true,
     refetchOnMount: "always",
@@ -237,6 +298,8 @@ function RestoredRegistryModal({ item, onClose, onMinimize, accentRgb }) {
     refetchIntervalInBackground: false,
     retry: shouldRetryEntityFetch
   });
+  const entity = entityQuery.data;
+  const refetch = entityQuery.refetch;
   useEffect(() => {
     if (entry.selfFetching || isDuplicate || isDraft) return;
     const handler = () => {
@@ -259,9 +322,21 @@ function RestoredRegistryModal({ item, onClose, onMinimize, accentRgb }) {
   const footerContent = !entry.selfFetching && entity && entry.footer && !isDuplicate ? entry.footer(entity) : void 0;
   if (entry.rendersOwnModal) {
     if (entry.selfFetching) {
-      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: entry.render(entity ?? item.entitySnapshot, onClose, item.entityId, editing, setEditing) });
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner2, {}), children: entry.render(entity ?? item.entitySnapshot, onClose, item.entityId, editing, setEditing) });
     }
-    return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: isLoading && !entity ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : entity ? entry.render(entity, onClose, 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." }) }) });
+    if (entity != null) {
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Modal, { open: true, onClose, title: item.label, size: entry.size || "2xl", children: /* @__PURE__ */ jsx(EntityWindowLoading, {}) }), children: entry.render(entity, onClose, item.entityId, editing, setEditing) });
+    }
+    return /* @__PURE__ */ jsx(Modal, { open: true, onClose, title: item.label, size: entry.size || "2xl", children: /* @__PURE__ */ jsx(
+      EntityWindowFallback,
+      {
+        isPending: entityQuery.isPending,
+        isFetching: entityQuery.isFetching,
+        enabled: fetchesDetail,
+        error: entityQuery.error,
+        onRetry: refetch
+      }
+    ) });
   }
   return /* @__PURE__ */ jsx(
     Modal,
@@ -284,7 +359,18 @@ function RestoredRegistryModal({ item, onClose, onMinimize, accentRgb }) {
       appStyle: entry.appStyle,
       flushBody: entry.flushBody,
       accentRgb,
-      children: /* @__PURE__ */ jsx(WindowDirtyContext.Provider, { value: registerDirty, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}), children: entry.selfFetching ? entry.render(null, onClose, item.entityId, editing, setEditing) : isLoading && !entity ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : entity ? entry.render(entity, onClose, item.entityId, editing, setEditing) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 py-8 text-center", children: "Not found." }) }) })
+      children: /* @__PURE__ */ jsx(WindowDirtyContext.Provider, { value: registerDirty, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(EntityWindowLoading, {}), children: entry.selfFetching ? entry.render(null, onClose, item.entityId, editing, setEditing) : /* @__PURE__ */ jsx(
+        EntityWindowState,
+        {
+          entity,
+          isPending: entityQuery.isPending,
+          isFetching: entityQuery.isFetching,
+          enabled: fetchesDetail,
+          error: entityQuery.error,
+          onRetry: refetch,
+          children: (current) => entry.render(current, onClose, item.entityId, editing, setEditing)
+        }
+      ) }) })
     }
   );
 }
@@ -742,7 +828,7 @@ function WindowManagerProvider({ children, windowAccentForRoute }) {
         route: route || window.location.pathname,
         entityType,
         entityId,
-        entitySnapshot: snapshot,
+        entitySnapshot: normaliseEntitySnapshot(snapshot),
         openedFrom
       }];
     });
@@ -3229,6 +3315,6 @@ function useUndoableState(initial, opts) {
   return [value, setValue];
 }
 
-export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, MODAL_SUBMIT_SELECTOR, Modal, ModalActions, SIDEBAR_STRIP_W, UndoProvider, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, cancelWindowFront, client_default, commitExposeHighlight, drainPerfEvents, exitExposeMode, forgetMaximizedWindowBoxes, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, isShellApiClientConfigured, markMenuOpen, requestWindowFront, setExposeHighlight, setPerfCollecting, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useEnclosingModalId, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-EXSEW5F3.js.map
-//# sourceMappingURL=chunk-EXSEW5F3.js.map
+export { CancelButton, CopyButton, DocFavStar, EntityWindowFallback, EntityWindowLoading, EntityWindowState, LoadingSpinner2 as LoadingSpinner, MODAL_SUBMIT_SELECTOR, Modal, ModalActions, SIDEBAR_STRIP_W, UndoProvider, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, cancelWindowFront, client_default, commitExposeHighlight, drainPerfEvents, exitExposeMode, forgetMaximizedWindowBoxes, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, isShellApiClientConfigured, markMenuOpen, requestWindowFront, setExposeHighlight, setPerfCollecting, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useEnclosingModalId, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-MHUVU7ZX.js.map
+//# sourceMappingURL=chunk-MHUVU7ZX.js.map