react-os-shell 0.3.17 → 0.3.19

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

@@ -1,11 +1,11 @@
-export { Files as default, openFilesInTrashMode } from './chunk-SXXFZDYG.js';
-import './chunk-SNPQ53HC.js';
-import './chunk-TB72OMUU.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-Q2C63BC6.js.map
-//# sourceMappingURL=Files-Q2C63BC6.js.map
+//# sourceMappingURL=Files-XNTNB33C.js.map
+//# sourceMappingURL=Files-XNTNB33C.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Files-Q2C63BC6.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-DMUQXKAA.js.map → Preview-UV4X3NCN.js.map}

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

package/dist/apps/index.js

@@ -1,6 +1,6 @@
-export { openFilesInTrashMode } from '../chunk-SXXFZDYG.js';
-import '../chunk-SNPQ53HC.js';
-export { setPdfPreview } from '../chunk-TB72OMUU.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-DMUQXKAA.js'));
+var Preview = lazy(() => import('../Preview-UV4X3NCN.js'));
 var Documents = lazy(() => import('../Documents-AUK2YPDI.js'));
-var Files = lazy(() => import('../Files-Q2C63BC6.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-TB72OMUU.js → chunk-ATKI25NG.js}

@@ -513,8 +513,19 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
   const [showLayers, setShowLayers] = useState(false);
   const [showHint, setShowHint] = useState(true);
   const [measureEnabled, setMeasureEnabled] = useState(false);
-  const [measureMode, setMeasureMode] = useState("point");
+  const [measureMode, setMeasureMode] = useState("horizontal");
   const [measureDistance, setMeasureDistance] = useState(null);
+  const [measureFixedDist, setMeasureFixedDist] = useState(null);
+  const [measureFixedInput, setMeasureFixedInput] = useState("");
+  const measureModeRef = useRef(measureMode);
+  const measureFixedDistRef = useRef(measureFixedDist);
+  useEffect(() => {
+    measureModeRef.current = measureMode;
+  }, [measureMode]);
+  useEffect(() => {
+    measureFixedDistRef.current = measureFixedDist;
+  }, [measureFixedDist]);
+  const measureRedrawRef = useRef(null);
   const measureRef = useRef(null);
   useEffect(() => {
     let cancelled = false;
@@ -641,6 +652,21 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
     containerRef.current.appendChild(overlay);
     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
     svg.setAttribute("style", "position:absolute;inset:0;width:100%;height:100%;pointer-events:none;");
+    const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+    const marker = document.createElementNS("http://www.w3.org/2000/svg", "marker");
+    marker.setAttribute("id", "dxf-measure-arrow");
+    marker.setAttribute("viewBox", "0 0 10 10");
+    marker.setAttribute("refX", "9");
+    marker.setAttribute("refY", "5");
+    marker.setAttribute("markerWidth", "6");
+    marker.setAttribute("markerHeight", "6");
+    marker.setAttribute("orient", "auto-start-reverse");
+    const arrowPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    arrowPath.setAttribute("d", "M 0 0 L 10 5 L 0 10 z");
+    arrowPath.setAttribute("fill", "#ff8800");
+    marker.appendChild(arrowPath);
+    defs.appendChild(marker);
+    svg.appendChild(defs);
     overlay.appendChild(svg);
     const refLineEl = document.createElementNS("http://www.w3.org/2000/svg", "line");
     refLineEl.setAttribute("stroke", "#ff8800");
@@ -649,22 +675,44 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
     refLineEl.setAttribute("opacity", "0.55");
     refLineEl.style.display = "none";
     svg.appendChild(refLineEl);
+    const extLineA = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    extLineA.setAttribute("stroke", "#ff8800");
+    extLineA.setAttribute("stroke-width", "1");
+    extLineA.setAttribute("opacity", "0.85");
+    extLineA.style.display = "none";
+    svg.appendChild(extLineA);
+    const extLineB = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    extLineB.setAttribute("stroke", "#ff8800");
+    extLineB.setAttribute("stroke-width", "1");
+    extLineB.setAttribute("opacity", "0.85");
+    extLineB.style.display = "none";
+    svg.appendChild(extLineB);
     const lineEl = document.createElementNS("http://www.w3.org/2000/svg", "line");
     lineEl.setAttribute("stroke", "#ff8800");
     lineEl.setAttribute("stroke-width", "1.5");
     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: [],
-      lineDir: null,
+      rawSecondClick: null,
       overlay,
       svg,
       line: lineEl,
+      fixedLine: fixedLineEl,
+      fixedLabel: null,
       refLine: refLineEl,
+      extLineA,
+      extLineB,
       markers: [],
       label: null,
       snap: snapEl,
@@ -769,32 +817,51 @@ 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 b = s.picks[1];
-      if (measureMode === "perp" && s.lineDir) {
-        const d = s.lineDir;
-        const ax = a.x, ay = a.y;
-        const t = (b.x - ax) * d.dx + (b.y - ay) * d.dy;
-        const fx = ax + d.dx * t;
-        const fy = ay + d.dy * t;
-        return { from: { x: fx, y: fy }, to: { x: b.x, y: b.y } };
+      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 };
       }
-      if (measureMode === "horizontal") {
-        return { from: a, to: { x: b.x, y: a.y } };
+    };
+    const computeMainDimEnds = () => {
+      const s = measureRef.current;
+      const a = s.picks[0];
+      const b = s.picks[1];
+      const mode = measureModeRef.current;
+      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 (measureMode === "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 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 = measureMode === "horizontal" ? { dx: 1, dy: 0 } : measureMode === "vertical" ? { dx: 0, dy: 1 } : measureMode === "perp" ? s.lineDir : null;
+      const refDir = mode === "horizontal" ? { dx: 1, dy: 0 } : mode === "vertical" ? { dx: 0, dy: 1 } : null;
       if (refDir && s.picks.length >= 1 && s.refLine) {
         const a = s.picks[0];
         const w = canvas.clientWidth, h = canvas.clientHeight;
@@ -818,14 +885,65 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
         s.refLine.style.display = "none";
       }
       if (s.picks.length === 2) {
-        const ends = computeRenderedEnds();
+        const a = s.picks[0], b = s.picks[1];
+        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 = "";
+        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 {
+          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 (!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));
+          extB.setAttribute("y1", String(p.y));
+          extB.setAttribute("x2", String(q.x));
+          extB.setAttribute("y2", String(q.y));
+          extB.style.display = "";
+          extA.style.display = "none";
+        } 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));
+          extB.setAttribute("y1", String(p.y));
+          extB.setAttribute("x2", String(q.x));
+          extB.setAttribute("y2", String(q.y));
+          extB.style.display = "";
+          extA.style.display = "none";
+        } else {
+          extA.style.display = "none";
+          extB.style.display = "none";
+        }
         if (s.label) {
           const cx = (fp.x + tp.x) / 2;
           const cy = (fp.y + tp.y) / 2;
@@ -833,11 +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;
@@ -881,10 +1013,44 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
       if (dragging || elapsed > DRAG_TIME) return;
       const raw = ev?.detail?.position;
       if (!raw) return;
-      const useSnap = lastSnap && Math.hypot(downX - canvas.getBoundingClientRect().width, 0) >= 0;
-      const picked = useSnap && lastSnap ? { x: lastSnap.sx, y: lastSnap.sy, snapType: lastSnap.type, lineDir: lastSnap.dir } : { x: raw.x, y: raw.y, lineDir: void 0 };
+      const picked = lastSnap ? { x: lastSnap.sx, y: lastSnap.sy } : { x: raw.x, y: raw.y };
       doPick(picked);
     };
+    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 (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") {
+        dist = Math.abs(b.y - a.y);
+        suffix = " \u2195";
+      } else {
+        const dx = b.x - a.x, dy = b.y - a.y;
+        dist = Math.sqrt(dx * dx + dy * dy);
+      }
+      setMeasureDistance(dist);
+      const label = ensureLabel();
+      label.style.opacity = "1";
+      label.textContent = `${formatMeasureDistance(dist)}${suffix}`;
+    };
+    measureRedrawRef.current = () => {
+      recomputeLabel();
+      updateOverlay();
+    };
     const doPick = (p) => {
       const s = measureRef.current;
       if (!s) return;
@@ -892,51 +1058,24 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
         for (const m of s.markers) m.parentElement?.removeChild(m);
         s.markers = [];
         s.picks = [];
-        s.lineDir = null;
+        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);
       }
-      if (measureMode === "perp" && s.picks.length === 0) {
-        if (!p.lineDir) {
-          const label = ensureLabel();
-          label.style.display = "";
-          label.style.opacity = "1";
-          label.style.left = `${pxFromScene(p.x, p.y).x}px`;
-          label.style.top = `${pxFromScene(p.x, p.y).y - 18}px`;
-          label.textContent = "\u22A5: snap to a line or corner first";
-          setTimeout(() => {
-            if (s.label && s.picks.length === 0) s.label.style.opacity = "0";
-          }, 1500);
-          return;
-        }
-        s.lineDir = p.lineDir;
-      }
-      s.picks.push({ x: p.x, y: p.y });
-      s.markers.push(makeMarker());
-      if (s.picks.length === 2) {
-        const a = s.picks[0], b = s.picks[1];
-        let dist;
-        let suffix = "";
-        if (measureMode === "perp" && s.lineDir) {
-          const dx = b.x - a.x, dy = b.y - a.y;
-          dist = Math.abs(dx * s.lineDir.dy - dy * s.lineDir.dx);
-          suffix = " \u22A5";
-        } else if (measureMode === "horizontal") {
-          dist = Math.abs(b.x - a.x);
-          suffix = " \u2194";
-        } else if (measureMode === "vertical") {
-          dist = Math.abs(b.y - a.y);
-          suffix = " \u2195";
-        } else {
-          const dx = b.x - a.x, dy = b.y - a.y;
-          dist = Math.sqrt(dx * dx + dy * dy);
-        }
-        setMeasureDistance(dist);
-        const label = ensureLabel();
-        label.style.opacity = "1";
-        label.textContent = `${formatMeasureDistance(dist)}${suffix}`;
+      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();
     };
@@ -974,10 +1113,14 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
       }
       canvas.removeEventListener("pointermove", handlePointerMove);
       window.removeEventListener("keydown", onKeyDown);
+      measureRedrawRef.current = null;
       teardown();
       setMeasureDistance(null);
     };
-  }, [measureEnabled, measureMode, loading, error]);
+  }, [measureEnabled, loading, error]);
+  useEffect(() => {
+    measureRedrawRef.current?.();
+  }, [measureMode, measureFixedDist]);
   const toggleLayer = (name) => {
     setLayers((prev) => prev.map((l) => {
       if (l.name !== name) return l;
@@ -1067,52 +1210,80 @@ function DxfPanel({ url, filename, onDownload, onEmail }) {
           ]
         }
       ),
-      measureEnabled && /* @__PURE__ */ jsxs("div", { className: "flex items-stretch h-7 rounded border border-gray-200 overflow-hidden text-[11px] font-semibold", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setMeasureMode("point"),
-            className: `px-2 transition-colors ${measureMode === "point" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
-            title: "Point \u2014 straight-line distance between two picks",
-            children: "Point"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setMeasureMode("perp"),
-            className: `px-2 transition-colors ${measureMode === "perp" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
-            title: "Perpendicular \u2014 click on a line first, then pick a point. Reports the perpendicular distance.",
-            children: "\u22A5"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setMeasureMode("horizontal"),
-            className: `px-2 transition-colors ${measureMode === "horizontal" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
-            title: "Horizontal \u2014 distance along the X axis between two picks (AutoCAD DIMLINEAR horizontal)",
-            children: "H"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setMeasureMode("vertical"),
-            className: `px-2 transition-colors ${measureMode === "vertical" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
-            title: "Vertical \u2014 distance along the Y axis between two picks (AutoCAD DIMLINEAR vertical)",
-            children: "V"
-          }
-        )
+      measureEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-stretch h-7 rounded border border-gray-200 overflow-hidden text-[11px] font-semibold", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setMeasureMode("point"),
+              className: `px-2 transition-colors ${measureMode === "point" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
+              title: "Point \u2014 straight-line (Euclidean) distance between two picks",
+              children: "Point"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setMeasureMode("horizontal"),
+              className: `px-2 transition-colors ${measureMode === "horizontal" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
+              title: "Horizontal \u2014 distance along the X axis between two picks (AutoCAD DIMLINEAR horizontal)",
+              children: "H"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setMeasureMode("vertical"),
+              className: `px-2 transition-colors ${measureMode === "vertical" ? "bg-orange-500 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`,
+              title: "Vertical \u2014 distance along the Y axis between two picks (AutoCAD DIMLINEAR vertical)",
+              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(
         "div",
         {
           className: "px-2 py-1 text-[11px] font-mono font-semibold text-orange-600 bg-orange-50 border border-orange-200 rounded whitespace-nowrap",
-          title: measureMode === "perp" ? "Perpendicular distance from second pick to first line" : measureMode === "horizontal" ? "Horizontal distance (\u0394x) between the two picked points" : measureMode === "vertical" ? "Vertical distance (\u0394y) between the two picked points" : "Straight-line distance between the two picked points",
+          title: measureMode === "horizontal" ? "Horizontal distance (\u0394x) between the two picked points" : measureMode === "vertical" ? "Vertical distance (\u0394y) between the two picked points" : "Straight-line distance between the two picked points",
           children: [
             formatMeasureDistance(measureDistance),
-            measureMode === "perp" ? " \u22A5" : measureMode === "horizontal" ? " \u2194" : measureMode === "vertical" ? " \u2195" : ""
+            measureMode === "horizontal" ? " \u2194" : measureMode === "vertical" ? " \u2195" : ""
           ]
         }
       ),
@@ -2476,5 +2647,5 @@ function ImagePanel({ url, filename, onDownload, onEmail }) {
 }
 
 export { Preview, setPdfPreview };
-//# sourceMappingURL=chunk-TB72OMUU.js.map
-//# sourceMappingURL=chunk-TB72OMUU.js.map
+//# sourceMappingURL=chunk-ATKI25NG.js.map
+//# sourceMappingURL=chunk-ATKI25NG.js.map