react-os-shell 4.63.0 → 4.74.0

package/dist/{chunk-JMESET3G.js → chunk-G7IHPEJE.js}

@@ -1,5 +1,5 @@
-import { useIsMobile, useShellPrefs, PopupMenu, PopupMenuItem, PopupMenuDivider } from './chunk-ZCDFNZQS.js';
-import { confirm, runEscapeInterceptors } from './chunk-OXLLRKBC.js';
+import { useShellStrings, useIsMobile, useShellPrefs, PopupMenu, PopupMenuItem, PopupMenuDivider } from './chunk-BLLINYDD.js';
+import { confirm, runEscapeInterceptors } from './chunk-CDR2Q64Q.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';
@@ -190,6 +190,7 @@ function PageWindow({ item, onClose, accentRgb }) {
   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, {}) }) }) });
 }
 function DocFavStar({ entityType, entityId, label }) {
+  const shellStrings = useShellStrings();
   const queryClient = useQueryClient();
   const { data: profile } = useQuery({ queryKey: ["my-profile-sidebar"], enabled: isShellApiClientConfigured(), queryFn: () => client_default.get("/auth/me/").then((r) => r.data) });
   const favDocs = (profile?.preferences || {}).favorite_documents || [];
@@ -204,7 +205,7 @@ function DocFavStar({ entityType, entityId, label }) {
     "button",
     {
       onClick: toggle,
-      title: isFav ? "Remove from desktop" : "Add to desktop",
+      title: isFav ? shellStrings.taskbar.removeFromDesktop : shellStrings.taskbar.addToDesktop,
       className: `shrink-0 transition-colors ${isFav ? "text-yellow-500 hover:text-yellow-600" : "text-gray-300 hover:text-yellow-400"}`,
       children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: isFav ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" }) })
     }
@@ -331,6 +332,7 @@ function clearPeekFocus() {
   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 shellStrings = useShellStrings();
   const previewRef = useRef(null);
   const [size, setSize] = useState({ w: maxW, h: Math.round(maxH * 0.75) });
   const [hasSnapshot, setHasSnapshot] = useState(false);
@@ -398,7 +400,7 @@ function ThumbCard({ id, label, maxW, maxH, titleAbove = false, onClick, onClose
               onClose();
             },
             className: "absolute top-1 right-1 z-20 h-5 w-5 rounded-full bg-gray-900/90 ring-1 ring-white/80 shadow-sm hover:bg-red-500 text-white flex items-center justify-center",
-            title: "Close window",
+            title: shellStrings.taskbar.closeWindow,
             children: /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
           }
         )
@@ -407,6 +409,7 @@ function ThumbCard({ id, label, maxW, maxH, titleAbove = false, onClick, onClose
   );
 }
 function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter, onMouseLeave }) {
+  const shellStrings = useShellStrings();
   const MAX_W = 240;
   const MAX_H = 160;
   const isGroup = items.length > 1;
@@ -493,7 +496,7 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
                 bearing !== null && /* @__PURE__ */ jsxs(
                   "span",
                   {
-                    title: "This window is off screen \u2014 click to bring it back",
+                    title: shellStrings.taskbar.offscreenHint,
                     className: "mt-1 inline-flex items-center gap-1 rounded bg-amber-500 px-1.5 py-0.5 text-[10px] font-semibold text-white shadow-sm",
                     children: [
                       /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", style: { transform: `rotate(${bearing}deg)` }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h14m0 0l-5-5m5 5l-5 5" }) }),
@@ -512,6 +515,7 @@ function TaskbarTabPreview({ items, anchorEl, onActivate, onClose, onMouseEnter,
   );
 }
 function TaskbarWindows({ openWindows, onRemove, onSplitView, onActivate, onActivateById }) {
+  const shellStrings = useShellStrings();
   const [target, setTarget] = useState(null);
   useEffect(() => {
     const el = document.getElementById("taskbar-windows");
@@ -635,7 +639,7 @@ function TaskbarWindows({ openWindows, onRemove, onSplitView, onActivate, onActi
             children: [
               icon && isValidElement(icon) ? cloneElement(icon, { className: `h-3.5 w-3.5 shrink-0 ${isActive ? "text-blue-600" : "text-gray-400"}` }) : /* @__PURE__ */ jsx("svg", { className: `h-3.5 w-3.5 shrink-0 ${isActive ? "text-blue-600" : "text-gray-400"}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }) }),
               /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: isGrouped ? group.label : liveTitle(primary.label) }),
-              offscreen && /* @__PURE__ */ jsx("span", { title: "Off screen \u2014 click to bring this window back", className: "shrink-0 h-1.5 w-1.5 rounded-full bg-amber-500" }),
+              offscreen && /* @__PURE__ */ jsx("span", { title: shellStrings.taskbar.offscreenDot, className: "shrink-0 h-1.5 w-1.5 rounded-full bg-amber-500" }),
               isGrouped && /* @__PURE__ */ jsx("span", { className: "shrink-0 px-1.5 py-0.5 rounded-full bg-blue-500/80 text-white text-[10px] font-bold leading-none", children: group.items.length }),
               !isGrouped && /* @__PURE__ */ jsx("span", { role: "button", onClick: (e) => {
                 e.stopPropagation();
@@ -651,7 +655,7 @@ function TaskbarWindows({ openWindows, onRemove, onSplitView, onActivate, onActi
         "button",
         {
           onClick: onSplitView,
-          title: "Expos\xE9 \u2014 show all open windows as thumbnails",
+          title: shellStrings.taskbar.expose,
           className: "flex items-center gap-1 rounded px-2 py-1 text-[11px] font-medium text-blue-600 border border-blue-300 hover:bg-blue-50 transition-colors shrink-0",
           children: [
             /* @__PURE__ */ jsxs("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
@@ -1111,7 +1115,7 @@ function CancelButton({ onClick, children, className }) {
   const ctx = useContext(ModalActionsContext);
   const handleClick = async () => {
     if (ctx?.isDirty) {
-      const { confirm: confirm2 } = await import('./ConfirmDialog-EEH4CWSW.js');
+      const { confirm: confirm2 } = await import('./ConfirmDialog-SREDNTIB.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.",
@@ -1450,6 +1454,73 @@ function hideSnapPreview() {
   snapPreviewEl.style.opacity = "0";
   snapPreviewEl.style.display = "none";
 }
+var SNAP_PICKER_ZONES = [
+  { zone: "left", labelKey: "snapLeft", region: "inset-y-0 left-0 w-1/2" },
+  { zone: "right", labelKey: "snapRight", region: "inset-y-0 right-0 w-1/2" },
+  { zone: "tl", labelKey: "snapTopLeft", region: "top-0 left-0 h-1/2 w-1/2" },
+  { zone: "tr", labelKey: "snapTopRight", region: "top-0 right-0 h-1/2 w-1/2" },
+  { zone: "bl", labelKey: "snapBottomLeft", region: "bottom-0 left-0 h-1/2 w-1/2" },
+  { zone: "br", labelKey: "snapBottomRight", region: "bottom-0 right-0 h-1/2 w-1/2" }
+];
+var SNAP_PICKER_OPEN_MS = 350;
+var SNAP_PICKER_CLOSE_MS = 200;
+function SnapLayoutsButton({ maximized, onToggleMax, onSnap, buttonClassName, strings }) {
+  const [open, setOpen] = useState(false);
+  const openTimer = useRef(void 0);
+  const closeTimer = useRef(void 0);
+  useEffect(() => () => {
+    clearTimeout(openTimer.current);
+    clearTimeout(closeTimer.current);
+  }, []);
+  const armOpen = () => {
+    clearTimeout(closeTimer.current);
+    openTimer.current = setTimeout(() => setOpen(true), SNAP_PICKER_OPEN_MS);
+  };
+  const armClose = () => {
+    clearTimeout(openTimer.current);
+    closeTimer.current = setTimeout(() => setOpen(false), SNAP_PICKER_CLOSE_MS);
+  };
+  return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", onMouseEnter: armOpen, onMouseLeave: armClose, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onToggleMax,
+        onFocus: armOpen,
+        onBlur: armClose,
+        title: maximized ? strings.windowed : strings.maximize,
+        className: buttonClassName,
+        children: maximized ? "\u2750" : "\u2922"
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        "aria-label": strings.snapLayouts,
+        onMouseEnter: () => clearTimeout(closeTimer.current),
+        onMouseLeave: armClose,
+        className: "absolute right-0 top-full z-30 mt-1 grid w-max grid-cols-2 gap-1 rounded-lg border border-gray-200 bg-white p-1.5 shadow-lg",
+        children: SNAP_PICKER_ZONES.map(({ zone, labelKey, region }) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": strings[labelKey],
+            title: strings[labelKey],
+            onClick: () => {
+              setOpen(false);
+              onSnap(zone);
+            },
+            onFocus: () => clearTimeout(closeTimer.current),
+            onBlur: armClose,
+            className: "relative h-7 w-11 rounded border border-gray-300 bg-gray-50 hover:border-blue-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400",
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: `absolute rounded-sm bg-blue-500/70 ${region}`, style: { margin: 2 } })
+          },
+          zone
+        ))
+      }
+    )
+  ] });
+}
 var GESTURE_STYLE_ID = "rosh-gesture-style";
 function ensureGestureStyle() {
   if (typeof document === "undefined" || document.getElementById(GESTURE_STYLE_ID)) return;
@@ -1747,6 +1818,8 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     };
   }, [swipeDragging]);
   const [displayTitle, setDisplayTitle] = useState(title);
+  const shellStrings = useShellStrings();
+  const winStr = shellStrings.window;
   useEffect(() => {
     setDisplayTitle(title);
   }, [title]);
@@ -2423,10 +2496,18 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
     boxRef.current = next;
     setBox(next);
   }, [modalId, maximized, calcWindowed, calcMaximized]);
+  const applySnapZone = useCallback((zone) => {
+    if (!preSnapBoxRef.current) preSnapBoxRef.current = { ...boxRef.current };
+    setMaximized(false);
+    const snapped = calcSnapBox(zone);
+    boxRef.current = snapped;
+    setBox(snapped);
+    activateModal(modalId);
+  }, [modalId]);
   const titleBarKeyProps = alwaysMaximized || exposeActive ? {} : {
     tabIndex: 0,
     role: "group",
-    "aria-label": titleTooltip ? `${titleTooltip} \u2014 window` : "Window",
+    "aria-label": titleTooltip ? `${titleTooltip} \u2014 ${winStr.windowSuffix}` : winStr.windowSuffix,
     "aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight Shift+ArrowUp Shift+ArrowDown Shift+ArrowLeft Shift+ArrowRight Control+ArrowUp Control+ArrowDown Control+ArrowLeft Control+ArrowRight Enter",
     onKeyDown: onTitleBarKeyDown
   };
@@ -2689,7 +2770,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                       "button",
                       {
                         onClick: () => setPinnedOnTop((p) => !p),
-                        title: pinnedOnTop ? "Unpin from top" : "Pin on top",
+                        title: pinnedOnTop ? winStr.unpin : winStr.pinOnTop,
                         className: `p-0.5 rounded hover:bg-gray-200 ${pinnedOnTop ? "text-blue-600" : "text-gray-400 hover:text-gray-600"}`,
                         children: /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: pinnedOnTop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" }) })
                       }
@@ -2719,20 +2800,29 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                       "button",
                       {
                         onClick: () => setPinnedOnTop((p) => !p),
-                        title: pinnedOnTop ? "Unpin from top" : "Pin on top",
+                        title: pinnedOnTop ? winStr.unpin : winStr.pinOnTop,
                         className: `p-0.5 rounded hover:bg-gray-200 ${pinnedOnTop ? "text-blue-600" : "text-gray-400 hover:text-gray-600"}`,
                         children: /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: pinnedOnTop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" }) })
                       }
                     ),
-                    /* @__PURE__ */ jsx("button", { onClick: () => _minimizeModal(modalId), title: "Minimize", className: "text-gray-400 hover:text-gray-600 px-1 py-0.5 rounded hover:bg-gray-200 text-xs leading-none", children: "\u2500" }),
-                    !alwaysMaximized && /* @__PURE__ */ jsx("button", { onClick: () => {
-                      if (maximized) {
-                        setMaximized(false);
-                        setBox(calcWindowed());
-                      } else {
-                        reset();
+                    /* @__PURE__ */ jsx("button", { onClick: () => _minimizeModal(modalId), title: winStr.minimize, className: "text-gray-400 hover:text-gray-600 px-1 py-0.5 rounded hover:bg-gray-200 text-xs leading-none", children: "\u2500" }),
+                    !alwaysMaximized && /* @__PURE__ */ jsx(
+                      SnapLayoutsButton,
+                      {
+                        maximized,
+                        onToggleMax: () => {
+                          if (maximized) {
+                            setMaximized(false);
+                            setBox(calcWindowed());
+                          } else {
+                            reset();
+                          }
+                        },
+                        onSnap: applySnapZone,
+                        buttonClassName: "text-gray-400 hover:text-gray-600 px-1 py-0.5 rounded hover:bg-gray-200 text-xs leading-none",
+                        strings: winStr
                       }
-                    }, title: maximized ? "Windowed" : "Maximize", className: "text-gray-400 hover:text-gray-600 px-1 py-0.5 rounded hover:bg-gray-200 text-xs leading-none", children: maximized ? "\u2750" : "\u2922" }),
+                    ),
                     /* @__PURE__ */ jsx("button", { type: "button", onClick: guardedClose, className: "rounded p-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-200", children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-4 w-4" }) })
                   ] })
                 ]
@@ -2754,28 +2844,37 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                 !exposeActive && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0 ml-4", children: [
                   hasNav && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 mr-1 text-[10px] text-gray-400", children: [
                     /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-300 bg-gray-200 px-1.5 py-0.5 font-medium text-gray-500", children: "K" }),
-                    /* @__PURE__ */ jsx("span", { children: "Prev" }),
+                    /* @__PURE__ */ jsx("span", { children: winStr.prev }),
                     /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-300 bg-gray-200 px-1.5 py-0.5 font-medium ml-1 text-gray-500", children: "J" }),
-                    /* @__PURE__ */ jsx("span", { children: "Next" })
+                    /* @__PURE__ */ jsx("span", { children: winStr.next })
                   ] }),
                   allowPinOnTop && /* @__PURE__ */ jsx(
                     "button",
                     {
                       onClick: () => setPinnedOnTop((p) => !p),
-                      title: pinnedOnTop ? "Unpin from top" : "Pin on top",
+                      title: pinnedOnTop ? winStr.unpin : winStr.pinOnTop,
                       className: `text-xs px-2 py-1 rounded hover:bg-gray-200 ${pinnedOnTop ? "text-blue-600" : "text-gray-400 hover:text-gray-600"}`,
                       children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: pinnedOnTop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" }) })
                     }
                   ),
-                  /* @__PURE__ */ jsx("button", { onClick: () => _minimizeModal(modalId), title: "Minimize", className: "text-gray-400 hover:text-gray-600 text-xs px-2 py-1 rounded hover:bg-gray-200", children: "\u2500" }),
-                  !alwaysMaximized && /* @__PURE__ */ jsx("button", { onClick: () => {
-                    if (maximized) {
-                      setMaximized(false);
-                      setBox(calcWindowed());
-                    } else {
-                      reset();
+                  /* @__PURE__ */ jsx("button", { onClick: () => _minimizeModal(modalId), title: winStr.minimize, className: "text-gray-400 hover:text-gray-600 text-xs px-2 py-1 rounded hover:bg-gray-200", children: "\u2500" }),
+                  !alwaysMaximized && /* @__PURE__ */ jsx(
+                    SnapLayoutsButton,
+                    {
+                      maximized,
+                      onToggleMax: () => {
+                        if (maximized) {
+                          setMaximized(false);
+                          setBox(calcWindowed());
+                        } else {
+                          reset();
+                        }
+                      },
+                      onSnap: applySnapZone,
+                      buttonClassName: "text-gray-400 hover:text-gray-600 text-xs px-2 py-1 rounded hover:bg-gray-200",
+                      strings: winStr
                     }
-                  }, title: maximized ? "Windowed" : "Maximize", className: "text-gray-400 hover:text-gray-600 text-xs px-2 py-1 rounded hover:bg-gray-200", children: maximized ? "\u2750" : "\u2922" }),
+                  ),
                   /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-300 bg-gray-200 px-1.5 py-0.5 text-[10px] font-medium text-gray-400", children: "ESC" }),
                   /* @__PURE__ */ jsx("button", { type: "button", onClick: guardedClose, className: "rounded-md text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-5 w-5" }) })
                 ] })
@@ -2878,7 +2977,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
                 {
                   type: "button",
                   "data-expose-close": true,
-                  "aria-label": "Close window",
+                  "aria-label": shellStrings.taskbar.closeWindow,
                   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: {
@@ -2932,7 +3031,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         setWindowMenu(null);
       }, children: [
         /* @__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: "M19.5 12h-15" }) }),
-        "Minimize"
+        winStr.minimize
       ] }),
       !alwaysMaximized && (maximized ? /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
         setMaximized(false);
@@ -2940,13 +3039,13 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
         setWindowMenu(null);
       }, children: [
         /* @__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: "M9 4.5v15m6-15v15M4.5 9h15M4.5 15h15" }) }),
-        "Windowed"
+        winStr.windowed
       ] }) : /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
         reset();
         setWindowMenu(null);
       }, children: [
         /* @__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 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" }) }),
-        "Maximize"
+        winStr.maximize
       ] }))
     ] }),
     allowPinOnTop && /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
@@ -2954,14 +3053,14 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       setWindowMenu(null);
     }, children: [
       /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 ${pinnedOnTop ? "text-blue-600" : "text-gray-400"}`, fill: pinnedOnTop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9" }) }),
-      pinnedOnTop ? "Unpin from Top" : "Pin on Top"
+      pinnedOnTop ? winStr.unpin : winStr.pinOnTop
     ] }),
     shortcutSpec && /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
       setWindowMenu(null);
       toggleDesktopShortcut();
     }, children: [
       /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 ${isOnDesktop ? "text-yellow-500" : "text-gray-400"}`, fill: isOnDesktop ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" }) }),
-      isOnDesktop ? "Remove from Desktop" : "Add to Desktop"
+      isOnDesktop ? shellStrings.taskbar.removeFromDesktop : shellStrings.taskbar.addToDesktop
     ] }),
     (_extraMenuItems[modalId] || []).length > 0 && /* @__PURE__ */ jsx(Fragment, { children: (_extraMenuItems[modalId] || []).map((item, i) => /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: () => {
       setWindowMenu(null);
@@ -2976,7 +3075,7 @@ function Modal({ open, onClose, title, icon, copyText, size = "lg", dirty = fals
       guardedClose();
     }, children: [
       /* @__PURE__ */ jsx(XMarkIcon, { className: "h-4 w-4" }),
-      "Close"
+      winStr.close
     ] })
   ] });
   return createPortal(
@@ -3200,5 +3299,5 @@ function useUndoableState(initial, opts) {
 }
 
 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, useEnclosingModalId, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle };
-//# sourceMappingURL=chunk-JMESET3G.js.map
-//# sourceMappingURL=chunk-JMESET3G.js.map
+//# sourceMappingURL=chunk-G7IHPEJE.js.map
+//# sourceMappingURL=chunk-G7IHPEJE.js.map