react-os-shell 4.2.1 → 4.2.2

package/dist/{chunk-URHWXWZE.js → chunk-SI4XHEMM.js}

@@ -1205,7 +1205,7 @@ function CancelButton({ onClick, children, className }) {
   const ctx = useContext(ModalActionsContext);
   const handleClick = async () => {
     if (ctx?.isDirty) {
-      const { confirm: confirm2 } = await import('./ConfirmDialog-C25OKJZP.js');
+      const { confirm: confirm2 } = await import('./ConfirmDialog-QMBUHDXK.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.",
@@ -1832,6 +1832,8 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
   const actionsRef = useRef(null);
   const actionsLeftRef = useRef(null);
   const [hasActions, setHasActions] = useState(false);
+  const footerRef = useRef(null);
+  const hasFooterContent = !!(footer || actions || actionsLeft) || hasActions;
   const fallbackIcon = /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 6.75A2.25 2.25 0 016 4.5h12a2.25 2.25 0 012.25 2.25v10.5A2.25 2.25 0 0118 19.5H6a2.25 2.25 0 01-2.25-2.25V6.75z M3.75 9h16.5" }) });
   const effectiveIcon = icon && isValidElement(icon) ? cloneElement(icon, {
     className: `h-4 w-4 ${icon.props?.className ?? ""}`.trim()
@@ -2123,12 +2125,17 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
           }
         } else if (changed || freezeTimer === null) {
           if (freezeTimer) clearTimeout(freezeTimer);
-          freezeTimer = setTimeout(() => setAutoHeightResolved(true), 160);
+          freezeTimer = setTimeout(() => {
+            const before = lastH;
+            measure();
+            if (lastH === before) setAutoHeightResolved(true);
+          }, 160);
         }
       }
     };
     const ro = new ResizeObserver(measure);
     measure();
+    if (footerRef.current) ro.observe(footerRef.current);
     const mo = new MutationObserver(measure);
     mo.observe(body, { childList: true, subtree: true, characterData: true });
     return () => {
@@ -2136,7 +2143,28 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       mo.disconnect();
       if (freezeTimer) clearTimeout(freezeTimer);
     };
-  }, [autoHeightResolved, widget, autoMinHeight]);
+  }, [autoHeightResolved, widget, autoMinHeight, hasFooterContent]);
+  useLayoutEffect(() => {
+    if (!autoHeight || !autoHeightResolved || widget || !open) return;
+    const footerEl = footerRef.current;
+    if (!footerEl) return;
+    let lastFooterH = footerEl.offsetHeight;
+    const ro = new ResizeObserver(() => {
+      if (!footerEl.isConnected) return;
+      const h = footerEl.offsetHeight;
+      const delta = h - lastFooterH;
+      const flipped = h > 0 !== lastFooterH > 0;
+      lastFooterH = h;
+      if (!flipped || delta === 0 || maximized) return;
+      if (document.body.classList.contains("rosh-gesturing")) return;
+      const floor = autoMinHeight ?? 240;
+      const taskbarH = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--taskbar-height")) || 0;
+      const viewportCap = Math.max(floor, window.innerHeight - taskbarH - Math.max(0, boxRef.current.y) - 24);
+      setBox((prev) => ({ ...prev, h: Math.min(Math.max(floor, prev.h + delta), viewportCap) }));
+    });
+    ro.observe(footerEl);
+    return () => ro.disconnect();
+  }, [autoHeight, autoHeightResolved, widget, open, maximized, autoMinHeight]);
   useEffect(() => {
     if (alwaysMaximized) {
       setMaximized(true);
@@ -2784,7 +2812,8 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
             "div",
             {
               onPointerDown: startDrag,
-              className: `px-4 py-2 border-t border-gray-200 shrink-0 flex items-center justify-between text-xs select-none cursor-move${isActive ? " backdrop-blur-sm" : ""}${widget || compact || appStyle || isMobile || !footer && !hasActions && !actions && !actionsLeft ? " hidden" : ""}`,
+              ref: footerRef,
+              className: `px-4 py-2 border-t border-gray-200 shrink-0 flex items-center justify-between text-xs select-none cursor-move${isActive ? " backdrop-blur-sm" : ""}${widget || compact || appStyle || isMobile || !hasFooterContent ? " hidden" : ""}`,
               style: { touchAction: "none", backgroundColor: isActive ? `rgb(var(--window-footer-rgb) / var(--active-header-opacity, 0.8))` : `rgb(var(--window-footer-rgb) / var(--inactive-header-opacity, 0.7))` },
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
@@ -3179,5 +3208,5 @@ function ConfirmProvider({ children }) {
 }
 
 export { CancelButton, ConfirmProvider, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, SIDEBAR_STRIP_W, ShellPrefsProvider, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, client_default, commitExposeHighlight, confirm, confirmDestructive, exitExposeMode, forgetMaximizedWindowBoxes, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, isShellApiClientConfigured, prompt, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useConfirm, useIsMobile, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-URHWXWZE.js.map
-//# sourceMappingURL=chunk-URHWXWZE.js.map
+//# sourceMappingURL=chunk-SI4XHEMM.js.map
+//# sourceMappingURL=chunk-SI4XHEMM.js.map