react-os-shell 4.15.0 → 4.21.0

package/dist/{chunk-H3HFM4JQ.js → chunk-IGPSRRL7.js}

@@ -1,64 +1,12 @@
-import { useShellAuth, glassStyle, GLASS_DIVIDER, navIcons } from './chunk-IVLDAUYM.js';
-import { createContext, Component, useReducer, useRef, useCallback, useState, useEffect, useMemo, useContext, useId, useLayoutEffect, useSyncExternalStore, isValidElement, cloneElement, Suspense } from 'react';
-import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
-import { XMarkIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import { useIsMobile, useShellPrefs, PopupMenu, PopupMenuItem, PopupMenuDivider } from './chunk-C22EFSND.js';
+import { confirm, runEscapeInterceptors } from './chunk-L2O6B5KT.js';
+import { useShellAuth, navIcons } from './chunk-WNLPTLT6.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';
+import { XMarkIcon } from '@heroicons/react/24/outline';
 import { useLocation } from 'react-router-dom';
 import { useQueryClient, useQuery } from '@tanstack/react-query';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/api/client.ts
-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) return _apiClient[prop];
-    if (typeof prop === "string" && NOOP_METHODS.has(prop)) {
-      return () => Promise.resolve({ data: null, status: 0, statusText: "", headers: {}, config: {} });
-    }
-    return void 0;
-  }
-});
-var client_default = apiClient;
-
-// src/shell/entityFetchPolicy.ts
-var RETRYABLE_CLIENT_STATUSES = /* @__PURE__ */ new Set([
-  408,
-  // Request Timeout
-  429
-  // Too Many Requests
-]);
-var ENTITY_FETCH_MAX_RETRIES = 3;
-var ENTITY_REFETCH_INTERVAL_MS = 6e4;
-function isPermanentClientError(error) {
-  const status = error?.response?.status;
-  if (typeof status !== "number") return false;
-  return status >= 400 && status < 500 && !RETRYABLE_CLIENT_STATUSES.has(status);
-}
-function shouldRetryEntityFetch(failureCount, error) {
-  return !isPermanentClientError(error) && failureCount < ENTITY_FETCH_MAX_RETRIES;
-}
-function entityRefetchInterval(error) {
-  return isPermanentClientError(error) ? false : ENTITY_REFETCH_INTERVAL_MS;
-}
-function entityDetailUrl(endpoint, entityId) {
-  return `${endpoint}${encodeURIComponent(entityId)}/`;
-}
 
 // src/windowRegistry/types.ts
 function isPageEntry(entry) {
@@ -88,6 +36,35 @@ var WINDOW_REGISTRY = new Proxy({}, {
     return void 0;
   }
 });
+
+// src/api/client.ts
+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) return _apiClient[prop];
+    if (typeof prop === "string" && NOOP_METHODS.has(prop)) {
+      return () => Promise.resolve({ data: null, status: 0, statusText: "", headers: {}, config: {} });
+    }
+    return void 0;
+  }
+});
+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" }) }),
@@ -124,215 +101,28 @@ var WindowErrorBoundary = class extends Component {
   }
 };
 
-// src/hooks/undoHistory.ts
-var UNDO_LIMIT = 100;
-var emptyUndoState = { past: [], future: [] };
-function undoReducer(state, action) {
-  switch (action.type) {
-    case "record": {
-      const newest = state.past[state.past.length - 1];
-      if (action.step.coalesceKey !== null && newest?.coalesceKey === action.step.coalesceKey) {
-        return state.future.length === 0 ? state : { ...state, future: [] };
-      }
-      const past = [...state.past, action.step];
-      return {
-        past: past.length > UNDO_LIMIT ? past.slice(past.length - UNDO_LIMIT) : past,
-        future: []
-      };
-    }
-    case "undo": {
-      if (state.past.length === 0) return state;
-      return {
-        past: state.past.slice(0, -1),
-        future: [action.redoStep, ...state.future]
-      };
-    }
-    case "redo": {
-      if (state.future.length === 0) return state;
-      return {
-        past: [...state.past, action.undoStep],
-        future: state.future.slice(1)
-      };
-    }
-    case "clear":
-      return state.past.length === 0 && state.future.length === 0 ? state : emptyUndoState;
-  }
-}
-var TEXT_ENTRY = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
-function matchUndoHotkey(e) {
-  if (!(e.metaKey || e.ctrlKey) || e.altKey) return null;
-  const key = e.key.toLowerCase();
-  const action = key === "z" ? e.shiftKey ? "redo" : "undo" : key === "y" && e.ctrlKey && !e.metaKey && !e.shiftKey ? "redo" : null;
-  if (!action) return null;
-  const target = e.target;
-  if (target?.isContentEditable) return null;
-  if (target?.tagName && TEXT_ENTRY.has(target.tagName.toUpperCase())) return null;
-  return action;
-}
-var UndoContext = createContext(null);
-var RUNAWAY_LIMIT = 500;
-var RUNAWAY_QUIET_MS = 250;
-function UndoProvider({ children, canEdit = true, perms, windowId }) {
-  const [state, dispatch] = useReducer(undoReducer, emptyUndoState);
-  const slices = useRef(/* @__PURE__ */ new Map());
-  const { hasAnyPerm } = useShellAuth();
-  const enabled = canEdit && (perms && perms.length > 0 ? hasAnyPerm(perms) : true);
-  const pending = useRef(null);
-  const suspended = useRef(false);
-  const snapshot = useCallback(() => {
-    const values = {};
-    for (const [id, slice] of slices.current) values[id] = slice.getLast();
-    return values;
-  }, []);
-  const register = useCallback((id, slice) => {
-    slices.current.set(id, slice);
-  }, []);
-  const unregister = useCallback((id) => {
-    slices.current.delete(id);
-  }, []);
-  const runaway = useRef({ last: 0, count: 0, tripped: false });
-  const record = useCallback((label, coalesceKey) => {
-    if (!enabled || suspended.current || pending.current) return;
-    const r = runaway.current;
-    if (r.tripped) return;
-    const now = Date.now();
-    if (now - r.last > RUNAWAY_QUIET_MS) r.count = 0;
-    r.last = now;
-    if (++r.count > RUNAWAY_LIMIT) {
-      r.tripped = true;
-      console.error(
-        `[react-os-shell] UndoProvider: "${label}" recorded ${RUNAWAY_LIMIT} undo steps with no pause between them, which no user action can do. The value passed to useUndoable for this slice is almost certainly rebuilt on every render (a .map/.filter/object literal in the call) rather than held in state, so it reads as changed every time \u2014 and since recording a step re-renders the form, that is a loop. Undo recording is now off for this form to keep the tab responsive.`
-      );
-      return;
-    }
-    pending.current = { values: snapshot(), label, coalesceKey };
-    queueMicrotask(() => {
-      const step = pending.current;
-      pending.current = null;
-      if (step) dispatch({ type: "record", step });
-    });
-  }, [enabled, snapshot]);
-  const applyValues = useCallback((values) => {
-    for (const [id, value2] of Object.entries(values)) {
-      const slice = slices.current.get(id);
-      if (!slice) continue;
-      slice.setLast(value2);
-      slice.apply(value2);
-    }
-  }, []);
-  const undo = useCallback(() => {
-    const step = state.past[state.past.length - 1];
-    if (!step) return;
-    const redoStep = { values: snapshot(), label: step.label, coalesceKey: null };
-    applyValues(step.values);
-    dispatch({ type: "undo", redoStep });
-  }, [state.past, snapshot, applyValues]);
-  const redo = useCallback(() => {
-    const step = state.future[0];
-    if (!step) return;
-    const undoStep = { values: snapshot(), label: step.label, coalesceKey: null };
-    applyValues(step.values);
-    dispatch({ type: "redo", undoStep });
-  }, [state.future, snapshot, applyValues]);
-  const [baselineToken, setBaselineToken] = useState(0);
-  const baseline = useCallback(() => {
-    suspended.current = true;
-    pending.current = null;
-    setBaselineToken((t) => t + 1);
-    dispatch({ type: "clear" });
-  }, []);
-  useEffect(() => {
-    if (!suspended.current) return;
-    suspended.current = false;
-    pending.current = null;
-    dispatch({ type: "clear" });
-  }, [baselineToken]);
-  const clear = baseline;
-  const canUndo = enabled && state.past.length > 0;
-  const canRedo = enabled && state.future.length > 0;
-  const isActive = useIsActiveWindow(windowId);
-  const keyed = useRef({ undo, redo, canUndo, canRedo });
-  keyed.current = { undo, redo, canUndo, canRedo };
-  useEffect(() => {
-    if (!isActive || !enabled) return;
-    const handler = (e) => {
-      const action = matchUndoHotkey(e);
-      if (!action) return;
-      const k = keyed.current;
-      if (action === "undo" ? !k.canUndo : !k.canRedo) return;
-      e.preventDefault();
-      if (action === "undo") k.undo();
-      else k.redo();
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [isActive, enabled]);
-  const value = useMemo(() => ({
-    register,
-    unregister,
-    record,
-    undo,
-    redo,
-    clear,
-    baseline,
-    canUndo,
-    canRedo,
-    enabled,
-    undoLabel: canUndo ? state.past[state.past.length - 1].label : null,
-    redoLabel: canRedo ? state.future[0].label : null
-  }), [register, unregister, record, undo, redo, clear, baseline, canUndo, canRedo, enabled, state.past, state.future]);
-  return /* @__PURE__ */ jsx(UndoContext.Provider, { value, children });
+// src/shell/entityFetchPolicy.ts
+var RETRYABLE_CLIENT_STATUSES = /* @__PURE__ */ new Set([
+  408,
+  // Request Timeout
+  429
+  // Too Many Requests
+]);
+var ENTITY_FETCH_MAX_RETRIES = 3;
+var ENTITY_REFETCH_INTERVAL_MS = 6e4;
+function isPermanentClientError(error) {
+  const status = error?.response?.status;
+  if (typeof status !== "number") return false;
+  return status >= 400 && status < 500 && !RETRYABLE_CLIENT_STATUSES.has(status);
 }
-function useUndo() {
-  const ctx = useContext(UndoContext);
-  const noop = useCallback(() => {
-  }, []);
-  return {
-    undo: ctx?.undo ?? noop,
-    redo: ctx?.redo ?? noop,
-    clear: ctx?.clear ?? noop,
-    baseline: ctx?.baseline ?? noop,
-    canUndo: ctx?.canUndo ?? false,
-    canRedo: ctx?.canRedo ?? false,
-    undoLabel: ctx?.undoLabel ?? null,
-    redoLabel: ctx?.redoLabel ?? null,
-    enabled: ctx?.enabled ?? false
-  };
+function shouldRetryEntityFetch(failureCount, error) {
+  return !isPermanentClientError(error) && failureCount < ENTITY_FETCH_MAX_RETRIES;
 }
-function useUndoable(value, apply, opts) {
-  const ctx = useContext(UndoContext);
-  const id = useId();
-  const last = useRef(value);
-  const applyRef = useRef(apply);
-  applyRef.current = apply;
-  useEffect(() => {
-    if (!ctx) return;
-    ctx.register(id, {
-      getLast: () => last.current,
-      setLast: (v) => {
-        last.current = v;
-      },
-      apply: (v) => applyRef.current(v)
-    });
-    return () => ctx.unregister(id);
-  }, [ctx, id]);
-  const { label, coalesceKey = null } = opts;
-  const ctxRef = useRef(ctx);
-  ctxRef.current = ctx;
-  const optsRef = useRef({ label, coalesceKey });
-  optsRef.current = { label, coalesceKey };
-  useEffect(() => {
-    const c = ctxRef.current;
-    if (!c) return;
-    if (Object.is(value, last.current)) return;
-    c.record(optsRef.current.label, optsRef.current.coalesceKey);
-    last.current = value;
-  }, [value]);
+function entityRefetchInterval(error) {
+  return isPermanentClientError(error) ? false : ENTITY_REFETCH_INTERVAL_MS;
 }
-function useUndoableState(initial, opts) {
-  const [value, setValue] = useState(initial);
-  useUndoable(value, (next) => setValue(() => next), opts);
-  return [value, setValue];
+function entityDetailUrl(endpoint, entityId) {
+  return `${endpoint}${encodeURIComponent(entityId)}/`;
 }
 function LoadingSpinner() {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-gray-400", children: "Loading..." });
@@ -1123,151 +913,6 @@ function WindowManagerProvider({ children, windowAccentForRoute }) {
     })
   ] });
 }
-function getDensity() {
-  return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
-}
-function PopupMenu({ children, style, className = "", onClose, minWidth = 180, portal = false }) {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!onClose) return;
-    const handleClick = (e) => {
-      if (e.target.closest("[data-menu-toggle]")) return;
-      if (ref.current && !ref.current.contains(e.target)) onClose();
-    };
-    const handleKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("pointerdown", handleClick);
-    window.addEventListener("keydown", handleKey);
-    return () => {
-      window.removeEventListener("pointerdown", handleClick);
-      window.removeEventListener("keydown", handleKey);
-    };
-  }, [onClose]);
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    requestAnimationFrame(() => {
-      const rect = el.getBoundingClientRect();
-      const margin = 8;
-      if (rect.right > window.innerWidth - margin) {
-        const overflow = rect.right - window.innerWidth + margin;
-        if (el.style.left) {
-          el.style.left = `${parseFloat(el.style.left) - overflow}px`;
-        } else if (!el.style.right) {
-          el.style.left = `${rect.left - overflow}px`;
-        }
-      }
-      if (rect.left < margin) {
-        if (el.style.left) {
-          el.style.left = `${margin}px`;
-        } else if (el.style.right) {
-          el.style.right = `${window.innerWidth - rect.width - margin}px`;
-        }
-      }
-      if (rect.bottom > window.innerHeight - margin) {
-        const overflow = rect.bottom - window.innerHeight + margin;
-        if (el.style.top) {
-          el.style.top = `${parseFloat(el.style.top) - overflow}px`;
-        } else if (el.style.bottom) {
-          el.style.bottom = `${margin}px`;
-        } else {
-          el.style.top = `${rect.top - overflow}px`;
-        }
-      }
-      if (rect.top < margin) {
-        if (el.style.top) {
-          el.style.top = `${margin}px`;
-        } else if (el.style.bottom) {
-          el.style.bottom = `${window.innerHeight - rect.height - margin}px`;
-        }
-      }
-    });
-  });
-  const density = getDensity();
-  const menu = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: `fixed z-[400] rounded-2xl ${density === "tight" ? "py-1" : density === "large" ? "py-2" : "py-1.5"} ${className}`,
-      style: { minWidth, animation: "popup-in 0.12s ease-out", ...glassStyle(), ...style },
-      children: [
-        children,
-        /* @__PURE__ */ jsx("style", { children: `@keyframes popup-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }` })
-      ]
-    }
-  );
-  return portal ? createPortal(menu, document.body) : menu;
-}
-function PopupMenuItem({ onClick, children, className = "", danger, disabled }) {
-  const density = getDensity();
-  const itemPadY = density === "tight" ? "0.25rem" : density === "large" ? "0.6rem" : "max(0.25rem, calc(var(--menu-padding-y, 0.5rem) - 0.1rem))";
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onClick,
-      disabled,
-      className: `w-full flex items-center gap-2 text-left transition-colors rounded-lg mx-auto
-        ${danger ? "text-red-600 hover:bg-red-50" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700"}
-        ${disabled ? "opacity-40 cursor-not-allowed" : ""}
-        ${className}`,
-      style: {
-        width: "calc(100% - 8px)",
-        marginLeft: 4,
-        marginRight: 4,
-        fontSize: "var(--menu-font-size, 14px)",
-        paddingLeft: "var(--menu-padding-x, 1rem)",
-        paddingRight: "var(--menu-padding-x, 1rem)",
-        paddingTop: itemPadY,
-        paddingBottom: itemPadY
-      },
-      children
-    }
-  );
-}
-function PopupMenuDivider() {
-  const density = getDensity();
-  return /* @__PURE__ */ jsx("div", { className: `border-t ${GLASS_DIVIDER} ${density === "tight" ? "my-0.5" : density === "large" ? "my-1.5" : "my-1"} mx-3` });
-}
-function PopupMenuLabel({ children }) {
-  const density = getDensity();
-  const labelPadY = density === "tight" ? "0.125rem" : density === "large" ? "0.375rem" : "0.25rem";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "text-[10px] font-medium text-gray-400 uppercase tracking-wider",
-      style: {
-        paddingLeft: "var(--menu-padding-x, 1rem)",
-        paddingRight: "var(--menu-padding-x, 1rem)",
-        paddingTop: labelPadY,
-        paddingBottom: labelPadY
-      },
-      children
-    }
-  );
-}
-var QUERY = "(max-width: 767px), (pointer: coarse)";
-function getSnapshot() {
-  if (typeof window === "undefined" || !window.matchMedia) return false;
-  return window.matchMedia(QUERY).matches;
-}
-function getServerSnapshot() {
-  return false;
-}
-function subscribe(cb) {
-  if (typeof window === "undefined" || !window.matchMedia) return () => {
-  };
-  const mql = window.matchMedia(QUERY);
-  if (mql.addEventListener) {
-    mql.addEventListener("change", cb);
-    return () => mql.removeEventListener("change", cb);
-  }
-  mql.addListener(cb);
-  return () => mql.removeListener(cb);
-}
-function useIsMobile() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
 
 // src/shell/mobileSwipeStore.ts
 var _parentKey = null;
@@ -1321,40 +966,6 @@ function drainPerfEvents() {
   counts = empty();
   return drained;
 }
-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: () => {
-  } };
-}
 
 // src/shell/workArea.ts
 var SIDEBAR_STRIP_W = 280;
@@ -1497,7 +1108,7 @@ function CancelButton({ onClick, children, className }) {
   const ctx = useContext(ModalActionsContext);
   const handleClick = async () => {
     if (ctx?.isDirty) {
-      const { confirm: confirm2 } = await import('./ConfirmDialog-CXHJCDUL.js');
+      const { confirm: confirm2 } = await import('./ConfirmDialog-WAM5OKAV.js');
       const ok = await confirm2({
         title: "Discard changes?",
         message: "You have unsaved changes. Are you sure you want to cancel? All changes will be lost.",
@@ -1897,27 +1508,11 @@ function subscribeActive(cb) {
     activeListeners.delete(cb);
   };
 }
-var escapeInterceptors = /* @__PURE__ */ new Set();
-function registerModalEscapeInterceptor(fn) {
-  escapeInterceptors.add(fn);
-  return () => {
-    escapeInterceptors.delete(fn);
-  };
-}
 var MODAL_CLOSE_REQUEST_EVENT = "modal-close-request";
 function requestModalClose(windowKey) {
   window.dispatchEvent(new CustomEvent(MODAL_CLOSE_REQUEST_EVENT, {
-    detail: { windowKey }
-  }));
-}
-function runEscapeInterceptors(e) {
-  for (const fn of escapeInterceptors) {
-    try {
-      if (fn(e)) return true;
-    } catch {
-    }
-  }
-  return false;
+    detail: { windowKey }
+  }));
 }
 function useIsActiveModal(modalId) {
   const activeId = useSyncExternalStore(subscribeActive, getActiveModalId);
@@ -3315,263 +2910,218 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     document.body
   );
 }
-var ConfirmContext = createContext(() => Promise.resolve(false));
-var useConfirm = () => useContext(ConfirmContext);
-var globalConfirmFn = () => Promise.resolve(false);
-var confirm = (opts) => globalConfirmFn(opts);
-var globalDestructiveConfirmFn = () => Promise.resolve(false);
-var confirmDestructive = (opts) => globalDestructiveConfirmFn(opts);
-var globalPromptFn = () => Promise.resolve(null);
-var prompt = (opts) => globalPromptFn(opts);
-function ConfirmProvider({ children }) {
-  const [open, setOpen] = useState(false);
-  const [options, setOptions] = useState({ message: "" });
-  const [confirmId, setConfirmId] = useState(0);
-  const resolveRef = useRef();
-  const activeConfirmIdRef = useRef(null);
-  const nextConfirmIdRef = useRef(0);
-  const confirmQueueRef = useRef([]);
-  const showConfirm = useCallback((request) => {
-    activeConfirmIdRef.current = request.id;
-    resolveRef.current = request.resolve;
-    setConfirmId(request.id);
-    setOptions(request.options);
-    setOpen(true);
+
+// src/hooks/undoHistory.ts
+var UNDO_LIMIT = 100;
+var emptyUndoState = { past: [], future: [] };
+function undoReducer(state, action) {
+  switch (action.type) {
+    case "record": {
+      const newest = state.past[state.past.length - 1];
+      if (action.step.coalesceKey !== null && newest?.coalesceKey === action.step.coalesceKey) {
+        return state.future.length === 0 ? state : { ...state, future: [] };
+      }
+      const past = [...state.past, action.step];
+      return {
+        past: past.length > UNDO_LIMIT ? past.slice(past.length - UNDO_LIMIT) : past,
+        future: []
+      };
+    }
+    case "undo": {
+      if (state.past.length === 0) return state;
+      return {
+        past: state.past.slice(0, -1),
+        future: [action.redoStep, ...state.future]
+      };
+    }
+    case "redo": {
+      if (state.future.length === 0) return state;
+      return {
+        past: [...state.past, action.undoStep],
+        future: state.future.slice(1)
+      };
+    }
+    case "clear":
+      return state.past.length === 0 && state.future.length === 0 ? state : emptyUndoState;
+  }
+}
+var TEXT_ENTRY = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
+function matchUndoHotkey(e) {
+  if (!(e.metaKey || e.ctrlKey) || e.altKey) return null;
+  const key = e.key.toLowerCase();
+  const action = key === "z" ? e.shiftKey ? "redo" : "undo" : key === "y" && e.ctrlKey && !e.metaKey && !e.shiftKey ? "redo" : null;
+  if (!action) return null;
+  const target = e.target;
+  if (target?.isContentEditable) return null;
+  if (target?.tagName && TEXT_ENTRY.has(target.tagName.toUpperCase())) return null;
+  return action;
+}
+var UndoContext = createContext(null);
+var RUNAWAY_LIMIT = 500;
+var RUNAWAY_QUIET_MS = 250;
+function UndoProvider({ children, canEdit = true, perms, windowId }) {
+  const [state, dispatch] = useReducer(undoReducer, emptyUndoState);
+  const slices = useRef(/* @__PURE__ */ new Map());
+  const { hasAnyPerm } = useShellAuth();
+  const enabled = canEdit && (perms && perms.length > 0 ? hasAnyPerm(perms) : true);
+  const pending = useRef(null);
+  const suspended = useRef(false);
+  const snapshot = useCallback(() => {
+    const values = {};
+    for (const [id, slice] of slices.current) values[id] = slice.getLast();
+    return values;
   }, []);
-  const confirmFn = useCallback((opts) => {
-    const normalized = typeof opts === "string" ? { message: opts } : opts;
-    return new Promise((resolve) => {
-      const request = { id: ++nextConfirmIdRef.current, options: normalized, resolve };
-      if (activeConfirmIdRef.current === null) showConfirm(request);
-      else confirmQueueRef.current.push(request);
-    });
-  }, [showConfirm]);
-  const [dOpen, setDOpen] = useState(false);
-  const [dOptions, setDOptions] = useState({ message: "", confirmWord: "Delete" });
-  const [dInput, setDInput] = useState("");
-  const dResolveRef = useRef();
-  const destructiveConfirmFn = useCallback((opts) => {
-    setDOptions(opts);
-    setDInput("");
-    setDOpen(true);
-    return new Promise((resolve) => {
-      dResolveRef.current = resolve;
-    });
+  const register = useCallback((id, slice) => {
+    slices.current.set(id, slice);
   }, []);
-  const [pOpen, setPOpen] = useState(false);
-  const [pOptions, setPOptions] = useState({});
-  const [pInput, setPInput] = useState("");
-  const pResolveRef = useRef();
-  const promptFn = useCallback((opts) => {
-    const normalized = typeof opts === "string" ? { message: opts } : opts;
-    setPOptions(normalized);
-    setPInput(normalized.defaultValue ?? "");
-    setPOpen(true);
-    return new Promise((resolve) => {
-      pResolveRef.current = resolve;
-    });
+  const unregister = useCallback((id) => {
+    slices.current.delete(id);
   }, []);
-  useEffect(() => {
-    globalConfirmFn = confirmFn;
-    globalDestructiveConfirmFn = destructiveConfirmFn;
-    globalPromptFn = promptFn;
-  }, [confirmFn, destructiveConfirmFn, promptFn]);
-  const handleClose = (id, result) => {
-    if (activeConfirmIdRef.current !== id) return;
-    const resolve = resolveRef.current;
-    const next = confirmQueueRef.current.shift();
-    if (next) showConfirm(next);
-    else {
-      activeConfirmIdRef.current = null;
-      resolveRef.current = void 0;
-      setOpen(false);
+  const runaway = useRef({ last: 0, count: 0, tripped: false });
+  const record = useCallback((label, coalesceKey) => {
+    if (!enabled || suspended.current || pending.current) return;
+    const r = runaway.current;
+    if (r.tripped) return;
+    const now = Date.now();
+    if (now - r.last > RUNAWAY_QUIET_MS) r.count = 0;
+    r.last = now;
+    if (++r.count > RUNAWAY_LIMIT) {
+      r.tripped = true;
+      console.error(
+        `[react-os-shell] UndoProvider: "${label}" recorded ${RUNAWAY_LIMIT} undo steps with no pause between them, which no user action can do. The value passed to useUndoable for this slice is almost certainly rebuilt on every render (a .map/.filter/object literal in the call) rather than held in state, so it reads as changed every time \u2014 and since recording a step re-renders the form, that is a loop. Undo recording is now off for this form to keep the tab responsive.`
+      );
+      return;
     }
-    resolve?.(result);
-  };
-  const handleDClose = (result) => {
-    setDOpen(false);
-    setDInput("");
-    dResolveRef.current?.(result);
-  };
-  const handlePClose = (commit) => {
-    if (commit) {
-      const trimmed = pInput.trim();
-      if (!trimmed && !pOptions.allowEmpty) {
-        setPOpen(false);
-        pResolveRef.current?.(null);
-        return;
-      }
-      setPOpen(false);
-      pResolveRef.current?.(trimmed);
-    } else {
-      setPOpen(false);
-      pResolveRef.current?.(null);
+    pending.current = { values: snapshot(), label, coalesceKey };
+    queueMicrotask(() => {
+      const step = pending.current;
+      pending.current = null;
+      if (step) dispatch({ type: "record", step });
+    });
+  }, [enabled, snapshot]);
+  const applyValues = useCallback((values) => {
+    for (const [id, value2] of Object.entries(values)) {
+      const slice = slices.current.get(id);
+      if (!slice) continue;
+      slice.setLast(value2);
+      slice.apply(value2);
     }
+  }, []);
+  const undo = useCallback(() => {
+    const step = state.past[state.past.length - 1];
+    if (!step) return;
+    const redoStep = { values: snapshot(), label: step.label, coalesceKey: null };
+    applyValues(step.values);
+    dispatch({ type: "undo", redoStep });
+  }, [state.past, snapshot, applyValues]);
+  const redo = useCallback(() => {
+    const step = state.future[0];
+    if (!step) return;
+    const undoStep = { values: snapshot(), label: step.label, coalesceKey: null };
+    applyValues(step.values);
+    dispatch({ type: "redo", undoStep });
+  }, [state.future, snapshot, applyValues]);
+  const [baselineToken, setBaselineToken] = useState(0);
+  const baseline = useCallback(() => {
+    suspended.current = true;
+    pending.current = null;
+    setBaselineToken((t) => t + 1);
+    dispatch({ type: "clear" });
+  }, []);
+  useEffect(() => {
+    if (!suspended.current) return;
+    suspended.current = false;
+    pending.current = null;
+    dispatch({ type: "clear" });
+  }, [baselineToken]);
+  const clear = baseline;
+  const canUndo = enabled && state.past.length > 0;
+  const canRedo = enabled && state.future.length > 0;
+  const isActive = useIsActiveWindow(windowId);
+  const keyed = useRef({ undo, redo, canUndo, canRedo });
+  keyed.current = { undo, redo, canUndo, canRedo };
+  useEffect(() => {
+    if (!isActive || !enabled) return;
+    const handler = (e) => {
+      const action = matchUndoHotkey(e);
+      if (!action) return;
+      const k = keyed.current;
+      if (action === "undo" ? !k.canUndo : !k.canRedo) return;
+      e.preventDefault();
+      if (action === "undo") k.undo();
+      else k.redo();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [isActive, enabled]);
+  const value = useMemo(() => ({
+    register,
+    unregister,
+    record,
+    undo,
+    redo,
+    clear,
+    baseline,
+    canUndo,
+    canRedo,
+    enabled,
+    undoLabel: canUndo ? state.past[state.past.length - 1].label : null,
+    redoLabel: canRedo ? state.future[0].label : null
+  }), [register, unregister, record, undo, redo, clear, baseline, canUndo, canRedo, enabled, state.past, state.future]);
+  return /* @__PURE__ */ jsx(UndoContext.Provider, { value, children });
+}
+function useUndo() {
+  const ctx = useContext(UndoContext);
+  const noop = useCallback(() => {
+  }, []);
+  return {
+    undo: ctx?.undo ?? noop,
+    redo: ctx?.redo ?? noop,
+    clear: ctx?.clear ?? noop,
+    baseline: ctx?.baseline ?? noop,
+    canUndo: ctx?.canUndo ?? false,
+    canRedo: ctx?.canRedo ?? false,
+    undoLabel: ctx?.undoLabel ?? null,
+    redoLabel: ctx?.redoLabel ?? null,
+    enabled: ctx?.enabled ?? false
   };
+}
+function useUndoable(value, apply, opts) {
+  const ctx = useContext(UndoContext);
+  const id = useId();
+  const last = useRef(value);
+  const applyRef = useRef(apply);
+  applyRef.current = apply;
   useEffect(() => {
-    if (!open && !dOpen && !pOpen) return;
-    return registerModalEscapeInterceptor(() => {
-      if (pOpen) {
-        handlePClose(false);
-        return true;
-      }
-      if (dOpen) {
-        handleDClose(false);
-        return true;
-      }
-      if (open) {
-        handleClose(confirmId, false);
-        return true;
-      }
-      return false;
+    if (!ctx) return;
+    ctx.register(id, {
+      getLast: () => last.current,
+      setLast: (v) => {
+        last.current = v;
+      },
+      apply: (v) => applyRef.current(v)
     });
-  }, [open, dOpen, pOpen, confirmId]);
-  const variant = options.variant || (options.confirmLabel?.toLowerCase().includes("delete") || options.message.toLowerCase().includes("delete") ? "danger" : "info");
-  const confirmBtnClass = variant === "danger" ? "bg-red-600 hover:bg-red-700 text-white" : variant === "warning" ? "bg-yellow-600 hover:bg-yellow-700 text-white" : "bg-blue-600 hover:bg-blue-700 text-white";
-  const iconClass = variant === "danger" ? "text-red-600 bg-red-100" : variant === "warning" ? "text-yellow-600 bg-yellow-100" : "text-blue-600 bg-blue-100";
-  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value: confirmFn, children: [
-    children,
-    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => handleClose(confirmId, false), className: "relative z-[9999]", children: [
-      /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/30 transition-opacity" }),
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "w-full max-w-md rounded-lg bg-white p-6 shadow-xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: `shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${iconClass}`, children: /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900", children: options.title || "Confirm" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: options.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleClose(confirmId, false),
-              className: "bg-white text-gray-700 border border-gray-300 px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-50",
-              children: options.cancelLabel || "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleClose(confirmId, true),
-              className: `px-4 py-2 text-sm font-medium rounded-lg ${confirmBtnClass}`,
-              children: options.confirmLabel || "OK"
-            }
-          )
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Dialog, { open: dOpen, onClose: () => handleDClose(false), className: "relative z-[9999]", children: [
-      /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/30 transition-opacity" }),
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "relative w-full max-w-md rounded-lg bg-white p-6 shadow-xl", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => handleDClose(false),
-            "aria-label": "Close",
-            className: "absolute right-4 top-4 rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600",
-            children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-5 w-5" })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: `shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${dOptions.variant === "warning" ? "text-yellow-600 bg-yellow-100" : "text-red-600 bg-red-100"}`, children: /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900 pr-6", children: dOptions.title || "Confirm Action" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: dOptions.message }),
-            /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-gray-700", children: [
-              "Type ",
-              /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-300 bg-gray-50 px-1.5 py-0.5 text-xs font-bold text-red-600 font-mono", children: dOptions.confirmWord }),
-              " to confirm:"
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                autoFocus: true,
-                type: "text",
-                value: dInput,
-                onChange: (e) => setDInput(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" && dInput === dOptions.confirmWord) handleDClose(true);
-                },
-                placeholder: dOptions.confirmWord,
-                className: "mt-2 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-red-500 focus:ring-red-500"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleDClose(false),
-              className: "bg-white text-gray-700 border border-gray-300 px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-50",
-              children: "Dismiss"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleDClose(true),
-              disabled: dInput !== dOptions.confirmWord,
-              className: `px-4 py-2 text-sm font-medium rounded-lg disabled:opacity-40 ${dOptions.variant === "warning" ? "bg-yellow-600 hover:bg-yellow-700 text-white" : "bg-red-600 hover:bg-red-700 text-white"}`,
-              children: dOptions.confirmWord
-            }
-          )
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Dialog, { open: pOpen, onClose: () => handlePClose(false), className: "relative z-[9999]", children: [
-      /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/30 transition-opacity" }),
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "w-full max-w-md rounded-lg bg-white p-6 shadow-xl", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900", children: pOptions.title || "Enter a value" }),
-        pOptions.message && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: pOptions.message }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            autoFocus: true,
-            type: "text",
-            value: pInput,
-            onChange: (e) => setPInput(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") handlePClose(true);
-              else if (e.key === "Escape") handlePClose(false);
-            },
-            onFocus: (e) => e.target.select(),
-            placeholder: pOptions.placeholder,
-            className: "mt-3 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handlePClose(false),
-              className: "bg-white text-gray-700 border border-gray-300 px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-50",
-              children: pOptions.cancelLabel || "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => handlePClose(true),
-              disabled: !pOptions.allowEmpty && !pInput.trim(),
-              className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 text-sm font-medium rounded-lg disabled:opacity-40",
-              children: pOptions.confirmLabel || "OK"
-            }
-          )
-        ] })
-      ] }) })
-    ] })
-  ] });
+    return () => ctx.unregister(id);
+  }, [ctx, id]);
+  const { label, coalesceKey = null } = opts;
+  const ctxRef = useRef(ctx);
+  ctxRef.current = ctx;
+  const optsRef = useRef({ label, coalesceKey });
+  optsRef.current = { label, coalesceKey };
+  useEffect(() => {
+    const c = ctxRef.current;
+    if (!c) return;
+    if (Object.is(value, last.current)) return;
+    c.record(optsRef.current.label, optsRef.current.coalesceKey);
+    last.current = value;
+  }, [value]);
+}
+function useUndoableState(initial, opts) {
+  const [value, setValue] = useState(initial);
+  useUndoable(value, (next) => setValue(() => next), opts);
+  return [value, setValue];
 }
 
-export { CancelButton, ConfirmProvider, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, SIDEBAR_STRIP_W, ShellPrefsProvider, UndoProvider, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, cancelWindowFront, client_default, commitExposeHighlight, confirm, confirmDestructive, drainPerfEvents, exitExposeMode, forgetMaximizedWindowBoxes, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, isShellApiClientConfigured, markMenuOpen, prompt, registerModalEscapeInterceptor, requestWindowFront, setExposeHighlight, setPerfCollecting, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useConfirm, useIsActiveWindow, useIsMobile, useLocalStoragePrefs, useModalActive, useShellPrefs, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-H3HFM4JQ.js.map
-//# sourceMappingURL=chunk-H3HFM4JQ.js.map
+export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, 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, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle };
+//# sourceMappingURL=chunk-IGPSRRL7.js.map
+//# sourceMappingURL=chunk-IGPSRRL7.js.map