@solid-labs/fab-one-widget 0.1.11 → 1.0.0

package/dist/GirthManagerWidget-DF3c7L2P.js

@@ -0,0 +1,4975 @@
+import { jsxs as k, jsx as i, Fragment as Oe } from "react/jsx-runtime";
+import { createContext as no, Component as oo, useCallback as te, useMemo as H, useState as W, memo as ro, useEffect as U, useRef as le, forwardRef as io, createElement as nn } from "react";
+import { useFrame as fn, useThree as un, Canvas as so } from "@react-three/fiber";
+import { Html as Xe, Line as fe, OrbitControls as pn } from "@react-three/drei";
+import * as O from "three";
+import { Plane as ht, Vector3 as C, Box3 as hn, Line3 as gn, Raycaster as lo } from "three";
+import { create as ao } from "zustand";
+import { OBJLoader as mn } from "three/examples/jsm/loaders/OBJLoader.js";
+import { STLLoader as co } from "three/examples/jsm/loaders/STLLoader.js";
+import { MeshBVH as gt } from "three-mesh-bvh";
+let kr, ft, gr, An;
+let __tla = (async () => {
+  const fo = {
+    showDragDrop: true,
+    showStartOver: true,
+    showDebug: true,
+    showSpacingToggle: true,
+    showAmputationModal: true,
+    showNavigation: true,
+    showToolbar: false,
+    showSaveButton: true
+  }, uo = {
+    showDragDrop: false,
+    showStartOver: false,
+    showDebug: false,
+    showSpacingToggle: false,
+    showAmputationModal: false,
+    showNavigation: false,
+    showToolbar: false,
+    showSaveButton: false
+  }, po = no(fo), Et = ao((e, r) => ({
+    landmarkPoints: [],
+    isAligned: false,
+    isCut: false,
+    addLandmarkPoint: (t) => e((o) => o.landmarkPoints.length >= 3 ? o : {
+      landmarkPoints: [
+        ...o.landmarkPoints,
+        t
+      ]
+    }),
+    removeLandmarkPoint: (t) => e((o) => ({
+      landmarkPoints: o.landmarkPoints.filter((l, s) => s !== t)
+    })),
+    clearLandmarkPoints: () => e({
+      landmarkPoints: [],
+      isAligned: false,
+      isCut: false
+    }),
+    updateLandmarkPositions: (t) => e((o) => ({
+      landmarkPoints: o.landmarkPoints.map((l, s) => ({
+        ...l,
+        position: t[s] ?? l.position
+      }))
+    })),
+    setAligned: (t) => e({
+      isAligned: t
+    }),
+    setCut: (t) => e({
+      isCut: t
+    }),
+    isSelectionComplete: () => r().landmarkPoints.length === 3,
+    reset: () => e({
+      landmarkPoints: [],
+      isAligned: false,
+      isCut: false
+    })
+  })), ho = 0.45, mt = 3, Bt = 1e-3, ut = 25.4, go = [
+    0.25,
+    -0.25,
+    0.5,
+    -0.5
+  ];
+  function mo(e) {
+    var _a;
+    const r = e.match(/^v\s+\S+\s+\S+\s+\S+(.*)$/m);
+    if (!r || !((_a = r[1]) == null ? void 0 : _a.trim().includes(" "))) return null;
+    const t = e.split(`
+`), o = [], l = [];
+    let s = false;
+    for (const c of t) if (c.startsWith("v ")) {
+      const a = c.trim().split(/\s+/);
+      if (a.length >= 7) {
+        o.push(parseFloat(a[1]), parseFloat(a[2]), parseFloat(a[3]));
+        let n = parseFloat(a[4]), m = parseFloat(a[5]), d = parseFloat(a[6]);
+        (n > 1 || m > 1 || d > 1) && (n /= 255, m /= 255, d /= 255), l.push(n, m, d), s = true;
+      } else a.length >= 4 && (o.push(parseFloat(a[1]), parseFloat(a[2]), parseFloat(a[3])), l.push(0, 0, 0));
+    }
+    return s ? {
+      positions: new Float32Array(o),
+      colors: new Float32Array(l)
+    } : null;
+  }
+  function xo(e, r, t, o) {
+    const l = e.getAttribute("position"), s = l.count, c = new Float32Array(s * 3), a = r.length / 3;
+    let n = 1 / 0, m = 1 / 0, d = 1 / 0, f = -1 / 0, u = -1 / 0, x = -1 / 0;
+    for (let _ = 0; _ < a; _++) {
+      const E = r[_ * 3] * o, V = r[_ * 3 + 1] * o, N = r[_ * 3 + 2] * o;
+      E < n && (n = E), E > f && (f = E), V < m && (m = V), V > u && (u = V), N < d && (d = N), N > x && (x = N);
+    }
+    const S = (n + f) * 0.5, p = (m + u) * 0.5, g = (d + x) * 0.5, b = f - n + 1e-6, A = u - m + 1e-6, L = x - d + 1e-6, z = b * 0.5, P = A * 0.5, y = L * 0.5, M = Math.min(128, Math.max(16, Math.round(Math.cbrt(a)))), h = b / M, v = A / M, F = L / M, I = /* @__PURE__ */ new Map();
+    for (let _ = 0; _ < a; _++) {
+      const E = r[_ * 3] * o - S, V = r[_ * 3 + 1] * o - p, N = r[_ * 3 + 2] * o - g, J = Math.min(M - 1, Math.max(0, Math.floor((E + z) / h))), ye = Math.min(M - 1, Math.max(0, Math.floor((V + P) / v))), ae = Math.min(M - 1, Math.max(0, Math.floor((N + y) / F))), ue = J * M * M + ye * M + ae;
+      let ie = I.get(ue);
+      ie || (ie = [], I.set(ue, ie)), ie.push(_);
+    }
+    for (let _ = 0; _ < s; _++) {
+      const E = l.getX(_), V = l.getY(_), N = l.getZ(_), J = Math.min(M - 1, Math.max(0, Math.floor((E + z) / h))), ye = Math.min(M - 1, Math.max(0, Math.floor((V + P) / v))), ae = Math.min(M - 1, Math.max(0, Math.floor((N + y) / F)));
+      let ue = 1 / 0, ie = 0;
+      for (let Q = 0; Q <= M && ue > 0; Q++) {
+        for (let Y = -Q; Y <= Q; Y++) for (let he = -Q; he <= Q; he++) for (let Z = -Q; Z <= Q; Z++) {
+          if (Q > 0 && Math.abs(Y) < Q && Math.abs(he) < Q && Math.abs(Z) < Q) continue;
+          const ge = J + Y, me = ye + he, pe = ae + Z;
+          if (ge < 0 || ge >= M || me < 0 || me >= M || pe < 0 || pe >= M) continue;
+          const $ = I.get(ge * M * M + me * M + pe);
+          if ($) for (const ne of $) {
+            const xe = r[ne * 3] * o - S, Me = r[ne * 3 + 1] * o - p, we = r[ne * 3 + 2] * o - g, re = (E - xe) ** 2 + (V - Me) ** 2 + (N - we) ** 2;
+            re < ue && (ue = re, ie = ne);
+          }
+        }
+        if (ue < 1 / 0) break;
+      }
+      c[_ * 3] = t[ie * 3], c[_ * 3 + 1] = t[ie * 3 + 1], c[_ * 3 + 2] = t[ie * 3 + 2];
+    }
+    e.setAttribute("color", new O.Float32BufferAttribute(c, 3));
+  }
+  const on = {
+    debug: 0,
+    info: 1,
+    warn: 2,
+    error: 3
+  };
+  let xn = "warn", bn = null;
+  const de = {
+    setLevel(e) {
+      xn = e;
+    },
+    setHandler(e) {
+      bn = e;
+    },
+    debug(e, r, t) {
+      ct("debug", e, r, t);
+    },
+    info(e, r, t) {
+      ct("info", e, r, t);
+    },
+    warn(e, r, t) {
+      ct("warn", e, r, t);
+    },
+    error(e, r, t) {
+      ct("error", e, r, t);
+    }
+  };
+  function ct(e, r, t, o) {
+    if (on[e] < on[xn]) return;
+    const l = `[${r}]`, s = o !== void 0 ? [
+      l,
+      t,
+      o
+    ] : [
+      l,
+      t
+    ];
+    switch (e) {
+      case "debug":
+        console.debug(...s);
+        break;
+      case "info":
+        console.log(...s);
+        break;
+      case "warn":
+        console.warn(...s);
+        break;
+      case "error":
+        console.error(...s);
+        break;
+    }
+    bn == null ? void 0 : bn(e, r, t, o);
+  }
+  function pt(e) {
+    const r = e.getAttribute("position"), t = new Float32Array(r.array), o = e.getIndex();
+    if (o) return {
+      positions: t,
+      indices: new Uint32Array(o.array)
+    };
+    const l = t.length / 3, s = new Uint32Array(l);
+    for (let c = 0; c < l; c++) s[c] = c;
+    return {
+      positions: t,
+      indices: s
+    };
+  }
+  function yn(e, r) {
+    const t = new O.BufferGeometry();
+    return t.setAttribute("position", new O.Float32BufferAttribute(e, 3)), t.setIndex(new O.BufferAttribute(r, 1)), t.computeVertexNormals(), t;
+  }
+  async function bo(e, r, t) {
+    try {
+      const o = mo(e);
+      t == null ? void 0 : t("Parsing mesh...");
+      const s = new mn().parse(e);
+      let c = null;
+      if (s.traverse((b) => {
+        b.isMesh && !c && (c = b.geometry);
+      }), !c) return null;
+      const { positions: a, indices: n } = pt(c);
+      if (a.length < 9 || n.length < 3) return de.warn("wasm", `Mesh too small: positions=${a.length} indices=${n.length}`), null;
+      for (let b = 0; b < Math.min(a.length, 300); b++) if (!isFinite(a[b])) return de.error("wasm", `Invalid position data: NaN/Infinity at index ${b}`), null;
+      const m = a.length / 3;
+      for (let b = 0; b < Math.min(n.length, 300); b++) if (n[b] >= m) return de.error("wasm", `Out-of-bounds index: ${n[b]} >= ${m}`), null;
+      t == null ? void 0 : t("Processing mesh (WASM)...");
+      const d = r.preprocess_mesh(a, n, 10, 1e-4, 500), f = d.positions(), u = d.indices(), x = d.unit_converted(), S = d.detected_unit(), p = d.log();
+      if (de.debug("wasm", "preprocess result", p), f.length === 0) return null;
+      t == null ? void 0 : t("Building geometry...");
+      const g = yn(f, u);
+      if (o) {
+        const b = x ? 1e3 : 1;
+        xo(g, o.positions, o.colors, b);
+      }
+      return {
+        geometry: g,
+        wasScaled: x,
+        unitConverted: x,
+        detectedUnit: S
+      };
+    } catch (o) {
+      return de.error("wasm", "Processing failed", o), null;
+    }
+  }
+  function yo(e) {
+    const t = new mn().parse(e);
+    let o = null;
+    return t.traverse((l) => {
+      l.isMesh && !o && (o = l.geometry);
+    }), o;
+  }
+  async function Rt(e) {
+    const r = await e.arrayBuffer(), l = new co().parse(r).getAttribute("position");
+    if (!l || l.count === 0) throw new Error("Empty STL geometry");
+    const s = [];
+    for (let c = 0; c < l.count; c++) s.push(`v ${l.getX(c)} ${l.getY(c)} ${l.getZ(c)}`);
+    for (let c = 0; c < l.count; c += 3) s.push(`f ${c + 1} ${c + 2} ${c + 3}`);
+    return s.join(`
+`);
+  }
+  function wo(e, r) {
+    const t = 1 / r;
+    return `${Math.round(e.x * t)}_${Math.round(e.y * t)}_${Math.round(e.z * t)}`;
+  }
+  function So(e, r) {
+    if (!e.length) return [];
+    const t = [];
+    for (const o of e) (t.length === 0 || t[t.length - 1].distanceTo(o) > r) && t.push(o.clone());
+    return t.length > 2 && t[0].distanceTo(t[t.length - 1]) > r && t.push(t[0].clone()), t;
+  }
+  function Ke(e) {
+    let r = 0;
+    for (let t = 0; t < e.length - 1; t++) r += e[t].distanceTo(e[t + 1]);
+    return r;
+  }
+  function wn(e, r = 1e-3, t = false) {
+    if (!e.length) return [];
+    const o = /* @__PURE__ */ new Map(), l = (f) => {
+      const u = wo(f, r);
+      let x = o.get(u);
+      return x || (x = f.clone(), o.set(u, x)), x;
+    }, s = e.map((f) => ({
+      a: l(f.a),
+      b: l(f.b)
+    })), c = [];
+    for (; s.length; ) {
+      const f = s.pop(), u = [
+        f.a,
+        f.b
+      ];
+      let x = true;
+      for (; x; ) {
+        x = false;
+        for (let p = s.length - 1; p >= 0; p--) {
+          const { a: g, b } = s[p];
+          if (g.equals(u[u.length - 1])) u.push(b);
+          else if (b.equals(u[u.length - 1])) u.push(g);
+          else if (g.equals(u[0])) u.unshift(b);
+          else if (b.equals(u[0])) u.unshift(g);
+          else continue;
+          s.splice(p, 1), x = true;
+        }
+      }
+      const S = So(u, r);
+      S.length > 1 && c.push(S);
+    }
+    if (!c.length) return [];
+    if (t) {
+      c.sort((x, S) => Ke(S) - Ke(x));
+      const f = Ke(c[0]), u = c.filter((x) => Ke(x) >= f * 0.3);
+      return u[u.length - 1] ?? c[0];
+    }
+    const a = c.filter((f) => f.length >= 3 && f[0].distanceTo(f[f.length - 1]) < r * 10), n = a.length > 0 ? a : c;
+    if (n.length === 1) return n[0];
+    let m = n[0], d = 1 / 0;
+    for (const f of n) {
+      let u = 0, x = 0;
+      for (const p of f) u += p.x, x += p.z;
+      u /= f.length, x /= f.length;
+      const S = Math.sqrt(u * u + x * x);
+      S < d && (d = S, m = f);
+    }
+    return m;
+  }
+  function rn(e, r, t, o = false) {
+    const l = new ht(new C(0, 1, 0), -t), s = [], c = new hn();
+    c.setFromBufferAttribute(r.getAttribute("position"));
+    const a = {
+      linePoints: [],
+      lineLength: 0,
+      rightmostPoint: new C(0, t, 0)
+    };
+    if (!l.intersectsBox(c)) return a;
+    const n = new gn(), m = new C();
+    e.shapecast({
+      intersectsBounds: (p) => l.intersectsBox(p),
+      intersectsTriangle: (p) => {
+        const g = [];
+        n.set(p.a, p.b), l.intersectLine(n, m) && g.push(m.clone()), n.set(p.b, p.c), l.intersectLine(n, m) && g.push(m.clone()), n.set(p.c, p.a), l.intersectLine(n, m) && g.push(m.clone()), g.length === 2 && s.push({
+          a: g[0],
+          b: g[1]
+        });
+      }
+    });
+    const d = wn(s, Bt, o);
+    if (d.length < 2) return a;
+    const f = Ke(d);
+    let u = -1 / 0, x = new C(0, t, 0);
+    for (const p of d) p.x > u && (u = p.x, x = p.clone());
+    const S = d.length > 2 && d[0].distanceTo(d[d.length - 1]) < Bt * 10;
+    return {
+      linePoints: d,
+      lineLength: f,
+      rightmostPoint: x,
+      isClosed: S
+    };
+  }
+  function Ye(e, r, t, o = false) {
+    const l = rn(e, r, t, o);
+    if (l.isClosed && l.linePoints.length >= 3) return l;
+    de.debug("slice", `y=${t.toFixed(2)} failed (pts=${l.linePoints.length}, closed=${l.isClosed}), retrying...`);
+    let s = l;
+    for (const c of go) {
+      const a = rn(e, r, t + c, o);
+      if (a.isClosed && a.linePoints.length >= 3) return de.debug("slice", `y=${t.toFixed(2)} recovered with offset ${c > 0 ? "+" : ""}${c}mm (pts=${a.linePoints.length}, len=${a.lineLength.toFixed(1)}mm)`), a;
+      a.linePoints.length > s.linePoints.length && (s = a);
+    }
+    return de.warn("slice", `y=${t.toFixed(2)} all retries exhausted (pts=${s.linePoints.length}, closed=${s.isClosed})`), s;
+  }
+  function vo(e, r, t, o) {
+    const l = new ht().setFromNormalAndCoplanarPoint(o.clone().normalize(), t), s = new hn();
+    if (s.setFromBufferAttribute(r.getAttribute("position")), !l.intersectsBox(s)) return 0;
+    const c = [], a = new gn(), n = new C();
+    e.shapecast({
+      intersectsBounds: (d) => l.intersectsBox(d),
+      intersectsTriangle: (d) => {
+        const f = [];
+        a.set(d.a, d.b), l.intersectLine(a, n) && f.push(n.clone()), a.set(d.b, d.c), l.intersectLine(a, n) && f.push(n.clone()), a.set(d.c, d.a), l.intersectLine(a, n) && f.push(n.clone()), f.length === 2 && c.push({
+          a: f[0],
+          b: f[1]
+        });
+      }
+    });
+    const m = wn(c, Bt);
+    return Ke(m);
+  }
+  function Sn(e) {
+    return new gt(e, {
+      maxLeafTris: mt
+    });
+  }
+  function Co(e, r, t, o) {
+    const l = e.getIndex(), s = l ? l.count / 3 : 0;
+    if (s < 10) return {
+      valid: false,
+      reason: `Geometry is empty or degenerate (${s} faces)`
+    };
+    const c = r - t;
+    if (c < 4) return {
+      valid: false,
+      reason: `Height too small (${c.toFixed(1)}mm < 4mm)`
+    };
+    if (c > 1e3) return {
+      valid: false,
+      reason: `Height too large (${c.toFixed(1)}mm > 1000mm)`
+    };
+    const a = new gt(e, {
+      maxLeafTris: mt
+    }), n = Ye(a, e, r);
+    if (n.lineLength === 0) return {
+      valid: false,
+      reason: "No circumference at green point \u2014 mesh may be empty at that height"
+    };
+    const m = r - o;
+    if (m <= t) return {
+      valid: true,
+      reason: ""
+    };
+    const d = Ye(a, e, m);
+    if (n.lineLength > 0 && d.lineLength > 0) {
+      const u = n.lineLength / d.lineLength;
+      if (u < 0.5) return {
+        valid: false,
+        reason: `First circumference is too small relative to second (ratio ${u.toFixed(2)} < 0.5) \u2014 possible trimmed angle`
+      };
+    }
+    const f = r - o * 2;
+    if (f > t) {
+      const u = Ye(a, e, f);
+      if (d.lineLength > 0 && u.lineLength > 0) {
+        const x = d.lineLength / u.lineLength;
+        if (x < 0.5) return {
+          valid: false,
+          reason: `Second circumference is too small relative to third (ratio ${x.toFixed(2)} < 0.5) \u2014 possible trimmed angle`
+        };
+      }
+    }
+    return {
+      valid: true,
+      reason: ""
+    };
+  }
+  const Pe = "pipeline";
+  function Mo(e, r, t, o) {
+    var _a, _b, _c, _d;
+    const l = e.geometry.clone(), s = r.map((a) => ({
+      ...a
+    })), c = o.wasmModule;
+    try {
+      let a = e.geometry, n = s.map(($) => new C($.position.x, $.position.y, $.position.z));
+      const m = n[0], d = n[1];
+      if (!c) {
+        o.onStatus("Aligning mesh (JS fallback)..."), de.warn(Pe, "WASM not available, using JS fallback alignment");
+        const $ = new C(0, 1, 0), ne = new C().subVectors(d, m).normalize(), xe = ne.dot($), Me = new C().crossVectors(ne, $);
+        if (Me.length() > 1e-4) {
+          Me.normalize();
+          const X = new O.Quaternion().setFromAxisAngle(Me, Math.acos(Math.min(1, Math.max(-1, xe))));
+          a.applyMatrix4(new O.Matrix4().makeRotationFromQuaternion(X)), n = n.map((Le) => Le.clone().applyQuaternion(X));
+        }
+        if (n[0].y > n[1].y) {
+          const X = new O.Quaternion().setFromAxisAngle(new C(1, 0, 0), Math.PI);
+          a.applyMatrix4(new O.Matrix4().makeRotationFromQuaternion(X)), n = n.map((Le) => Le.clone().applyQuaternion(X));
+        }
+        const we = n[0].clone();
+        a.translate(-we.x, -we.y, -we.z), n = n.map((X) => new C(X.x - we.x, X.y - we.y, X.z - we.z)), a.computeVertexNormals(), a.computeBoundingBox();
+        const re = new C(n[0].x, n[0].y, n[0].z);
+        n.push(re), o.addLandmarkPoint({
+          faceIndex: -1,
+          vertexIndices: [
+            0,
+            1,
+            2
+          ],
+          position: {
+            x: re.x,
+            y: re.y,
+            z: re.z
+          },
+          barycentricCoords: {
+            u: 0.33,
+            v: 0.33,
+            w: 0.34
+          }
+        }), o.updateLandmarkPositions(n.map((X) => ({
+          x: X.x,
+          y: X.y,
+          z: X.z
+        }))), o.setAligned(true), o.setCut(true), o.setAdjustedStartY(null), o.setAdjustedEndY(null), o.setOriginalEndY(n[1].y + 2 * ut);
+        const j = new C();
+        a.computeBoundingBox(), a.boundingBox.getSize(j), o.setModelSize(Math.max(j.x, j.y, j.z)), l.dispose();
+        return;
+      }
+      const { positions: f, indices: u } = pt(a), x = new Float32Array([
+        m.x,
+        m.y,
+        m.z
+      ]), S = new Float32Array([
+        d.x,
+        d.y,
+        d.z
+      ]);
+      o.onStatus("Detecting shell type...");
+      const p = c.detect_shell(f, u, S, 40), g = p.is_double_shell(), b = p.surface_normal();
+      de.info(Pe, `Shell: ${g ? "DOUBLE" : "SINGLE"}`, p.details()), (_a = o.setDoubleShell) == null ? void 0 : _a.call(o, g), o.onStatus("Finding cross-section plane...");
+      const A = new Float32Array([
+        b[0],
+        b[1],
+        b[2]
+      ]), L = c.find_min_cross_section(f, u, S, A, 10), z = L.plane_normal();
+      de.info(Pe, "Cross-section found", L.details()), o.onStatus("Aligning mesh...");
+      const P = new Float32Array([
+        z[0],
+        z[1],
+        z[2]
+      ]), y = c.align_to_origin(f, x, S, P);
+      let M = y.positions(), h = y.mpt(), v = y.origin();
+      const F = y.transform();
+      de.info(Pe, "Alignment complete", y.details());
+      const I = [
+        F[3],
+        F[4],
+        F[5],
+        F[6],
+        F[7],
+        F[8],
+        F[9],
+        F[10],
+        F[11]
+      ], _ = new Float32Array([
+        I[0] * z[0] + I[1] * z[1] + I[2] * z[2],
+        I[3] * z[0] + I[4] * z[1] + I[5] * z[2],
+        I[6] * z[0] + I[7] * z[1] + I[8] * z[2]
+      ]);
+      o.onStatus("Generating measurement points...");
+      const E = c.subdivide_origin_to_plane(new Float32Array(v), new Float32Array(h), _);
+      de.debug(Pe, `Subdivide: ${E.count()} pts, spacing=${E.spacing().toFixed(1)}mm`);
+      const V = E.points(), N = E.count(), J = 2, ye = 1, ae = [];
+      for (let $ = J; $ < N - ye; $++) ae.push(V[$ * 3 + 1]);
+      o.onStatus("Computing cross-sections...");
+      let ue = [];
+      if (ae.length >= 2) {
+        const ne = (g ? c.batch_cross_sections_y_inner.bind(c) : c.batch_cross_sections_y.bind(c))(M, u, new Float32Array(ae), 10);
+        de.debug(Pe, "Batch (subdivision)", ne.details());
+        const xe = ne.all_loop_points(), Me = ne.offsets(), we = ne.circumferences();
+        for (let re = 0; re < Me.length - 1; re++) {
+          const j = Me[re], X = Me[re + 1];
+          if (X <= j || we[re] <= 0) continue;
+          const Le = (X - j) / 3;
+          if (Le < 3) continue;
+          let Ie = 0, Ge = 0, se = 0;
+          for (let Ae = j; Ae < X; Ae += 3) Ie += xe[Ae], Ge += xe[Ae + 1], se += xe[Ae + 2];
+          ue.push(Ie / Le, Ge / Le, se / Le);
+        }
+      }
+      if (ue.length >= 6) {
+        o.onStatus("Refining alignment...");
+        const $ = c.refine_alignment(new Float32Array(ue), M, new Float32Array(v), new Float32Array(h));
+        de.info(Pe, "Refinement complete", $.details()), M = $.positions(), h = $.mpt(), v = $.origin();
+      }
+      const ie = a.getAttribute("color"), Q = yn(M, u);
+      ie && Q.setAttribute("color", ie), a.dispose(), a = Q, e.geometry = a, a.computeVertexNormals(), a.computeBoundingBox(), n[0] = new C(v[0], v[1], v[2]), n[1] = new C(h[0], h[1], h[2]), o.onStatus("Setting blue point...");
+      const Y = new C(n[0].x, n[0].y, n[0].z);
+      n.push(Y), o.addLandmarkPoint({
+        faceIndex: -1,
+        vertexIndices: [
+          0,
+          1,
+          2
+        ],
+        position: {
+          x: Y.x,
+          y: Y.y,
+          z: Y.z
+        },
+        barycentricCoords: {
+          u: 0.33,
+          v: 0.33,
+          w: 0.34
+        }
+      }), o.updateLandmarkPositions(n.map(($) => ({
+        x: $.x,
+        y: $.y,
+        z: $.z
+      }))), o.setAligned(true);
+      const he = a.boundingBox, Z = new C();
+      he.getSize(Z), o.setModelSize(Math.max(Z.x, Z.y, Z.z)), o.setCut(true), o.setAdjustedStartY(null), o.setAdjustedEndY(null), o.setOriginalEndY(n[1].y + 2 * ut), o.onStatus("Computing final measurements...");
+      {
+        const $ = pt(a), ne = n[1].y, xe = n[0].y;
+        let Me = 1 / 0, we = -1 / 0;
+        const re = $.positions;
+        for (let se = 1; se < re.length; se += 3) re[se] < Me && (Me = re[se]), re[se] > we && (we = re[se]);
+        const j = 25.4, X = [];
+        X.push(ne);
+        for (let se = 1; se <= 2; se++) {
+          const Ae = ne + se * j;
+          Ae < we - 1 && X.push(Ae);
+        }
+        for (let se = ne - j; se > xe; se -= j) X.push(se);
+        X.sort((se, Ae) => se - Ae), de.info(Pe, `Horizontal slices: ${X.length} Y planes, range ${(_b = X[0]) == null ? void 0 : _b.toFixed(1)} \u2192 ${(_c = X[X.length - 1]) == null ? void 0 : _c.toFixed(1)} mm`);
+        const Ie = (g ? c.batch_cross_sections_y_inner.bind(c) : c.batch_cross_sections_y.bind(c))($.positions, $.indices, new Float32Array(X), 10);
+        de.info(Pe, `Horizontal slices (${g ? "inner" : "outer"}): ${Ie.count()}/${X.length} valid`), de.debug(Pe, "Slice details", Ie.details());
+        const Ge = {
+          yValues: X,
+          circumferences: Array.from(Ie.circumferences()),
+          allLoopPoints: new Float32Array(Ie.all_loop_points()),
+          offsets: new Uint32Array(Ie.offsets()),
+          mptY: ne,
+          originY: xe
+        };
+        (_d = o.setWasmSlices) == null ? void 0 : _d.call(o, Ge);
+      }
+      o.onStatus("Validating results...");
+      const ge = n[1].y, me = n[0].y, pe = Co(a, ge, me, t);
+      pe.valid || de.warn(Pe, `Validation: ${pe.reason}`), o.setClippedReferenceGeometry ? (l.computeVertexNormals(), o.setClippedReferenceGeometry(l)) : l.dispose();
+    } catch (a) {
+      de.error(Pe, "Processing failed", a), o.setError(a instanceof Error ? a.message : "Failed to process mesh."), l.dispose();
+    }
+  }
+  class zo extends oo {
+    constructor() {
+      super(...arguments), this.state = {
+        error: null
+      }, this.reset = () => {
+        this.setState({
+          error: null
+        });
+      };
+    }
+    static getDerivedStateFromError(r) {
+      return {
+        error: r
+      };
+    }
+    componentDidCatch(r, t) {
+      console.error("[ErrorBoundary] Caught error:", r, t.componentStack);
+    }
+    render() {
+      return this.state.error ? this.props.fallback ? this.props.fallback(this.state.error, this.reset) : k("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100%",
+          padding: 32,
+          textAlign: "center",
+          fontFamily: "system-ui, sans-serif"
+        },
+        children: [
+          i("div", {
+            style: {
+              fontSize: 16,
+              fontWeight: 600,
+              color: "#dc3545",
+              marginBottom: 8
+            },
+            children: "Something went wrong"
+          }),
+          i("div", {
+            style: {
+              fontSize: 13,
+              color: "#666",
+              maxWidth: 400,
+              marginBottom: 16
+            },
+            children: this.state.error.message
+          }),
+          i("button", {
+            onClick: this.reset,
+            style: {
+              padding: "8px 20px",
+              borderRadius: 4,
+              fontSize: 13,
+              fontWeight: 500,
+              backgroundColor: "rgb(12, 67, 173)",
+              border: "none",
+              color: "#fff",
+              cursor: "pointer"
+            },
+            children: "Try Again"
+          })
+        ]
+      }) : this.props.children;
+    }
+  }
+  const ko = ({ message: e, onDismiss: r }) => k("div", {
+    style: {
+      position: "absolute",
+      top: 16,
+      right: 16,
+      padding: "12px 16px",
+      backgroundColor: "rgba(220, 53, 69, 0.95)",
+      borderRadius: 8,
+      color: "#fff",
+      fontSize: 14,
+      maxWidth: 300,
+      zIndex: 100,
+      display: "flex",
+      alignItems: "flex-start",
+      gap: 12
+    },
+    children: [
+      k("div", {
+        style: {
+          flex: 1
+        },
+        children: [
+          i("div", {
+            style: {
+              fontWeight: "bold",
+              marginBottom: 4
+            },
+            children: "Error"
+          }),
+          i("div", {
+            style: {
+              fontSize: 12,
+              opacity: 0.9
+            },
+            children: e
+          })
+        ]
+      }),
+      i("button", {
+        onClick: r,
+        style: {
+          background: "none",
+          border: "none",
+          color: "#fff",
+          cursor: "pointer",
+          fontSize: 18,
+          padding: 0,
+          lineHeight: 1,
+          opacity: 0.7
+        },
+        children: "x"
+      })
+    ]
+  }), sn = ({ message: e }) => k("div", {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(0, 0, 0, 0.7)",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 100
+    },
+    children: [
+      i("div", {
+        style: {
+          width: 48,
+          height: 48,
+          border: "4px solid rgba(255, 255, 255, 0.2)",
+          borderTopColor: "#4a90d9",
+          borderRadius: "50%",
+          animation: "spin 1s linear infinite"
+        }
+      }),
+      e && i("div", {
+        style: {
+          marginTop: 16,
+          color: "#fff",
+          fontSize: 14
+        },
+        children: e
+      }),
+      i("style", {
+        children: "@keyframes spin { to { transform: rotate(360deg); } }"
+      })
+    ]
+  });
+  function Ao(e, r, t, o) {
+    const l = new C().subVectors(t, r), s = new C().subVectors(o, r), c = new C().subVectors(e, r), a = l.dot(l), n = l.dot(s), m = l.dot(c), d = s.dot(s), f = s.dot(c), u = 1 / (a * d - n * n), x = (d * m - n * f) * u, S = (a * f - n * m) * u;
+    return {
+      u: 1 - x - S,
+      v: x,
+      w: S
+    };
+  }
+  const Fo = ({ mesh: e, maxPoints: r = 2, meshColor: t = "#c8c8c8", meshOpacity: o = 1, frontFaceOnly: l = false, doubleShellTransparency: s = false }) => {
+    const { addLandmarkPoint: c, landmarkPoints: a } = Et(), n = te((x) => {
+      if (a.length >= r) return;
+      x.stopPropagation();
+      const S = x.intersections[0], p = S == null ? void 0 : S.faceIndex;
+      if (!S || p == null) return;
+      const g = e.geometry, b = g.index;
+      let A;
+      b ? A = [
+        b.getX(p * 3),
+        b.getX(p * 3 + 1),
+        b.getX(p * 3 + 2)
+      ] : A = [
+        p * 3,
+        p * 3 + 1,
+        p * 3 + 2
+      ];
+      const L = g.getAttribute("position"), z = new C().fromBufferAttribute(L, A[0]), P = new C().fromBufferAttribute(L, A[1]), y = new C().fromBufferAttribute(L, A[2]);
+      z.applyMatrix4(e.matrixWorld), P.applyMatrix4(e.matrixWorld), y.applyMatrix4(e.matrixWorld);
+      const M = S.point, h = Ao(M, z, P, y), v = {
+        faceIndex: p,
+        vertexIndices: A,
+        position: {
+          x: M.x,
+          y: M.y,
+          z: M.z
+        },
+        barycentricCoords: h
+      };
+      c(v);
+    }, [
+      e,
+      c,
+      a.length,
+      r
+    ]), m = H(() => !!e.geometry.getAttribute("color"), [
+      e
+    ]), d = s ? Math.min(o, 0.65) : o, f = d < 1, u = H(() => new O.MeshStandardMaterial({
+      color: m ? "#ffffff" : t,
+      side: l ? O.FrontSide : O.DoubleSide,
+      roughness: 0.6,
+      metalness: 0.1,
+      transparent: f,
+      opacity: d,
+      depthWrite: !s,
+      vertexColors: m
+    }), [
+      t,
+      d,
+      f,
+      m,
+      l,
+      s
+    ]);
+    return i("primitive", {
+      object: e,
+      onClick: n,
+      material: u,
+      renderOrder: s ? 0 : void 0
+    });
+  }, Po = ({ point: e, index: r, markerSize: t, color: o, label: l }) => {
+    const [s, c] = W(false);
+    return k("mesh", {
+      position: [
+        e.position.x,
+        e.position.y,
+        e.position.z
+      ],
+      onPointerOver: () => c(true),
+      onPointerOut: () => c(false),
+      children: [
+        i("sphereGeometry", {
+          args: [
+            t,
+            16,
+            16
+          ]
+        }),
+        i("meshBasicMaterial", {
+          color: o
+        }),
+        s && i(Xe, {
+          center: true,
+          style: {
+            pointerEvents: "none"
+          },
+          children: i("div", {
+            style: {
+              padding: "3px 8px",
+              backgroundColor: "rgba(0, 0, 0, 0.75)",
+              borderRadius: 4,
+              color: "#fff",
+              fontSize: 12,
+              fontFamily: "system-ui, sans-serif",
+              whiteSpace: "nowrap",
+              transform: "translateY(-24px)"
+            },
+            children: l
+          })
+        })
+      ]
+    }, r);
+  }, Lo = ({ modelSize: e, labels: r }) => {
+    const { landmarkPoints: t } = Et(), o = e * 0.02, l = [
+      "#44ff44",
+      "#ff4444",
+      "#4444ff"
+    ], c = r ?? [
+      "MPT",
+      "Origin",
+      "Cut Plane"
+    ];
+    return i(Oe, {
+      children: t.map((a, n) => i(Po, {
+        point: a,
+        index: n,
+        markerSize: o,
+        color: l[n],
+        label: c[n]
+      }, n))
+    });
+  };
+  function vn(e) {
+    return H(() => e ? new gt(e, {
+      maxLeafTris: mt
+    }) : null, [
+      e
+    ]);
+  }
+  const ln = (e, r) => {
+    const t = Math.abs(e - r);
+    return t <= 7 ? "#8BC34A" : t <= 20 ? "#FFC107" : "#FF5722";
+  }, an = new O.Color("#8BC34A"), cn = new O.Color("#FFC107"), Io = new O.Color("#FF5722"), Do = (e) => {
+    if (e <= 7) return an.clone();
+    if (e <= 20) {
+      const t = (e - 7) / 13;
+      return an.clone().lerp(cn, t);
+    }
+    const r = Math.min((e - 20) / 20, 1);
+    return cn.clone().lerp(Io, r);
+  }, _o = (e, r) => {
+    const t = e.length, o = new Float32Array(t * 2 * 3), l = new Float32Array(t * 2 * 3), s = [];
+    for (let n = 0; n < t; n++) {
+      const m = e[n], d = r[n], f = m.distanceTo(d), u = Do(f);
+      if (o[n * 6] = m.x, o[n * 6 + 1] = m.y, o[n * 6 + 2] = m.z, l[n * 6] = u.r, l[n * 6 + 1] = u.g, l[n * 6 + 2] = u.b, o[n * 6 + 3] = d.x, o[n * 6 + 4] = d.y, o[n * 6 + 5] = d.z, l[n * 6 + 3] = u.r, l[n * 6 + 4] = u.g, l[n * 6 + 5] = u.b, n < t - 1) {
+        const x = n * 2, S = x + 1, p = (n + 1) * 2, g = p + 1;
+        s.push(x, S, p, S, g, p);
+      }
+    }
+    const c = new O.BufferGeometry();
+    c.setAttribute("position", new O.Float32BufferAttribute(o, 3)), c.setAttribute("color", new O.Float32BufferAttribute(l, 3)), c.setIndex(s);
+    const a = new O.MeshBasicMaterial({
+      vertexColors: true,
+      transparent: true,
+      opacity: 0.25,
+      side: O.DoubleSide,
+      depthTest: false,
+      depthWrite: false
+    });
+    return new O.Mesh(c, a);
+  }, Ro = ({ bvh: e, geometry: r, yPosition: t, color: o = "#00ff00", labelX: l, onDataChange: s, displayUnit: c = "mm", useInnerSurface: a = false, formValue: n, lineWidth: m = 1.5, wasmLoopPoints: d, wasmCircumference: f }) => {
+    const u = H(() => d && f != null ? null : Ye(e, r, t, a), [
+      e,
+      r,
+      t,
+      a,
+      d,
+      f
+    ]), x = d ?? (u == null ? void 0 : u.linePoints) ?? [], S = f ?? (u == null ? void 0 : u.lineLength) ?? 0, p = H(() => {
+      if (n == null || n === 0 || S <= 0 || x.length < 2) return null;
+      const L = n / S, z = x.reduce((y, M) => y + M.x, 0) / x.length, P = x.reduce((y, M) => y + M.z, 0) / x.length;
+      return x.map((y) => new C(z + (y.x - z) * L, y.y, P + (y.z - P) * L));
+    }, [
+      x,
+      S,
+      n
+    ]), g = H(() => !p || x.length < 2 ? null : _o(x, p), [
+      x,
+      p
+    ]);
+    U(() => () => {
+      g && (g.geometry.dispose(), g.material.dispose());
+    }, [
+      g
+    ]);
+    const b = le(null), A = H(() => {
+      const L = new O.BufferGeometry();
+      L.setAttribute("position", new O.Float32BufferAttribute(new Float32Array(6), 3));
+      const z = new O.LineBasicMaterial({
+        color: 6710886,
+        depthTest: false,
+        depthWrite: false,
+        transparent: true
+      });
+      return new O.Line(L, z);
+    }, []);
+    return U(() => () => {
+      A.geometry.dispose(), A.material.dispose();
+    }, [
+      A
+    ]), U(() => {
+      S > 0 && (s == null ? void 0 : s({
+        yPosition: t,
+        originalValue: S,
+        modifiedValue: null
+      }));
+    }, [
+      S,
+      t,
+      s
+    ]), fn(({ camera: L }) => {
+      if (!b.current || x.length < 2) return;
+      const z = new C();
+      L.getWorldDirection(z);
+      const P = new C(z.x, 0, z.z);
+      if (P.lengthSq() < 1e-8) return;
+      P.normalize();
+      const y = new C().crossVectors(P, new C(0, 1, 0)).normalize();
+      let M = -1 / 0, h = x[0];
+      for (const _ of x) {
+        const E = y.x * _.x + y.z * _.z;
+        E > M && (M = E, h = _);
+      }
+      const v = l * 0.35, F = new C(h.x + y.x * v, t, h.z + y.z * v);
+      b.current.position.copy(F);
+      const I = A.geometry.getAttribute("position");
+      I.setXYZ(0, h.x, h.y, h.z), I.setXYZ(1, F.x, F.y, F.z), I.needsUpdate = true;
+    }), x.length < 2 ? null : k("group", {
+      renderOrder: 10,
+      children: [
+        i(fe, {
+          points: x,
+          color: o,
+          lineWidth: m,
+          depthTest: false,
+          depthWrite: false,
+          transparent: true,
+          renderOrder: 10
+        }),
+        g && i("primitive", {
+          object: g,
+          renderOrder: 10
+        }),
+        p && n != null && n !== 0 && i(fe, {
+          points: p,
+          color: ln(S, n),
+          lineWidth: 2.5,
+          dashed: true,
+          dashSize: 2,
+          gapSize: 1.5,
+          depthTest: false,
+          depthWrite: false,
+          transparent: true,
+          opacity: 0.8,
+          renderOrder: 10
+        }),
+        i("primitive", {
+          object: A,
+          renderOrder: 10
+        }),
+        i("group", {
+          ref: b,
+          children: i(Xe, {
+            zIndexRange: [
+              100,
+              0
+            ],
+            style: {
+              pointerEvents: "none",
+              transform: "translateY(-50%)"
+            },
+            children: k("div", {
+              style: {
+                display: "flex",
+                alignItems: "stretch",
+                gap: 0,
+                marginLeft: 10,
+                pointerEvents: "none",
+                whiteSpace: "nowrap"
+              },
+              children: [
+                k("div", {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 4,
+                    padding: "5px 10px",
+                    backgroundColor: "rgba(0, 0, 0, 0.75)",
+                    borderRadius: n != null && n !== 0 ? "4px 0 0 4px" : 4
+                  },
+                  children: [
+                    i("span", {
+                      style: {
+                        fontSize: 14,
+                        color: "#fff",
+                        fontFamily: "monospace",
+                        minWidth: 52,
+                        textAlign: "right"
+                      },
+                      children: c === "inch" ? (S / 25.4).toFixed(2) : S.toFixed(1)
+                    }),
+                    i("span", {
+                      style: {
+                        fontSize: 11,
+                        color: "rgba(255,255,255,0.6)",
+                        fontFamily: "monospace"
+                      },
+                      children: c === "inch" ? "in" : "mm"
+                    })
+                  ]
+                }),
+                n != null && n !== 0 && S > 0 && (() => {
+                  const L = S - n, z = L > 0.5 ? "\u25B2" : L < -0.5 ? "\u25BC" : "", P = ln(S, n);
+                  return k("div", {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 5,
+                      padding: "5px 10px",
+                      backgroundColor: "rgba(0, 0, 0, 0.55)",
+                      borderRadius: "0 4px 4px 0",
+                      borderLeft: "1px solid rgba(255,255,255,0.12)"
+                    },
+                    children: [
+                      z && i("span", {
+                        style: {
+                          fontSize: 10,
+                          color: P,
+                          lineHeight: 1
+                        },
+                        children: z
+                      }),
+                      k("span", {
+                        style: {
+                          fontSize: 13,
+                          color: P,
+                          fontFamily: "monospace",
+                          fontWeight: 600
+                        },
+                        children: [
+                          L > 0 ? "+" : "",
+                          c === "inch" ? (L / 25.4).toFixed(2) : L.toFixed(1)
+                        ]
+                      }),
+                      k("span", {
+                        style: {
+                          fontSize: 11,
+                          color: "rgba(255,255,255,0.4)",
+                          fontFamily: "monospace"
+                        },
+                        children: [
+                          "from ",
+                          c === "inch" ? (n / 25.4).toFixed(2) : n.toFixed(0)
+                        ]
+                      })
+                    ]
+                  });
+                })()
+              ]
+            })
+          })
+        })
+      ]
+    });
+  }, Wo = ro(Ro), Bo = ({ mesh: e, startY: r, endY: t, spacing: o, modelSize: l, onMeasurementsChange: s, reverseOrder: c = false, displayUnit: a = "mm", useInnerSurface: n = false, formMeasurements: m, originY: d, wasmSlices: f }) => {
+    const u = le(/* @__PURE__ */ new Map()), x = e.geometry, S = vn(x), p = H(() => {
+      if (f) {
+        let M = [
+          ...f.yValues
+        ];
+        if (o > 25.4 + 0.1) {
+          const h = f.mptY;
+          M = M.filter((v) => {
+            const F = Math.abs(v - h);
+            return F < 0.5 || Math.abs(Math.round(F / o) * o - F) < 0.5;
+          });
+        }
+        return c ? M.sort((h, v) => v - h) : M.sort((h, v) => h - v), M;
+      }
+      const P = [];
+      if (c) for (let y = t; y >= r; y -= o) P.push(y);
+      else for (let y = r; y <= t; y += o) P.push(y);
+      return P;
+    }, [
+      r,
+      t,
+      o,
+      c,
+      f
+    ]), g = H(() => {
+      if (!f) return null;
+      const P = /* @__PURE__ */ new Map(), { allLoopPoints: y, offsets: M, yValues: h } = f;
+      for (let v = 0; v < M.length - 1; v++) {
+        const F = M[v], I = M[v + 1];
+        if (I <= F) continue;
+        const _ = [];
+        for (let E = F; E < I; E += 3) _.push(new C(y[E], y[E + 1], y[E + 2]));
+        _.length >= 3 && P.set(h[v], _);
+      }
+      return P;
+    }, [
+      f
+    ]), b = H(() => {
+      if (!f) return null;
+      const P = /* @__PURE__ */ new Map();
+      for (let y = 0; y < f.yValues.length; y++) P.set(f.yValues[y], f.circumferences[y]);
+      return P;
+    }, [
+      f
+    ]);
+    U(() => {
+      u.current.clear();
+    }, [
+      p
+    ]), U(() => {
+      if (!b || !s) return;
+      const P = p.filter((y) => (b.get(y) ?? 0) > 0).map((y) => ({
+        yPosition: y,
+        originalValue: b.get(y) ?? 0,
+        modifiedValue: null
+      }));
+      s(P);
+    }, [
+      b,
+      p,
+      s
+    ]);
+    const A = [
+      "#5B9BD5"
+    ], L = l * ho, z = te((P) => {
+      if (b) return;
+      u.current.set(P.yPosition, P);
+      const y = Array.from(u.current.values()).sort((M, h) => c ? h.yPosition - M.yPosition : M.yPosition - h.yPosition);
+      s == null ? void 0 : s(y);
+    }, [
+      s,
+      c,
+      b
+    ]);
+    return S ? i(Oe, {
+      children: p.map((P, y) => i(Wo, {
+        bvh: S,
+        geometry: x,
+        yPosition: P,
+        color: d != null && Math.abs(P - d) < o * 0.5 ? "#44ff44" : A[y % A.length],
+        labelX: L,
+        onDataChange: z,
+        displayUnit: a,
+        useInnerSurface: n,
+        formValue: m == null ? void 0 : m[y],
+        lineWidth: d != null && Math.abs(P - d) < o * 0.5 ? 4 : 1.5,
+        wasmLoopPoints: g == null ? void 0 : g.get(P),
+        wasmCircumference: b == null ? void 0 : b.get(P)
+      }, P))
+    }) : null;
+  }, Eo = (e, r) => {
+    const t = Math.abs(e - r);
+    return t <= 7 ? "#4caf50" : t <= 15 ? "#ff9800" : "#f44336";
+  }, To = ({ mesh: e, greenY: r, modelSize: t, displayUnit: o = "mm", bottomY: l, formHeight: s }) => {
+    var _a;
+    const c = e.geometry;
+    c.computeBoundingBox();
+    const a = l ?? ((_a = c.boundingBox) == null ? void 0 : _a.min.y) ?? 0, n = r - a, m = t * 0.4, d = t * 0.03, f = le(null);
+    fn(({ camera: y }) => {
+      if (!f.current) return;
+      const M = new C();
+      y.getWorldDirection(M);
+      const h = new C(M.x, 0, M.z);
+      if (h.lengthSq() < 1e-8) return;
+      h.normalize();
+      const v = new C().crossVectors(new C(0, 1, 0), h).normalize();
+      f.current.position.set(v.x * m, 0, v.z * m);
+      const F = y.position.x - f.current.position.x, I = y.position.z - f.current.position.z;
+      f.current.rotation.y = Math.atan2(F, I);
+    });
+    const u = new C(0, r, 0), x = new C(0, a, 0), S = new C(0, (r + a) / 2, 0), p = new C(-d, r, 0), g = new C(d, r, 0), b = new C(-d, a, 0), A = new C(d, a, 0), L = s != null && s > 0, z = L ? n - s : 0, P = L ? Eo(n, s) : "#fff";
+    return k("group", {
+      ref: f,
+      children: [
+        i(fe, {
+          points: [
+            u,
+            x
+          ],
+          color: "#888888",
+          lineWidth: 1.5
+        }),
+        i(fe, {
+          points: [
+            p,
+            g
+          ],
+          color: "#888888",
+          lineWidth: 1.5
+        }),
+        i(fe, {
+          points: [
+            b,
+            A
+          ],
+          color: "#888888",
+          lineWidth: 1.5
+        }),
+        i("mesh", {
+          position: S,
+          children: i(Xe, {
+            center: true,
+            style: {
+              pointerEvents: "none"
+            },
+            zIndexRange: [
+              0,
+              0
+            ],
+            children: k("div", {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                gap: 0,
+                transform: "rotate(-90deg)",
+                transformOrigin: "center center",
+                pointerEvents: "none"
+              },
+              children: [
+                k("div", {
+                  style: {
+                    padding: "4px 8px",
+                    backgroundColor: "rgba(0, 0, 0, 0.75)",
+                    borderRadius: L ? "4px 4px 0 0" : 4,
+                    color: "#fff",
+                    fontSize: 16,
+                    fontFamily: "monospace",
+                    whiteSpace: "nowrap",
+                    pointerEvents: "none"
+                  },
+                  children: [
+                    o === "inch" ? (n / 25.4).toFixed(2) : n.toFixed(1),
+                    " ",
+                    o === "inch" ? "in" : "mm"
+                  ]
+                }),
+                L && k("div", {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 5,
+                    padding: "3px 8px",
+                    backgroundColor: "rgba(0, 0, 0, 0.55)",
+                    borderRadius: "0 0 4px 4px",
+                    borderTop: "1px solid rgba(255,255,255,0.12)",
+                    whiteSpace: "nowrap",
+                    pointerEvents: "none"
+                  },
+                  children: [
+                    Math.abs(z) > 0.5 && i("span", {
+                      style: {
+                        fontSize: 10,
+                        color: P,
+                        lineHeight: 1
+                      },
+                      children: z > 0.5 ? "\u25B2" : "\u25BC"
+                    }),
+                    k("span", {
+                      style: {
+                        fontSize: 13,
+                        color: P,
+                        fontFamily: "monospace",
+                        fontWeight: 600
+                      },
+                      children: [
+                        z > 0 ? "+" : "",
+                        o === "inch" ? (z / 25.4).toFixed(2) : z.toFixed(1)
+                      ]
+                    }),
+                    k("span", {
+                      style: {
+                        fontSize: 11,
+                        color: "rgba(255,255,255,0.4)",
+                        fontFamily: "monospace"
+                      },
+                      children: [
+                        "from ",
+                        o === "inch" ? (s / 25.4).toFixed(2) : s.toFixed(0)
+                      ]
+                    })
+                  ]
+                })
+              ]
+            })
+          })
+        })
+      ]
+    });
+  }, Oo = ({ modelSize: e, isAligned: r, isCut: t, mesh: o, viewMode: l, sliceY: s, landmarkCount: c = 0, measurementGeometry: a, resetCameraToFrontRef: n }) => {
+    const { set: m, size: d, camera: f, invalidate: u } = un(), x = le(false), S = le(l), p = le(new C()), g = le(null), b = le(c), A = le(r), L = le(t), z = le(a), P = le(0), y = te(() => {
+      if (!o || e <= 0) return null;
+      const h = a ?? o.geometry;
+      h.computeBoundingBox();
+      const v = h.boundingBox, F = new C();
+      v.getCenter(F);
+      const I = new C();
+      v.getSize(I), p.current.copy(I);
+      const _ = d.width / d.height, E = Math.max(I.y, I.x / _) * 1.6, V = E * _, N = F.y - I.y * 0.05;
+      P.current = N;
+      const J = new O.OrthographicCamera(-V / 2, V / 2, E / 2, -E / 2, 0.1, e * 10);
+      return J.position.set(0, N, e * 2), J.lookAt(0, N, 0), J;
+    }, [
+      o,
+      e,
+      d,
+      a
+    ]);
+    U(() => {
+      if (n) return n.current = () => {
+        const h = y();
+        h && (m({
+          camera: h
+        }), u());
+      }, () => {
+        n && (n.current = null);
+      };
+    }, [
+      n,
+      y,
+      m,
+      u
+    ]);
+    const M = te((h) => {
+      const v = h.position.clone(), F = v.length(), I = Math.atan2(v.x, v.z), _ = Math.acos(v.y / F), V = I + 0.02;
+      h.position.set(F * Math.sin(_) * Math.sin(V), F * Math.cos(_), F * Math.sin(_) * Math.cos(V)), h.lookAt(0, 0, 0), h.updateMatrixWorld(true), u();
+    }, [
+      u
+    ]);
+    return U(() => {
+      if (e > 0 && !x.current && !r) {
+        x.current = true;
+        const h = new O.PerspectiveCamera(50, d.width / d.height, 0.1, e * 10);
+        h.position.set(e * 0.3, e * 0.2, e * 1.5), h.lookAt(0, 0, 0), m({
+          camera: h
+        }), requestAnimationFrame(() => M(h));
+      }
+    }, [
+      e,
+      d,
+      m,
+      r,
+      M
+    ]), U(() => {
+      const h = b.current;
+      b.current = c, h === 0 && c === 1 && !r && requestAnimationFrame(() => M(f));
+    }, [
+      c,
+      r,
+      f,
+      M
+    ]), U(() => {
+      const h = A.current !== r, v = L.current !== t, F = !z.current && !!a;
+      if (A.current = r, L.current = t, z.current = a, !h && !v && !F || !r || l !== "3D") return;
+      const I = y();
+      I && m({
+        camera: I
+      });
+    }, [
+      r,
+      t,
+      l,
+      a,
+      y,
+      m
+    ]), U(() => {
+      if (S.current === l) return;
+      const h = S.current;
+      if (S.current = l, !(!r || !o || e <= 0)) {
+        if (l === "2D" && s != null) {
+          g.current = f;
+          const v = o.geometry, F = v.getAttribute("position"), I = F.array, _ = e * 0.15;
+          let E = 1 / 0, V = -1 / 0, N = 1 / 0, J = -1 / 0, ye = false;
+          for (let pe = 0; pe < F.count; pe++) if (Math.abs(I[pe * 3 + 1] - s) < _) {
+            const $ = I[pe * 3], ne = I[pe * 3 + 2];
+            $ < E && (E = $), $ > V && (V = $), ne < N && (N = ne), ne > J && (J = ne), ye = true;
+          }
+          if (!ye) {
+            v.computeBoundingBox();
+            const pe = v.boundingBox;
+            E = pe.min.x, V = pe.max.x, N = pe.min.z, J = pe.max.z;
+          }
+          const ae = (E + V) / 2, ue = (N + J) / 2, ie = d.width / d.height, Q = 1.4, Y = (V - E) * Q, he = (J - N) * Q;
+          let Z, ge;
+          Y / he > ie ? (Z = Y, ge = Y / ie) : (ge = he, Z = he * ie);
+          const me = new O.OrthographicCamera(-Z / 2, Z / 2, ge / 2, -ge / 2, 0.1, e * 10);
+          me.position.set(ae, s + e * 2, ue), me.up.set(0, 0, -1), me.lookAt(ae, s, ue), m({
+            camera: me
+          });
+        } else if (h === "2D") if (g.current) m({
+          camera: g.current
+        }), g.current = null;
+        else {
+          const v = y();
+          v && m({
+            camera: v
+          });
+        }
+      }
+    }, [
+      l,
+      s,
+      r,
+      o,
+      e,
+      d,
+      m,
+      f,
+      y
+    ]), U(() => {
+      if (!r || !f || !f.isOrthographicCamera) return;
+      const h = f;
+      if (l === "2D") {
+        if (!o || s == null) return;
+        const v = o.geometry, F = v.getAttribute("position"), I = F.array, _ = e * 0.15;
+        let E = 1 / 0, V = -1 / 0, N = 1 / 0, J = -1 / 0, ye = false;
+        for (let Z = 0; Z < F.count; Z++) if (Math.abs(I[Z * 3 + 1] - s) < _) {
+          const ge = I[Z * 3], me = I[Z * 3 + 2];
+          ge < E && (E = ge), ge > V && (V = ge), me < N && (N = me), me > J && (J = me), ye = true;
+        }
+        if (!ye) {
+          v.computeBoundingBox();
+          const Z = v.boundingBox;
+          E = Z.min.x, V = Z.max.x, N = Z.min.z, J = Z.max.z;
+        }
+        const ae = d.width / d.height, ue = 1.4, ie = (V - E) * ue, Q = (J - N) * ue;
+        let Y, he;
+        ie / Q > ae ? (Y = ie, he = ie / ae) : (he = Q, Y = Q * ae), h.left = -Y / 2, h.right = Y / 2, h.top = he / 2, h.bottom = -he / 2;
+      } else {
+        const v = p.current, F = d.width / d.height, I = Math.max(v.y, v.x / F) * 1.6, _ = I * F;
+        h.left = -_ / 2, h.right = _ / 2, h.top = I / 2, h.bottom = -I / 2;
+      }
+      h.updateProjectionMatrix();
+    }, [
+      d.width,
+      d.height,
+      r,
+      f,
+      l,
+      o
+    ]), null;
+  }, $o = ({ mesh: e, isDragging: r }) => {
+    var _a;
+    const t = e.geometry;
+    t.computeBoundingBox();
+    const o = new C();
+    return (_a = t.boundingBox) == null ? void 0 : _a.getCenter(o), i(pn, {
+      enableDamping: false,
+      enablePan: false,
+      minPolarAngle: Math.PI * 0.15,
+      maxPolarAngle: Math.PI * 0.85,
+      minZoom: 0.5,
+      maxZoom: 3,
+      enabled: !r,
+      target: [
+        o.x,
+        o.y,
+        o.z
+      ]
+    });
+  }, Ho = ({ wasAutoScaled: e, onDismiss: r }) => k("div", {
+    style: {
+      position: "absolute",
+      bottom: 16,
+      left: 16,
+      zIndex: 10,
+      display: "flex",
+      alignItems: "flex-start",
+      gap: 10,
+      padding: "10px 14px",
+      maxWidth: 320,
+      backgroundColor: e ? "rgba(30, 70, 160, 0.92)" : "rgba(40, 40, 40, 0.88)",
+      borderRadius: 8,
+      boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
+      fontFamily: "system-ui, sans-serif"
+    },
+    children: [
+      i("span", {
+        style: {
+          fontSize: 13,
+          color: "#fff",
+          lineHeight: "20px"
+        },
+        children: e ? "Units detected as meters - converted to mm" : "Units detected as mm"
+      }),
+      i("button", {
+        onClick: r,
+        style: {
+          background: "none",
+          border: "none",
+          color: "rgba(255,255,255,0.7)",
+          cursor: "pointer",
+          fontSize: 16,
+          lineHeight: "20px",
+          padding: 0,
+          marginLeft: "auto",
+          flexShrink: 0
+        },
+        children: "X"
+      })
+    ]
+  }), Vo = ({ isDoubleShell: e, onDismiss: r }) => k("div", {
+    style: {
+      position: "absolute",
+      bottom: 68,
+      left: 16,
+      zIndex: 10,
+      display: "flex",
+      alignItems: "flex-start",
+      gap: 10,
+      padding: "10px 14px",
+      maxWidth: 320,
+      backgroundColor: e ? "rgba(130, 80, 20, 0.92)" : "rgba(40, 40, 40, 0.88)",
+      borderRadius: 8,
+      boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
+      fontFamily: "system-ui, sans-serif"
+    },
+    children: [
+      i("span", {
+        style: {
+          fontSize: 13,
+          color: "#fff",
+          lineHeight: "20px"
+        },
+        children: e ? "Double shell scan detected" : "Single shell scan detected"
+      }),
+      i("button", {
+        onClick: r,
+        style: {
+          background: "none",
+          border: "none",
+          color: "rgba(255,255,255,0.7)",
+          cursor: "pointer",
+          fontSize: 16,
+          lineHeight: "20px",
+          padding: 0,
+          marginLeft: "auto",
+          flexShrink: 0
+        },
+        children: "X"
+      })
+    ]
+  }), jo = ({ steps: e, currentStep: r, accentColor: t = "rgb(12, 67, 173)" }) => i("div", {
+    style: {
+      backgroundColor: "#fff",
+      borderBottom: "1px solid #e0e0e0",
+      display: "flex",
+      alignItems: "center",
+      padding: "24px 24px",
+      flexShrink: 0
+    },
+    children: e.map((o, l) => {
+      const s = o.number < r, c = o.number === r;
+      return k("div", {
+        style: {
+          display: "contents"
+        },
+        children: [
+          k("div", {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              padding: "0 8px",
+              flexShrink: 0,
+              cursor: "default"
+            },
+            children: [
+              i("div", {
+                style: {
+                  width: 24,
+                  height: 24,
+                  borderRadius: "50%",
+                  backgroundColor: s || c ? t : "rgba(0, 0, 0, 0.38)",
+                  color: "#fff",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  fontSize: 12,
+                  fontFamily: "system-ui, sans-serif",
+                  flexShrink: 0
+                },
+                children: s ? "\u2713" : o.number
+              }),
+              i("div", {
+                style: {
+                  fontSize: 14,
+                  fontWeight: c ? 600 : 400,
+                  color: c ? "rgba(0, 0, 0, 0.87)" : "rgba(0, 0, 0, 0.54)",
+                  fontFamily: "system-ui, sans-serif",
+                  whiteSpace: "nowrap"
+                },
+                children: o.label
+              })
+            ]
+          }),
+          l < e.length - 1 && i("div", {
+            style: {
+              flex: "auto",
+              borderTop: "1px solid #bdbdbd",
+              margin: "0 8px"
+            }
+          })
+        ]
+      }, o.number);
+    })
+  }), No = ({ mesh: e, upperY: r, originY: t, modelSize: o, meshColor: l = "#c8c8c8", displayUnit: s = "mm" }) => {
+    const c = e.geometry, a = H(() => new gt(c, {
+      maxLeafTris: mt
+    }), [
+      c
+    ]), n = H(() => Ye(a, c, t), [
+      a,
+      c,
+      t
+    ]), m = H(() => new ht(new C(0, -1, 0), r), [
+      r
+    ]), { mlLine: d, apLine: f, mlWidth: u, apWidth: x } = H(() => {
+      let g = null, b = null, A = 0, L = 0;
+      if (n.linePoints.length >= 2) {
+        let z = n.linePoints[0], P = n.linePoints[0], y = n.linePoints[0], M = n.linePoints[0];
+        for (const h of n.linePoints) h.x < z.x && (z = h), h.x > P.x && (P = h), h.z < y.z && (y = h), h.z > M.z && (M = h);
+        g = [
+          new C(z.x, t, z.z),
+          new C(P.x, t, P.z)
+        ], b = [
+          new C(y.x, t, y.z),
+          new C(M.x, t, M.z)
+        ], A = g[0].distanceTo(g[1]), L = b[0].distanceTo(b[1]);
+      }
+      return {
+        mlLine: g,
+        apLine: b,
+        mlWidth: A,
+        apWidth: L
+      };
+    }, [
+      n,
+      t
+    ]), S = (g) => s === "inch" ? (g / 25.4).toFixed(2) : g.toFixed(1), p = s === "inch" ? "in" : "mm";
+    return k(Oe, {
+      children: [
+        i("mesh", {
+          geometry: e.geometry,
+          children: i("meshStandardMaterial", {
+            color: l,
+            side: O.DoubleSide,
+            transparent: true,
+            opacity: 0.15,
+            depthWrite: false,
+            clippingPlanes: [
+              m
+            ]
+          })
+        }),
+        n.linePoints.length >= 2 && i(fe, {
+          points: n.linePoints,
+          color: "#00ff00",
+          lineWidth: 3,
+          depthTest: false,
+          depthWrite: false,
+          transparent: true
+        }),
+        d && k(Oe, {
+          children: [
+            i(fe, {
+              points: d,
+              color: "#ff8800",
+              lineWidth: 2,
+              depthTest: false,
+              depthWrite: false,
+              transparent: true
+            }),
+            i(Xe, {
+              position: [
+                d[0].x,
+                t,
+                d[0].z - o * 0.02
+              ],
+              center: true,
+              style: {
+                pointerEvents: "none"
+              },
+              children: i("div", {
+                style: {
+                  whiteSpace: "nowrap",
+                  padding: "2px 6px",
+                  backgroundColor: "rgba(0,0,0,0.75)",
+                  borderRadius: 3
+                },
+                children: k("span", {
+                  style: {
+                    fontSize: 12,
+                    color: "#ff8800",
+                    fontFamily: "monospace"
+                  },
+                  children: [
+                    "ML ",
+                    S(u),
+                    " ",
+                    p
+                  ]
+                })
+              })
+            })
+          ]
+        }),
+        f && k(Oe, {
+          children: [
+            i(fe, {
+              points: f,
+              color: "#ff00ff",
+              lineWidth: 2,
+              depthTest: false,
+              depthWrite: false,
+              transparent: true
+            }),
+            i(Xe, {
+              position: [
+                Math.max(f[0].x, f[1].x) + o * 0.02,
+                t,
+                f[0].z > f[1].z ? f[0].z : f[1].z
+              ],
+              center: true,
+              style: {
+                pointerEvents: "none"
+              },
+              children: i("div", {
+                style: {
+                  whiteSpace: "nowrap",
+                  padding: "2px 6px",
+                  backgroundColor: "rgba(0,0,0,0.75)",
+                  borderRadius: 3
+                },
+                children: k("span", {
+                  style: {
+                    fontSize: 12,
+                    color: "#ff00ff",
+                    fontFamily: "monospace"
+                  },
+                  children: [
+                    "AP ",
+                    S(x),
+                    " ",
+                    p
+                  ]
+                })
+              })
+            })
+          ]
+        })
+      ]
+    });
+  }, Yo = ({ mesh: e, yPosition: r, onYChange: t, minY: o, maxY: l, modelSize: s, color: c, hoverColor: a, dragColor: n, label: m, onDragStart: d, onDragEnd: f }) => {
+    const [u, x] = W(false), [S, p] = W(false), { camera: g, gl: b } = un(), A = le(0), L = e.geometry, z = vn(L), P = H(() => z ? Ye(z, L, r) : {
+      linePoints: [],
+      lineLength: 0,
+      rightmostPoint: new C()
+    }, [
+      z,
+      L,
+      r
+    ]), y = te((I, _) => {
+      const E = b.domElement.getBoundingClientRect(), V = (I - E.left) / E.width * 2 - 1, N = -((_ - E.top) / E.height) * 2 + 1, J = new lo();
+      J.setFromCamera(new O.Vector2(V, N), g);
+      const ye = new ht(new C(0, 0, 1), 0), ae = new C();
+      return J.ray.intersectPlane(ye, ae), ae ? ae.y : r;
+    }, [
+      g,
+      b,
+      r
+    ]), M = te((I) => {
+      I.stopPropagation(), x(true), b.domElement.style.cursor = "ns-resize", A.current = r - y(I.clientX, I.clientY), I.target.setPointerCapture(I.pointerId), d == null ? void 0 : d();
+    }, [
+      r,
+      b,
+      y,
+      d
+    ]), h = te((I) => {
+      if (!u) return;
+      let _ = y(I.clientX, I.clientY) + A.current;
+      _ = Math.max(o, Math.min(l, _)), t(_);
+    }, [
+      u,
+      y,
+      t,
+      o,
+      l
+    ]), v = te((I) => {
+      x(false), b.domElement.style.cursor = "auto", I.target.releasePointerCapture(I.pointerId), f == null ? void 0 : f();
+    }, [
+      b,
+      f
+    ]);
+    if (P.linePoints.length < 2) return null;
+    const F = u ? n : S ? a : c;
+    return k("group", {
+      renderOrder: 10,
+      children: [
+        i(fe, {
+          points: P.linePoints,
+          color: F,
+          lineWidth: u ? 6 : S ? 5 : 4,
+          depthTest: false,
+          depthWrite: false,
+          transparent: true,
+          renderOrder: 10,
+          onPointerDown: M,
+          onPointerMove: h,
+          onPointerUp: v,
+          onPointerEnter: () => {
+            p(true), b.domElement.style.cursor = "ns-resize";
+          },
+          onPointerLeave: () => {
+            u || (p(false), b.domElement.style.cursor = "auto");
+          }
+        }),
+        (S || u) && i("mesh", {
+          position: [
+            P.rightmostPoint.x + s * 0.15,
+            r,
+            0
+          ],
+          children: i(Xe, {
+            center: true,
+            children: i("div", {
+              style: {
+                padding: "4px 8px",
+                backgroundColor: "rgba(0, 0, 0, 0.8)",
+                borderRadius: 4,
+                color: F,
+                fontSize: 11,
+                whiteSpace: "nowrap",
+                pointerEvents: "none"
+              },
+              children: u ? "Dragging..." : m
+            })
+          })
+        })
+      ]
+    });
+  };
+  function Xo(e, r) {
+    if (e == null) return {};
+    var t = {}, o = Object.keys(e), l, s;
+    for (s = 0; s < o.length; s++) l = o[s], !(r.indexOf(l) >= 0) && (t[l] = e[l]);
+    return t;
+  }
+  var Go = [
+    "color"
+  ], Zo = io(function(e, r) {
+    var t = e.color, o = t === void 0 ? "currentColor" : t, l = Xo(e, Go);
+    return nn("svg", Object.assign({
+      width: "15",
+      height: "15",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, l, {
+      ref: r
+    }), nn("path", {
+      d: "M7.5 2C7.77614 2 8 2.22386 8 2.5L8 11.2929L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L7.85355 12.8536C7.75979 12.9473 7.63261 13 7.5 13C7.36739 13 7.24021 12.9473 7.14645 12.8536L3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645C3.34171 7.95118 3.65829 7.95118 3.85355 8.14645L7 11.2929L7 2.5C7 2.22386 7.22386 2 7.5 2Z",
+      fill: o,
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }));
+  });
+  const Ko = [
+    "Scan doesn't load properly",
+    "Takes too long",
+    "I don't want to",
+    "I want a second opinion",
+    "I measured from IT"
+  ], dt = {
+    padding: "8px 20px",
+    borderRadius: 4,
+    fontSize: 14,
+    fontWeight: 500,
+    cursor: "pointer",
+    fontFamily: "system-ui, sans-serif",
+    letterSpacing: "0.4px",
+    lineHeight: "36px"
+  }, Uo = {
+    width: "100%",
+    padding: "10px 12px",
+    fontSize: 15,
+    border: "2px solid #ccc",
+    borderRadius: 4,
+    outline: "none",
+    boxSizing: "border-box",
+    fontFamily: "system-ui, sans-serif"
+  }, Cn = ({ onSkip: e, onCancel: r }) => {
+    const [t, o] = W("confirm"), [l, s] = W(null), [c, a] = W(""), n = te(() => {
+      o("reasons");
+    }, []), m = te(() => {
+      t === "reasons" ? (o("confirm"), s(null), a("")) : r();
+    }, [
+      t,
+      r
+    ]), d = l != null && (l !== "Other" || c.trim() !== ""), f = te(() => {
+      !d || !l || e(l === "Other" ? `Other: ${c.trim()}` : l);
+    }, [
+      d,
+      l,
+      c,
+      e
+    ]);
+    return t === "reasons" ? i("div", {
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(0,0,0,0.5)",
+        backdropFilter: "blur(6px)",
+        WebkitBackdropFilter: "blur(6px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999,
+        fontFamily: "system-ui, sans-serif"
+      },
+      children: k("div", {
+        style: {
+          backgroundColor: "#fff",
+          borderRadius: 12,
+          width: 440,
+          boxShadow: "0 24px 38px 3px rgba(0,0,0,0.14)"
+        },
+        children: [
+          k("div", {
+            style: {
+              padding: "24px 24px 0"
+            },
+            children: [
+              i("div", {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 600,
+                  color: "rgba(0,0,0,0.87)",
+                  marginBottom: 4
+                },
+                children: "Why are you skipping?"
+              }),
+              i("div", {
+                style: {
+                  fontSize: 13,
+                  color: "rgba(0,0,0,0.5)"
+                },
+                children: "Select a reason to help us improve."
+              })
+            ]
+          }),
+          k("div", {
+            style: {
+              padding: "20px 24px",
+              display: "flex",
+              flexDirection: "column",
+              gap: 2
+            },
+            children: [
+              [
+                ...Ko,
+                "Other"
+              ].map((u) => k("label", {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 12,
+                  padding: "10px 12px",
+                  borderRadius: 6,
+                  cursor: "pointer",
+                  backgroundColor: l === u ? "rgba(12, 67, 173, 0.06)" : "transparent"
+                },
+                children: [
+                  i("input", {
+                    type: "radio",
+                    name: "skip-reason",
+                    checked: l === u,
+                    onChange: () => {
+                      s(u), u !== "Other" && a("");
+                    },
+                    style: {
+                      accentColor: "rgb(12, 67, 173)",
+                      width: 16,
+                      height: 16,
+                      margin: 0,
+                      flexShrink: 0
+                    }
+                  }),
+                  i("span", {
+                    style: {
+                      fontSize: 14,
+                      color: "#333"
+                    },
+                    children: u
+                  })
+                ]
+              }, u)),
+              l === "Other" && i("input", {
+                autoFocus: true,
+                type: "text",
+                placeholder: "Please describe...",
+                value: c,
+                onChange: (u) => a(u.target.value),
+                onKeyDown: (u) => {
+                  u.key === "Enter" && f();
+                },
+                style: {
+                  ...Uo,
+                  marginTop: 8,
+                  marginLeft: 40,
+                  width: "calc(100% - 40px)",
+                  border: "1px solid #ddd"
+                }
+              })
+            ]
+          }),
+          k("div", {
+            style: {
+              display: "flex",
+              justifyContent: "flex-end",
+              gap: 8,
+              padding: "16px 24px",
+              borderTop: "1px solid #eee"
+            },
+            children: [
+              i("button", {
+                onClick: m,
+                style: {
+                  ...dt,
+                  backgroundColor: "#fff",
+                  border: "1px solid #ddd",
+                  color: "#666"
+                },
+                children: "Cancel"
+              }),
+              i("button", {
+                onClick: f,
+                disabled: !d,
+                style: {
+                  ...dt,
+                  backgroundColor: d ? "rgb(12, 67, 173)" : "#e0e0e0",
+                  border: "none",
+                  color: d ? "#fff" : "#9e9e9e",
+                  cursor: d ? "pointer" : "not-allowed"
+                },
+                children: "Submit"
+              })
+            ]
+          })
+        ]
+      })
+    }) : i("div", {
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(0,0,0,0.5)",
+        backdropFilter: "blur(6px)",
+        WebkitBackdropFilter: "blur(6px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999,
+        fontFamily: "system-ui, sans-serif"
+      },
+      children: k("div", {
+        style: {
+          backgroundColor: "#fff",
+          borderRadius: 8,
+          width: 440,
+          padding: 32,
+          boxShadow: "0 24px 38px 3px rgba(0,0,0,0.14)"
+        },
+        children: [
+          i("div", {
+            style: {
+              fontSize: 20,
+              fontWeight: 600,
+              color: "rgba(0,0,0,0.87)",
+              marginBottom: 8
+            },
+            children: "Skip Scan Comparison?"
+          }),
+          i("div", {
+            style: {
+              fontSize: 14,
+              color: "rgba(0,0,0,0.54)",
+              marginBottom: 24
+            },
+            children: "Your measurements will be submitted without comparing to the scan. Are you sure?"
+          }),
+          k("div", {
+            style: {
+              display: "flex",
+              justifyContent: "flex-end",
+              gap: 8
+            },
+            children: [
+              i("button", {
+                onClick: r,
+                style: {
+                  ...dt,
+                  backgroundColor: "#fff",
+                  border: "1px solid #bdbdbd",
+                  color: "#333"
+                },
+                children: "Cancel"
+              }),
+              i("button", {
+                onClick: n,
+                style: {
+                  ...dt,
+                  backgroundColor: "rgb(12, 67, 173)",
+                  border: "none",
+                  color: "#fff"
+                },
+                children: "Confirm"
+              })
+            ]
+          })
+        ]
+      })
+    });
+  }, Wt = {
+    padding: "8px 20px",
+    borderRadius: 4,
+    fontSize: 14,
+    fontWeight: 500,
+    cursor: "pointer",
+    fontFamily: "system-ui, sans-serif",
+    letterSpacing: "0.4px",
+    lineHeight: "36px"
+  }, dn = {
+    width: "100%",
+    padding: "10px 12px",
+    fontSize: 15,
+    border: "2px solid #ccc",
+    borderRadius: 4,
+    outline: "none",
+    boxSizing: "border-box",
+    fontFamily: "system-ui, sans-serif"
+  }, Jo = ({ amputationType: e, spacingInches: r, scanMeasurements: t, scanFrontalHeight: o, onSave: l, onSkip: s, onFormChange: c, onHeightChange: a, initialValues: n, initialFrontalHeight: m }) => {
+    const d = e === "AK" ? "IT" : "MPT", f = r, u = e === "AK" ? 18 : 9, x = H(() => {
+      const h = [];
+      for (let v = 2; v >= 1; v -= f) h.push(`${v}\u2033 above ${d}`);
+      h.push(`At ${d}`);
+      for (let v = f; v <= u; v += f) h.push(`${v}\u2033 below ${d}`);
+      return h;
+    }, [
+      f,
+      d,
+      u
+    ]), [S, p] = W(() => {
+      if (!n) return {};
+      const h = {};
+      return x.forEach((v, F) => {
+        n[F] != null && n[F] !== 0 && (h[v] = n[F].toFixed(1));
+      }), h;
+    }), [g, b] = W(m && m > 0 ? m.toFixed(1) : ""), [A, L] = W(false), z = H(() => x.map((h) => {
+      const v = S[h];
+      return v != null && v !== "" && !isNaN(parseFloat(v)) ? parseFloat(v) : 0;
+    }), [
+      x,
+      S
+    ]);
+    U(() => {
+      c == null ? void 0 : c(z);
+    }, [
+      z,
+      c
+    ]), U(() => {
+      const h = g !== "" && !isNaN(parseFloat(g)) ? parseFloat(g) : void 0;
+      a == null ? void 0 : a(h);
+    }, [
+      g,
+      a
+    ]);
+    const P = H(() => {
+      const h = g !== "" && !isNaN(parseFloat(g)), v = z.some((F) => F !== 0);
+      return h || v;
+    }, [
+      z,
+      g
+    ]), y = te(() => {
+      if (!P) return;
+      const h = g !== "" && !isNaN(parseFloat(g)) ? parseFloat(g) : 0;
+      l({
+        circumferences: z,
+        frontalHeight: h
+      });
+    }, [
+      P,
+      z,
+      g,
+      l
+    ]), M = te(() => {
+      const h = {};
+      x.forEach((v, F) => {
+        const I = t[F];
+        if (I) {
+          const _ = I.modifiedValue ?? I.originalValue;
+          h[v] = _.toFixed(1);
+        }
+      }), p(h), o > 0 && b(o.toFixed(1));
+    }, [
+      x,
+      t,
+      o
+    ]);
+    return k("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        backgroundColor: "#f5f5f5",
+        fontFamily: "system-ui, sans-serif"
+      },
+      children: [
+        A && i(Cn, {
+          onSkip: s,
+          onCancel: () => L(false)
+        }),
+        k("div", {
+          style: {
+            padding: "16px 20px 12px",
+            backgroundColor: "#fff",
+            borderBottom: "1px solid #e0e0e0",
+            flexShrink: 0
+          },
+          children: [
+            k("div", {
+              style: {
+                fontSize: 18,
+                fontWeight: 600,
+                color: "rgba(0,0,0,0.87)"
+              },
+              children: [
+                e,
+                " Measurements"
+              ]
+            }),
+            k("div", {
+              style: {
+                fontSize: 12,
+                color: "rgba(0,0,0,0.54)",
+                marginTop: 2
+              },
+              children: [
+                "Enter measurements (mm). ",
+                f,
+                "\u2033",
+                " spacing."
+              ]
+            }),
+            i("button", {
+              onClick: M,
+              style: {
+                ...Wt,
+                backgroundColor: "#fff",
+                border: "2px solid rgb(12, 67, 173)",
+                color: "rgb(12, 67, 173)",
+                fontWeight: 600,
+                padding: "4px 12px",
+                fontSize: 12,
+                marginTop: 8,
+                width: "100%"
+              },
+              children: k("span", {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  gap: 4
+                },
+                children: [
+                  i(Zo, {
+                    style: {
+                      width: 14,
+                      height: 14
+                    }
+                  }),
+                  "Pull from Scan"
+                ]
+              })
+            })
+          ]
+        }),
+        k("div", {
+          style: {
+            flex: 1,
+            minHeight: 0,
+            overflow: "auto",
+            padding: "16px 20px",
+            WebkitOverflowScrolling: "touch"
+          },
+          children: [
+            i("div", {
+              style: {
+                fontSize: 13,
+                fontWeight: 600,
+                color: "rgba(0,0,0,0.87)",
+                marginBottom: 8
+              },
+              children: "Circumferences"
+            }),
+            i("div", {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 8,
+                marginBottom: 20
+              },
+              children: x.map((h, v) => k("div", {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 8
+                },
+                children: [
+                  i("label", {
+                    style: {
+                      fontSize: 11,
+                      fontWeight: 500,
+                      color: "rgb(12, 67, 173)",
+                      minWidth: 100,
+                      flexShrink: 0
+                    },
+                    children: h
+                  }),
+                  i("input", {
+                    type: "number",
+                    step: "0.1",
+                    value: S[h] ?? "",
+                    onChange: (F) => p((I) => ({
+                      ...I,
+                      [h]: F.target.value
+                    })),
+                    style: {
+                      ...dn,
+                      padding: "6px 8px",
+                      fontSize: 13,
+                      borderColor: S[h] ? "rgb(12, 67, 173)" : "#ccc",
+                      borderWidth: 1
+                    },
+                    placeholder: "0.0"
+                  })
+                ]
+              }, v))
+            }),
+            i("div", {
+              style: {
+                fontSize: 13,
+                fontWeight: 600,
+                color: "rgba(0,0,0,0.87)",
+                marginBottom: 8
+              },
+              children: "Lengths"
+            }),
+            k("div", {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8
+              },
+              children: [
+                i("label", {
+                  style: {
+                    fontSize: 11,
+                    fontWeight: 500,
+                    color: "rgb(12, 67, 173)",
+                    minWidth: 100,
+                    flexShrink: 0
+                  },
+                  children: "Starting Pt Height"
+                }),
+                i("input", {
+                  type: "number",
+                  step: "0.1",
+                  value: g,
+                  onChange: (h) => b(h.target.value),
+                  style: {
+                    ...dn,
+                    padding: "6px 8px",
+                    fontSize: 13,
+                    borderColor: g ? "rgb(12, 67, 173)" : "#ccc",
+                    borderWidth: 1
+                  },
+                  placeholder: "0.0"
+                })
+              ]
+            })
+          ]
+        }),
+        k("div", {
+          style: {
+            padding: "12px 20px",
+            backgroundColor: "#fff",
+            borderTop: "1px solid #e0e0e0",
+            display: "flex",
+            flexDirection: "column",
+            gap: 8,
+            flexShrink: 0
+          },
+          children: [
+            i("button", {
+              onClick: y,
+              disabled: !P,
+              style: {
+                ...Wt,
+                backgroundColor: P ? "rgb(12, 67, 173)" : "#e0e0e0",
+                border: "none",
+                color: P ? "#fff" : "#9e9e9e",
+                cursor: P ? "pointer" : "not-allowed",
+                padding: "6px 16px",
+                fontSize: 13,
+                width: "100%"
+              },
+              children: "Save Measurements"
+            }),
+            i("button", {
+              onClick: () => L(true),
+              style: {
+                ...Wt,
+                backgroundColor: "#fff",
+                border: "1px solid #bdbdbd",
+                color: "#666",
+                padding: "6px 16px",
+                fontSize: 12,
+                width: "100%"
+              },
+              children: "Have Galileo Check My Measurements"
+            })
+          ]
+        })
+      ]
+    });
+  };
+  function Mn(e, r, t) {
+    const o = e.getAttribute("position"), l = t - r;
+    if (l < 1) return null;
+    const s = 30, c = l / s, a = [];
+    for (let g = 0; g < s; g++) {
+      const b = r + g * c, A = r + (g + 1) * c;
+      let L = 0, z = 0, P = 0, y = 0;
+      for (let M = 0; M < o.count; M++) {
+        const h = o.getY(M);
+        h >= b && h < A && (L += o.getX(M), z += h, P += o.getZ(M), y++);
+      }
+      y > 20 && a.push(new C(L / y, z / y, P / y));
+    }
+    if (a.length < 5) return null;
+    const n = new C();
+    for (const g of a) n.add(g);
+    n.divideScalar(a.length);
+    let m = 0, d = 0, f = 0, u = 0, x = 0, S = 0;
+    for (const g of a) {
+      const b = g.x - n.x, A = g.y - n.y, L = g.z - n.z;
+      m += b * b, d += b * A, f += b * L, u += A * A, x += A * L, S += L * L;
+    }
+    let p = new C(0.01, 1, 0.01).normalize();
+    for (let g = 0; g < 30; g++) {
+      const b = m * p.x + d * p.y + f * p.z, A = d * p.x + u * p.y + x * p.z, L = f * p.x + x * p.y + S * p.z, z = new C(b, A, L), P = z.length();
+      if (P < 1e-10 || (z.divideScalar(P), p.distanceTo(z) < 1e-8)) break;
+      p = z;
+    }
+    return p.y < 0 && p.negate(), p;
+  }
+  const Qo = {
+    pcaAxes: true,
+    obb: true,
+    obbAxis: true,
+    shellComponents: true,
+    ambientOcclusion: true,
+    circumferenceScan: false,
+    landmarkAxis: true,
+    iterativePCA: false,
+    fullRegionPCA: true
+  }, qo = [
+    "#ff4444",
+    "#44cc44",
+    "#4488ff"
+  ];
+  function zn(e) {
+    const r = e.getAttribute("position"), t = r.count, o = new C();
+    for (let p = 0; p < t; p++) o.x += r.getX(p), o.y += r.getY(p), o.z += r.getZ(p);
+    o.divideScalar(t);
+    let l = 0, s = 0, c = 0, a = 0, n = 0, m = 0;
+    for (let p = 0; p < t; p++) {
+      const g = r.getX(p) - o.x, b = r.getY(p) - o.y, A = r.getZ(p) - o.z;
+      l += g * g, s += g * b, c += g * A, a += b * b, n += b * A, m += A * A;
+    }
+    l /= t, s /= t, c /= t, a /= t, n /= t, m /= t;
+    const d = [], f = [], u = [
+      [
+        l,
+        s,
+        c
+      ],
+      [
+        s,
+        a,
+        n
+      ],
+      [
+        c,
+        n,
+        m
+      ]
+    ];
+    for (let p = 0; p < 3; p++) {
+      let g = new C(1 + p * 0.1, 1 - p * 0.1, 0.5 + p * 0.3).normalize(), b = 0;
+      for (let A = 0; A < 100; A++) {
+        const L = u[0][0] * g.x + u[0][1] * g.y + u[0][2] * g.z, z = u[1][0] * g.x + u[1][1] * g.y + u[1][2] * g.z, P = u[2][0] * g.x + u[2][1] * g.y + u[2][2] * g.z, y = new C(L, z, P);
+        if (b = y.length(), b < 1e-12) break;
+        if (y.divideScalar(b), g.distanceTo(y) < 1e-10) {
+          g = y;
+          break;
+        }
+        g = y;
+      }
+      d.push(g.clone()), f.push(b);
+      for (let A = 0; A < 3; A++) for (let L = 0; L < 3; L++) {
+        const z = [
+          g.x,
+          g.y,
+          g.z
+        ][A], P = [
+          g.x,
+          g.y,
+          g.z
+        ][L];
+        u[A][L] -= b * z * P;
+      }
+    }
+    const x = new C();
+    for (let p = 0; p < t; p++) x.x += r.getX(p), x.y += r.getY(p), x.z += r.getZ(p);
+    x.divideScalar(t);
+    const S = [
+      0,
+      0,
+      0
+    ];
+    for (let p = 0; p < 3; p++) {
+      let g = 1 / 0, b = -1 / 0;
+      const A = d[p];
+      for (let L = 0; L < t; L++) {
+        const z = r.getX(L) - x.x, P = r.getY(L) - x.y, y = r.getZ(L) - x.z, M = z * A.x + P * A.y + y * A.z;
+        M < g && (g = M), M > b && (b = M);
+      }
+      S[p] = (b - g) / 2;
+    }
+    return {
+      axes: d,
+      eigenvalues: f,
+      center: x,
+      halfExtents: S
+    };
+  }
+  function er({ pca: e }) {
+    return i("group", {
+      children: e.axes.map((r, t) => {
+        const o = e.center.clone().addScaledVector(r, e.halfExtents[t]), l = e.center.clone().addScaledVector(r, -e.halfExtents[t]);
+        return i(fe, {
+          points: [
+            l,
+            o
+          ],
+          color: qo[t],
+          lineWidth: 2
+        }, t);
+      })
+    });
+  }
+  function tr({ pca: e }) {
+    const r = H(() => {
+      const { center: t, axes: o, halfExtents: l } = e, s = [];
+      for (let a = -1; a <= 1; a += 2) for (let n = -1; n <= 1; n += 2) for (let m = -1; m <= 1; m += 2) s.push(t.clone().addScaledVector(o[0], a * l[0]).addScaledVector(o[1], n * l[1]).addScaledVector(o[2], m * l[2]));
+      return [
+        [
+          0,
+          1
+        ],
+        [
+          2,
+          3
+        ],
+        [
+          4,
+          5
+        ],
+        [
+          6,
+          7
+        ],
+        [
+          0,
+          2
+        ],
+        [
+          1,
+          3
+        ],
+        [
+          4,
+          6
+        ],
+        [
+          5,
+          7
+        ],
+        [
+          0,
+          4
+        ],
+        [
+          1,
+          5
+        ],
+        [
+          2,
+          6
+        ],
+        [
+          3,
+          7
+        ]
+      ].map(([a, n]) => [
+        s[a],
+        s[n]
+      ]);
+    }, [
+      e
+    ]);
+    return i("group", {
+      children: r.map((t, o) => i(fe, {
+        points: t,
+        color: "#ffaa00",
+        lineWidth: 1,
+        transparent: true,
+        opacity: 0.5
+      }, o))
+    });
+  }
+  function nr({ redPoint: e, greenPoint: r }) {
+    const t = H(() => new C().subVectors(r, e).normalize(), [
+      e,
+      r
+    ]), o = H(() => {
+      const s = t.dot(new C(0, 1, 0));
+      return Math.acos(Math.min(1, Math.abs(s))) * 180 / Math.PI;
+    }, [
+      t
+    ]), l = o < 1 ? "#44ff44" : o < 5 ? "#ffcc00" : "#ff4444";
+    return k("group", {
+      children: [
+        i(fe, {
+          points: [
+            e,
+            r
+          ],
+          color: l,
+          lineWidth: 3
+        }),
+        k("mesh", {
+          position: e,
+          children: [
+            i("sphereGeometry", {
+              args: [
+                1.5,
+                8,
+                8
+              ]
+            }),
+            i("meshBasicMaterial", {
+              color: "#ff4444"
+            })
+          ]
+        }),
+        k("mesh", {
+          position: r,
+          children: [
+            i("sphereGeometry", {
+              args: [
+                1.5,
+                8,
+                8
+              ]
+            }),
+            i("meshBasicMaterial", {
+              color: "#44ff44"
+            })
+          ]
+        })
+      ]
+    });
+  }
+  function or({ geometry: e, redY: r, greenY: t, modelSize: o }) {
+    const s = o * 0.15, c = H(() => {
+      const a = [];
+      let n = t - 10;
+      const m = new C(0, 1, 0);
+      for (; n > r; ) {
+        const d = Math.min(n, t), f = Math.max(n, t), u = Mn(e, d, f);
+        if (u) {
+          const x = u.dot(m), S = Math.acos(Math.min(1, Math.abs(x))) * 180 / Math.PI;
+          a.push({
+            axis: u,
+            regionMin: d,
+            regionMax: f,
+            angleDeg: S
+          });
+        }
+        n -= 10;
+      }
+      return a;
+    }, [
+      e,
+      r,
+      t
+    ]);
+    return i("group", {
+      children: c.map((a, n) => {
+        const m = (a.regionMin + a.regionMax) / 2, d = new C(0, m, 0), f = d.clone().addScaledVector(a.axis, s), u = d.clone().addScaledVector(a.axis, -s), x = n / Math.max(1, c.length - 1), S = a.angleDeg < 0.5 ? `hsl(${120 - x * 120}, 80%, 60%)` : `hsl(${40 - a.angleDeg * 2}, 90%, 55%)`;
+        return k("group", {
+          children: [
+            i(fe, {
+              points: [
+                u,
+                f
+              ],
+              color: S,
+              lineWidth: 1.5,
+              transparent: true,
+              opacity: 0.7
+            }),
+            i(fe, {
+              points: [
+                new C(-s * 0.3, a.regionMin, 0),
+                new C(s * 0.3, a.regionMin, 0)
+              ],
+              color: S,
+              lineWidth: 0.5,
+              transparent: true,
+              opacity: 0.3
+            })
+          ]
+        }, n);
+      })
+    });
+  }
+  function rr({ geometry: e, redY: r, greenY: t, modelSize: o }) {
+    const l = H(() => {
+      const f = Mn(e, r, t);
+      if (!f) return null;
+      const u = f.dot(new C(0, 1, 0)), x = Math.acos(Math.min(1, Math.abs(u))) * 180 / Math.PI;
+      return {
+        axis: f,
+        angleDeg: x
+      };
+    }, [
+      e,
+      r,
+      t
+    ]);
+    if (!l) return null;
+    const s = (r + t) / 2, c = new C(0, s, 0), a = o * 0.4, n = c.clone().addScaledVector(l.axis, a), m = c.clone().addScaledVector(l.axis, -a), d = l.angleDeg < 0.5 ? "#00ffff" : l.angleDeg < 2 ? "#ffcc00" : "#ff6600";
+    return i("group", {
+      children: i(fe, {
+        points: [
+          m,
+          n
+        ],
+        color: d,
+        lineWidth: 3,
+        dashed: true,
+        dashSize: 3,
+        gapSize: 2
+      })
+    });
+  }
+  function ir({ pca: e, modelSize: r }) {
+    const t = e.axes[0], o = r * 0.6, l = e.center.clone().addScaledVector(t, o), s = e.center.clone().addScaledVector(t, -o);
+    return i(fe, {
+      points: [
+        s,
+        l
+      ],
+      color: "#ff8800",
+      lineWidth: 2,
+      dashed: true,
+      dashSize: 3,
+      gapSize: 2
+    });
+  }
+  function sr({ geometry: e, redY: r, greenY: t, modelSize: o, measurementGeometry: l }) {
+    const s = H(() => {
+      const d = l ?? e, f = Sn(d), u = new C(0, 1, 0), x = 5, p = t + 3 * 25.4, g = [];
+      for (let h = r + x; h < p; h += x) {
+        const v = vo(f, d, new C(0, h, 0), u);
+        v > 0 && g.push({
+          y: h,
+          circ: v
+        });
+      }
+      if (g.length < 5) return null;
+      const b = t - r, A = r + b * 0.3, L = r + b * 0.7, z = g.filter((h) => h.y >= A && h.y <= L);
+      if (z.length < 3) return null;
+      const P = z.map((h) => h.circ).sort((h, v) => h - v), y = P[Math.floor(P.length / 2)], M = Math.max(...g.map((h) => h.circ));
+      return {
+        circumferences: g,
+        baseline: y,
+        maxCirc: M
+      };
+    }, [
+      e,
+      r,
+      t
+    ]);
+    if (!s) return null;
+    const { circumferences: c, baseline: a, maxCirc: n } = s, m = o * 0.3 / n;
+    return k("group", {
+      children: [
+        c.map(({ y: d, circ: f }, u) => {
+          const x = f / a, S = x > 1.6 ? "#ff4444" : x > 1.3 ? "#ffcc00" : "#22cc66", p = f * m;
+          return i(fe, {
+            points: [
+              new C(-p, d, 0),
+              new C(p, d, 0)
+            ],
+            color: S,
+            lineWidth: 1.5,
+            transparent: true,
+            opacity: 0.6
+          }, u);
+        }),
+        (() => {
+          const d = a * 1.6 * m, f = c[0].y, u = c[c.length - 1].y;
+          return k(Oe, {
+            children: [
+              i(fe, {
+                points: [
+                  new C(-d, f, 0),
+                  new C(-d, u, 0)
+                ],
+                color: "#ff4444",
+                lineWidth: 1,
+                dashed: true,
+                dashSize: 3,
+                gapSize: 2,
+                transparent: true,
+                opacity: 0.4
+              }),
+              i(fe, {
+                points: [
+                  new C(d, f, 0),
+                  new C(d, u, 0)
+                ],
+                color: "#ff4444",
+                lineWidth: 1,
+                dashed: true,
+                dashSize: 3,
+                gapSize: 2,
+                transparent: true,
+                opacity: 0.4
+              })
+            ]
+          });
+        })()
+      ]
+    });
+  }
+  function lr({ componentDebug: e }) {
+    return i("group", {
+      children: e.geometries.map((r, t) => {
+        const o = e.colors[t] ?? "#888888", l = t === e.innerIdx;
+        r.computeBoundingBox();
+        const s = new C();
+        return r.boundingBox.getCenter(s), k("group", {
+          children: [
+            i("mesh", {
+              geometry: r,
+              renderOrder: l ? 2 : 1,
+              children: i("meshStandardMaterial", {
+                color: o,
+                transparent: true,
+                opacity: l ? 0.5 : 0.2,
+                side: O.DoubleSide,
+                depthWrite: false,
+                polygonOffset: true,
+                polygonOffsetFactor: 1,
+                polygonOffsetUnits: 1
+              })
+            }),
+            i("mesh", {
+              geometry: r,
+              renderOrder: l ? 2 : 1,
+              children: i("meshBasicMaterial", {
+                color: o,
+                wireframe: true,
+                transparent: true,
+                opacity: l ? 0.4 : 0.15
+              })
+            }),
+            i("group", {
+              position: s,
+              children: i(Xe, {
+                center: true,
+                style: {
+                  pointerEvents: "none"
+                },
+                children: i("div", {
+                  style: {
+                    padding: "2px 8px",
+                    backgroundColor: "rgba(0,0,0,0.8)",
+                    borderRadius: 4,
+                    border: `1px solid ${o}`,
+                    whiteSpace: "nowrap"
+                  },
+                  children: i("span", {
+                    style: {
+                      fontSize: 11,
+                      color: o,
+                      fontFamily: "monospace",
+                      fontWeight: l ? 700 : 400
+                    },
+                    children: e.labels[t]
+                  })
+                })
+              })
+            })
+          ]
+        }, t);
+      })
+    });
+  }
+  function ar({ geometry: e, aoData: r }) {
+    const t = H(() => {
+      const o = e.toNonIndexed(), l = o.getAttribute("position"), s = r.length, c = l.count, a = new Float32Array(c * 3);
+      for (let n = 0; n < s && n * 3 + 2 < c; n++) {
+        const m = r[n], d = m, f = m < 0.5 ? 0.8 - m * 1.2 : 0.2 * (1 - m), u = 1 - m;
+        for (let x = 0; x < 3; x++) {
+          const S = (n * 3 + x) * 3;
+          a[S] = d, a[S + 1] = f, a[S + 2] = u;
+        }
+      }
+      return o.setAttribute("color", new O.Float32BufferAttribute(a, 3)), o;
+    }, [
+      e,
+      r
+    ]);
+    return H(() => () => t.dispose(), [
+      t
+    ]), i("mesh", {
+      geometry: t,
+      renderOrder: 3,
+      children: i("meshBasicMaterial", {
+        vertexColors: true,
+        transparent: true,
+        opacity: 0.85,
+        side: O.DoubleSide,
+        depthWrite: false
+      })
+    });
+  }
+  function cr({ mesh: e, layers: r, landmarkPoints: t, componentDebug: o, aoData: l, aoGeometry: s, measurementGeometry: c }) {
+    const a = e.geometry, n = H(() => a.getAttribute("position") ? zn(a) : null, [
+      a
+    ]), m = H(() => !t || t.length < 2 ? null : {
+      red: new C(t[1].position.x, t[1].position.y, t[1].position.z),
+      green: new C(t[0].position.x, t[0].position.y, t[0].position.z)
+    }, [
+      t
+    ]);
+    return k("group", {
+      children: [
+        r.pcaAxes && n && i(er, {
+          pca: n
+        }),
+        r.obb && n && i(tr, {
+          pca: n
+        }),
+        r.obbAxis && n && i(ir, {
+          pca: n,
+          modelSize: n.halfExtents[0] ? Math.max(...n.halfExtents) * 2 : 100
+        }),
+        r.shellComponents && o && i(lr, {
+          componentDebug: o
+        }),
+        r.ambientOcclusion && l && l.length > 0 && i(ar, {
+          geometry: s ?? a,
+          aoData: l
+        }),
+        r.circumferenceScan && m && i(sr, {
+          geometry: a,
+          redY: m.red.y,
+          greenY: m.green.y,
+          modelSize: (n == null ? void 0 : n.halfExtents[0]) ? Math.max(...n.halfExtents) * 2 : 100,
+          measurementGeometry: c
+        }),
+        c && i("mesh", {
+          geometry: c,
+          renderOrder: 5,
+          children: i("meshBasicMaterial", {
+            color: "#00ccff",
+            wireframe: true,
+            transparent: true,
+            opacity: 0.15,
+            depthWrite: false
+          })
+        }),
+        r.landmarkAxis && m && i(nr, {
+          redPoint: m.red,
+          greenPoint: m.green
+        }),
+        r.iterativePCA && m && i(or, {
+          geometry: a,
+          redY: m.red.y,
+          greenY: m.green.y,
+          modelSize: (n == null ? void 0 : n.halfExtents[0]) ? Math.max(...n.halfExtents) * 2 : 100
+        }),
+        r.fullRegionPCA && m && i(rr, {
+          geometry: a,
+          redY: m.red.y,
+          greenY: m.green.y,
+          modelSize: (n == null ? void 0 : n.halfExtents[0]) ? Math.max(...n.halfExtents) * 2 : 100
+        })
+      ]
+    });
+  }
+  function dr({ mesh: e }) {
+    const r = e.geometry, t = H(() => {
+      if (!r.getAttribute("position")) return null;
+      const s = zn(r), c = s.axes[0], a = s.halfExtents[0] * 1.3;
+      return {
+        axis: c,
+        center: s.center,
+        halfLen: a
+      };
+    }, [
+      r
+    ]);
+    if (!t) return null;
+    const o = t.center.clone().addScaledVector(t.axis, t.halfLen), l = t.center.clone().addScaledVector(t.axis, -t.halfLen);
+    return i(fe, {
+      points: [
+        l,
+        o
+      ],
+      color: "#666",
+      lineWidth: 1,
+      dashed: true,
+      dashSize: 4,
+      gapSize: 3,
+      transparent: true,
+      opacity: 0.4,
+      depthTest: false,
+      renderOrder: 999
+    });
+  }
+  const kn = [
+    {
+      key: "pcaAxes",
+      label: "PCA Axes (full mesh)",
+      color: "#ff4444",
+      group: "Geometry"
+    },
+    {
+      key: "obb",
+      label: "OBB Wireframe",
+      color: "#ffaa00",
+      group: "Geometry"
+    },
+    {
+      key: "obbAxis",
+      label: "OBB Primary Axis",
+      color: "#ff8800",
+      group: "Geometry"
+    },
+    {
+      key: "shellComponents",
+      label: "Shell Components",
+      color: "#4488ff",
+      group: "Shell Detection"
+    },
+    {
+      key: "ambientOcclusion",
+      label: "Ambient Occlusion (inner faces)",
+      color: "#ff6644",
+      group: "Shell Detection"
+    },
+    {
+      key: "circumferenceScan",
+      label: "Circumference Scan (step 4.5)",
+      color: "#22cc66",
+      group: "Isolation",
+      hideWhenDoubleShell: true
+    },
+    {
+      key: "landmarkAxis",
+      label: "Landmark Axis (rough align)",
+      color: "#44ff44",
+      group: "Alignment"
+    },
+    {
+      key: "iterativePCA",
+      label: "Iterative PCA (step 5)",
+      color: "#cc66ff",
+      group: "Alignment"
+    },
+    {
+      key: "fullRegionPCA",
+      label: "Full Region PCA (step 7)",
+      color: "#00ffff",
+      group: "Alignment"
+    }
+  ], fr = [
+    ...new Set(kn.map((e) => e.group))
+  ];
+  function ur({ layers: e, onToggleLayer: r, isDoubleShell: t }) {
+    return k("div", {
+      style: {
+        position: "absolute",
+        top: 16,
+        left: 16,
+        zIndex: 20,
+        backgroundColor: "rgba(7, 6, 17, 0.9)",
+        border: "1px solid rgba(255,255,255,0.1)",
+        borderRadius: 6,
+        padding: "10px 12px",
+        fontFamily: "system-ui, sans-serif",
+        fontSize: 12,
+        color: "#ccc",
+        minWidth: 180,
+        backdropFilter: "blur(8px)"
+      },
+      children: [
+        i("div", {
+          style: {
+            fontSize: 10,
+            fontWeight: 600,
+            textTransform: "uppercase",
+            letterSpacing: "0.5px",
+            color: "#888",
+            marginBottom: 8
+          },
+          children: "Debug Layers"
+        }),
+        fr.map((o) => {
+          const l = kn.filter((s) => s.group === o && !(s.hideWhenDoubleShell && t));
+          return l.length === 0 ? null : k("div", {
+            children: [
+              i("div", {
+                style: {
+                  fontSize: 9,
+                  fontWeight: 600,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5px",
+                  color: "#555",
+                  marginTop: 6,
+                  marginBottom: 4
+                },
+                children: o
+              }),
+              l.map(({ key: s, label: c, color: a }) => k("label", {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 8,
+                  padding: "3px 0",
+                  cursor: "pointer",
+                  userSelect: "none"
+                },
+                children: [
+                  i("input", {
+                    type: "checkbox",
+                    checked: e[s],
+                    onChange: () => r(s),
+                    style: {
+                      accentColor: a,
+                      width: 14,
+                      height: 14,
+                      cursor: "pointer"
+                    }
+                  }),
+                  i("span", {
+                    style: {
+                      width: 8,
+                      height: 8,
+                      borderRadius: "50%",
+                      backgroundColor: a,
+                      opacity: e[s] ? 1 : 0.3,
+                      flexShrink: 0
+                    }
+                  }),
+                  i("span", {
+                    style: {
+                      opacity: e[s] ? 1 : 0.5
+                    },
+                    children: c
+                  })
+                ]
+              }, s))
+            ]
+          }, o);
+        })
+      ]
+    });
+  }
+  const pr = ({ config: e, spacingType: r, scanUrl: t, formMeasurements: o, onComplete: l, isDebugUser: s = false, onAnalyticsEvent: c, wasmModule: a }) => {
+    const [n, m] = W(null), [d, f] = W(0), [u, x] = W(false), [S, p] = W(false), [g, b] = W(""), [A, L] = W("3D"), [z, P] = W(r === "AK" ? 2 : 1), [y, M] = W(false), [h, v] = W(null), [F, I] = W(r ?? null), [_, E] = W("mm"), [V, N] = W(false), [J, ye] = W(""), [ae, ue] = W(false), [ie, Q] = W(false), [Y, he] = W(false), [Z, ge] = W(false), [me, pe] = W(null), [$, ne] = W(null), [xe, Me] = W(null), [we, re] = W(false), [j, X] = W([]), [Le, Ie] = W(null), [Ge, se] = W(null), [Ae, Tt] = W(null), [xt, Fn] = W(null), [Pn, Ot] = W(false), [bt, Ln] = W(null), [yt, De] = W(null), [We, In] = W(false), [$t, Dn] = W(Qo), [$e, Ht] = W("obj"), [Se, wt] = W(o), [Ue, Vt] = W(true), [He, St] = W(false), [vt, _n] = W(false), [ze, rt] = W(false), [Rn, Ct] = W(false), [Je, Wn] = W(null), [Bn, En] = W(void 0), [Tn, On] = W(void 0), [jt] = W("#c8c8c8"), [$n] = W(1), [Ze, Hn] = W(false), [Mt, Nt] = W([]), it = le(null), Ve = le(null), zt = le(false), Vn = le(null), kt = le(null), At = le(null), Qe = te(async () => {
+      if (At.current) try {
+        const w = (await import("./html2canvas.esm-Dmi1NfiH.js")).default, D = At.current, B = 2, R = async (K = false) => {
+          const oe = await w(D, {
+            backgroundColor: null,
+            useCORS: true,
+            scale: B,
+            ignoreElements: (nt) => {
+              var _a, _b;
+              return ((_a = nt.style) == null ? void 0 : _a.zIndex) === "10" || ((_b = nt.hasAttribute) == null ? void 0 : _b.call(nt, "data-finalizing-overlay"));
+            }
+          }), ee = D.getBoundingClientRect(), Fe = ee.width, Be = ee.height;
+          let Ce, ke, be, Te;
+          if (K) {
+            const _e = oe.getContext("2d").getImageData(0, 0, oe.width, oe.height).data;
+            let Re = oe.width, Ee = oe.height, ot = 0, at = 0;
+            for (let je = 0; je < oe.height; je++) for (let Ne = 0; Ne < oe.width; Ne++) {
+              const to = (je * oe.width + Ne) * 4;
+              _e[to + 3] > 20 && (Ne < Re && (Re = Ne), Ne > ot && (ot = Ne), je < Ee && (Ee = je), je > at && (at = je));
+            }
+            ot <= Re && (Re = 0, Ee = 0, ot = oe.width, at = oe.height), Ce = Re / B, ke = Ee / B, be = ot / B, Te = at / B;
+          } else {
+            const nt = D.querySelectorAll("[style*='pointer-events: none']");
+            Ce = 1 / 0, ke = 1 / 0, be = -1 / 0, Te = -1 / 0, nt.forEach((_t) => {
+              const _e = _t.getBoundingClientRect();
+              if (_e.width === 0 || _e.height === 0) return;
+              const Re = _e.left - ee.left, Ee = _e.top - ee.top;
+              Re < Ce && (Ce = Re), Ee < ke && (ke = Ee), Re + _e.width > be && (be = Re + _e.width), Ee + _e.height > Te && (Te = Ee + _e.height);
+            }), Ce === 1 / 0 && (Ce = 0, ke = 0, be = Fe, Te = Be);
+          }
+          const en = Math.max(Fe, Be) * 0.03, tn = Math.max(Fe, Be) * 0.06;
+          Ce = Math.max(0, Ce - en), ke = Math.max(0, ke - tn), be = Math.min(Fe, be + en), Te = Math.min(Be, Te + tn);
+          const It = (be - Ce) * B, Dt = (Te - ke) * B, qn = Math.max(0, Ce * B), eo = Math.max(0, ke * B), lt = document.createElement("canvas");
+          return lt.width = Math.round(It), lt.height = Math.round(Dt), lt.getContext("2d").drawImage(oe, Math.round(qn), Math.round(eo), Math.round(It), Math.round(Dt), 0, 0, Math.round(It), Math.round(Dt)), lt.toDataURL("image/png");
+        };
+        kt.current && kt.current(), await new Promise((K) => setTimeout(K, 100)), await new Promise((K) => requestAnimationFrame(() => requestAnimationFrame(K)));
+        const ce = await R();
+        L("2D"), await new Promise((K) => setTimeout(K, 200)), await new Promise((K) => requestAnimationFrame(() => requestAnimationFrame(K)));
+        const G = await R(true);
+        return L("3D"), {
+          frontal_view_png: ce,
+          side_view_png: G
+        };
+      } catch {
+        return;
+      }
+    }, []), ve = te((w) => {
+      const D = /* @__PURE__ */ new Date(), B = `${String(D.getHours()).padStart(2, "0")}:${String(D.getMinutes()).padStart(2, "0")}:${String(D.getSeconds()).padStart(2, "0")}.${String(D.getMilliseconds()).padStart(3, "0")}`;
+      Nt((R) => [
+        ...R.slice(-200),
+        `[${B}] ${w}`
+      ]);
+    }, []), { landmarkPoints: T, clearLandmarkPoints: jn, addLandmarkPoint: Yt, removeLandmarkPoint: Xt, updateLandmarkPositions: Gt, setAligned: Zt, isAligned: q, setCut: Kt, isCut: Ft, reset: Ut } = Et();
+    U(() => {
+      Ut();
+    }, [
+      Ut
+    ]);
+    const st = z * ut;
+    U(() => {
+      if (!s || T.length === 0) return;
+      const w = T[T.length - 1];
+      ve(`LANDMARK[${T.length - 1}]: placed at (${w.position.x.toFixed(1)}, ${w.position.y.toFixed(1)}, ${w.position.z.toFixed(1)}) face=${w.faceIndex}`);
+    }, [
+      T.length,
+      s,
+      ve
+    ]), U(() => {
+      s && q && ve("STATE: mesh aligned");
+    }, [
+      q,
+      s,
+      ve
+    ]), U(() => {
+      s && Ft && ve("STATE: mesh cut");
+    }, [
+      Ft,
+      s,
+      ve
+    ]), U(() => {
+      it.current && (it.current.scrollTop = it.current.scrollHeight);
+    }, [
+      Mt
+    ]);
+    const Jt = H(() => xe ? new O.Mesh(xe) : null, [
+      xe
+    ]);
+    U(() => {
+      o && wt(o);
+    }, [
+      o
+    ]), U(() => {
+      o || wt(void 0);
+    }, [
+      z
+    ]);
+    const Pt = le(false);
+    U(() => {
+      if (!q || j.length === 0 || Pt.current || !c) return;
+      Pt.current = true;
+      const w = T.length >= 3 ? Math.abs(T[2].position.y - T[0].position.y) : null;
+      c("dimensions_calculated", {
+        spacing_type: F,
+        source_unit: "mm",
+        file_format: $e,
+        measurement_source: "scan_derived",
+        is_double_wall: Y,
+        is_unit_converted: false,
+        form_measurements: (Se == null ? void 0 : Se.filter((D) => D != null)) ?? null,
+        scan_measurements: j.map((D) => +(D.modifiedValue ?? D.originalValue).toFixed(1)),
+        measurement_variance: Se ? j.map((D, B) => {
+          const R = Se[B];
+          return R == null ? null : +((D.modifiedValue ?? D.originalValue) - R).toFixed(1);
+        }) : null,
+        frontal_height: w !== null ? +w.toFixed(1) : null
+      });
+    }, [
+      q,
+      j
+    ]), U(() => {
+      a !== void 0 && (Ve.current = a), Hn(true);
+    }, [
+      a
+    ]);
+    const qe = te((w, D) => {
+      w.computeBoundingBox();
+      const B = w.boundingBox, R = new C();
+      B.getCenter(R), w.translate(-R.x, -R.y, -R.z), w.computeBoundingBox();
+      const ce = w.boundingBox, G = new C();
+      ce.getSize(G), f(Math.max(G.x, G.y, G.z));
+      const K = new O.Mesh(w, new O.MeshStandardMaterial({
+        color: 8947848,
+        side: O.DoubleSide
+      }));
+      m(K), ue(D), Q(true), ge(false), zt.current = false;
+    }, []), et = te(async (w, D) => {
+      De(null);
+      const B = D.toLowerCase(), R = B.endsWith(".stl");
+      if (!B.endsWith(".obj") && !R) {
+        De("Unsupported file format. Please use OBJ or STL.");
+        return;
+      }
+      Ht(R ? "stl" : "obj"), p(true), b("Processing file..."), ve(`FILE_LOAD: ${D} (${R ? "STL" : "OBJ"})`);
+      try {
+        let G;
+        if (R) if (b("Converting STL..."), w instanceof ArrayBuffer) {
+          const ee = new Blob([
+            w
+          ]), Fe = new File([
+            ee
+          ], D);
+          G = await Rt(Fe);
+        } else {
+          const ee = new Blob([
+            w
+          ]), Fe = new File([
+            ee
+          ], D);
+          G = await Rt(Fe);
+        }
+        else G = typeof w == "string" ? w : new TextDecoder().decode(w);
+        const K = performance.now(), oe = Ve.current ? await bo(G, Ve.current, (ee) => {
+          b(ee), ve(`PREPROCESS: ${ee}`);
+        }) : null;
+        if (oe) ve(`PREPROCESS: done in ${(performance.now() - K).toFixed(0)}ms \u2014 unit=${oe.detectedUnit}, scaled=${oe.wasScaled}`), e.showAmputationModal && !r ? (v(oe), M(true)) : qe(oe.geometry, oe.wasScaled);
+        else {
+          b("Using fallback loader...");
+          const ee = yo(G);
+          ee ? e.showAmputationModal && !r ? (v({
+            geometry: ee,
+            wasScaled: false
+          }), M(true)) : qe(ee, false) : De("Failed to parse the mesh.");
+        }
+      } catch (G) {
+        De(G instanceof Error ? G.message : "Failed to process the mesh file.");
+      } finally {
+        p(false), b("");
+      }
+    }, [
+      Ze,
+      e.showAmputationModal,
+      r,
+      qe
+    ]);
+    U(() => {
+      if (!t || !Ze) return;
+      (async () => {
+        p(true), b("Loading scan...");
+        try {
+          const D = await fetch(t);
+          if (!D.ok) throw new Error(`Failed to download scan: ${D.status}`);
+          const R = new URL(t).pathname.split("/").pop() || "scan.obj";
+          if (R.toLowerCase().endsWith(".stl")) {
+            const G = await D.arrayBuffer();
+            await et(G, R);
+          } else {
+            const G = await D.text();
+            await et(G, R);
+          }
+        } catch (D) {
+          De(D instanceof Error ? D.message : "Failed to load scan from URL."), p(false), b("");
+        }
+      })();
+    }, [
+      t,
+      Ze
+    ]);
+    const Nn = te((w) => {
+      w.preventDefault(), x(true);
+    }, []), Yn = te((w) => {
+      w.preventDefault(), x(false);
+    }, []), Xn = te(async (w) => {
+      if (w.preventDefault(), x(false), !Ze) {
+        De("WASM module is still loading. Please wait.");
+        return;
+      }
+      const D = w.dataTransfer.files[0];
+      if (!D) return;
+      const B = D.name.toLowerCase();
+      if (!B.endsWith(".obj") && !B.endsWith(".stl")) {
+        De("Please drop an OBJ or STL file.");
+        return;
+      }
+      if (B.endsWith(".stl")) {
+        Ht("stl"), p(true), b("Converting STL...");
+        try {
+          const R = await Rt(D);
+          await et(R, D.name.replace(/\.stl$/i, ".obj"));
+        } catch (R) {
+          De(R instanceof Error ? R.message : "Failed to process STL file."), p(false), b("");
+        }
+      } else {
+        const R = await D.text();
+        await et(R, D.name);
+      }
+    }, [
+      Ze,
+      et
+    ]), Gn = te((w) => {
+      I(w), P(w === "AK" ? 2 : 1), M(false), h && (qe(h.geometry, h.wasScaled), v(null)), c == null ? void 0 : c("file_loaded", {
+        spacing_type: w,
+        file_format: $e,
+        is_double_wall: false
+      });
+    }, [
+      h,
+      qe,
+      c,
+      $e
+    ]);
+    U(() => {
+      if (!n || T.length !== 1 || !Ve.current || zt.current) return;
+      zt.current = true;
+      const w = T[0], D = Ve.current, B = n.geometry, { positions: R, indices: ce } = pt(B), G = new Float32Array([
+        w.position.x,
+        w.position.y,
+        w.position.z
+      ]), K = D.detect_shell(R, ce, G, 40), oe = K.details(), ee = K.is_double_shell();
+      ve(`SHELL_DETECT: ${ee ? "DOUBLE" : "SINGLE"} \u2014 ${oe}`), ee && (he(true), re(true), ve(`SHELL_DETECT: double shell, thickness=${K.thickness().toFixed(1)}mm`));
+    }, [
+      n,
+      T,
+      ve
+    ]);
+    const Zn = te(() => {
+      if (!n || T.length < 2) return;
+      N(true), ye("Please wait..."), ve("PIPELINE: starting processing pipeline...");
+      const w = performance.now();
+      setTimeout(() => {
+        const D = [
+          T[1],
+          T[0],
+          ...T.slice(2)
+        ];
+        Mo(n, D, ut, {
+          onStatus: (B) => {
+            ye(B), ve(`PIPELINE: ${B}`);
+          },
+          addLandmarkPoint: Yt,
+          removeLandmarkPoint: Xt,
+          updateLandmarkPositions: (B) => {
+            const R = [
+              B[1],
+              B[0],
+              ...B.slice(2)
+            ];
+            Gt(R);
+          },
+          setAligned: Zt,
+          setCut: Kt,
+          setModelSize: f,
+          setOriginalEndY: Fn,
+          setAdjustedStartY: se,
+          setAdjustedEndY: Tt,
+          setError: De,
+          setDoubleShell: (B) => {
+            he(B), re(true);
+          },
+          setAoData: (B, R) => {
+            pe(B), ne(R ?? null);
+          },
+          setInnerShellExtracted: ge,
+          setMeasurementGeometry: Me,
+          setWasmSlices: Ie,
+          wasmModule: Ve.current ?? void 0
+        }), ve(`PIPELINE: completed in ${(performance.now() - w).toFixed(0)}ms`), Pt.current = false, N(false);
+      }, 50);
+    }, [
+      n,
+      T,
+      Gt,
+      Zt,
+      Yt,
+      Xt,
+      Kt,
+      Z
+    ]), Qt = le(false);
+    U(() => {
+      q && j.length > 0 && !Qt.current && (Qt.current = true, St(true));
+    }, [
+      q,
+      j.length
+    ]);
+    const tt = H(() => {
+      var _a;
+      if (!n || T.length < 3) return 0;
+      if (Y) return Math.abs(T[0].position.y - T[2].position.y);
+      const w = n.geometry;
+      w.computeBoundingBox();
+      const D = ((_a = w.boundingBox) == null ? void 0 : _a.min.y) ?? 0;
+      return Math.abs(T[0].position.y - D);
+    }, [
+      n,
+      T,
+      Y
+    ]), Kn = te((w) => {
+      Wn(w), wt(w.circumferences), Vt(true), _n(true);
+    }, []), qt = te(async (w) => {
+      if (l) {
+        St(false), Ct(false), rt(true);
+        try {
+          const D = n ? await Promise.race([
+            Qe(),
+            new Promise((B) => setTimeout(() => B(void 0), 8e3))
+          ]) : void 0;
+          l({
+            spacingType: F ?? "BK",
+            sourceUnit: "mm",
+            fileFormat: $e,
+            measurementSource: "form_provided",
+            isDoubleWall: Y,
+            isUnitConverted: false,
+            formMeasurements: Se,
+            scanMeasurements: j,
+            frontalHeight: tt,
+            transverseML: 0,
+            transverseAP: 0,
+            scanUrl: t,
+            decision: "skip",
+            skipReason: w,
+            screenshots: D
+          });
+        } finally {
+          rt(false);
+        }
+      }
+    }, [
+      l,
+      n,
+      F,
+      $e,
+      Y,
+      Se,
+      j,
+      tt,
+      t,
+      Qe
+    ]), Lt = te(async (w) => {
+      if (!(!l || !n || j.length === 0 || !F)) {
+        rt(true);
+        try {
+          let D = 0, B = 0;
+          if (T.length >= 2) {
+            const ce = n.geometry, K = T[0].position.y;
+            try {
+              const oe = Sn(ce), ee = Ye(oe, ce, K);
+              if (ee.linePoints.length >= 2) {
+                let Fe = ee.linePoints[0], Be = ee.linePoints[0], Ce = ee.linePoints[0], ke = ee.linePoints[0];
+                for (const be of ee.linePoints) be.x < Fe.x && (Fe = be), be.x > Be.x && (Be = be), be.z < Ce.z && (Ce = be), be.z > ke.z && (ke = be);
+                D = new C(Fe.x, K, Fe.z).distanceTo(new C(Be.x, K, Be.z)), B = new C(Ce.x, K, Ce.z).distanceTo(new C(ke.x, K, ke.z));
+              }
+            } catch {
+            }
+          }
+          const R = await Promise.race([
+            Qe(),
+            new Promise((ce) => setTimeout(() => ce(void 0), 8e3))
+          ]);
+          l({
+            spacingType: F,
+            sourceUnit: "mm",
+            fileFormat: $e,
+            measurementSource: w === "use_form_measurements" ? "form_provided" : "scan_derived",
+            isDoubleWall: Y,
+            isUnitConverted: false,
+            formMeasurements: Se,
+            scanMeasurements: j,
+            frontalHeight: (Je == null ? void 0 : Je.frontalHeight) ?? tt,
+            transverseML: D,
+            transverseAP: B,
+            scanUrl: t,
+            decision: w,
+            userEnteredMeasurements: Je ?? void 0,
+            screenshots: R
+          });
+        } finally {
+          rt(false);
+        }
+      }
+    }, [
+      l,
+      n,
+      j,
+      F,
+      T,
+      $e,
+      Y,
+      Se,
+      t,
+      Je,
+      tt,
+      Qe
+    ]), Un = H(() => {
+      if (!Se || j.length === 0) return false;
+      const w = Math.min(Se.length, j.length);
+      if (w === 0) return false;
+      for (let D = 0; D < w; D++) {
+        const B = Se[D], R = j[D];
+        if (!R || B == null || B === 0) continue;
+        const ce = R.modifiedValue ?? R.originalValue;
+        if (Math.abs(ce - B) > 7) return false;
+      }
+      return true;
+    }, [
+      Se,
+      j
+    ]), Jn = vt ? 5 : q && He || q ? 4 : n ? T.length === 0 ? 2 : 3 : 1, Qn = [
+      {
+        label: "Load File",
+        number: 1
+      },
+      {
+        label: F === "AK" ? "Set IT" : "Set MPT",
+        number: 2
+      },
+      {
+        label: "Set Origin",
+        number: 3
+      },
+      {
+        label: "Measurements",
+        number: 4
+      },
+      {
+        label: "Review",
+        number: 5
+      }
+    ];
+    return k(po.Provider, {
+      value: e,
+      children: [
+        k("div", {
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            backgroundColor: "#F9F9FA",
+            minWidth: 0,
+            position: "relative",
+            height: "100%"
+          },
+          children: [
+            e.showToolbar && i("div", {
+              style: {
+                height: 83,
+                backgroundColor: "#9e9e9e",
+                flexShrink: 0,
+                position: "relative",
+                overflow: "hidden"
+              },
+              children: i("div", {
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  opacity: 0.1,
+                  backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 10px, #fff 10px, #fff 12px)",
+                  pointerEvents: "none"
+                }
+              })
+            }),
+            i(jo, {
+              steps: Qn,
+              currentStep: Jn
+            }),
+            k("div", {
+              style: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                minHeight: 0
+              },
+              children: [
+                k("div", {
+                  style: {
+                    flex: 1,
+                    display: "flex",
+                    flexDirection: "row",
+                    minHeight: 0
+                  },
+                  children: [
+                    q && He && F && i("div", {
+                      style: {
+                        width: 340,
+                        flexShrink: 0,
+                        borderRight: "1px solid #e0e0e0",
+                        overflow: "hidden"
+                      },
+                      children: i(Jo, {
+                        amputationType: F,
+                        spacingInches: z,
+                        scanMeasurements: j,
+                        scanFrontalHeight: tt,
+                        onSave: Kn,
+                        onSkip: qt,
+                        onFormChange: En,
+                        onHeightChange: On,
+                        initialValues: Se,
+                        initialFrontalHeight: Je == null ? void 0 : Je.frontalHeight
+                      })
+                    }),
+                    k("div", {
+                      ref: At,
+                      style: {
+                        flex: 1,
+                        position: "relative",
+                        minHeight: 0,
+                        overflow: "hidden"
+                      },
+                      onDragOver: e.showDragDrop ? Nn : void 0,
+                      onDragLeave: e.showDragDrop ? Yn : void 0,
+                      onDrop: e.showDragDrop ? Xn : void 0,
+                      children: [
+                        e.showDragDrop && !n && !S && i("div", {
+                          style: {
+                            position: "absolute",
+                            inset: 16,
+                            border: "3px dashed #ccc",
+                            borderRadius: 4,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            pointerEvents: "none"
+                          },
+                          children: Ze ? i("div", {
+                            style: {
+                              fontSize: 18,
+                              color: "#aaa",
+                              fontWeight: 400,
+                              fontFamily: "system-ui, sans-serif"
+                            },
+                            children: "Drag & Drop Files Here"
+                          }) : k("div", {
+                            style: {
+                              textAlign: "center"
+                            },
+                            children: [
+                              i("div", {
+                                style: {
+                                  width: 32,
+                                  height: 32,
+                                  border: "3px solid rgba(0,0,0,0.1)",
+                                  borderTopColor: "#4a90d9",
+                                  borderRadius: "50%",
+                                  animation: "spin 1s linear infinite",
+                                  margin: "0 auto 12px"
+                                }
+                              }),
+                              i("div", {
+                                style: {
+                                  fontSize: 16,
+                                  color: "#999",
+                                  fontFamily: "system-ui, sans-serif"
+                                },
+                                children: "Loading WASM module..."
+                              }),
+                              i("style", {
+                                children: "@keyframes spin { to { transform: rotate(360deg); } }"
+                              })
+                            ]
+                          })
+                        }),
+                        !e.showDragDrop && !n && !S && !yt && i("div", {
+                          style: {
+                            position: "absolute",
+                            inset: 0,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          children: k("div", {
+                            style: {
+                              textAlign: "center"
+                            },
+                            children: [
+                              i("div", {
+                                style: {
+                                  width: 32,
+                                  height: 32,
+                                  border: "3px solid rgba(0,0,0,0.1)",
+                                  borderTopColor: "#4a90d9",
+                                  borderRadius: "50%",
+                                  animation: "spin 1s linear infinite",
+                                  margin: "0 auto 12px"
+                                }
+                              }),
+                              i("div", {
+                                style: {
+                                  fontSize: 16,
+                                  color: "#999",
+                                  fontFamily: "system-ui, sans-serif"
+                                },
+                                children: "Loading scan..."
+                              }),
+                              i("style", {
+                                children: "@keyframes spin { to { transform: rotate(360deg); } }"
+                              })
+                            ]
+                          })
+                        }),
+                        n && !q && T.length === 0 && k("div", {
+                          style: {
+                            position: "absolute",
+                            top: 16,
+                            left: "50%",
+                            transform: "translateX(-50%)",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 8,
+                            padding: "8px 16px",
+                            backgroundColor: "rgba(0, 0, 0, 0.6)",
+                            borderRadius: 8,
+                            color: "#fff",
+                            fontSize: 13,
+                            pointerEvents: "none",
+                            zIndex: 5,
+                            fontFamily: "system-ui, sans-serif"
+                          },
+                          children: [
+                            i("div", {
+                              style: {
+                                width: 10,
+                                height: 10,
+                                borderRadius: "50%",
+                                backgroundColor: "#44ff44",
+                                flexShrink: 0
+                              }
+                            }),
+                            "Click mesh to set ",
+                            F === "AK" ? "IT" : "MPT"
+                          ]
+                        }),
+                        n && !q && T.length === 1 && k("div", {
+                          style: {
+                            position: "absolute",
+                            top: 16,
+                            left: "50%",
+                            transform: "translateX(-50%)",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 8,
+                            padding: "8px 16px",
+                            backgroundColor: "rgba(0, 0, 0, 0.6)",
+                            borderRadius: 8,
+                            color: "#fff",
+                            fontSize: 13,
+                            pointerEvents: "none",
+                            zIndex: 5,
+                            fontFamily: "system-ui, sans-serif"
+                          },
+                          children: [
+                            i("div", {
+                              style: {
+                                width: 10,
+                                height: 10,
+                                borderRadius: "50%",
+                                backgroundColor: "#ff4444",
+                                flexShrink: 0
+                              }
+                            }),
+                            "Click mesh to set Origin"
+                          ]
+                        }),
+                        S && i(sn, {
+                          message: g || "Processing mesh..."
+                        }),
+                        V && i(sn, {
+                          message: J
+                        }),
+                        yt && i(ko, {
+                          message: yt,
+                          onDismiss: () => De(null)
+                        }),
+                        e.showAmputationModal && y && i("div", {
+                          style: {
+                            position: "absolute",
+                            inset: 0,
+                            backgroundColor: "rgba(0,0,0,0.32)",
+                            backdropFilter: "blur(6px)",
+                            WebkitBackdropFilter: "blur(6px)",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            zIndex: 20
+                          },
+                          children: k("div", {
+                            style: {
+                              backgroundColor: "#fff",
+                              borderRadius: 4,
+                              width: 560,
+                              boxShadow: "0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12)",
+                              fontFamily: "system-ui, sans-serif"
+                            },
+                            children: [
+                              k("div", {
+                                style: {
+                                  padding: "24px 24px 20px"
+                                },
+                                children: [
+                                  i("div", {
+                                    style: {
+                                      fontSize: 20,
+                                      fontWeight: 500,
+                                      color: "rgba(0,0,0,0.87)",
+                                      marginBottom: 8
+                                    },
+                                    children: "Select Spacing Type"
+                                  }),
+                                  i("div", {
+                                    style: {
+                                      fontSize: 14,
+                                      color: "rgba(0,0,0,0.54)",
+                                      marginBottom: 24
+                                    },
+                                    children: "Choose the measurement spacing for this scan"
+                                  }),
+                                  i("div", {
+                                    style: {
+                                      display: "flex",
+                                      gap: 16
+                                    },
+                                    children: [
+                                      "AK",
+                                      "BK"
+                                    ].map((w) => k("label", {
+                                      onClick: () => I(w),
+                                      style: {
+                                        flex: 1,
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        padding: "20px 24px",
+                                        border: "2px solid",
+                                        borderRadius: 4,
+                                        cursor: "pointer",
+                                        borderColor: F === w ? "rgb(12, 67, 173)" : "#e0e0e0",
+                                        backgroundColor: F === w ? "rgba(12, 67, 173, 0.04)" : "#fff",
+                                        transition: "border-color 0.15s, background-color 0.15s"
+                                      },
+                                      children: [
+                                        i("input", {
+                                          type: "radio",
+                                          name: "ampType",
+                                          checked: F === w,
+                                          onChange: () => I(w),
+                                          style: {
+                                            accentColor: "rgb(12, 67, 173)",
+                                            marginBottom: 12,
+                                            width: 18,
+                                            height: 18
+                                          }
+                                        }),
+                                        i("span", {
+                                          style: {
+                                            fontSize: 18,
+                                            fontWeight: 600,
+                                            color: "rgba(0,0,0,0.87)",
+                                            marginBottom: 4
+                                          },
+                                          children: w
+                                        }),
+                                        k("span", {
+                                          style: {
+                                            fontSize: 13,
+                                            color: "rgba(0,0,0,0.54)"
+                                          },
+                                          children: [
+                                            w === "AK" ? "2" : "1",
+                                            "-inch measurement spacing"
+                                          ]
+                                        })
+                                      ]
+                                    }, w))
+                                  })
+                                ]
+                              }),
+                              k("div", {
+                                style: {
+                                  display: "flex",
+                                  justifyContent: "flex-end",
+                                  gap: 8,
+                                  padding: "12px 24px 20px",
+                                  borderTop: "1px solid #e0e0e0"
+                                },
+                                children: [
+                                  i("button", {
+                                    onClick: () => {
+                                      M(false), v(null);
+                                    },
+                                    style: {
+                                      padding: "6px 16px",
+                                      borderRadius: 4,
+                                      fontSize: 14,
+                                      fontWeight: 500,
+                                      backgroundColor: "#fff",
+                                      border: "1px solid #bdbdbd",
+                                      color: "rgba(0,0,0,0.87)",
+                                      cursor: "pointer",
+                                      fontFamily: "system-ui, sans-serif",
+                                      lineHeight: "36px",
+                                      letterSpacing: "0.4px"
+                                    },
+                                    children: "Cancel"
+                                  }),
+                                  i("button", {
+                                    onClick: () => F && Gn(F),
+                                    disabled: !F,
+                                    style: {
+                                      padding: "6px 16px",
+                                      borderRadius: 4,
+                                      fontSize: 14,
+                                      fontWeight: 500,
+                                      backgroundColor: F ? "rgb(12, 67, 173)" : "#e0e0e0",
+                                      border: "none",
+                                      color: F ? "#fff" : "#9e9e9e",
+                                      cursor: F ? "pointer" : "not-allowed",
+                                      fontFamily: "system-ui, sans-serif",
+                                      lineHeight: "36px",
+                                      letterSpacing: "0.4px"
+                                    },
+                                    children: "Next \xBB"
+                                  })
+                                ]
+                              })
+                            ]
+                          })
+                        }),
+                        e.showDragDrop && u && i("div", {
+                          style: {
+                            position: "absolute",
+                            inset: 0,
+                            backgroundColor: "rgba(12, 67, 173, 0.1)",
+                            border: "2px dashed rgb(12, 67, 173)",
+                            pointerEvents: "none",
+                            zIndex: 10
+                          }
+                        }),
+                        i(zo, {
+                          children: k(so, {
+                            camera: {
+                              position: [
+                                0,
+                                0,
+                                5
+                              ]
+                            },
+                            style: {
+                              display: n ? "block" : "none",
+                              backgroundColor: We ? "#070611" : void 0
+                            },
+                            gl: {
+                              localClippingEnabled: true,
+                              preserveDrawingBuffer: true
+                            },
+                            scene: {
+                              background: We ? new O.Color("#070611") : null
+                            },
+                            children: [
+                              i("ambientLight", {
+                                intensity: 0.4
+                              }),
+                              i("directionalLight", {
+                                position: [
+                                  10,
+                                  10,
+                                  5
+                                ],
+                                intensity: 1.2
+                              }),
+                              i("directionalLight", {
+                                position: [
+                                  -5,
+                                  5,
+                                  -5
+                                ],
+                                intensity: 0.4
+                              }),
+                              i("directionalLight", {
+                                position: [
+                                  0,
+                                  -10,
+                                  0
+                                ],
+                                intensity: 0.2
+                              }),
+                              n && A === "3D" && i(Fo, {
+                                mesh: n,
+                                maxPoints: 2,
+                                meshColor: jt,
+                                meshOpacity: We ? 0.3 : $n,
+                                frontFaceOnly: Z,
+                                doubleShellTransparency: Y && q
+                              }),
+                              n && A === "3D" && i(Lo, {
+                                modelSize: d,
+                                labels: [
+                                  F === "AK" ? "IT" : "MPT",
+                                  "Origin",
+                                  "Cut Plane"
+                                ]
+                              }),
+                              i(Oo, {
+                                modelSize: d,
+                                isAligned: q,
+                                isCut: Ft,
+                                mesh: n,
+                                viewMode: A,
+                                sliceY: q && T.length >= 2 ? Ae ?? xt ?? T[0].position.y : void 0,
+                                landmarkCount: T.length,
+                                measurementGeometry: xe,
+                                resetCameraToFrontRef: kt
+                              }),
+                              !q && i(pn, {
+                                enableDamping: false
+                              }),
+                              q && j.length > 0 && n && A === "3D" && i($o, {
+                                mesh: n,
+                                isDragging: Pn
+                              }),
+                              n && q && T.length >= 3 && (() => {
+                                const D = n.geometry.getIndex();
+                                if (!D || D.count < 30) return null;
+                                const B = T[2], R = T[0], ce = Ge ?? B.position.y, G = Ae ?? xt ?? R.position.y;
+                                return A === "2D" ? i(No, {
+                                  mesh: Jt ?? n,
+                                  upperY: G,
+                                  originY: R.position.y,
+                                  modelSize: d,
+                                  meshColor: jt,
+                                  displayUnit: _
+                                }) : k(Oe, {
+                                  children: [
+                                    i(Bo, {
+                                      mesh: Jt ?? n,
+                                      startY: ce,
+                                      endY: G,
+                                      spacing: st,
+                                      modelSize: d,
+                                      onMeasurementsChange: X,
+                                      reverseOrder: true,
+                                      displayUnit: _,
+                                      useInnerSurface: Y && !Z,
+                                      formMeasurements: He ? Bn ?? Se : Ue ? Se : void 0,
+                                      originY: bt ?? R.position.y,
+                                      wasmSlices: Le
+                                    }),
+                                    i(To, {
+                                      mesh: n,
+                                      greenY: bt ?? R.position.y,
+                                      modelSize: d,
+                                      displayUnit: _,
+                                      bottomY: Y ? B.position.y : void 0,
+                                      formHeight: He ? Tn : Ue ? Je == null ? void 0 : Je.frontalHeight : void 0
+                                    }),
+                                    i(Yo, {
+                                      mesh: n,
+                                      yPosition: bt ?? R.position.y,
+                                      onYChange: (K) => {
+                                        Ln(K), Ie(null);
+                                        const oe = K - R.position.y;
+                                        Tt((xt ?? R.position.y + st * 2) + oe);
+                                      },
+                                      minY: R.position.y - st,
+                                      maxY: R.position.y + st,
+                                      modelSize: d,
+                                      color: "#44ff44",
+                                      hoverColor: "#88ff88",
+                                      dragColor: "#ffffff",
+                                      label: F === "AK" ? "IT" : "MPT",
+                                      onDragStart: () => Ot(true),
+                                      onDragEnd: () => Ot(false)
+                                    })
+                                  ]
+                                });
+                              })(),
+                              n && q && A === "3D" && We && i(dr, {
+                                mesh: n
+                              }),
+                              n && e.showDebug && We && A === "3D" && i(cr, {
+                                mesh: n,
+                                modelSize: d,
+                                layers: $t,
+                                landmarkPoints: T,
+                                componentDebug: null,
+                                aoData: me,
+                                aoGeometry: $,
+                                measurementGeometry: xe
+                              }),
+                              i(hr, {
+                                screenshotFnRef: Vn,
+                                mesh: n,
+                                modelSize: d,
+                                measurementGeometry: xe
+                              })
+                            ]
+                          })
+                        }),
+                        n && k("div", {
+                          style: {
+                            position: "absolute",
+                            top: 16,
+                            left: 16,
+                            zIndex: 10,
+                            display: "flex",
+                            gap: 8
+                          },
+                          children: [
+                            e.showStartOver && i("button", {
+                              onClick: () => window.location.reload(),
+                              style: {
+                                padding: "6px 16px",
+                                borderRadius: 4,
+                                fontSize: 13,
+                                fontWeight: 500,
+                                backgroundColor: "#fff",
+                                border: "1px solid #bdbdbd",
+                                color: "#333",
+                                cursor: "pointer",
+                                fontFamily: "system-ui, sans-serif",
+                                letterSpacing: "0.4px",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: "Start Over"
+                            }),
+                            !q && T.length >= 1 && i("button", {
+                              onClick: jn,
+                              style: {
+                                padding: "6px 16px",
+                                borderRadius: 4,
+                                fontSize: 13,
+                                fontWeight: 500,
+                                backgroundColor: "#fff",
+                                border: "1px solid #bdbdbd",
+                                color: "#333",
+                                cursor: "pointer",
+                                fontFamily: "system-ui, sans-serif",
+                                letterSpacing: "0.4px",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: "Reset Points"
+                            })
+                          ]
+                        }),
+                        e.showDebug && We && n && A === "3D" && i(ur, {
+                          layers: $t,
+                          onToggleLayer: (w) => Dn((D) => ({
+                            ...D,
+                            [w]: !D[w]
+                          })),
+                          isDoubleShell: Y
+                        }),
+                        q && j.length > 0 && k("div", {
+                          style: {
+                            position: "absolute",
+                            top: 16,
+                            right: 16,
+                            display: "flex",
+                            gap: 8,
+                            zIndex: 10
+                          },
+                          children: [
+                            k("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: [
+                                i("button", {
+                                  onClick: () => L("3D"),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: A === "3D" ? 600 : 400,
+                                    backgroundColor: A === "3D" ? "rgb(12, 67, 173)" : "#fff",
+                                    color: A === "3D" ? "#fff" : "#666",
+                                    border: "none",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: "Orbital"
+                                }),
+                                i("button", {
+                                  onClick: () => L("2D"),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: A === "2D" ? 600 : 400,
+                                    backgroundColor: A === "2D" ? "rgb(12, 67, 173)" : "#fff",
+                                    color: A === "2D" ? "#fff" : "#666",
+                                    border: "none",
+                                    borderLeft: "1px solid #ccc",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: "Transverse"
+                                })
+                              ]
+                            }),
+                            k("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: [
+                                i("button", {
+                                  onClick: () => E("mm"),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: _ === "mm" ? 600 : 400,
+                                    backgroundColor: _ === "mm" ? "rgb(12, 67, 173)" : "#fff",
+                                    color: _ === "mm" ? "#fff" : "#666",
+                                    border: "none",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: "mm"
+                                }),
+                                i("button", {
+                                  onClick: () => E("inch"),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: _ === "inch" ? 600 : 400,
+                                    backgroundColor: _ === "inch" ? "rgb(12, 67, 173)" : "#fff",
+                                    color: _ === "inch" ? "#fff" : "#666",
+                                    border: "none",
+                                    borderLeft: "1px solid #ccc",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: "in"
+                                })
+                              ]
+                            }),
+                            e.showSpacingToggle && A === "3D" && k("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: [
+                                i("button", {
+                                  onClick: () => P(1),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: z === 1 ? 600 : 400,
+                                    backgroundColor: z === 1 ? "rgb(12, 67, 173)" : "#fff",
+                                    color: z === 1 ? "#fff" : "#666",
+                                    border: "none",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: '1"'
+                                }),
+                                i("button", {
+                                  onClick: () => P(2),
+                                  style: {
+                                    padding: "6px 14px",
+                                    fontSize: 13,
+                                    fontWeight: z === 2 ? 600 : 400,
+                                    backgroundColor: z === 2 ? "rgb(12, 67, 173)" : "#fff",
+                                    color: z === 2 ? "#fff" : "#666",
+                                    border: "none",
+                                    borderLeft: "1px solid #ccc",
+                                    cursor: "pointer",
+                                    fontFamily: "system-ui, sans-serif"
+                                  },
+                                  children: '2"'
+                                })
+                              ]
+                            }),
+                            A === "3D" && Se && i("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: i("button", {
+                                onClick: () => Vt((w) => !w),
+                                style: {
+                                  padding: "6px 14px",
+                                  fontSize: 13,
+                                  fontWeight: Ue ? 600 : 400,
+                                  backgroundColor: Ue ? "rgb(12, 67, 173)" : "#fff",
+                                  color: Ue ? "#fff" : "#666",
+                                  border: "none",
+                                  cursor: "pointer",
+                                  fontFamily: "system-ui, sans-serif"
+                                },
+                                children: "Measurement Overlay"
+                              })
+                            }),
+                            e.showSaveButton && i("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: i("button", {
+                                onClick: async () => {
+                                  const w = await Qe();
+                                  if (!w) return;
+                                  const D = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), B = (R, ce) => {
+                                    const G = document.createElement("a");
+                                    G.href = R, G.download = ce, G.click();
+                                  };
+                                  B(w.frontal_view_png, `measurements_front_${D}.png`), await new Promise((R) => setTimeout(R, 300)), B(w.side_view_png, `measurements_transverse_${D}.png`);
+                                },
+                                style: {
+                                  padding: "6px 14px",
+                                  fontSize: 13,
+                                  fontWeight: 400,
+                                  backgroundColor: "#fff",
+                                  color: "#666",
+                                  border: "none",
+                                  cursor: "pointer",
+                                  fontFamily: "system-ui, sans-serif"
+                                },
+                                children: "Save"
+                              })
+                            }),
+                            e.showDebug && s && i("div", {
+                              style: {
+                                display: "flex",
+                                borderRadius: 6,
+                                overflow: "hidden",
+                                border: "1px solid #ccc",
+                                boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
+                              },
+                              children: i("button", {
+                                onClick: () => In((w) => !w),
+                                style: {
+                                  padding: "6px 14px",
+                                  fontSize: 13,
+                                  fontWeight: We ? 600 : 400,
+                                  backgroundColor: We ? "#e65100" : "#fff",
+                                  color: We ? "#fff" : "#666",
+                                  border: "none",
+                                  cursor: "pointer",
+                                  fontFamily: "system-ui, sans-serif"
+                                },
+                                children: "Debug"
+                              })
+                            })
+                          ]
+                        }),
+                        n && ie && i(Ho, {
+                          wasAutoScaled: ae,
+                          onDismiss: () => Q(false)
+                        }),
+                        n && we && q && i(Vo, {
+                          isDoubleShell: Y,
+                          onDismiss: () => re(false)
+                        })
+                      ]
+                    })
+                  ]
+                }),
+                ze && k("div", {
+                  "data-finalizing-overlay": true,
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    backgroundColor: "#fff",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    zIndex: 50
+                  },
+                  children: [
+                    i("div", {
+                      style: {
+                        width: 32,
+                        height: 32,
+                        border: "3px solid #e0e0e0",
+                        borderTopColor: "rgb(12, 67, 173)",
+                        borderRadius: "50%",
+                        animation: "gm-spin 0.8s linear infinite"
+                      }
+                    }),
+                    i("p", {
+                      style: {
+                        marginTop: 12,
+                        fontSize: 14,
+                        color: "#555",
+                        fontFamily: "system-ui, sans-serif"
+                      },
+                      children: "Generating screenshots and preparing data\u2026"
+                    }),
+                    i("style", {
+                      children: "@keyframes gm-spin { to { transform: rotate(360deg) } }"
+                    })
+                  ]
+                }),
+                k("div", {
+                  style: {
+                    padding: "12px 24px",
+                    backgroundColor: "#fff",
+                    borderTop: "1px solid #e0e0e0",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 8,
+                    flexShrink: 0
+                  },
+                  children: [
+                    !He && l && i("button", {
+                      disabled: ze,
+                      onClick: () => Ct(true),
+                      style: {
+                        padding: "6px 16px",
+                        borderRadius: 4,
+                        fontSize: 13,
+                        fontWeight: 500,
+                        backgroundColor: "#fff",
+                        border: "1px solid #bdbdbd",
+                        color: ze ? "#999" : "#666",
+                        cursor: ze ? "not-allowed" : "pointer",
+                        fontFamily: "system-ui, sans-serif",
+                        letterSpacing: "0.4px",
+                        lineHeight: "36px"
+                      },
+                      children: "Have Galileo Check My Measurements"
+                    }),
+                    He && i("div", {}),
+                    k("div", {
+                      style: {
+                        display: "flex",
+                        gap: 8
+                      },
+                      children: [
+                        n && !q && T.length >= 2 && i("button", {
+                          onClick: Zn,
+                          style: {
+                            padding: "6px 16px",
+                            borderRadius: 4,
+                            fontSize: 14,
+                            fontWeight: 500,
+                            backgroundColor: "rgb(12, 67, 173)",
+                            border: "none",
+                            color: "#fff",
+                            cursor: "pointer",
+                            fontFamily: "system-ui, sans-serif",
+                            letterSpacing: "0.4px",
+                            lineHeight: "36px"
+                          },
+                          children: "Next \xBB"
+                        }),
+                        q && vt && !He && i("button", {
+                          onClick: () => St(true),
+                          style: {
+                            padding: "6px 16px",
+                            borderRadius: 4,
+                            fontSize: 14,
+                            fontWeight: 500,
+                            backgroundColor: "#fff",
+                            border: "1px solid #bdbdbd",
+                            color: "#333",
+                            cursor: "pointer",
+                            fontFamily: "system-ui, sans-serif",
+                            letterSpacing: "0.4px",
+                            lineHeight: "36px"
+                          },
+                          children: "Edit Measurements"
+                        }),
+                        q && vt && (Un ? i("button", {
+                          disabled: ze,
+                          onClick: () => Lt("continue"),
+                          style: {
+                            padding: "6px 16px",
+                            borderRadius: 4,
+                            fontSize: 14,
+                            fontWeight: 500,
+                            backgroundColor: ze ? "#9e9e9e" : "rgb(12, 67, 173)",
+                            border: "none",
+                            color: "#fff",
+                            cursor: ze ? "not-allowed" : "pointer",
+                            fontFamily: "system-ui, sans-serif",
+                            letterSpacing: "0.4px",
+                            lineHeight: "36px"
+                          },
+                          children: "Continue"
+                        }) : k(Oe, {
+                          children: [
+                            i("button", {
+                              disabled: ze,
+                              onClick: () => Lt("use_form_measurements"),
+                              style: {
+                                padding: "6px 16px",
+                                borderRadius: 4,
+                                fontSize: 14,
+                                fontWeight: 500,
+                                backgroundColor: ze ? "#9e9e9e" : "rgb(12, 67, 173)",
+                                border: "none",
+                                color: "#fff",
+                                cursor: ze ? "not-allowed" : "pointer",
+                                fontFamily: "system-ui, sans-serif",
+                                letterSpacing: "0.4px",
+                                lineHeight: "36px"
+                              },
+                              children: "Set to Measurements"
+                            }),
+                            i("button", {
+                              disabled: ze,
+                              onClick: () => Lt("use_scan"),
+                              style: {
+                                padding: "6px 16px",
+                                borderRadius: 4,
+                                fontSize: 14,
+                                fontWeight: 500,
+                                backgroundColor: ze ? "#e0e0e0" : "#fff",
+                                border: "1px solid #bdbdbd",
+                                color: ze ? "#999" : "#333",
+                                cursor: ze ? "not-allowed" : "pointer",
+                                fontFamily: "system-ui, sans-serif",
+                                letterSpacing: "0.4px",
+                                lineHeight: "36px"
+                              },
+                              children: "Go With Scan"
+                            })
+                          ]
+                        }))
+                      ]
+                    })
+                  ]
+                })
+              ]
+            }),
+            s && Mt.length > 0 && k("div", {
+              style: {
+                height: 120,
+                flexShrink: 0,
+                background: "#0d1117",
+                borderTop: "1px solid #30363d",
+                fontFamily: "'SF Mono', 'Cascadia Code', 'Fira Code', Consolas, monospace",
+                fontSize: 11,
+                color: "#c9d1d9",
+                display: "flex",
+                flexDirection: "column"
+              },
+              children: [
+                k("div", {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: "3px 10px",
+                    background: "#161b22",
+                    borderBottom: "1px solid #21262d",
+                    flexShrink: 0
+                  },
+                  children: [
+                    i("span", {
+                      style: {
+                        color: "#58a6ff",
+                        fontSize: 10,
+                        fontWeight: 600,
+                        letterSpacing: 0.5
+                      },
+                      children: "GALILEO DEBUG"
+                    }),
+                    k("div", {
+                      style: {
+                        display: "flex",
+                        gap: 8,
+                        alignItems: "center"
+                      },
+                      children: [
+                        k("span", {
+                          style: {
+                            color: "#484f58",
+                            fontSize: 9
+                          },
+                          children: [
+                            "WASM ",
+                            Ve.current ? "v2" : "N/A",
+                            " | ",
+                            T.length,
+                            " pts | ",
+                            q ? "aligned" : "unaligned",
+                            " | ",
+                            j.length,
+                            " slices"
+                          ]
+                        }),
+                        i("button", {
+                          onClick: () => Nt([]),
+                          style: {
+                            background: "none",
+                            border: "1px solid #30363d",
+                            borderRadius: 3,
+                            color: "#484f58",
+                            fontSize: 9,
+                            cursor: "pointer",
+                            padding: "1px 6px"
+                          },
+                          children: "clear"
+                        })
+                      ]
+                    })
+                  ]
+                }),
+                i("div", {
+                  ref: it,
+                  style: {
+                    flex: 1,
+                    overflowY: "auto",
+                    padding: "4px 10px",
+                    lineHeight: 1.6
+                  },
+                  children: Mt.map((w, D) => {
+                    const B = w.includes("ERROR") || w.includes("failed"), R = w.includes("warning") || w.includes("WARN"), ce = w.includes("PIPELINE:"), G = w.includes("STATE:");
+                    return i("div", {
+                      style: {
+                        color: B ? "#f85149" : R ? "#d29922" : ce ? "#58a6ff" : G ? "#3fb950" : "#8b949e",
+                        whiteSpace: "pre"
+                      },
+                      children: w
+                    }, D);
+                  })
+                })
+              ]
+            })
+          ]
+        }),
+        Rn && i(Cn, {
+          onSkip: qt,
+          onCancel: () => Ct(false)
+        })
+      ]
+    });
+  };
+  function hr({ screenshotFnRef: e }) {
+    return U(() => {
+      e.current = null;
+    }, [
+      e
+    ]), null;
+  }
+  An = function(e) {
+    const r = e === "AK" ? 2 : 1, t = [];
+    for (let o = 2; o >= 1; o -= r) t.push(`${o}_above`);
+    t.push("at_ref");
+    for (let o = r; o <= 9; o += r) t.push(`${o}_below`);
+    if (e === "BK") for (const o of [
+      10,
+      11,
+      12
+    ]) t.push(`${o}_below`);
+    else for (const o of [
+      10,
+      12,
+      14,
+      16,
+      18
+    ]) t.push(`${o}_below`);
+    return t;
+  };
+  ft = function(e, r) {
+    const t = An(r), o = {};
+    for (let l = 0; l < Math.min(e.length, t.length); l++) {
+      const s = e[l];
+      s != null && !isNaN(s) && (o[t[l]] = s);
+    }
+    return o;
+  };
+  gr = function(e, r) {
+    if (!e) return;
+    const o = An(r).map((l) => {
+      const s = e[l];
+      return s ?? void 0;
+    });
+    if (!o.every((l) => l == null)) return o;
+  };
+  kr = ({ request: e, onComplete: r, wasmModule: t }) => {
+    const o = H(() => gr(e.form_measurements, e.spacing_type), [
+      e.form_measurements,
+      e.spacing_type
+    ]), l = (s) => {
+      var _a, _b;
+      const c = s.scanMeasurements.map((p) => +(p.modifiedValue ?? p.originalValue).toFixed(1)), a = ft(c, e.spacing_type);
+      let n, m;
+      if (s.formMeasurements) {
+        n = ft(s.formMeasurements, e.spacing_type);
+        const p = s.scanMeasurements.map((g, b) => {
+          var _a2;
+          const A = (_a2 = s.formMeasurements) == null ? void 0 : _a2[b];
+          return A == null || isNaN(A) ? null : +((g.modifiedValue ?? g.originalValue) - A).toFixed(1);
+        });
+        m = ft(p, e.spacing_type);
+      }
+      const d = s.userEnteredMeasurements ? ft(s.userEnteredMeasurements.circumferences, e.spacing_type) : void 0, f = s.decision === "use_scan" || s.decision === "continue", u = f ? a : d ?? n ?? a, x = f ? +s.frontalHeight.toFixed(1) : +(((_a = s.userEnteredMeasurements) == null ? void 0 : _a.frontalHeight) ?? s.frontalHeight).toFixed(1), S = {
+        spacing_type: e.spacing_type,
+        source_unit: "mm",
+        file_format: s.fileFormat,
+        measurement_source: s.formMeasurements ? "form_provided" : "scan_derived",
+        is_double_wall: s.isDoubleWall,
+        is_unit_converted: false,
+        form_measurements: n,
+        scan_measurements: a,
+        measurement_variance: m,
+        scan_url: e.scan_url,
+        frontal_height: +s.frontalHeight.toFixed(1),
+        transverse_ml: +s.transverseML.toFixed(1),
+        transverse_ap: +s.transverseAP.toFixed(1),
+        decision: s.decision,
+        skip_reason: s.skipReason,
+        user_measurements: d,
+        user_frontal_height: (_b = s.userEnteredMeasurements) == null ? void 0 : _b.frontalHeight,
+        final_measurements: u,
+        final_frontal_height: x,
+        final_transverse_ml: +s.transverseML.toFixed(1),
+        final_transverse_ap: +s.transverseAP.toFixed(1),
+        screenshots: s.screenshots
+      };
+      r == null ? void 0 : r(S);
+    };
+    return i("div", {
+      style: {
+        width: "100%",
+        height: "100%",
+        display: "flex"
+      },
+      children: i(pr, {
+        config: uo,
+        spacingType: e.spacing_type,
+        scanUrl: e.scan_url,
+        formMeasurements: o,
+        onComplete: l,
+        wasmModule: t
+      })
+    });
+  };
+})();
+export {
+  kr as G,
+  __tla,
+  ft as a,
+  gr as c,
+  An as g
+};