react-os-shell 0.2.21 → 0.2.22

package/dist/{Files-DUBYUPH3.js → Files-XKNHOT5T.js}

@@ -1,7 +1,7 @@
-export { Files as default, openFilesInTrashMode } from './chunk-6RDJWAMU.js';
-import './chunk-YLXY6AZK.js';
+export { Files as default, openFilesInTrashMode } from './chunk-XYCLLD46.js';
+import './chunk-4DW5YQ7Y.js';
 import './chunk-WIJ45SYD.js';
 import './chunk-QXY6ZHRX.js';
 import './chunk-PLGHQ7QW.js';
-//# sourceMappingURL=Files-DUBYUPH3.js.map
-//# sourceMappingURL=Files-DUBYUPH3.js.map
+//# sourceMappingURL=Files-XKNHOT5T.js.map
+//# sourceMappingURL=Files-XKNHOT5T.js.map

package/dist/{Files-DUBYUPH3.js.map → Files-XKNHOT5T.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Files-DUBYUPH3.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Files-XKNHOT5T.js"}

package/dist/Preview-MIILWJVE.js

@@ -0,0 +1,6 @@
+export { Preview as default, setPdfPreview } from './chunk-4DW5YQ7Y.js';
+import './chunk-WIJ45SYD.js';
+import './chunk-QXY6ZHRX.js';
+import './chunk-PLGHQ7QW.js';
+//# sourceMappingURL=Preview-MIILWJVE.js.map
+//# sourceMappingURL=Preview-MIILWJVE.js.map

package/dist/{Preview-IJNSVRUN.js.map → Preview-MIILWJVE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Preview-IJNSVRUN.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Preview-MIILWJVE.js"}

package/dist/apps/index.js

@@ -1,5 +1,5 @@
-export { openFilesInTrashMode } from '../chunk-6RDJWAMU.js';
-export { setPdfPreview } from '../chunk-YLXY6AZK.js';
+export { openFilesInTrashMode } from '../chunk-XYCLLD46.js';
+export { setPdfPreview } from '../chunk-4DW5YQ7Y.js';
 import '../chunk-WIJ45SYD.js';
 import '../chunk-QXY6ZHRX.js';
 import '../chunk-PLGHQ7QW.js';
@@ -20,9 +20,9 @@ var Minesweeper = lazy(() => import('../Minesweeper-YPAR6SPJ.js'));
 var Email = lazy(() => import('../Email-XTFUEIE5.js'));
 var GeminiChat = lazy(() => import('../GeminiChat-ITU46EH4.js'));
 var Calendar = lazy(() => import('../Calendar-24TAKCAJ.js'));
-var Preview = lazy(() => import('../Preview-IJNSVRUN.js'));
+var Preview = lazy(() => import('../Preview-MIILWJVE.js'));
 var Documents = lazy(() => import('../Documents-QMP6QN3C.js'));
-var Files = lazy(() => import('../Files-DUBYUPH3.js'));
+var Files = lazy(() => import('../Files-XKNHOT5T.js'));
 var Browser = lazy(() => import('../Browser-RJZLTAJQ.js'));
 var utilityApps = {
   "/calculator": { component: Calculator, label: "Calculator", size: "sm", allowPinOnTop: true, utility: true, widget: true, autoHeight: true, dimensions: [280, 420] },

package/dist/{chunk-YLXY6AZK.js → chunk-4DW5YQ7Y.js}

@@ -20,6 +20,7 @@ function ImageAnnotator({ src, filename, onClose }) {
   const [imageReady, setImageReady] = useState(false);
   const [pendingText, setPendingText] = useState(null);
   const [pendingCrop, setPendingCrop] = useState(null);
+  const [displaySize, setDisplaySize] = useState(null);
   const [displayScale, setDisplayScale] = useState(1);
   useEffect(() => {
     const img = new Image();
@@ -45,9 +46,25 @@ function ImageAnnotator({ src, filename, onClose }) {
     if (!imageReady) return;
     const update = () => {
       const c = canvasRef.current;
-      if (!c) return;
-      const rect = c.getBoundingClientRect();
-      if (rect.width > 0) setDisplayScale(c.width / rect.width);
+      const wrap = wrapRef.current;
+      if (!c || !wrap) return;
+      const wrapRect = wrap.getBoundingClientRect();
+      const availW = Math.max(0, wrapRect.width - 32);
+      const availH = Math.max(0, wrapRect.height - 32);
+      if (availW === 0 || availH === 0) return;
+      const ratio = c.width / c.height;
+      let w = c.width;
+      let h = c.height;
+      if (w > availW) {
+        w = availW;
+        h = w / ratio;
+      }
+      if (h > availH) {
+        h = availH;
+        w = h * ratio;
+      }
+      setDisplaySize({ w, h });
+      setDisplayScale(c.width / w);
     };
     update();
     const ro = new ResizeObserver(update);
@@ -284,71 +301,77 @@ function ImageAnnotator({ src, filename, onClose }) {
         /* @__PURE__ */ jsx("button", { onClick: onClose, className: "px-2 py-1 text-xs rounded hover:bg-gray-200 text-gray-700", children: "Exit" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { ref: wrapRef, className: "flex-1 overflow-auto bg-gray-200 flex items-center justify-center p-4 relative", children: /* @__PURE__ */ jsxs("div", { className: "relative inline-block max-w-full max-h-full", children: [
-      /* @__PURE__ */ jsx(
-        "canvas",
-        {
-          ref: canvasRef,
-          onPointerDown,
-          onPointerMove,
-          onPointerUp,
-          onPointerCancel: () => {
-            dragRef.current = null;
-            clearOverlay();
-          },
-          style: { touchAction: "none", maxWidth: "100%", maxHeight: "100%", display: "block", cursor: tool === "text" ? "text" : "crosshair" },
-          className: "shadow-lg rounded bg-white"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "canvas",
-        {
-          ref: overlayRef,
-          style: {
-            position: "absolute",
-            inset: 0,
-            pointerEvents: "none",
-            maxWidth: "100%",
-            maxHeight: "100%",
-            width: "100%",
-            height: "100%"
-          }
-        }
-      ),
-      pendingText && /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            left: `${pendingText.x / displayScale}px`,
-            top: `${pendingText.y / displayScale}px`,
-            transform: "translateY(-2px)"
-          },
-          className: "z-10",
-          children: /* @__PURE__ */ jsx(
-            "textarea",
+    /* @__PURE__ */ jsx("div", { ref: wrapRef, className: "flex-1 overflow-hidden bg-gray-200 flex items-center justify-center p-4 relative", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative shadow-lg rounded overflow-hidden",
+        style: displaySize ? { width: displaySize.w, height: displaySize.h } : void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "canvas",
             {
-              autoFocus: true,
-              value: pendingText.value,
-              onChange: (e) => setPendingText({ ...pendingText, value: e.target.value }),
-              onBlur: commitText,
-              onKeyDown: (e) => {
-                if (e.key === "Escape") {
-                  setPendingText(null);
-                } else if (e.key === "Enter" && !e.shiftKey) {
-                  e.preventDefault();
-                  commitText();
-                }
+              ref: canvasRef,
+              onPointerDown,
+              onPointerMove,
+              onPointerUp,
+              onPointerCancel: () => {
+                dragRef.current = null;
+                clearOverlay();
+              },
+              style: { touchAction: "none", display: "block", width: "100%", height: "100%", cursor: tool === "text" ? "text" : "crosshair", background: "#fff" }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "canvas",
+            {
+              ref: overlayRef,
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%",
+                pointerEvents: "none",
+                display: "block"
+              }
+            }
+          ),
+          pendingText && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                left: `${pendingText.x / displayScale}px`,
+                top: `${pendingText.y / displayScale}px`,
+                transform: "translateY(-2px)"
               },
-              placeholder: "Type then Enter\u2026",
-              rows: 1,
-              className: "bg-white/95 border border-blue-400 rounded px-1 py-0.5 text-sm outline-none resize-none shadow-md",
-              style: { color, fontWeight: 600, minWidth: 80 }
+              className: "z-10",
+              children: /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  autoFocus: true,
+                  value: pendingText.value,
+                  onChange: (e) => setPendingText({ ...pendingText, value: e.target.value }),
+                  onBlur: commitText,
+                  onKeyDown: (e) => {
+                    if (e.key === "Escape") {
+                      setPendingText(null);
+                    } else if (e.key === "Enter" && !e.shiftKey) {
+                      e.preventDefault();
+                      commitText();
+                    }
+                  },
+                  placeholder: "Type then Enter\u2026",
+                  rows: 1,
+                  className: "bg-white/95 border border-blue-400 rounded px-1 py-0.5 text-sm outline-none resize-none shadow-md",
+                  style: { color, fontWeight: 600, minWidth: 80 }
+                }
+              )
             }
           )
-        }
-      )
-    ] }) })
+        ]
+      }
+    ) })
   ] });
 }
 function normalizeRect(a, b) {
@@ -1863,5 +1886,5 @@ function ImagePanel({ url, filename, onDownload, onEmail }) {
 }
 
 export { Preview, setPdfPreview };
-//# sourceMappingURL=chunk-YLXY6AZK.js.map
-//# sourceMappingURL=chunk-YLXY6AZK.js.map
+//# sourceMappingURL=chunk-4DW5YQ7Y.js.map
+//# sourceMappingURL=chunk-4DW5YQ7Y.js.map