react-os-shell 3.18.0 → 3.19.1

package/dist/{chunk-PAAX2MHL.js → chunk-RPSFO2H2.js}

@@ -1618,9 +1618,10 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
   }, [open, onNext, onPrev, hasNav, showBoundaryToast, modalId]);
   if (!open || interceptedRef.current) return null;
   const exposeTile = exposeActive ? computeExposeTile(modalId) : null;
+  const exposeScale = exposeActive && exposeTile ? Math.min(exposeTile.w / box.w, exposeTile.h / box.h) : 1;
   const exposeStyle = (() => {
     if (exposeActive && exposeTile) {
-      const scale = Math.min(exposeTile.w / box.w, exposeTile.h / box.h);
+      const scale = exposeScale;
       const scaledW = box.w * scale;
       const scaledH = box.h * scale;
       const tx = exposeTile.x + (exposeTile.w - scaledW) / 2 - box.x;
@@ -1659,6 +1660,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         className: `fixed rounded-2xl flex flex-col overflow-hidden ${widget ? isActive ? "shadow-2xl" : "shadow-lg" : `border ${isActive ? "shadow-2xl border-gray-200" : "shadow-lg border-gray-300"}`}`,
         onMouseDownCapture: (e) => {
           if (exposeActive) {
+            if (e.target.closest("[data-expose-close]")) return;
             e.preventDefault();
             e.stopPropagation();
             setExposeExitFocus(modalId);
@@ -1911,7 +1913,36 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
               onClick: (e) => {
                 e.stopPropagation();
                 e.preventDefault();
-              }
+              },
+              children: exposeHovered && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-expose-close": true,
+                  "aria-label": "Close window",
+                  title: "Close",
+                  className: "absolute flex items-center justify-center rounded-full bg-black/55 text-white shadow-lg ring-1 ring-white/40 transition-colors hover:bg-red-500",
+                  style: {
+                    top: 8,
+                    right: 8,
+                    width: 30,
+                    height: 30,
+                    transform: `scale(${1 / exposeScale})`,
+                    transformOrigin: "top right",
+                    zIndex: 1e4
+                  },
+                  onMouseDown: (e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                  },
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    guardedClose();
+                  },
+                  children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+                }
+              )
             }
           )
         ]
@@ -2148,6 +2179,26 @@ function findPanelByLabel(label) {
   }
   return null;
 }
+var PEEK_STYLE_ID = "rosh-peek-style";
+function ensurePeekStyle() {
+  if (typeof document === "undefined" || document.getElementById(PEEK_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = PEEK_STYLE_ID;
+  style.textContent = "body.rosh-peeking [data-modal-panel]{transition:opacity .18s ease;opacity:.4}body.rosh-peeking [data-modal-panel][data-peek-focus]{opacity:1}";
+  document.head.appendChild(style);
+}
+function setPeekFocus(panel) {
+  if (typeof document === "undefined") return;
+  ensurePeekStyle();
+  document.querySelectorAll("[data-modal-panel][data-peek-focus]").forEach((el) => el.removeAttribute("data-peek-focus"));
+  if (panel) panel.setAttribute("data-peek-focus", "");
+  document.body.classList.toggle("rosh-peeking", !!panel);
+}
+function clearPeekFocus() {
+  if (typeof document === "undefined") return;
+  document.body.classList.remove("rosh-peeking");
+  document.querySelectorAll("[data-modal-panel][data-peek-focus]").forEach((el) => el.removeAttribute("data-peek-focus"));
+}
 function ThumbCard({ id, label, maxW, maxH, titleAbove = false, onClick, onClose }) {
   const previewRef = useRef(null);
   const [size, setSize] = useState({ w: maxW, h: Math.round(maxH * 0.75) });
@@ -2262,6 +2313,7 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
     ro.observe(el);
     return () => ro.disconnect();
   }, [anchorEl, items.length]);
+  useEffect(() => clearPeekFocus, []);
   const titleBelow = taskbarPos === "top";
   const titleClass = `${titleBelow ? "mt-1" : "mb-1"} max-w-[240px] truncate text-[11px] font-medium text-gray-900 bg-white/80 px-2 py-0.5 rounded shadow-sm ring-2 ring-transparent transition group-hover:ring-blue-400`;
   return createPortal(
@@ -2279,23 +2331,34 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
         },
         className: isGroup ? "flex gap-2 flex-wrap" : "",
         onMouseEnter,
-        onMouseLeave,
-        children: items.map((it) => /* @__PURE__ */ jsxs("div", { className: "group flex flex-col items-center", children: [
-          !titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label }),
-          /* @__PURE__ */ jsx(
-            ThumbCard,
-            {
-              id: it.id,
-              label: it.label,
-              maxW: MAX_W,
-              maxH: MAX_H,
-              titleAbove: true,
-              onClick: () => onActivate(it.id),
-              onClose: () => onClose(it.id)
-            }
-          ),
-          titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label })
-        ] }, it.id))
+        onMouseLeave: () => {
+          clearPeekFocus();
+          onMouseLeave();
+        },
+        children: items.map((it) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "group flex flex-col items-center",
+            onMouseEnter: () => setPeekFocus(findPanelByWindowKey(it.id) ?? findPanelByLabel(it.label)),
+            children: [
+              !titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label }),
+              /* @__PURE__ */ jsx(
+                ThumbCard,
+                {
+                  id: it.id,
+                  label: it.label,
+                  maxW: MAX_W,
+                  maxH: MAX_H,
+                  titleAbove: true,
+                  onClick: () => onActivate(it.id),
+                  onClose: () => onClose(it.id)
+                }
+              ),
+              titleBelow && /* @__PURE__ */ jsx("span", { className: titleClass, children: it.label })
+            ]
+          },
+          it.id
+        ))
       }
     ),
     document.body
@@ -2583,14 +2646,12 @@ function WindowManagerProvider({ children }) {
     const openedFrom = currentlyActiveWindowKey();
     setOpenWindows((prev) => {
       if (entry.multiInstance) {
-        const instanceCount = prev.filter((m) => m.type === "page" && m.route === path).length;
-        const nextNum = instanceCount + 1;
         const id2 = `page:${path}:${Math.random().toString(36).slice(2, 8)}`;
         activateAfterMount(id2);
         return [...prev, {
           id: id2,
           type: "page",
-          label: instanceCount === 0 ? entry.label : `${entry.label} ${nextNum}`,
+          label: entry.label,
           route: path,
           openedFrom
         }];
@@ -2667,5 +2728,5 @@ function WindowManagerProvider({ children }) {
 }
 
 export { CancelButton, CopyButton, DocFavStar, LoadingSpinner, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, ThumbCard, WINDOW_REGISTRY, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, activateModal, client_default, commitExposeHighlight, exitExposeMode, getActiveModalId, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, isShellApiClientConfigured, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsMobile, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-PAAX2MHL.js.map
-//# sourceMappingURL=chunk-PAAX2MHL.js.map
+//# sourceMappingURL=chunk-RPSFO2H2.js.map
+//# sourceMappingURL=chunk-RPSFO2H2.js.map