react-os-shell 0.3.18 → 0.3.19

package/dist/{Files-IIVM7S6O.js → Files-XNTNB33C.js}

@@ -1,11 +1,11 @@
-export { Files as default, openFilesInTrashMode } from './chunk-7YCCZIDL.js';
-import './chunk-VLUA3CW4.js';
-import './chunk-HADXZNYO.js';
+export { Files as default, openFilesInTrashMode } from './chunk-XHHU2QLD.js';
+import './chunk-UVJCI67Z.js';
+import './chunk-ATKI25NG.js';
 import './chunk-KUIPWCTJ.js';
 import './chunk-WIJ45SYD.js';
 import './chunk-6YY6A6SV.js';
 import './chunk-GI7ABQPU.js';
 import './chunk-PLGHQ7QW.js';
 import './chunk-SSA762W5.js';
-//# sourceMappingURL=Files-IIVM7S6O.js.map
-//# sourceMappingURL=Files-IIVM7S6O.js.map
+//# sourceMappingURL=Files-XNTNB33C.js.map
+//# sourceMappingURL=Files-XNTNB33C.js.map

package/dist/{Files-IIVM7S6O.js.map → Files-XNTNB33C.js.map}

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

package/dist/Preview-UV4X3NCN.js

@@ -0,0 +1,8 @@
+export { Preview as default, setPdfPreview } from './chunk-ATKI25NG.js';
+import './chunk-KUIPWCTJ.js';
+import './chunk-WIJ45SYD.js';
+import './chunk-GI7ABQPU.js';
+import './chunk-PLGHQ7QW.js';
+import './chunk-SSA762W5.js';
+//# sourceMappingURL=Preview-UV4X3NCN.js.map
+//# sourceMappingURL=Preview-UV4X3NCN.js.map

package/dist/{Preview-VMZ3CJF6.js.map → Preview-UV4X3NCN.js.map}

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

package/dist/apps/index.js

@@ -1,6 +1,6 @@
-export { openFilesInTrashMode } from '../chunk-7YCCZIDL.js';
-import '../chunk-VLUA3CW4.js';
-export { setPdfPreview } from '../chunk-HADXZNYO.js';
+export { openFilesInTrashMode } from '../chunk-XHHU2QLD.js';
+import '../chunk-UVJCI67Z.js';
+export { setPdfPreview } from '../chunk-ATKI25NG.js';
 import '../chunk-KUIPWCTJ.js';
 import '../chunk-WIJ45SYD.js';
 export { setSpreadsheetPreview } from '../chunk-6YY6A6SV.js';
@@ -25,9 +25,9 @@ var Game2048 = lazy(() => import('../Game2048-3RH3ELRD.js'));
 var Minesweeper = lazy(() => import('../Minesweeper-ZDK33A6S.js'));
 var Email = lazy(() => import('../Email-7FJHS6Y7.js'));
 var Calendar = lazy(() => import('../Calendar-R4IBIPIU.js'));
-var Preview = lazy(() => import('../Preview-VMZ3CJF6.js'));
+var Preview = lazy(() => import('../Preview-UV4X3NCN.js'));
 var Documents = lazy(() => import('../Documents-AUK2YPDI.js'));
-var Files = lazy(() => import('../Files-IIVM7S6O.js'));
+var Files = lazy(() => import('../Files-XNTNB33C.js'));
 var Browser = lazy(() => import('../Browser-6JQTSHQF.js'));
 var utilityApps = {
   "/calculator": { component: Calculator, label: "Calculator", size: "sm", allowPinOnTop: true, utility: true, widget: true, autoHeight: true, dimensions: [280, 420] },

package/dist/{chunk-HADXZNYO.js → chunk-ATKI25NG.js}

@@ -514,16 +514,17 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
   const [showHint, setShowHint] = useState(true);
   const [measureEnabled, setMeasureEnabled] = useState(false);
   const [measureMode, setMeasureMode] = useState("horizontal");
-  const [measureAutocad, setMeasureAutocad] = useState(true);
   const [measureDistance, setMeasureDistance] = useState(null);
+  const [measureFixedDist, setMeasureFixedDist] = useState(null);
+  const [measureFixedInput, setMeasureFixedInput] = useState("");
   const measureModeRef = useRef(measureMode);
-  const measureAutocadRef = useRef(measureAutocad);
+  const measureFixedDistRef = useRef(measureFixedDist);
   useEffect(() => {
     measureModeRef.current = measureMode;
   }, [measureMode]);
   useEffect(() => {
-    measureAutocadRef.current = measureAutocad;
-  }, [measureAutocad]);
+    measureFixedDistRef.current = measureFixedDist;
+  }, [measureFixedDist]);
   const measureRedrawRef = useRef(null);
   const measureRef = useRef(null);
   useEffect(() => {
@@ -692,14 +693,23 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
     lineEl.setAttribute("stroke-linecap", "round");
     lineEl.style.display = "none";
     svg.appendChild(lineEl);
+    const fixedLineEl = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    fixedLineEl.setAttribute("stroke", "#ff8800");
+    fixedLineEl.setAttribute("stroke-width", "1.5");
+    fixedLineEl.setAttribute("stroke-linecap", "round");
+    fixedLineEl.style.display = "none";
+    svg.appendChild(fixedLineEl);
     const snapEl = document.createElement("div");
     snapEl.style.cssText = `position:absolute;width:14px;height:14px;border:2px solid #ff8800;background:rgba(255,255,255,0.7);transform:translate(-50%,-50%) rotate(45deg);box-sizing:border-box;display:none;`;
     overlay.appendChild(snapEl);
     measureRef.current = {
       picks: [],
+      rawSecondClick: null,
       overlay,
       svg,
       line: lineEl,
+      fixedLine: fixedLineEl,
+      fixedLabel: null,
       refLine: refLineEl,
       extLineA,
       extLineB,
@@ -807,24 +817,48 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
       el.style.left = `${p.x}px`;
       el.style.top = `${p.y}px`;
     };
-    const computeRenderedEnds = () => {
+    const reconcileLockedPick = () => {
+      const s = measureRef.current;
+      if (!s || !s.rawSecondClick || s.picks.length < 2) return;
+      const a = s.picks[0];
+      const raw = s.rawSecondClick;
+      const fixed = measureFixedDistRef.current;
+      const mode = measureModeRef.current;
+      if (fixed !== null && Number.isFinite(fixed) && (mode === "horizontal" || mode === "vertical")) {
+        if (mode === "horizontal") {
+          const sign = raw.x >= a.x ? 1 : -1;
+          s.picks[1] = { x: a.x + sign * Math.abs(fixed), y: raw.y };
+        } else {
+          const sign = raw.y >= a.y ? 1 : -1;
+          s.picks[1] = { x: raw.x, y: a.y + sign * Math.abs(fixed) };
+        }
+      } else {
+        s.picks[1] = { x: raw.x, y: raw.y };
+      }
+    };
+    const computeMainDimEnds = () => {
       const s = measureRef.current;
       const a = s.picks[0];
       const b = s.picks[1];
       const mode = measureModeRef.current;
-      if (mode === "horizontal") {
-        return { from: a, to: { x: b.x, y: a.y } };
+      const fixed = measureFixedDistRef.current;
+      if (fixed !== null && Number.isFinite(fixed) && mode === "horizontal") {
+        return { from: { x: b.x, y: a.y }, to: { x: b.x, y: b.y } };
       }
-      if (mode === "vertical") {
-        return { from: a, to: { x: a.x, y: b.y } };
+      if (fixed !== null && Number.isFinite(fixed) && mode === "vertical") {
+        return { from: { x: a.x, y: b.y }, to: { x: b.x, y: b.y } };
       }
+      if (mode === "horizontal") return { from: a, to: { x: b.x, y: a.y } };
+      if (mode === "vertical") return { from: a, to: { x: a.x, y: b.y } };
       return { from: a, to: b };
     };
     const updateOverlay = () => {
       const s = measureRef.current;
       if (!s) return;
+      reconcileLockedPick();
       const mode = measureModeRef.current;
-      const autocad = measureAutocadRef.current;
+      const fixed = measureFixedDistRef.current;
+      const fixedActive = fixed !== null && Number.isFinite(fixed) && (mode === "horizontal" || mode === "vertical");
       if (s.markers[0]) positionMarker(s.markers[0], s.picks[0].x, s.picks[0].y);
       if (s.markers[1]) positionMarker(s.markers[1], s.picks[1].x, s.picks[1].y);
       const refDir = mode === "horizontal" ? { dx: 1, dy: 0 } : mode === "vertical" ? { dx: 0, dy: 1 } : null;
@@ -852,24 +886,43 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
       }
       if (s.picks.length === 2) {
         const a = s.picks[0], b = s.picks[1];
-        const ends = computeRenderedEnds();
+        const ends = computeMainDimEnds();
         const fp = pxFromScene(ends.from.x, ends.from.y);
         const tp = pxFromScene(ends.to.x, ends.to.y);
         s.line.setAttribute("x1", String(fp.x));
         s.line.setAttribute("y1", String(fp.y));
         s.line.setAttribute("x2", String(tp.x));
         s.line.setAttribute("y2", String(tp.y));
-        s.line.style.display = "";
-        if (autocad) {
-          s.line.setAttribute("marker-start", "url(#dxf-measure-arrow)");
-          s.line.setAttribute("marker-end", "url(#dxf-measure-arrow)");
+        s.line.setAttribute("marker-start", "url(#dxf-measure-arrow)");
+        s.line.setAttribute("marker-end", "url(#dxf-measure-arrow)");
+        const mainLen = Math.hypot(tp.x - fp.x, tp.y - fp.y);
+        s.line.style.display = mainLen > 0.5 ? "" : "none";
+        if (fixedActive && s.fixedLine) {
+          const r = mode === "horizontal" ? { x: b.x, y: a.y } : { x: a.x, y: b.y };
+          const ap = pxFromScene(a.x, a.y);
+          const rp = pxFromScene(r.x, r.y);
+          s.fixedLine.setAttribute("x1", String(ap.x));
+          s.fixedLine.setAttribute("y1", String(ap.y));
+          s.fixedLine.setAttribute("x2", String(rp.x));
+          s.fixedLine.setAttribute("y2", String(rp.y));
+          s.fixedLine.setAttribute("marker-start", "url(#dxf-measure-arrow)");
+          s.fixedLine.setAttribute("marker-end", "url(#dxf-measure-arrow)");
+          s.fixedLine.style.display = "";
+          const fLabel = ensureFixedLabel();
+          fLabel.textContent = formatMeasureDistance(Math.abs(fixed));
+          const fcx = (ap.x + rp.x) / 2;
+          const fcy = (ap.y + rp.y) / 2;
+          fLabel.style.left = `${fcx}px`;
+          fLabel.style.top = `${fcy}px`;
+          const w = canvas.clientWidth, h = canvas.clientHeight;
+          fLabel.style.display = fcx < 0 || fcy < 0 || fcx > w || fcy > h ? "none" : "";
         } else {
-          s.line.removeAttribute("marker-start");
-          s.line.removeAttribute("marker-end");
+          if (s.fixedLine) s.fixedLine.style.display = "none";
+          if (s.fixedLabel) s.fixedLabel.style.display = "none";
         }
         const extA = s.extLineA;
         const extB = s.extLineB;
-        if (autocad && mode === "horizontal" && Math.abs(b.y - a.y) > 1e-9) {
+        if (!fixedActive && mode === "horizontal" && Math.abs(b.y - a.y) > 1e-9) {
           const p = pxFromScene(b.x, a.y);
           const q = pxFromScene(b.x, b.y);
           extB.setAttribute("x1", String(p.x));
@@ -878,7 +931,7 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
           extB.setAttribute("y2", String(q.y));
           extB.style.display = "";
           extA.style.display = "none";
-        } else if (autocad && mode === "vertical" && Math.abs(b.x - a.x) > 1e-9) {
+        } else if (!fixedActive && mode === "vertical" && Math.abs(b.x - a.x) > 1e-9) {
           const p = pxFromScene(a.x, b.y);
           const q = pxFromScene(b.x, b.y);
           extB.setAttribute("x1", String(p.x));
@@ -898,13 +951,25 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
           s.label.style.top = `${cy}px`;
           const w = canvas.clientWidth, h = canvas.clientHeight;
           s.label.style.display = cx < 0 || cy < 0 || cx > w || cy > h ? "none" : "";
+          if (mainLen <= 0.5) s.label.style.display = "none";
         }
       } else {
         s.line.style.display = "none";
+        if (s.fixedLine) s.fixedLine.style.display = "none";
+        if (s.fixedLabel) s.fixedLabel.style.display = "none";
         if (s.extLineA) s.extLineA.style.display = "none";
         if (s.extLineB) s.extLineB.style.display = "none";
       }
     };
+    const ensureFixedLabel = () => {
+      const s = measureRef.current;
+      if (s.fixedLabel) return s.fixedLabel;
+      const el = document.createElement("div");
+      el.style.cssText = `position:absolute;left:-9999px;top:-9999px;transform:translate(-50%,-50%);padding:2px 6px;font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;background:rgba(255,136,0,0.75);color:#fff;border-radius:4px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,0.25);pointer-events:none;`;
+      overlay.appendChild(el);
+      s.fixedLabel = el;
+      return el;
+    };
     const DRAG_TOL = 4;
     const DRAG_TIME = 350;
     let downX = 0, downY = 0, downTime = 0, downActive = false, dragging = false;
@@ -954,11 +1019,20 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
     const recomputeLabel = () => {
       const s = measureRef.current;
       if (!s || s.picks.length !== 2) return;
+      reconcileLockedPick();
       const a = s.picks[0], b = s.picks[1];
       const mode = measureModeRef.current;
+      const fixed = measureFixedDistRef.current;
+      const fixedActive = fixed !== null && Number.isFinite(fixed) && (mode === "horizontal" || mode === "vertical");
       let dist;
       let suffix = "";
-      if (mode === "horizontal") {
+      if (fixedActive && mode === "horizontal") {
+        dist = Math.abs(b.y - a.y);
+        suffix = " \u2195";
+      } else if (fixedActive && mode === "vertical") {
+        dist = Math.abs(b.x - a.x);
+        suffix = " \u2194";
+      } else if (mode === "horizontal") {
         dist = Math.abs(b.x - a.x);
         suffix = " \u2194";
       } else if (mode === "vertical") {
@@ -984,16 +1058,23 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
         for (const m of s.markers) m.parentElement?.removeChild(m);
         s.markers = [];
         s.picks = [];
+        s.rawSecondClick = null;
         s.line.style.display = "none";
+        if (s.fixedLine) s.fixedLine.style.display = "none";
+        if (s.fixedLabel) s.fixedLabel.style.display = "none";
         if (s.refLine) s.refLine.style.display = "none";
         if (s.extLineA) s.extLineA.style.display = "none";
         if (s.extLineB) s.extLineB.style.display = "none";
         if (s.label) s.label.style.opacity = "0";
         setMeasureDistance(null);
       }
-      s.picks.push({ x: p.x, y: p.y });
-      s.markers.push(makeMarker());
-      if (s.picks.length === 2) {
+      if (s.picks.length === 0) {
+        s.picks.push({ x: p.x, y: p.y });
+        s.markers.push(makeMarker());
+      } else {
+        s.rawSecondClick = { x: p.x, y: p.y };
+        s.picks.push({ x: p.x, y: p.y });
+        s.markers.push(makeMarker());
         recomputeLabel();
       }
       updateOverlay();
@@ -1039,7 +1120,7 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
   }, [measureEnabled, loading, error]);
   useEffect(() => {
     measureRedrawRef.current?.();
-  }, [measureMode, measureAutocad]);
+  }, [measureMode, measureFixedDist]);
   const toggleLayer = (name) => {
     setLayers((prev) => prev.map((l) => {
       if (l.name !== name) return l;
@@ -1130,21 +1211,6 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
         }
       ),
       measureEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              setMeasureAutocad((prev) => {
-                const next = !prev;
-                if (next && measureMode === "point") setMeasureMode("horizontal");
-                return next;
-              });
-            },
-            className: btn + (measureAutocad ? " bg-orange-100 text-orange-700" : ""),
-            title: measureAutocad ? "AutoCAD dim style is ON \u2014 extension lines + arrows" : "AutoCAD dim style is OFF \u2014 plain line. Click to turn on (also switches to H if you're in Point).",
-            children: "\u22A5"
-          }
-        ),
         /* @__PURE__ */ jsxs("div", { className: "flex items-stretch h-7 rounded border border-gray-200 overflow-hidden text-[11px] font-semibold", children: [
           /* @__PURE__ */ jsx(
             "button",
@@ -1173,6 +1239,41 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
               children: "V"
             }
           )
+        ] }),
+        (measureMode === "horizontal" || measureMode === "vertical") && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              inputMode: "decimal",
+              step: "any",
+              value: measureFixedInput,
+              placeholder: measureMode === "horizontal" ? "fix \u0394x" : "fix \u0394y",
+              onChange: (e) => {
+                const raw = e.target.value;
+                setMeasureFixedInput(raw);
+                if (raw.trim() === "") setMeasureFixedDist(null);
+                else {
+                  const n = parseFloat(raw);
+                  setMeasureFixedDist(Number.isFinite(n) && n !== 0 ? n : null);
+                }
+              },
+              className: "h-7 w-20 px-1.5 text-[11px] font-mono rounded border border-gray-200 bg-white text-gray-700 focus:outline-none focus:border-orange-400",
+              title: "Lock the second pick's axis coord to first pick + this value (mm). The reported measurement becomes the perpendicular distance."
+            }
+          ),
+          measureFixedDist !== null && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => {
+                setMeasureFixedDist(null);
+                setMeasureFixedInput("");
+              },
+              className: "text-gray-400 hover:text-gray-600 text-[11px] px-1",
+              title: "Clear fixed distance",
+              children: "\xD7"
+            }
+          )
         ] })
       ] }),
       measureEnabled && measureDistance !== null && /* @__PURE__ */ jsxs(
@@ -2546,5 +2647,5 @@ function ImagePanel({ url, filename, onDownload, onEmail }) {
 }
 
 export { Preview, setPdfPreview };
-//# sourceMappingURL=chunk-HADXZNYO.js.map
-//# sourceMappingURL=chunk-HADXZNYO.js.map
+//# sourceMappingURL=chunk-ATKI25NG.js.map
+//# sourceMappingURL=chunk-ATKI25NG.js.map