open-plant 1.2.11 → 1.2.13

package/dist/index.js

@@ -1,9 +1,9 @@
-var mr = Object.defineProperty;
-var gr = (e, t, n) => t in e ? mr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var w = (e, t, n) => gr(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as zt, jsxs as Sn, Fragment as pr } from "react/jsx-runtime";
-import { useRef as tt, useMemo as $, useCallback as B, useEffect as Y, useState as te } from "react";
-function An(e, t, n) {
+var gr = Object.defineProperty;
+var pr = (e, t, n) => t in e ? gr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var w = (e, t, n) => pr(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as zt, jsxs as Sn, Fragment as br } from "react/jsx-runtime";
+import { useRef as tt, useMemo as K, useCallback as U, useEffect as X, useState as ee } from "react";
+function xn(e, t, n) {
   const r = e.createShader(t);
   if (!r)
     throw new Error("Failed to create shader.");
@@ -13,8 +13,8 @@ function An(e, t, n) {
   }
   return r;
 }
-function br(e, t, n) {
-  const r = An(e, e.VERTEX_SHADER, t), i = An(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
+function yr(e, t, n) {
+  const r = xn(e, e.VERTEX_SHADER, t), i = xn(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
   if (!o)
     throw e.deleteShader(r), e.deleteShader(i), new Error("Failed to create program.");
   if (e.attachShader(o, r), e.attachShader(o, i), e.linkProgram(o), e.deleteShader(r), e.deleteShader(i), !e.getProgramParameter(o, e.LINK_STATUS)) {
@@ -23,13 +23,13 @@ function br(e, t, n) {
   }
   return o;
 }
-function Ne(e, t, n) {
+function De(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`Failed to get uniform location: ${n}`);
   return r;
 }
-function yr(e) {
+function wr(e) {
   const t = e.getContext("webgl2", {
     alpha: !1,
     antialias: !1,
@@ -42,7 +42,7 @@ function yr(e) {
     throw new Error("WebGL2 is not available.");
   return t;
 }
-let wr = class {
+let Mr = class {
   constructor() {
     w(this, "viewportWidth", 1);
     w(this, "viewportHeight", 1);
@@ -82,7 +82,7 @@ let wr = class {
     ]);
   }
 };
-const Mr = `#version 300 es
+const Sr = `#version 300 es
 precision highp float;
 
 in vec2 aUnit;
@@ -102,7 +102,7 @@ void main() {
   gl_Position = vec4(clip.xy, 0.0, 1.0);
   vUv = aUv;
 }
-`, Sr = `#version 300 es
+`, xr = `#version 300 es
 precision highp float;
 
 in vec2 vUv;
@@ -118,7 +118,7 @@ class Ar {
   constructor(t) {
     w(this, "canvas");
     w(this, "gl");
-    w(this, "camera", new wr());
+    w(this, "camera", new Mr());
     w(this, "imageWidth");
     w(this, "imageHeight");
     w(this, "clearColor");
@@ -135,7 +135,7 @@ class Ar {
     w(this, "destroyed", !1);
     w(this, "fitted", !1);
     w(this, "controlledViewState", !1);
-    this.canvas = t.canvas, this.imageWidth = Math.max(1, t.imageWidth), this.imageHeight = Math.max(1, t.imageHeight), this.clearColor = t.clearColor ?? [0.03, 0.05, 0.08, 1], this.gl = yr(this.canvas), this.program = br(this.gl, Mr, Sr);
+    this.canvas = t.canvas, this.imageWidth = Math.max(1, t.imageWidth), this.imageHeight = Math.max(1, t.imageHeight), this.clearColor = t.clearColor ?? [0.03, 0.05, 0.08, 1], this.gl = wr(this.canvas), this.program = yr(this.gl, Sr, xr);
     const n = this.gl.createVertexArray(), r = this.gl.createBuffer();
     if (!n || !r)
       throw new Error("Failed to create WebGL buffers.");
@@ -177,15 +177,15 @@ class Ar {
       !1,
       s,
       2 * Float32Array.BYTES_PER_ELEMENT
-    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = Ne(
+    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = De(
       this.gl,
       this.program,
       "uCamera"
-    ), this.uBoundsLocation = Ne(
+    ), this.uBoundsLocation = De(
       this.gl,
       this.program,
       "uBounds"
-    ), this.uTextureLocation = Ne(
+    ), this.uTextureLocation = De(
       this.gl,
       this.program,
       "uTexture"
@@ -310,16 +310,16 @@ class Ar {
       this.gl.deleteTexture(n.texture);
   }
 }
-const xr = 0.1, Tr = 4e6, Er = 4096, Rr = 64, Pr = 1, vr = 4, On = 1e-6, Ir = 24;
-function ve(e, t, n) {
+const Tr = 0.1, Er = 4e6, Pr = 4096, Rr = 64, vr = 1, Ir = 4, Vn = 1e-6, Cr = 24;
+function Ie(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function Lt(e) {
+function Nt(e) {
   if (!Array.isArray(e) || e.length < 3) return [];
   const t = e.map(([i, o]) => [i, o]), n = t[0], r = t[t.length - 1];
   return !n || !r ? [] : ((n[0] !== r[0] || n[1] !== r[1]) && t.push([n[0], n[1]]), t);
 }
-function Cr(e) {
+function _r(e) {
   if (!Array.isArray(e) || e.length === 0) return [];
   const t = [];
   for (const n of e) {
@@ -331,8 +331,8 @@ function Cr(e) {
   }
   return t;
 }
-function _r(e, t, n) {
-  if (t <= On || n < 8) return [];
+function Fr(e, t, n) {
+  if (t <= Vn || n < 8) return [];
   const r = [];
   for (let i = 0; i <= n; i += 1) {
     const o = i / n * Math.PI * 2;
@@ -341,53 +341,53 @@ function _r(e, t, n) {
       e[1] + Math.sin(o) * t
     ]);
   }
-  return Lt(r);
+  return Nt(r);
 }
-function De(e, t) {
+function ke(e, t) {
   if (!e.length) return [];
   let n = 1 / 0, r = 1 / 0, i = -1 / 0, o = -1 / 0;
   for (const [s, l] of e)
     s < n && (n = s), s > i && (i = s), l < r && (r = l), l > o && (o = l);
   if (!Number.isFinite(n) || !Number.isFinite(r)) return [];
   const a = Math.max(t, 1);
-  return Lt([
+  return Nt([
     [n - a, r - a],
     [i + a, r - a],
     [i + a, o + a],
     [n - a, o + a]
   ]);
 }
-function Fr(e, t) {
+function Ur(e, t) {
   let n = 1 / 0, r = 1 / 0, i = -1 / 0, o = -1 / 0;
   for (const [s, l] of e)
     s < n && (n = s), s > i && (i = s), l < r && (r = l), l > o && (o = l);
   const a = Math.max(t, 1);
   return [n - a, r - a, i + a, o + a];
 }
-function Ur(e, t, n) {
+function Br(e, t, n) {
   const r = Math.max(
-    xr,
+    Tr,
     Number(n.minRasterStep) || 0
   ), i = Math.max(
     32768,
-    Math.floor(n.maxRasterPixels || Tr)
+    Math.floor(n.maxRasterPixels || Er)
   ), o = Math.max(
     256,
-    Math.floor(n.maxRasterSize || Er)
+    Math.floor(n.maxRasterSize || Pr)
   ), a = Math.max(1e-3, e[2] - e[0]), s = Math.max(1e-3, e[3] - e[1]);
-  let l = Math.max(r, Number.EPSILON), c = 3, h = Math.ceil(a / l) + c * 2 + 1, g = Math.ceil(s / l) + c * 2 + 1;
-  for (; (h > o || g > o || h * g > i) && (l *= 1.15, h = Math.ceil(a / l) + c * 2 + 1, g = Math.ceil(s / l) + c * 2 + 1, !(l > Math.max(a, s))); )
+  let l = Math.max(r, Number.EPSILON), c = 3, f = Math.ceil(a / l) + c * 2 + 1, p = Math.ceil(s / l) + c * 2 + 1;
+  for (; (f > o || p > o || f * p > i) && (l *= 1.15, f = Math.ceil(a / l) + c * 2 + 1, p = Math.ceil(s / l) + c * 2 + 1, !(l > Math.max(a, s))); )
     ;
-  return h = Math.max(8, h), g = Math.max(8, g), {
+  return f = Math.max(8, f), p = Math.max(8, p), {
     minX: e[0],
     minY: e[1],
     step: l,
     padding: c,
-    width: h,
-    height: g
+    width: f,
+    height: p
   };
 }
-function Br(e, t) {
+function Lr(e, t) {
   if (typeof OffscreenCanvas < "u") {
     const r = new OffscreenCanvas(e, t).getContext("2d", { willReadFrequently: !0 });
     if (r) return r;
@@ -404,8 +404,8 @@ function zr(e, t) {
     (e[1] - t.minY) / t.step + t.padding
   ];
 }
-function Lr(e, t, n) {
-  const r = Br(n.width, n.height);
+function Nr(e, t, n) {
+  const r = Lr(n.width, n.height);
   if (!r) return new Uint8Array(0);
   r.clearRect(0, 0, n.width, n.height), r.fillStyle = "#ffffff", r.strokeStyle = "#ffffff", r.lineCap = "round", r.lineJoin = "round", r.lineWidth = t * 2 / n.step;
   const i = e.map((s) => zr(s, n));
@@ -421,10 +421,10 @@ function Lr(e, t, n) {
   }
   const o = r.getImageData(0, 0, n.width, n.height), a = new Uint8Array(n.width * n.height);
   for (let s = 0; s < a.length; s += 1)
-    a[s] = o.data[s * 4 + 3] >= Ir ? 1 : 0;
+    a[s] = o.data[s * 4 + 3] >= Cr ? 1 : 0;
   return a;
 }
-function Nr(e, t, n) {
+function Dr(e, t, n) {
   const r = [], i = t + 1, o = (s, l) => l * i + s, a = (s, l) => s >= 0 && l >= 0 && s < t && l < n && e[l * t + s] > 0;
   for (let s = 0; s < n; s += 1)
     for (let l = 0; l < t; l += 1)
@@ -447,11 +447,11 @@ function Nr(e, t, n) {
       }));
   return r;
 }
-function Dr(e, t) {
+function kr(e, t) {
   const n = (t - e + 4) % 4;
   return n === 1 ? 0 : n === 0 ? 1 : n === 3 ? 2 : 3;
 }
-function kr(e) {
+function Xr(e) {
   if (!e.length) return [];
   const t = /* @__PURE__ */ new Map();
   for (let i = 0; i < e.length; i += 1) {
@@ -465,27 +465,27 @@ function kr(e) {
     let s = o.end, l = o.dir;
     const c = [o.start, o.end];
     n[i] = 1;
-    let h = 0;
-    const g = e.length * 3;
-    for (; s !== a && h < g; ) {
+    let f = 0;
+    const p = e.length * 3;
+    for (; s !== a && f < p; ) {
       const d = t.get(s);
       if (!d || d.length === 0) break;
-      let m = -1, p = 1 / 0;
-      for (const x of d) {
-        if (n[x]) continue;
-        const C = e[x], W = Dr(l, C.dir);
-        W < p && (p = W, m = x);
+      let m = -1, b = 1 / 0;
+      for (const T of d) {
+        if (n[T]) continue;
+        const C = e[T], Y = kr(l, C.dir);
+        Y < b && (b = Y, m = T);
       }
       if (m < 0) break;
       n[m] = 1;
       const S = e[m];
-      s = S.end, l = S.dir, c.push(s), h += 1;
+      s = S.end, l = S.dir, c.push(s), f += 1;
     }
     c.length >= 4 && c[0] === c[c.length - 1] && r.push(c);
   }
   return r;
 }
-function Xr(e, t, n) {
+function Yr(e, t, n) {
   const r = t + 1, i = [];
   for (const o of e) {
     const a = o % r, s = Math.floor(o / r);
@@ -494,9 +494,9 @@ function Xr(e, t, n) {
       n.minY + (s - n.padding) * n.step
     ]);
   }
-  return Lt(i);
+  return Nt(i);
 }
-function Yr(e) {
+function Wr(e) {
   if (e.length < 4) return 0;
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
@@ -505,30 +505,30 @@ function Yr(e) {
   }
   return t * 0.5;
 }
-function Wr(e, t = 1e-9) {
-  const n = Lt(e);
+function Or(e, t = 1e-9) {
+  const n = Nt(e);
   if (n.length < 5) return n;
   const r = [n[0]];
   for (let i = 1; i < n.length - 1; i += 1) {
     const o = r[r.length - 1], a = n[i], s = n[i + 1], l = (a[0] - o[0]) * (s[1] - a[1]) - (a[1] - o[1]) * (s[0] - a[0]);
     Math.abs(l) <= t || r.push(a);
   }
-  return r.push(r[0]), Lt(r);
+  return r.push(r[0]), Nt(r);
 }
-function Or(e, t, n) {
+function Vr(e, t, n) {
   const r = n[0] - t[0], i = n[1] - t[1], o = r * r + i * i;
   if (o <= 1e-12) {
-    const g = e[0] - t[0], d = e[1] - t[1];
-    return g * g + d * d;
+    const p = e[0] - t[0], d = e[1] - t[1];
+    return p * p + d * d;
   }
-  const a = ve(
+  const a = Ie(
     ((e[0] - t[0]) * r + (e[1] - t[1]) * i) / o,
     0,
     1
-  ), s = t[0] + r * a, l = t[1] + i * a, c = e[0] - s, h = e[1] - l;
-  return c * c + h * h;
+  ), s = t[0] + r * a, l = t[1] + i * a, c = e[0] - s, f = e[1] - l;
+  return c * c + f * f;
 }
-function Vr(e, t) {
+function Gr(e, t) {
   if (e.length <= 2 || t <= 0) return e.slice();
   const n = new Uint8Array(e.length);
   n[0] = 1, n[e.length - 1] = 1;
@@ -538,26 +538,26 @@ function Vr(e, t) {
     if (!a) break;
     const [s, l] = a;
     if (l - s <= 1) continue;
-    let c = 0, h = -1;
-    for (let g = s + 1; g < l; g += 1) {
-      const d = Or(e[g], e[s], e[l]);
-      d > c && (c = d, h = g);
+    let c = 0, f = -1;
+    for (let p = s + 1; p < l; p += 1) {
+      const d = Vr(e[p], e[s], e[l]);
+      d > c && (c = d, f = p);
     }
-    h >= 0 && c > r && (n[h] = 1, i.push([s, h], [h, l]));
+    f >= 0 && c > r && (n[f] = 1, i.push([s, f], [f, l]));
   }
   const o = [];
   for (let a = 0; a < e.length; a += 1)
     n[a] && o.push(e[a]);
   return o;
 }
-function Gr(e, t) {
-  const n = Lt(e);
+function qr(e, t) {
+  const n = Nt(e);
   if (n.length < 5 || t <= 0) return n;
-  const r = n.slice(0, -1), i = Vr(r, t);
-  return i.length < 3 ? n : Lt(i);
+  const r = n.slice(0, -1), i = Gr(r, t);
+  return i.length < 3 ? n : Nt(i);
 }
-function qr(e, t) {
-  let n = Lt(e);
+function Hr(e, t) {
+  let n = Nt(e);
   if (t <= 0 || n.length < 5) return n;
   for (let r = 0; r < t; r += 1) {
     const i = n.slice(0, -1);
@@ -570,65 +570,65 @@ function qr(e, t) {
         [s[0] * 0.25 + l[0] * 0.75, s[1] * 0.25 + l[1] * 0.75]
       );
     }
-    n = Lt(o);
+    n = Nt(o);
   }
   return n;
 }
 function se(e, t) {
-  return t ? Lt(
+  return t ? Nt(
     e.map(([n, r]) => [
-      ve(n, t[0], t[2]),
-      ve(r, t[1], t[3])
+      Ie(n, t[0], t[2]),
+      Ie(r, t[1], t[3])
     ])
   ) : e;
 }
-function Hr(e, t) {
-  const n = Cr(e), r = Math.max(On, Number(t.radius) || 0);
+function $r(e, t) {
+  const n = _r(e), r = Math.max(Vn, Number(t.radius) || 0);
   if (n.length === 0 || !Number.isFinite(r)) return [];
   const i = Math.max(12, Math.floor(t.circleSides || Rr));
   if (n.length === 1)
     return se(
-      _r(n[0], r, i),
+      Fr(n[0], r, i),
       t.clipBounds
     );
-  const o = Fr(n, r), a = Ur(o, r, t), s = Lr(n, r, a);
+  const o = Ur(n, r), a = Br(o, r, t), s = Nr(n, r, a);
   if (!s.length)
-    return se(De(n, r), t.clipBounds);
-  const l = Nr(s, a.width, a.height), c = kr(l);
+    return se(ke(n, r), t.clipBounds);
+  const l = Dr(s, a.width, a.height), c = Xr(l);
   if (!c.length)
-    return se(De(n, r), t.clipBounds);
-  let h = [], g = 0;
+    return se(ke(n, r), t.clipBounds);
+  let f = [], p = 0;
   for (const S of c) {
-    const x = Xr(S, a.width, a), C = Math.abs(Yr(x));
-    C <= g || (g = C, h = x);
-  }
-  if (!h.length)
-    return se(De(n, r), t.clipBounds);
-  const d = typeof t.simplifyTolerance == "number" && Number.isFinite(t.simplifyTolerance) ? Math.max(0, t.simplifyTolerance) : a.step * 0.2, m = typeof t.smoothingPasses == "number" && Number.isFinite(t.smoothingPasses) ? Math.round(ve(t.smoothingPasses, 0, vr)) : Pr, p = Gr(
-    qr(
-      Wr(h, a.step * 1e-3),
+    const T = Yr(S, a.width, a), C = Math.abs(Wr(T));
+    C <= p || (p = C, f = T);
+  }
+  if (!f.length)
+    return se(ke(n, r), t.clipBounds);
+  const d = typeof t.simplifyTolerance == "number" && Number.isFinite(t.simplifyTolerance) ? Math.max(0, t.simplifyTolerance) : a.step * 0.2, m = typeof t.smoothingPasses == "number" && Number.isFinite(t.smoothingPasses) ? Math.round(Ie(t.smoothingPasses, 0, Ir)) : vr, b = qr(
+    Hr(
+      Or(f, a.step * 1e-3),
       m
     ),
     d
   );
-  return se(p, t.clipBounds);
+  return se(b, t.clipBounds);
 }
-function xn(e) {
+function An(e) {
   return typeof e == "number" && Number.isFinite(e);
 }
-function $r(e) {
-  return Array.isArray(e) && e.length >= 2 && xn(e[0]) && xn(e[1]);
-}
-function Vn(e) {
-  return Array.isArray(e) && e.length > 0 && e.every((t) => $r(t));
+function Zr(e) {
+  return Array.isArray(e) && e.length >= 2 && An(e[0]) && An(e[1]);
 }
 function Gn(e) {
-  return Array.isArray(e) && e.length > 0 && e.every((t) => Vn(t));
+  return Array.isArray(e) && e.length > 0 && e.every((t) => Zr(t));
 }
-function Zr(e) {
+function qn(e) {
   return Array.isArray(e) && e.length > 0 && e.every((t) => Gn(t));
 }
 function Kr(e) {
+  return Array.isArray(e) && e.length > 0 && e.every((t) => qn(t));
+}
+function Jr(e) {
   if (!Array.isArray(e) || e.length < 3) return [];
   const t = [];
   for (const i of e) {
@@ -651,11 +651,11 @@ function Ve(e) {
   }
   return t * 0.5;
 }
-function ke(e) {
+function Xe(e) {
   if (!Array.isArray(e) || e.length === 0) return [];
   const t = [];
   for (const o of e) {
-    const a = Kr(o);
+    const a = Jr(o);
     a.length >= 4 && t.push(a);
   }
   if (t.length === 0) return [];
@@ -670,20 +670,20 @@ function ke(e) {
     o !== n && i.push(t[o]);
   return i;
 }
-function qn(e) {
+function Hn(e) {
   if (!e) return [];
-  if (Vn(e)) {
-    const t = ke([e]);
+  if (Gn(e)) {
+    const t = Xe([e]);
     return t.length > 0 ? [t] : [];
   }
-  if (Gn(e)) {
-    const t = ke(e);
+  if (qn(e)) {
+    const t = Xe(e);
     return t.length > 0 ? [t] : [];
   }
-  if (Zr(e)) {
+  if (Kr(e)) {
     const t = [];
     for (const n of e) {
-      const r = ke(n);
+      const r = Xe(n);
       r.length > 0 && t.push(r);
     }
     return t;
@@ -698,21 +698,21 @@ function Tn(e, t, n) {
   }
   return r;
 }
-function ce(e) {
+function he(e) {
   const t = [];
   for (const n of e ?? []) {
-    const r = qn(n);
+    const r = Hn(n);
     for (const i of r) {
       const o = i[0];
       if (!o || o.length < 4) continue;
       let a = 1 / 0, s = 1 / 0, l = -1 / 0, c = -1 / 0;
-      for (const [g, d] of o)
-        g < a && (a = g), g > l && (l = g), d < s && (s = d), d > c && (c = d);
+      for (const [p, d] of o)
+        p < a && (a = p), p > l && (l = p), d < s && (s = d), d > c && (c = d);
       if (!Number.isFinite(a) || !Number.isFinite(s) || !Number.isFinite(l) || !Number.isFinite(c))
         continue;
-      let h = Math.abs(Ve(o));
-      for (let g = 1; g < i.length; g += 1)
-        h -= Math.abs(Ve(i[g]));
+      let f = Math.abs(Ve(o));
+      for (let p = 1; p < i.length; p += 1)
+        f -= Math.abs(Ve(i[p]));
       t.push({
         outer: o,
         holes: i.slice(1),
@@ -720,25 +720,25 @@ function ce(e) {
         minY: s,
         maxX: l,
         maxY: c,
-        area: Math.max(1e-6, h)
+        area: Math.max(1e-6, f)
       });
     }
   }
   return t;
 }
-function Qe(e, t, n) {
+function je(e, t, n) {
   if (e < n.minX || e > n.maxX || t < n.minY || t > n.maxY || !Tn(e, t, n.outer)) return !1;
   for (const r of n.holes)
     if (Tn(e, t, r)) return !1;
   return !0;
 }
-function Ie(e, t, n) {
+function Ce(e, t, n) {
   for (const r of n)
-    if (Qe(e, t, r))
+    if (je(e, t, r))
       return !0;
   return !1;
 }
-const Hn = [
+const $n = [
   160,
   160,
   160,
@@ -747,12 +747,12 @@ const Hn = [
 function it(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function $n(e, t, n) {
+function Zn(e, t, n) {
   const r = Number(e), i = Number(t), o = Number(n);
   return !Number.isFinite(r) || r <= 0 ? 1 : !Number.isFinite(i) || !Number.isFinite(o) ? r : Math.pow(2, i - o) * r;
 }
 function vo(e, t, n) {
-  let i = 100 * $n(e, t, n);
+  let i = 100 * Zn(e, t, n);
   if (Number(e)) {
     let o = "μm";
     return i > 1e3 && (i /= 1e3, o = "mm"), `${i.toPrecision(3)} ${o}`;
@@ -771,19 +771,19 @@ function Co(e) {
   }
   return `Bearer ${t}`;
 }
-function Jr(e) {
+function jr(e) {
   const n = String(e ?? "").trim().match(/^#?([0-9a-fA-F]{6})$/);
-  if (!n) return [...Hn];
+  if (!n) return [...$n];
   const r = Number.parseInt(n[1], 16);
   return [r >> 16 & 255, r >> 8 & 255, r & 255, 255];
 }
 function _o(e) {
   const t = [
-    [...Hn]
+    [...$n]
   ], n = /* @__PURE__ */ new Map();
   for (const i of e ?? []) {
     const o = String(i?.termId ?? "");
-    !o || n.has(o) || (n.set(o, t.length), t.push(Jr(i?.termColor)));
+    !o || n.has(o) || (n.set(o, t.length), t.push(jr(i?.termColor)));
   }
   const r = new Uint8Array(t.length * 4);
   for (let i = 0; i < t.length; i += 1)
@@ -805,7 +805,7 @@ function En(e, t, n) {
     throw new Error(e.getProgramInfoLog(o) || "program link failed");
   return o;
 }
-const Qr = "rgba(255, 77, 79, 0.16)", jr = 3, ti = 2, Zn = 96, ei = 1, Rn = [], Ce = [], Pn = 1e3, Kn = 2, Jn = 2, ni = 4096, ri = 0.2, ii = 1.12, oi = 0.89, si = 32, ai = "#000000", li = 0.1, ui = "#FFCF00", ci = "#FF0000", hi = 1.5, vn = [2, 2], fi = 1, di = 0.25, mi = 4, gi = 1, pi = 0, bi = 4, yi = 0.05, wi = 256, Mi = 1.5, Vt = {
+const Qr = "rgba(255, 77, 79, 0.16)", ti = 3, ei = 2, Kn = 96, ni = 1, Pn = [], _e = [], Rn = 1e3, Jn = 2, jn = 2, ri = 4096, ii = 0.2, oi = 1.12, si = 0.89, ai = 32, li = "#000000", ui = 0.1, ci = "#FFCF00", hi = "#FF0000", fi = 1.5, vn = [2, 2], di = 1, mi = 0.25, gi = 4, pi = 1, bi = 0, yi = 4, wi = 0.05, Mi = 256, In = 1.5, Ht = {
   color: "#ff4d4f",
   width: 2,
   lineJoin: "round",
@@ -824,7 +824,7 @@ const Qr = "rgba(255, 77, 79, 0.16)", jr = 3, ti = 2, Zn = 96, ei = 1, Rn = [],
   shadowBlur: 0,
   shadowOffsetX: 0,
   shadowOffsetY: 0
-}, vt = {
+}, _t = {
   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   fontSize: 12,
   fontWeight: 500,
@@ -837,24 +837,24 @@ const Qr = "rgba(255, 77, 79, 0.16)", jr = 3, ti = 2, Zn = 96, ei = 1, Rn = [],
   offsetY: 10,
   borderRadius: 3
 };
-function Jt(e, t, n) {
+function Yt(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
 function Me(e) {
   return e === "stamp-rectangle" || e === "stamp-circle" || e === "stamp-rectangle-4096px" || e === "stamp-rectangle-2mm2" || e === "stamp-circle-2mm2" || e === "stamp-circle-hpf-0.2mm2";
 }
-function le(e, t) {
+function ue(e, t) {
   return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? t : e;
 }
-function Ai(e) {
+function xi(e) {
   return {
-    rectangleAreaMm2: le(e?.rectangleAreaMm2, Kn),
-    circleAreaMm2: le(e?.circleAreaMm2, Jn),
-    rectanglePixelSize: le(e?.rectanglePixelSize, ni)
+    rectangleAreaMm2: ue(e?.rectangleAreaMm2, Jn),
+    circleAreaMm2: ue(e?.circleAreaMm2, jn),
+    rectanglePixelSize: ue(e?.rectanglePixelSize, ri)
   };
 }
-function xi(e, t) {
-  return typeof e != "number" || !Number.isFinite(e) ? t : Jt(e, 0, 1);
+function Ai(e, t) {
+  return typeof e != "number" || !Number.isFinite(e) ? t : Yt(e, 0, 1);
 }
 function Ti(e) {
   if (!Array.isArray(e)) return vn;
@@ -862,60 +862,60 @@ function Ti(e) {
   return t.length > 0 ? t : vn;
 }
 function Ei(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? fi : Jt(e, di, mi);
-}
-function Ri(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? gi : Math.round(Jt(e, pi, bi));
+  return typeof e != "number" || !Number.isFinite(e) ? di : Yt(e, mi, gi);
 }
 function Pi(e) {
-  const t = le(e?.radius, si), n = le(e?.cursorLineWidth, hi), r = Ei(e?.edgeDetail), i = Ri(e?.edgeSmoothing);
+  return typeof e != "number" || !Number.isFinite(e) ? pi : Math.round(Yt(e, bi, yi));
+}
+function Ri(e) {
+  const t = ue(e?.radius, ai), n = ue(e?.cursorLineWidth, fi), r = Ei(e?.edgeDetail), i = Pi(e?.edgeSmoothing);
   return {
     radius: t,
     edgeDetail: r,
     edgeSmoothing: i,
     clickSelectRoi: e?.clickSelectRoi === !0,
-    fillColor: e?.fillColor || ai,
-    fillOpacity: xi(e?.fillOpacity, li),
-    cursorColor: e?.cursorColor || ui,
-    cursorActiveColor: e?.cursorActiveColor || ci,
+    fillColor: e?.fillColor || li,
+    fillOpacity: Ai(e?.fillOpacity, ui),
+    cursorColor: e?.cursorColor || ci,
+    cursorActiveColor: e?.cursorActiveColor || hi,
     cursorLineWidth: n,
     cursorLineDash: Ti(e?.cursorLineDash)
   };
 }
 function vi(e) {
-  return e * Pn * Pn;
+  return e * Rn * Rn;
 }
-function In(e, t) {
-  return !e || !Number.isFinite(t) || t <= 0 ? [] : Ht([
+function Cn(e, t) {
+  return !e || !Number.isFinite(t) || t <= 0 ? [] : Xt([
     [e[0] - t, e[1] - t],
     [e[0] + t, e[1] - t],
     [e[0] + t, e[1] + t],
     [e[0] - t, e[1] + t]
   ]);
 }
-function Ii(e, t, n = Zn) {
+function Ii(e, t, n = Kn) {
   if (!e || !Number.isFinite(t) || t <= 0) return [];
   const r = [];
   for (let i = 0; i <= n; i += 1) {
     const o = i / n * Math.PI * 2;
     r.push([e[0] + Math.cos(o) * t, e[1] + Math.sin(o) * t]);
   }
-  return Ht(r);
+  return Xt(r);
 }
-function Ht(e) {
+function Xt(e) {
   if (!Array.isArray(e) || e.length < 3) return [];
   const t = e.map(([i, o]) => [i, o]), n = t[0], r = t[t.length - 1];
   return !n || !r ? [] : ((n[0] !== r[0] || n[1] !== r[1]) && t.push([n[0], n[1]]), t);
 }
-function Cn(e, t) {
-  return !e || !t ? [] : Ht([
+function _n(e, t) {
+  return !e || !t ? [] : Xt([
     [e[0], e[1]],
     [t[0], e[1]],
     [t[0], t[1]],
     [e[0], t[1]]
   ]);
 }
-function _n(e, t, n = Zn) {
+function Fn(e, t, n = Kn) {
   if (!e || !t) return [];
   const r = (e[0] + t[0]) * 0.5, i = (e[1] + t[1]) * 0.5, o = Math.hypot(t[0] - e[0], t[1] - e[1]) * 0.5;
   if (o < 1) return [];
@@ -924,7 +924,7 @@ function _n(e, t, n = Zn) {
     const l = s / n * Math.PI * 2;
     a.push([r + Math.cos(l) * o, i + Math.sin(l) * o]);
   }
-  return Ht(a);
+  return Xt(a);
 }
 function Ge(e) {
   if (!Array.isArray(e) || e.length < 4) return 0;
@@ -935,15 +935,15 @@ function Ge(e) {
   }
   return Math.abs(t * 0.5);
 }
-function Fn(e) {
+function Un(e) {
   if (!Array.isArray(e) || e.length === 0) return [0, 0, 0, 0];
   let t = 1 / 0, n = 1 / 0, r = -1 / 0, i = -1 / 0;
   for (const [o, a] of e)
     o < t && (t = o), o > r && (r = o), a < n && (n = a), a > i && (i = a);
   return [t, n, r, i];
 }
-function Un(e) {
-  return Array.isArray(e) && e.length >= 4 && Ge(e) > ei;
+function Bn(e) {
+  return Array.isArray(e) && e.length >= 4 && Ge(e) > ni;
 }
 function qe(e, t, n = !1) {
   if (t.length !== 0) {
@@ -953,18 +953,18 @@ function qe(e, t, n = !1) {
     n && e.closePath();
   }
 }
-function Gt(e, t, n, r = !1, i = !1) {
-  t.length !== 0 && (e.beginPath(), qe(e, t, r), i && r && (e.fillStyle = Qr, e.fill()), e.strokeStyle = n.color, e.lineWidth = n.width, e.lineJoin = n.lineJoin, e.lineCap = n.lineCap, e.shadowColor = n.shadowColor, e.shadowBlur = n.shadowBlur, e.shadowOffsetX = n.shadowOffsetX, e.shadowOffsetY = n.shadowOffsetY, e.setLineDash(n.lineDash), e.stroke(), e.setLineDash(Ce), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0);
+function $t(e, t, n, r = !1, i = !1) {
+  t.length !== 0 && (e.beginPath(), qe(e, t, r), i && r && (e.fillStyle = Qr, e.fill()), e.strokeStyle = n.color, e.lineWidth = n.width, e.lineJoin = n.lineJoin, e.lineCap = n.lineCap, e.shadowColor = n.shadowColor, e.shadowBlur = n.shadowBlur, e.shadowOffsetX = n.shadowOffsetX, e.shadowOffsetY = n.shadowOffsetY, e.setLineDash(n.lineDash), e.stroke(), e.setLineDash(_e), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0);
 }
 function Qn(e) {
-  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((a) => Number.isFinite(a) && a >= 0) : Ce, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : Vt.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : Vt.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : Vt.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : Vt.shadowOffsetY;
+  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((a) => Number.isFinite(a) && a >= 0) : _e, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : Ht.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : Ht.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : Ht.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : Ht.shadowOffsetY;
   return {
-    color: e?.color || Vt.color,
+    color: e?.color || Ht.color,
     width: n,
-    lineDash: t.length ? t : Ce,
-    lineJoin: e?.lineJoin || Vt.lineJoin,
-    lineCap: e?.lineCap || Vt.lineCap,
-    shadowColor: e?.shadowColor || Vt.shadowColor,
+    lineDash: t.length ? t : _e,
+    lineJoin: e?.lineJoin || Ht.lineJoin,
+    lineCap: e?.lineCap || Ht.lineCap,
+    shadowColor: e?.shadowColor || Ht.shadowColor,
     shadowBlur: r,
     shadowOffsetX: i,
     shadowOffsetY: o
@@ -983,7 +983,7 @@ function ae(e, t) {
     shadowOffsetY: t.shadowOffsetY ?? e.shadowOffsetY
   }) : e;
 }
-function Bn(e, t) {
+function Ln(e, t) {
   return e == null || t === null || t === void 0 ? !1 : String(e) === String(t);
 }
 function Ci(e) {
@@ -999,23 +999,23 @@ function _i(e) {
 function Fi(e) {
   return Array.isArray(e) && e.length >= 2 && e.every((t) => _i(t));
 }
-function jn(e, t) {
+function tr(e, t) {
   if (!(!Array.isArray(e) || e.length === 0)) {
     if (Fi(e)) {
       t.push(e.map(([n, r]) => [n, r]));
       return;
     }
     for (const n of e)
-      jn(n, t);
+      tr(n, t);
   }
 }
-function Ln(e, t) {
+function Nn(e, t) {
   const n = [];
-  jn(e, n);
+  tr(e, n);
   const r = [];
   for (const i of n) {
     if (i.length < 2) continue;
-    const o = t ? Ht(i) : i;
+    const o = t ? Xt(i) : i;
     o.length >= (t ? 4 : 2) && r.push(o);
   }
   return r;
@@ -1029,14 +1029,14 @@ function Ui(e, t, n, r) {
   }
 }
 function Bi(e) {
-  const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : vt.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : vt.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : vt.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : vt.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : vt.offsetY, a = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : vt.borderRadius;
+  const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : _t.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : _t.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : _t.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : _t.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : _t.offsetY, a = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : _t.borderRadius;
   return {
-    fontFamily: e?.fontFamily || vt.fontFamily,
+    fontFamily: e?.fontFamily || _t.fontFamily,
     fontSize: r,
-    fontWeight: e?.fontWeight || vt.fontWeight,
-    textColor: e?.textColor || vt.textColor,
-    backgroundColor: e?.backgroundColor || vt.backgroundColor,
-    borderColor: e?.borderColor || vt.borderColor,
+    fontWeight: e?.fontWeight || _t.fontWeight,
+    textColor: e?.textColor || _t.textColor,
+    backgroundColor: e?.backgroundColor || _t.backgroundColor,
+    borderColor: e?.borderColor || _t.borderColor,
     borderWidth: i,
     paddingX: t,
     paddingY: n,
@@ -1044,11 +1044,11 @@ function Bi(e) {
     borderRadius: a
   };
 }
-function zi(e, t, n, r, i, o) {
+function Li(e, t, n, r, i, o) {
   const a = Math.max(0, Math.min(o, r * 0.5, i * 0.5));
   e.beginPath(), e.moveTo(t + a, n), e.lineTo(t + r - a, n), e.quadraticCurveTo(t + r, n, t + r, n + a), e.lineTo(t + r, n + i - a), e.quadraticCurveTo(t + r, n + i, t + r - a, n + i), e.lineTo(t + a, n + i), e.quadraticCurveTo(t, n + i, t, n + i - a), e.lineTo(t, n + a), e.quadraticCurveTo(t, n, t + a, n), e.closePath();
 }
-function Li(e) {
+function zi(e) {
   if (!e.length) return null;
   let t = 1 / 0;
   for (const i of e)
@@ -1062,13 +1062,13 @@ function Li(e) {
 function Ni(e) {
   let t = null;
   for (const n of e) {
-    const r = Li(n.outer);
+    const r = zi(n.outer);
     r && (!t || r[1] < t[1] || r[1] === t[1] && r[0] < t[0]) && (t = r);
   }
   return t;
 }
-function Nn(e) {
-  const t = qn(e);
+function Dn(e) {
+  const t = Hn(e);
   if (t.length === 0) return [];
   const n = [];
   for (const r of t) {
@@ -1077,7 +1077,7 @@ function Nn(e) {
     const o = i.map(([s, l]) => [s, l]), a = [];
     for (let s = 1; s < r.length; s += 1) {
       const l = r[s];
-      !l || l.length < 4 || a.push(l.map(([c, h]) => [c, h]));
+      !l || l.length < 4 || a.push(l.map(([c, f]) => [c, f]));
     }
     n.push({
       outer: o,
@@ -1090,13 +1090,13 @@ function Di(e, t, n, r, i, o) {
   const a = t.trim();
   if (!a) return;
   e.save(), e.font = `${o.fontWeight} ${o.fontSize}px ${o.fontFamily}`, e.textAlign = "center", e.textBaseline = "middle";
-  const l = e.measureText(a).width + o.paddingX * 2, c = o.fontSize + o.paddingY * 2, h = Jt(n[0], l * 0.5 + 1, r - l * 0.5 - 1), g = Jt(n[1] - o.offsetY, c * 0.5 + 1, i - c * 0.5 - 1), d = h - l * 0.5, m = g - c * 0.5;
-  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, zi(e, d, m, l, c, o.borderRadius), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(a, h, g + 0.5), e.restore();
+  const l = e.measureText(a).width + o.paddingX * 2, c = o.fontSize + o.paddingY * 2, f = Yt(n[0], l * 0.5 + 1, r - l * 0.5 - 1), p = Yt(n[1] - o.offsetY, c * 0.5 + 1, i - c * 0.5 - 1), d = f - l * 0.5, m = p - c * 0.5;
+  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, Li(e, d, m, l, c, o.borderRadius), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(a, f, p + 0.5), e.restore();
 }
-function Xe(e, t, n) {
-  return [Jt(e[0], 0, t), Jt(e[1], 0, n)];
+function Se(e, t, n) {
+  return [Yt(e[0], 0, t), Yt(e[1], 0, n)];
 }
-function ee(e) {
+function le(e) {
   if (!Array.isArray(e) || e.length < 2) return null;
   const t = Number(e[0]), n = Number(e[1]);
   return !Number.isFinite(t) || !Number.isFinite(n) ? null : [t, n];
@@ -1112,61 +1112,63 @@ function ki({
   projectorRef: s,
   onBrushTap: l,
   onDrawComplete: c,
-  onPatchComplete: h,
-  enabled: g,
+  onPatchComplete: f,
+  enabled: p,
   viewStateSignal: d,
   persistedRegions: m,
-  patchRegions: p,
+  patchRegions: b,
   persistedPolygons: S,
-  regionStrokeStyle: x,
+  regionStrokeStyle: T,
   regionStrokeHoverStyle: C,
-  regionStrokeActiveStyle: W,
+  regionStrokeActiveStyle: Y,
   patchStrokeStyle: F,
-  resolveRegionStrokeStyle: O,
-  overlayShapes: E,
-  hoveredRegionId: N = null,
-  activeRegionId: K = null,
-  regionLabelStyle: rt,
-  invalidateRef: D,
-  className: It,
-  style: Et
+  resolveRegionStrokeStyle: W,
+  overlayShapes: P,
+  hoveredRegionId: z = null,
+  activeRegionId: J = null,
+  regionLabelStyle: nt,
+  invalidateRef: N,
+  className: Ft,
+  style: vt
 }) {
-  const J = tt(null), Ct = tt(!1), Nt = tt(/* @__PURE__ */ new Map()), Qt = tt(e), bt = tt({
+  const Z = tt(null), Ut = tt(!1), Dt = tt(/* @__PURE__ */ new Map()), Qt = tt(e), Mt = tt({
     isDrawing: !1,
     pointerId: null,
     start: null,
     current: null,
     cursor: null,
+    cursorScreen: null,
     points: [],
+    screenPoints: [],
     stampCenter: null
-  }), ot = g ?? e !== "cursor", T = $(() => m && m.length > 0 ? m : !S || S.length === 0 ? Rn : S.map((u, f) => ({
-    id: f,
+  }), ot = p ?? e !== "cursor", E = K(() => m && m.length > 0 ? m : !S || S.length === 0 ? Pn : S.map((u, h) => ({
+    id: h,
     coordinates: u
-  })), [m, S]), R = $(() => p ?? Rn, [p]), v = $(() => {
+  })), [m, S]), R = K(() => b ?? Pn, [b]), v = K(() => {
     const u = [];
-    for (let f = 0; f < T.length; f += 1) {
-      const y = T[f], M = Nn(y.coordinates);
+    for (let h = 0; h < E.length; h += 1) {
+      const g = E[h], M = Dn(g.coordinates);
       M.length !== 0 && u.push({
-        region: y,
-        regionIndex: f,
-        regionKey: y.id ?? f,
+        region: g,
+        regionIndex: h,
+        regionKey: g.id ?? h,
         polygons: M
       });
     }
     return u;
-  }, [T]), V = $(() => {
+  }, [E]), O = K(() => {
     const u = [];
-    for (let f = 0; f < R.length; f += 1) {
-      const y = R[f], M = Nn(y.coordinates);
+    for (let h = 0; h < R.length; h += 1) {
+      const g = R[h], M = Dn(g.coordinates);
       M.length !== 0 && u.push({
-        region: y,
-        regionIndex: f,
-        regionKey: y.id ?? f,
+        region: g,
+        regionIndex: h,
+        regionKey: g.id ?? h,
         polygons: M
       });
     }
     return u;
-  }, [R]), L = $(() => Qn(x), [x]), at = $(() => ae(L, C), [L, C]), st = $(() => ae(L, W), [L, W]), Mt = $(() => ae(Si, F), [F]), mt = $(() => Bi(rt), [rt]), lt = $(() => Ai(o), [o]), G = $(() => Pi(a), [a]), et = $(
+  }, [R]), L = K(() => Qn(T), [T]), at = K(() => ae(L, C), [L, C]), st = K(() => ae(L, Y), [L, Y]), xt = K(() => ae(Si, F), [F]), mt = K(() => Bi(nt), [nt]), lt = K(() => xi(o), [o]), G = K(() => Ri(a), [a]), et = K(
     () => ({
       position: "absolute",
       inset: 0,
@@ -1177,445 +1179,448 @@ function ki({
       touchAction: "none",
       pointerEvents: ot ? "auto" : "none",
       cursor: ot ? e === "brush" ? "none" : "crosshair" : "default",
-      ...Et
+      ...vt
     }),
-    [ot, e, Et]
-  ), Q = B(() => {
-    const u = J.current;
+    [ot, e, vt]
+  ), j = U(() => {
+    const u = Z.current;
     if (!u) return;
-    const f = u.getBoundingClientRect(), y = Math.max(1, window.devicePixelRatio || 1), M = Math.max(1, Math.round(f.width * y)), P = Math.max(1, Math.round(f.height * y));
-    (u.width !== M || u.height !== P) && (u.width = M, u.height = P);
-  }, []), X = B(
+    const h = u.getBoundingClientRect(), g = Math.max(1, window.devicePixelRatio || 1), M = Math.max(1, Math.round(h.width * g)), x = Math.max(1, Math.round(h.height * g));
+    (u.width !== M || u.height !== x) && (u.width = M, u.height = x);
+  }, []), k = U(
     (u) => {
-      const f = s.current;
-      if (!f || u.length === 0) return [];
-      const y = new Array(u.length);
+      const h = s.current;
+      if (!h || u.length === 0) return [];
+      const g = new Array(u.length);
       for (let M = 0; M < u.length; M += 1) {
-        const P = ee(f.worldToScreen(u[M][0], u[M][1]));
-        if (!P) return [];
-        y[M] = P;
+        const x = le(h.worldToScreen(u[M][0], u[M][1]));
+        if (!x) return [];
+        g[M] = x;
       }
-      return y;
+      return g;
     },
     [s]
-  ), dt = B(
-    (u, f) => {
-      if (!Number.isFinite(f) || f <= 0) return 0;
-      const y = s.current;
-      if (!y) return 0;
-      const M = ee(y.worldToScreen(u[0], u[1]));
-      if (M) {
-        const U = ee(y.screenToWorld(M[0] + f, M[1]));
-        if (U) {
-          const z = Math.hypot(U[0] - u[0], U[1] - u[1]);
-          if (Number.isFinite(z) && z > 0) return z;
-        }
-      }
-      const P = Math.max(1e-6, y.getViewState?.().zoom ?? 1);
-      return f / P;
+  ), dt = U(
+    (u) => {
+      const h = s.current, g = Z.current;
+      if (!h || !g) return null;
+      const M = g.getBoundingClientRect(), x = le(h.screenToWorld(M.left + u[0], M.top + u[1]));
+      return x ? Se(x, t, n) : null;
     },
-    [s]
-  ), ut = B(
+    [s, t, n]
+  ), ut = U(
     (u) => {
       if (!Number.isFinite(u) || u <= 0) return 0;
-      const f = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, y = typeof i == "number" && Number.isFinite(i) ? i : 0, M = s.current?.getViewState?.().zoom, P = typeof M == "number" && Number.isFinite(M) && M > 0 ? M : 1, U = y + Math.log2(P), z = Math.max(1e-9, $n(f, y, U));
-      return u / z / P;
+      const h = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, g = typeof i == "number" && Number.isFinite(i) ? i : 0, M = s.current?.getViewState?.().zoom, x = typeof M == "number" && Number.isFinite(M) && M > 0 ? M : 1, B = g + Math.log2(x), V = Math.max(1e-9, Zn(h, g, B));
+      return u / V / x;
     },
     [r, i, s]
-  ), ct = B(
-    (u, f) => {
-      if (!f) return [];
-      let y = 0;
+  ), ct = U(
+    (u, h) => {
+      if (!h) return [];
+      let g = 0;
       if (u === "stamp-rectangle-4096px") {
-        const U = lt.rectanglePixelSize * 0.5;
-        return In(f, U).map((Z) => Xe(Z, t, n));
+        const B = lt.rectanglePixelSize * 0.5;
+        return Cn(h, B).map(($) => Se($, t, n));
       }
-      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2" ? y = u === "stamp-rectangle-2mm2" ? Kn : lt.rectangleAreaMm2 : (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") && (y = u === "stamp-circle-hpf-0.2mm2" ? ri : u === "stamp-circle-2mm2" ? Jn : lt.circleAreaMm2), !Number.isFinite(y) || y <= 0) return [];
-      const M = vi(y);
-      let P = [];
+      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2" ? g = u === "stamp-rectangle-2mm2" ? Jn : lt.rectangleAreaMm2 : (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") && (g = u === "stamp-circle-hpf-0.2mm2" ? ii : u === "stamp-circle-2mm2" ? jn : lt.circleAreaMm2), !Number.isFinite(g) || g <= 0) return [];
+      const M = vi(g);
+      let x = [];
       if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2") {
-        const U = ut(Math.sqrt(M) * 0.5);
-        P = In(f, U);
+        const B = ut(Math.sqrt(M) * 0.5);
+        x = Cn(h, B);
       } else if (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") {
-        const U = ut(Math.sqrt(M / Math.PI));
-        P = Ii(f, U);
+        const B = ut(Math.sqrt(M / Math.PI));
+        x = Ii(h, B);
       }
-      return P.length ? P.map((U) => Xe(U, t, n)) : [];
+      return x.length ? x.map((B) => Se(B, t, n)) : [];
     },
     [ut, t, n, lt]
-  ), j = B(() => {
-    const u = bt.current;
-    return Me(e) ? ct(e, u.stampCenter) : e === "brush" ? [] : u.isDrawing ? e === "freehand" ? u.points : e === "rectangle" ? Cn(u.start, u.current) : e === "circular" ? _n(u.start, u.current) : [] : [];
-  }, [e, ct]), _t = B(
+  ), Q = U(() => {
+    const u = Mt.current;
+    return Me(e) ? ct(e, u.stampCenter) : e === "brush" ? [] : u.isDrawing ? e === "freehand" ? u.points : e === "rectangle" ? _n(u.start, u.current) : e === "circular" ? Fn(u.start, u.current) : [] : [];
+  }, [e, ct]), Bt = U(
     (u) => {
-      const f = bt.current;
-      if (!f.isDrawing || f.points.length === 0) return;
-      const y = X(f.points);
-      if (y.length === 0) return;
+      const h = Mt.current;
+      if (!h.isDrawing || h.screenPoints.length === 0) return;
+      const g = h.screenPoints;
+      if (g.length === 0) return;
       const M = G.radius;
       if (!(!Number.isFinite(M) || M <= 0)) {
-        if (u.save(), u.globalAlpha = G.fillOpacity, u.fillStyle = G.fillColor, u.strokeStyle = G.fillColor, u.lineCap = "round", u.lineJoin = "round", u.lineWidth = M * 2, y.length === 1)
-          u.beginPath(), u.arc(y[0][0], y[0][1], M, 0, Math.PI * 2), u.fill();
+        if (u.save(), u.globalAlpha = G.fillOpacity, u.fillStyle = G.fillColor, u.strokeStyle = G.fillColor, u.lineCap = "round", u.lineJoin = "round", u.lineWidth = M * 2, g.length === 1)
+          u.beginPath(), u.arc(g[0][0], g[0][1], M, 0, Math.PI * 2), u.fill();
         else {
-          u.beginPath(), u.moveTo(y[0][0], y[0][1]);
-          for (let P = 1; P < y.length; P += 1)
-            u.lineTo(y[P][0], y[P][1]);
+          u.beginPath(), u.moveTo(g[0][0], g[0][1]);
+          for (let x = 1; x < g.length; x += 1)
+            u.lineTo(g[x][0], g[x][1]);
           u.stroke();
         }
         u.restore();
       }
     },
-    [X, G]
-  ), Rt = B(
+    [G]
+  ), It = U(
     (u) => {
-      const f = bt.current, y = f.cursor;
-      if (!y) return;
-      const M = ee(s.current?.worldToScreen(y[0], y[1]) ?? []);
+      const h = Mt.current, g = h.cursor;
+      if (!g) return;
+      const M = h.cursorScreen ?? le(s.current?.worldToScreen(g[0], g[1]) ?? []);
       if (!M) return;
-      const P = G.radius;
-      !Number.isFinite(P) || P <= 0 || (u.save(), u.beginPath(), u.arc(M[0], M[1], P, 0, Math.PI * 2), u.strokeStyle = f.isDrawing ? G.cursorActiveColor : G.cursorColor, u.lineWidth = G.cursorLineWidth, u.setLineDash(G.cursorLineDash), u.stroke(), u.setLineDash(Ce), u.restore());
+      const x = G.radius;
+      !Number.isFinite(x) || x <= 0 || (u.save(), u.beginPath(), u.arc(M[0], M[1], x, 0, Math.PI * 2), u.strokeStyle = h.isDrawing ? G.cursorActiveColor : G.cursorColor, u.lineWidth = G.cursorLineWidth, u.setLineDash(G.cursorLineDash), u.stroke(), u.setLineDash(_e), u.restore());
     },
     [s, G]
-  ), Ft = B(() => {
-    Q();
-    const u = J.current;
+  ), Lt = U(() => {
+    j();
+    const u = Z.current;
     if (!u) return;
-    const f = u.getContext("2d");
-    if (!f) return;
-    const y = Math.max(1, window.devicePixelRatio || 1), M = u.width / y, P = u.height / y;
-    if (f.setTransform(1, 0, 0, 1, 0, 0), f.clearRect(0, 0, u.width, u.height), f.setTransform(y, 0, 0, y, 0, 0), v.length > 0)
-      for (const U of v) {
-        const { region: z, polygons: Z, regionIndex: q, regionKey: gt } = U, kt = Bn(K, gt) ? "active" : Bn(N, gt) ? "hover" : "default";
-        let Xt = kt === "active" ? st : kt === "hover" ? at : L;
-        if (O) {
-          const nt = O({
-            region: z,
+    const h = u.getContext("2d");
+    if (!h) return;
+    const g = Math.max(1, window.devicePixelRatio || 1), M = u.width / g, x = u.height / g;
+    if (h.setTransform(1, 0, 0, 1, 0, 0), h.clearRect(0, 0, u.width, u.height), h.setTransform(g, 0, 0, g, 0, 0), v.length > 0)
+      for (const B of v) {
+        const { region: V, polygons: $, regionIndex: q, regionKey: gt } = B, Ot = Ln(J, gt) ? "active" : Ln(z, gt) ? "hover" : "default";
+        let pt = Ot === "active" ? st : Ot === "hover" ? at : L;
+        if (W) {
+          const rt = W({
+            region: V,
             regionId: gt,
             regionIndex: q,
-            state: kt
+            state: Ot
           });
-          Xt = ae(Xt, nt || void 0);
+          pt = ae(pt, rt || void 0);
         }
-        for (const nt of Z) {
-          const ht = X(nt.outer);
-          ht.length >= 4 && Gt(f, ht, Xt, !0, !1);
-          for (const wt of nt.holes) {
-            const yt = X(wt);
-            yt.length >= 4 && Gt(f, yt, Xt, !0, !1);
+        for (const rt of $) {
+          const bt = k(rt.outer);
+          bt.length >= 4 && $t(h, bt, pt, !0, !1);
+          for (const At of rt.holes) {
+            const Tt = k(At);
+            Tt.length >= 4 && $t(h, Tt, pt, !0, !1);
           }
         }
       }
-    if (V.length > 0)
-      for (const U of V)
-        for (const z of U.polygons) {
-          const Z = X(z.outer);
-          Z.length >= 4 && Gt(f, Z, Mt, !0, !1);
-          for (const q of z.holes) {
-            const gt = X(q);
-            gt.length >= 4 && Gt(f, gt, Mt, !0, !1);
+    if (O.length > 0)
+      for (const B of O)
+        for (const V of B.polygons) {
+          const $ = k(V.outer);
+          $.length >= 4 && $t(h, $, xt, !0, !1);
+          for (const q of V.holes) {
+            const gt = k(q);
+            gt.length >= 4 && $t(h, gt, xt, !0, !1);
           }
         }
-    if (Array.isArray(E) && E.length > 0) {
-      const U = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, z = X(
-        Ht([
+    if (Array.isArray(P) && P.length > 0) {
+      const B = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, V = k(
+        Xt([
           [0, 0],
           [t, 0],
           [t, n],
           [0, n]
         ])
       );
-      for (let Z = 0; Z < E.length; Z += 1) {
-        const q = E[Z];
+      for (let $ = 0; $ < P.length; $ += 1) {
+        const q = P[$];
         if (!q?.coordinates?.length || q.visible === !1) continue;
-        const gt = q.closed ?? Ci(q.coordinates), kt = Ln(q.coordinates, gt);
+        const gt = q.closed ?? Ci(q.coordinates), Ot = Nn(q.coordinates, gt);
         if (q.invertedFill?.fillColor) {
-          const nt = [], ht = Ln(q.coordinates, !0);
-          for (const wt of ht) {
-            const yt = X(wt);
-            yt.length >= 4 && nt.push(yt);
+          const rt = [], bt = Nn(q.coordinates, !0);
+          for (const At of bt) {
+            const Tt = k(At);
+            Tt.length >= 4 && rt.push(Tt);
           }
-          if (U) {
-            const wt = String(q.id ?? Z), yt = `${z.length}|${ht.length}|${nt.length}|${q.invertedFill.fillColor}`;
-            Nt.current.get(wt) !== yt && (Nt.current.set(wt, yt), console.debug("[open-plant] invertedFill", {
-              id: q.id ?? Z,
-              outerRingPoints: z.length,
-              sourceRingCount: ht.length,
-              holeRingCount: nt.length,
+          if (B) {
+            const At = String(q.id ?? $), Tt = `${V.length}|${bt.length}|${rt.length}|${q.invertedFill.fillColor}`;
+            Dt.current.get(At) !== Tt && (Dt.current.set(At, Tt), console.debug("[open-plant] invertedFill", {
+              id: q.id ?? $,
+              outerRingPoints: V.length,
+              sourceRingCount: bt.length,
+              holeRingCount: rt.length,
               fillColor: q.invertedFill.fillColor
             }));
           }
-          Ui(f, z, nt, q.invertedFill.fillColor);
+          Ui(h, V, rt, q.invertedFill.fillColor);
         }
-        if (kt.length === 0) continue;
-        const Xt = ae(L, q.stroke ?? q.strokeStyle);
-        for (const nt of kt) {
-          const ht = X(nt);
-          ht.length < 2 || Gt(f, ht, Xt, gt, q.fill ?? !1);
+        if (Ot.length === 0) continue;
+        const pt = ae(L, q.stroke ?? q.strokeStyle);
+        for (const rt of Ot) {
+          const bt = k(rt);
+          bt.length < 2 || $t(h, bt, pt, gt, q.fill ?? !1);
         }
       }
     }
     if (ot)
       if (e === "brush")
-        _t(f), Rt(f);
+        Bt(h), It(h);
       else {
-        const U = j();
-        if (U.length > 0)
+        const B = Q();
+        if (B.length > 0)
           if (e === "freehand") {
-            const z = X(U);
-            z.length >= 2 && Gt(f, z, L, !1, !1), z.length >= 3 && Gt(f, X(Ht(U)), L, !0, !0);
+            const V = k(B);
+            V.length >= 2 && $t(h, V, L, !1, !1), V.length >= 3 && $t(h, k(Xt(B)), L, !0, !0);
           } else {
-            const z = X(U);
-            z.length >= 4 && Gt(f, z, L, !0, !0);
+            const V = k(B);
+            V.length >= 4 && $t(h, V, L, !0, !0);
           }
       }
     if (v.length > 0)
-      for (const U of v) {
-        if (!U.region.label) continue;
-        const z = Ni(U.polygons);
-        if (!z) continue;
-        const Z = ee(s.current?.worldToScreen(z[0], z[1]) ?? []);
-        Z && Di(f, U.region.label, Z, M, P, mt);
+      for (const B of v) {
+        if (!B.region.label) continue;
+        const V = Ni(B.polygons);
+        if (!V) continue;
+        const $ = le(s.current?.worldToScreen(V[0], V[1]) ?? []);
+        $ && Di(h, B.region.label, $, M, x, mt);
       }
   }, [
     ot,
     e,
-    j,
-    _t,
-    Rt,
     Q,
-    X,
+    Bt,
+    It,
+    j,
+    k,
     t,
     n,
     s,
     v,
-    E,
-    N,
-    K,
+    P,
+    z,
+    J,
     L,
     at,
     st,
-    V,
-    Mt,
     O,
+    xt,
+    W,
     mt
-  ]), _ = B(() => {
-    Ct.current || (Ct.current = !0, requestAnimationFrame(() => {
-      Ct.current = !1, Ft();
+  ]), _ = U(() => {
+    Ut.current || (Ut.current = !0, requestAnimationFrame(() => {
+      Ut.current = !1, Lt();
     }));
-  }, [Ft]), pt = B((u = !1) => {
-    const f = bt.current, y = J.current;
-    if (y && f.pointerId !== null && y.hasPointerCapture(f.pointerId))
+  }, [Lt]), yt = U((u = !1) => {
+    const h = Mt.current, g = Z.current;
+    if (g && h.pointerId !== null && g.hasPointerCapture(h.pointerId))
       try {
-        y.releasePointerCapture(f.pointerId);
+        g.releasePointerCapture(h.pointerId);
       } catch {
       }
-    f.isDrawing = !1, f.pointerId = null, f.start = null, f.current = null, f.points = [], f.stampCenter = null, u || (f.cursor = null);
-  }, []), Pt = B(
+    h.isDrawing = !1, h.pointerId = null, h.start = null, h.current = null, h.points = [], h.screenPoints = [], h.stampCenter = null, u || (h.cursor = null, h.cursorScreen = null);
+  }, []), Ct = U(
     (u) => {
-      const f = s.current;
-      if (!f || t <= 0 || n <= 0) return null;
-      const y = ee(f.screenToWorld(u.clientX, u.clientY));
-      return y ? Xe(y, t, n) : null;
+      const h = s.current;
+      if (!h || t <= 0 || n <= 0) return null;
+      const g = le(h.screenToWorld(u.clientX, u.clientY));
+      return g ? Se(g, t, n) : null;
     },
     [s, t, n]
-  ), Ut = B(() => {
-    const u = bt.current;
+  ), St = U((u) => {
+    const h = Z.current;
+    if (!h) return null;
+    const g = h.getBoundingClientRect(), M = Yt(u.clientX - g.left, 0, g.width), x = Yt(u.clientY - g.top, 0, g.height);
+    return !Number.isFinite(M) || !Number.isFinite(x) ? null : [M, x];
+  }, []), re = U(() => {
+    const u = Mt.current;
     if (!u.isDrawing) {
-      pt(!0), _();
+      yt(!0), _();
       return;
     }
-    let f = [];
+    let h = [];
     if (e === "freehand")
-      u.points.length >= jr && (f = Ht(u.points));
+      u.points.length >= ti && (h = Xt(u.points));
     else if (e === "rectangle")
-      f = Cn(u.start, u.current);
+      h = _n(u.start, u.current);
     else if (e === "circular")
-      f = _n(u.start, u.current);
+      h = Fn(u.start, u.current);
     else if (e === "brush") {
-      const y = u.points[u.points.length - 1] ?? u.current ?? u.start;
-      if (G.clickSelectRoi && y && u.points.length <= 1 && l?.(y)) {
-        pt(!0), _();
+      const g = u.points[u.points.length - 1] ?? u.current ?? u.start;
+      if (G.clickSelectRoi && g && u.points.length <= 1 && l?.(g)) {
+        yt(!0), _();
         return;
       }
-      const M = u.points[u.points.length - 1] ?? u.current ?? u.start, P = M ? dt(M, G.radius) : 0, U = G.edgeDetail, z = Math.max(
-        yi,
-        P * 2 / (wi * U)
-      );
-      f = Hr(u.points, {
-        radius: P,
-        clipBounds: [0, 0, t, n],
-        minRasterStep: z,
-        circleSides: Math.max(24, Math.round(64 * U)),
-        simplifyTolerance: z * 0.25,
+      const M = G.edgeDetail, x = Math.max(
+        wi,
+        G.radius * 2 / (Mi * M)
+      ), B = u.screenPoints.length > 0 ? u.screenPoints : k(u.points), V = $r(B, {
+        radius: G.radius,
+        minRasterStep: x,
+        circleSides: Math.max(24, Math.round(64 * M)),
+        simplifyTolerance: x * 0.25,
         smoothingPasses: G.edgeSmoothing
-      });
+      }), $ = [];
+      for (const q of V) {
+        const gt = dt(q);
+        gt && $.push(gt);
+      }
+      h = Xt($);
     }
-    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && Un(f) && c && c({
+    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && Bn(h) && c && c({
       tool: e,
       intent: e === "brush" ? "brush" : "roi",
-      coordinates: f,
-      bbox: Fn(f),
-      areaPx: Ge(f)
-    }), pt(!0), _();
-  }, [e, c, pt, _, dt, G.radius, G.edgeDetail, G.edgeSmoothing, G.clickSelectRoi, t, n, l]), re = B(
-    (u, f) => {
-      const y = ct(u, f);
-      if (!Un(y)) return;
-      const M = u === "stamp-rectangle-4096px" ? "patch" : "roi", P = {
+      coordinates: h,
+      bbox: Un(h),
+      areaPx: Ge(h)
+    }), yt(!0), _();
+  }, [e, c, yt, _, k, dt, G.radius, G.edgeDetail, G.edgeSmoothing, G.clickSelectRoi, l]), Wt = U(
+    (u, h) => {
+      const g = ct(u, h);
+      if (!Bn(g)) return;
+      const M = u === "stamp-rectangle-4096px" ? "patch" : "roi", x = {
         tool: u,
         intent: M,
-        coordinates: y,
-        bbox: Fn(y),
-        areaPx: Ge(y)
+        coordinates: g,
+        bbox: Un(g),
+        areaPx: Ge(g)
       };
-      c?.(P), M === "patch" && h && h(P);
+      c?.(x), M === "patch" && f && f(x);
     },
-    [ct, c, h]
-  ), Bt = B(
-    (u, f) => {
-      const y = s.current, M = Math.max(1e-6, y?.getViewState?.().zoom ?? 1), P = Mi / M, U = P * P, z = u.points[u.points.length - 1];
-      if (!z) {
-        u.points.push(f), u.current = f;
+    [ct, c, f]
+  ), wt = U(
+    (u, h, g) => {
+      const M = In * In, x = u.screenPoints[u.screenPoints.length - 1];
+      if (!x) {
+        u.points.push(h), u.screenPoints.push(g), u.current = h;
         return;
       }
-      const Z = f[0] - z[0], q = f[1] - z[1];
-      Z * Z + q * q >= U ? u.points.push(f) : u.points[u.points.length - 1] = f, u.current = f;
+      const B = g[0] - x[0], V = g[1] - x[1];
+      B * B + V * V >= M ? (u.points.push(h), u.screenPoints.push(g)) : (u.points[u.points.length - 1] = h, u.screenPoints[u.screenPoints.length - 1] = g), u.current = h;
     },
-    [s]
-  ), St = B(
+    []
+  ), Ue = U(
     (u) => {
       if (!ot || e === "cursor" || u.button !== 0) return;
-      const f = Pt(u);
-      if (!f) return;
+      const h = Ct(u);
+      if (!h) return;
+      const g = e === "brush" ? St(u) : null;
+      if (e === "brush" && !g) return;
       if (u.preventDefault(), u.stopPropagation(), Me(e)) {
-        const P = bt.current;
-        P.stampCenter = f, re(e, f), _();
+        const B = Mt.current;
+        B.stampCenter = h, Wt(e, h), _();
         return;
       }
-      const y = J.current;
-      y && y.setPointerCapture(u.pointerId);
-      const M = bt.current;
-      M.isDrawing = !0, M.pointerId = u.pointerId, M.start = f, M.current = f, M.cursor = f, M.points = e === "freehand" || e === "brush" ? [f] : [], _();
+      const M = Z.current;
+      M && M.setPointerCapture(u.pointerId);
+      const x = Mt.current;
+      x.isDrawing = !0, x.pointerId = u.pointerId, x.start = h, x.current = h, x.cursor = h, x.cursorScreen = g, x.points = e === "freehand" || e === "brush" ? [h] : [], x.screenPoints = e === "brush" && g ? [g] : [], _();
     },
-    [ot, e, Pt, re, _]
-  ), Fe = B(
+    [ot, e, Ct, St, Wt, _]
+  ), fe = U(
     (u) => {
       if (!ot || e === "cursor") return;
-      const f = Pt(u);
-      if (!f) return;
+      const h = Ct(u);
+      if (!h) return;
       if (Me(e)) {
-        const M = bt.current;
-        M.stampCenter = f, u.preventDefault(), u.stopPropagation(), _();
+        const M = Mt.current;
+        M.stampCenter = h, u.preventDefault(), u.stopPropagation(), _();
         return;
       }
-      const y = bt.current;
+      const g = Mt.current;
       if (e === "brush") {
-        if (y.cursor = f, !y.isDrawing || y.pointerId !== u.pointerId) {
+        const M = St(u);
+        if (!M) return;
+        if (g.cursor = h, g.cursorScreen = M, !g.isDrawing || g.pointerId !== u.pointerId) {
           _();
           return;
         }
-        u.preventDefault(), u.stopPropagation(), Bt(y, f), _();
+        u.preventDefault(), u.stopPropagation(), wt(g, h, M), _();
         return;
       }
-      if (!(!y.isDrawing || y.pointerId !== u.pointerId)) {
+      if (!(!g.isDrawing || g.pointerId !== u.pointerId)) {
         if (u.preventDefault(), u.stopPropagation(), e === "freehand") {
-          const M = s.current, P = Math.max(1e-6, M?.getViewState?.().zoom ?? 1), U = ti / P, z = U * U, Z = y.points[y.points.length - 1];
-          if (!Z)
-            y.points.push(f);
+          const M = s.current, x = Math.max(1e-6, M?.getViewState?.().zoom ?? 1), B = ei / x, V = B * B, $ = g.points[g.points.length - 1];
+          if (!$)
+            g.points.push(h);
           else {
-            const q = f[0] - Z[0], gt = f[1] - Z[1];
-            q * q + gt * gt >= z && y.points.push(f);
+            const q = h[0] - $[0], gt = h[1] - $[1];
+            q * q + gt * gt >= V && g.points.push(h);
           }
         } else
-          y.current = f;
+          g.current = h;
         _();
       }
     },
-    [ot, e, Pt, _, s, Bt]
-  ), ie = B(
+    [ot, e, Ct, St, _, s, wt]
+  ), ie = U(
     (u) => {
-      const f = bt.current;
-      if (!f.isDrawing || f.pointerId !== u.pointerId) return;
+      const h = Mt.current;
+      if (!h.isDrawing || h.pointerId !== u.pointerId) return;
       u.preventDefault(), u.stopPropagation();
-      const y = Pt(u);
-      y && (f.cursor = y, e === "brush" ? Bt(f, y) : f.current = y);
-      const M = J.current;
-      if (M && M.hasPointerCapture(u.pointerId))
+      const g = Ct(u), M = e === "brush" ? St(u) : null;
+      g && (h.cursor = g, e === "brush" ? M && (h.cursorScreen = M, wt(h, g, M)) : h.current = g);
+      const x = Z.current;
+      if (x && x.hasPointerCapture(u.pointerId))
         try {
-          M.releasePointerCapture(u.pointerId);
+          x.releasePointerCapture(u.pointerId);
         } catch {
         }
-      Ut();
+      re();
     },
-    [Ut, Pt, e, Bt]
-  ), he = B(() => {
-    const u = bt.current;
-    let f = !1;
-    e === "brush" && !u.isDrawing && u.cursor && (u.cursor = null, f = !0), Me(e) && u.stampCenter && (u.stampCenter = null, f = !0), f && _();
+    [re, Ct, St, e, wt]
+  ), ht = U(() => {
+    const u = Mt.current;
+    let h = !1;
+    e === "brush" && !u.isDrawing && u.cursor && (u.cursor = null, u.cursorScreen = null, h = !0), Me(e) && u.stampCenter && (u.stampCenter = null, h = !0), h && _();
   }, [e, _]);
-  return Y(() => {
-    Q(), _();
-    const u = J.current;
+  return X(() => {
+    j(), _();
+    const u = Z.current;
     if (!u) return;
-    const f = new ResizeObserver(() => {
-      Q(), _();
+    const h = new ResizeObserver(() => {
+      j(), _();
     });
-    return f.observe(u), () => {
-      f.disconnect();
+    return h.observe(u), () => {
+      h.disconnect();
     };
-  }, [Q, _]), Y(() => {
-    ot || pt(), _();
-  }, [ot, _, pt]), Y(() => {
-    Qt.current !== e && (Qt.current = e, pt(), _());
-  }, [e, pt, _]), Y(() => {
+  }, [j, _]), X(() => {
+    ot || yt(), _();
+  }, [ot, _, yt]), X(() => {
+    Qt.current !== e && (Qt.current = e, yt(), _());
+  }, [e, yt, _]), X(() => {
     _();
-  }, [d, T, E, _]), Y(() => {
-    if (D)
-      return D.current = _, () => {
-        D.current === _ && (D.current = null);
+  }, [d, E, P, _]), X(() => {
+    if (N)
+      return N.current = _, () => {
+        N.current === _ && (N.current = null);
       };
-  }, [D, _]), Y(() => {
+  }, [N, _]), X(() => {
     if (!ot) return;
-    const u = (f) => {
-      f.key === "Escape" && (pt(), _());
+    const u = (h) => {
+      h.key === "Escape" && (yt(), _());
     };
     return window.addEventListener("keydown", u), () => {
       window.removeEventListener("keydown", u);
     };
-  }, [ot, pt, _]), /* @__PURE__ */ zt(
+  }, [ot, yt, _]), /* @__PURE__ */ zt(
     "canvas",
     {
-      ref: J,
-      className: It,
+      ref: Z,
+      className: Ft,
       style: et,
-      onPointerDown: St,
-      onPointerMove: Fe,
+      onPointerDown: Ue,
+      onPointerMove: fe,
       onPointerUp: ie,
       onPointerCancel: ie,
-      onPointerLeave: he,
+      onPointerLeave: ht,
       onContextMenu: (u) => {
         ot && u.preventDefault();
       },
       onWheel: (u) => {
         if (!ot) return;
-        const f = J.current, y = s.current;
-        if (!f || typeof y?.zoomBy != "function") return;
+        const h = Z.current, g = s.current;
+        if (!h || typeof g?.zoomBy != "function") return;
         u.preventDefault(), u.stopPropagation();
-        const M = f.getBoundingClientRect(), P = u.clientX - M.left, U = u.clientY - M.top;
-        y.zoomBy(u.deltaY < 0 ? ii : oi, P, U), _();
+        const M = h.getBoundingClientRect(), x = u.clientX - M.left, B = u.clientY - M.top;
+        g.zoomBy(u.deltaY < 0 ? oi : si, x, B), _();
       }
     }
   );
 }
-function Dn(e) {
+function kn(e) {
   return String(e ?? "").replace(/\/+$/, "");
 }
-function tr(e) {
+function er(e) {
   const t = String(e ?? "");
   return t.startsWith("/") ? t : `/${t}`;
 }
 function Xi(e) {
-  const t = Dn(e);
+  const t = kn(e);
   if (!t) return "";
   if (/\/TileGroup\d+$/i.test(t)) return t;
   let n = null;
@@ -1625,7 +1630,7 @@ function Xi(e) {
     n = null;
   }
   if (n) {
-    const r = `${n.protocol}//${n.host}`, i = Dn(n.pathname || "");
+    const r = `${n.protocol}//${n.host}`, i = kn(n.pathname || "");
     return /\/ims$/i.test(i) ? `${r}${i}` : /\/tiles$/i.test(i) ? `${r}${i}` : `${r}${i}/tiles`;
   }
   return /\/ims$/i.test(t) ? "/ims" : /\/tiles$/i.test(t) ? `${t}` : `${t}/tiles`;
@@ -1634,11 +1639,11 @@ function Fo(e, t) {
   const n = e?.imsInfo || {}, r = !!e?.imsInfo, i = Number(n.width ?? e?.width ?? 0), o = Number(n.height ?? e?.height ?? 0), a = Number(n.tileSize ?? e?.tileSize ?? 0), s = Number(n.zoom ?? e?.zoom ?? 0), l = String(n.path ?? e?.path ?? ""), c = Number(n.mpp ?? e?.mpp ?? 0);
   if (!i || !o || !a || !l)
     throw new Error("이미지 메타데이터가 불완전합니다. width/height/tileSize/path 확인 필요");
-  const h = Array.isArray(e?.terms) ? e.terms.map((p) => ({
-    termId: String(p?.termId ?? ""),
-    termName: String(p?.termName ?? ""),
-    termColor: String(p?.termColor ?? "")
-  })) : [], g = tr(l), d = Xi(t), m = r ? (p, S, x) => `${d}${g}/${p}/${x}_${S}.webp` : void 0;
+  const f = Array.isArray(e?.terms) ? e.terms.map((b) => ({
+    termId: String(b?.termId ?? ""),
+    termName: String(b?.termName ?? ""),
+    termColor: String(b?.termColor ?? "")
+  })) : [], p = er(l), d = Xi(t), m = r ? (b, S, T) => `${d}${p}/${b}/${T}_${S}.webp` : void 0;
   return {
     id: e?._id || "unknown",
     name: e?.name || "unknown",
@@ -1649,17 +1654,17 @@ function Fo(e, t) {
     maxTierZoom: Number.isFinite(s) ? Math.max(0, Math.floor(s)) : 0,
     tilePath: l,
     tileBaseUrl: t,
-    terms: h,
+    terms: f,
     tileUrlBuilder: m
   };
 }
-function er(e, t, n, r) {
+function nr(e, t, n, r) {
   if (e.tileUrlBuilder)
     return e.tileUrlBuilder(t, n, r);
-  const i = tr(e.tilePath);
+  const i = er(e.tilePath);
   return `${e.tileBaseUrl}${i}/${t}/${r}_${n}.webp`;
 }
-const At = {
+const Et = {
   width: 220,
   height: 140,
   margin: 16,
@@ -1677,7 +1682,7 @@ const At = {
 function ne(e, t, n = 1) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(n, e);
 }
-function Se(e) {
+function xe(e) {
   return Array.isArray(e) && e.length === 4 && Number.isFinite(e[0]) && Number.isFinite(e[1]) && Number.isFinite(e[2]) && Number.isFinite(e[3]);
 }
 function Yi({
@@ -1689,231 +1694,231 @@ function Yi({
   className: o,
   style: a
 }) {
-  const s = tt(null), l = tt(null), c = tt(null), h = tt({
+  const s = tt(null), l = tt(null), c = tt(null), f = tt({
     active: !1,
     pointerId: null
-  }), g = tt(null), d = tt(!1), m = ne(
+  }), p = tt(null), d = tt(!1), m = ne(
     r?.width,
-    At.width,
+    Et.width,
     64
-  ), p = ne(
+  ), b = ne(
     r?.height,
-    At.height,
+    Et.height,
     48
   ), S = ne(
     r?.margin,
-    At.margin,
+    Et.margin,
     0
-  ), x = ne(
+  ), T = ne(
     r?.borderRadius,
-    At.borderRadius,
+    Et.borderRadius,
     0
   ), C = ne(
     r?.borderWidth,
-    At.borderWidth,
+    Et.borderWidth,
     0
-  ), W = Math.max(
+  ), Y = Math.max(
     1,
     Math.round(
       ne(
         r?.maxThumbnailTiles,
-        At.maxThumbnailTiles,
+        Et.maxThumbnailTiles,
         1
       )
     )
-  ), F = r?.backgroundColor || At.backgroundColor, O = r?.borderColor || At.borderColor, E = r?.viewportStrokeColor || At.viewportStrokeColor, N = r?.viewportFillColor || At.viewportFillColor, K = r?.interactive ?? At.interactive, rt = r?.showThumbnail ?? At.showThumbnail, D = r?.position || At.position, It = $(() => {
-    const T = {};
-    return D === "top-left" || D === "bottom-left" ? T.left = S : T.right = S, D === "top-left" || D === "top-right" ? T.top = S : T.bottom = S, {
+  ), F = r?.backgroundColor || Et.backgroundColor, W = r?.borderColor || Et.borderColor, P = r?.viewportStrokeColor || Et.viewportStrokeColor, z = r?.viewportFillColor || Et.viewportFillColor, J = r?.interactive ?? Et.interactive, nt = r?.showThumbnail ?? Et.showThumbnail, N = r?.position || Et.position, Ft = K(() => {
+    const E = {};
+    return N === "top-left" || N === "bottom-left" ? E.left = S : E.right = S, N === "top-left" || N === "top-right" ? E.top = S : E.bottom = S, {
       position: "absolute",
-      ...T,
+      ...E,
       width: m,
-      height: p,
-      borderRadius: x,
+      height: b,
+      borderRadius: T,
       overflow: "hidden",
       zIndex: 4,
-      pointerEvents: K ? "auto" : "none",
+      pointerEvents: J ? "auto" : "none",
       touchAction: "none",
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...a
     };
-  }, [S, D, m, p, x, K, a]), Et = B(() => {
-    const T = s.current;
-    if (!T) return;
-    const R = T.getContext("2d");
+  }, [S, N, m, b, T, J, a]), vt = U(() => {
+    const E = s.current;
+    if (!E) return;
+    const R = E.getContext("2d");
     if (!R) return;
-    const v = m, V = p, L = Math.max(1, window.devicePixelRatio || 1), at = Math.max(1, Math.round(v * L)), st = Math.max(1, Math.round(V * L));
-    (T.width !== at || T.height !== st) && (T.width = at, T.height = st), R.setTransform(1, 0, 0, 1, 0, 0), R.clearRect(0, 0, T.width, T.height), R.setTransform(L, 0, 0, L, 0, 0), R.fillStyle = F, R.fillRect(0, 0, v, V);
-    const Mt = l.current;
-    Mt && R.drawImage(Mt, 0, 0, v, V), R.strokeStyle = O, R.lineWidth = C, R.strokeRect(
+    const v = m, O = b, L = Math.max(1, window.devicePixelRatio || 1), at = Math.max(1, Math.round(v * L)), st = Math.max(1, Math.round(O * L));
+    (E.width !== at || E.height !== st) && (E.width = at, E.height = st), R.setTransform(1, 0, 0, 1, 0, 0), R.clearRect(0, 0, E.width, E.height), R.setTransform(L, 0, 0, L, 0, 0), R.fillStyle = F, R.fillRect(0, 0, v, O);
+    const xt = l.current;
+    xt && R.drawImage(xt, 0, 0, v, O), R.strokeStyle = W, R.lineWidth = C, R.strokeRect(
       C * 0.5,
       C * 0.5,
       v - C,
-      V - C
+      O - C
     );
-    const mt = t.current, lt = mt?.getViewBounds?.(), G = mt?.getViewCorners?.(), et = Se(lt) ? lt : Se(c.current) ? c.current : null;
+    const mt = t.current, lt = mt?.getViewBounds?.(), G = mt?.getViewCorners?.(), et = xe(lt) ? lt : xe(c.current) ? c.current : null;
     if (!et) return;
     c.current = et;
-    const Q = v / Math.max(1, e.width), X = V / Math.max(1, e.height), dt = Array.isArray(G) && G.length >= 4 && G.every(
+    const j = v / Math.max(1, e.width), k = O / Math.max(1, e.height), dt = Array.isArray(G) && G.length >= 4 && G.every(
       (_) => Array.isArray(_) && _.length >= 2 && Number.isFinite(_[0]) && Number.isFinite(_[1])
     ) ? G : null;
     if (dt) {
       R.beginPath();
       for (let _ = 0; _ < dt.length; _ += 1) {
-        const pt = dt[_], Pt = it(pt[0] * Q, 0, v), Ut = it(pt[1] * X, 0, V);
-        _ === 0 ? R.moveTo(Pt, Ut) : R.lineTo(Pt, Ut);
+        const yt = dt[_], Ct = it(yt[0] * j, 0, v), St = it(yt[1] * k, 0, O);
+        _ === 0 ? R.moveTo(Ct, St) : R.lineTo(Ct, St);
       }
-      R.closePath(), R.fillStyle = N, R.fill(), R.strokeStyle = E, R.lineWidth = 1.5, R.stroke();
+      R.closePath(), R.fillStyle = z, R.fill(), R.strokeStyle = P, R.lineWidth = 1.5, R.stroke();
       return;
     }
-    const ut = it(et[0] * Q, 0, v), ct = it(et[1] * X, 0, V), j = it(et[2] * Q, 0, v), _t = it(et[3] * X, 0, V), Rt = Math.max(1, j - ut), Ft = Math.max(1, _t - ct);
-    R.fillStyle = N, R.fillRect(ut, ct, Rt, Ft), R.strokeStyle = E, R.lineWidth = 1.5, R.strokeRect(
+    const ut = it(et[0] * j, 0, v), ct = it(et[1] * k, 0, O), Q = it(et[2] * j, 0, v), Bt = it(et[3] * k, 0, O), It = Math.max(1, Q - ut), Lt = Math.max(1, Bt - ct);
+    R.fillStyle = z, R.fillRect(ut, ct, It, Lt), R.strokeStyle = P, R.lineWidth = 1.5, R.strokeRect(
       ut + 0.5,
       ct + 0.5,
-      Math.max(1, Rt - 1),
-      Math.max(1, Ft - 1)
+      Math.max(1, It - 1),
+      Math.max(1, Lt - 1)
     );
   }, [
     m,
-    p,
+    b,
     F,
-    O,
+    W,
     C,
     t,
     e.width,
     e.height,
-    N,
-    E
-  ]), J = B(() => {
-    d.current || (d.current = !0, g.current = requestAnimationFrame(() => {
-      d.current = !1, g.current = null, Et();
+    z,
+    P
+  ]), Z = U(() => {
+    d.current || (d.current = !0, p.current = requestAnimationFrame(() => {
+      d.current = !1, p.current = null, vt();
     }));
-  }, [Et]), Ct = B(
-    (T, R) => {
+  }, [vt]), Ut = U(
+    (E, R) => {
       const v = s.current;
       if (!v) return null;
-      const V = v.getBoundingClientRect();
-      if (!V.width || !V.height) return null;
-      const L = it((T - V.left) / V.width, 0, 1), at = it((R - V.top) / V.height, 0, 1);
+      const O = v.getBoundingClientRect();
+      if (!O.width || !O.height) return null;
+      const L = it((E - O.left) / O.width, 0, 1), at = it((R - O.top) / O.height, 0, 1);
       return [L * e.width, at * e.height];
     },
     [e.width, e.height]
-  ), Nt = B(
-    (T, R) => {
+  ), Dt = U(
+    (E, R) => {
       const v = t.current;
       if (!v) return;
       if (v.setViewCenter) {
-        v.setViewCenter(T, R), J();
+        v.setViewCenter(E, R), Z();
         return;
       }
-      const V = v.getViewBounds?.(), L = Se(V) ? V : Se(c.current) ? c.current : null;
+      const O = v.getViewBounds?.(), L = xe(O) ? O : xe(c.current) ? c.current : null;
       if (!L) return;
       const at = Math.max(1e-6, L[2] - L[0]), st = Math.max(1e-6, L[3] - L[1]);
       v.setViewState({
-        offsetX: T - at * 0.5,
+        offsetX: E - at * 0.5,
         offsetY: R - st * 0.5
-      }), J();
+      }), Z();
     },
-    [t, J]
-  ), Qt = B(
-    (T) => {
-      if (!K || T.button !== 0) return;
+    [t, Z]
+  ), Qt = U(
+    (E) => {
+      if (!J || E.button !== 0) return;
       const R = s.current;
       if (!R) return;
-      const v = Ct(T.clientX, T.clientY);
-      v && (T.preventDefault(), T.stopPropagation(), R.setPointerCapture(T.pointerId), h.current = { active: !0, pointerId: T.pointerId }, Nt(v[0], v[1]));
+      const v = Ut(E.clientX, E.clientY);
+      v && (E.preventDefault(), E.stopPropagation(), R.setPointerCapture(E.pointerId), f.current = { active: !0, pointerId: E.pointerId }, Dt(v[0], v[1]));
     },
-    [K, Ct, Nt]
-  ), bt = B(
-    (T) => {
-      const R = h.current;
-      if (!R.active || R.pointerId !== T.pointerId) return;
-      const v = Ct(T.clientX, T.clientY);
-      v && (T.preventDefault(), T.stopPropagation(), Nt(v[0], v[1]));
+    [J, Ut, Dt]
+  ), Mt = U(
+    (E) => {
+      const R = f.current;
+      if (!R.active || R.pointerId !== E.pointerId) return;
+      const v = Ut(E.clientX, E.clientY);
+      v && (E.preventDefault(), E.stopPropagation(), Dt(v[0], v[1]));
     },
-    [Ct, Nt]
-  ), ot = B(
-    (T) => {
-      const R = h.current;
-      if (!R.active || R.pointerId !== T.pointerId) return;
+    [Ut, Dt]
+  ), ot = U(
+    (E) => {
+      const R = f.current;
+      if (!R.active || R.pointerId !== E.pointerId) return;
       const v = s.current;
-      if (v && v.hasPointerCapture(T.pointerId))
+      if (v && v.hasPointerCapture(E.pointerId))
         try {
-          v.releasePointerCapture(T.pointerId);
+          v.releasePointerCapture(E.pointerId);
         } catch {
         }
-      h.current = { active: !1, pointerId: null }, J();
+      f.current = { active: !1, pointerId: null }, Z();
     },
-    [J]
+    [Z]
   );
-  return Y(() => {
-    let T = !1;
-    l.current = null, J();
-    const R = 0, v = 2 ** (e.maxTierZoom - R), V = Math.ceil(e.width / v), L = Math.ceil(e.height / v), at = Math.max(1, Math.ceil(V / e.tileSize)), st = Math.max(1, Math.ceil(L / e.tileSize)), Mt = at * st;
-    if (!rt || Mt > W)
+  return X(() => {
+    let E = !1;
+    l.current = null, Z();
+    const R = 0, v = 2 ** (e.maxTierZoom - R), O = Math.ceil(e.width / v), L = Math.ceil(e.height / v), at = Math.max(1, Math.ceil(O / e.tileSize)), st = Math.max(1, Math.ceil(L / e.tileSize)), xt = at * st;
+    if (!nt || xt > Y)
       return;
     const mt = document.createElement("canvas");
-    mt.width = Math.max(1, Math.round(m)), mt.height = Math.max(1, Math.round(p));
+    mt.width = Math.max(1, Math.round(m)), mt.height = Math.max(1, Math.round(b));
     const lt = mt.getContext("2d");
     if (!lt)
       return;
     lt.fillStyle = F, lt.fillRect(0, 0, mt.width, mt.height);
     const G = [];
     for (let et = 0; et < st; et += 1)
-      for (let Q = 0; Q < at; Q += 1) {
-        const X = Q * e.tileSize * v, dt = et * e.tileSize * v, ut = Math.min((Q + 1) * e.tileSize, V) * v, ct = Math.min((et + 1) * e.tileSize, L) * v;
+      for (let j = 0; j < at; j += 1) {
+        const k = j * e.tileSize * v, dt = et * e.tileSize * v, ut = Math.min((j + 1) * e.tileSize, O) * v, ct = Math.min((et + 1) * e.tileSize, L) * v;
         G.push({
-          url: er(e, R, Q, et),
-          bounds: [X, dt, ut, ct]
+          url: nr(e, R, j, et),
+          bounds: [k, dt, ut, ct]
         });
       }
     return Promise.allSettled(
       G.map(async (et) => {
-        const Q = !!n, X = await fetch(et.url, {
-          headers: Q ? { Authorization: n } : void 0
+        const j = !!n, k = await fetch(et.url, {
+          headers: j ? { Authorization: n } : void 0
         });
-        if (!X.ok)
-          throw new Error(`HTTP ${X.status}`);
-        const dt = await createImageBitmap(await X.blob());
+        if (!k.ok)
+          throw new Error(`HTTP ${k.status}`);
+        const dt = await createImageBitmap(await k.blob());
         return { tile: et, bitmap: dt };
       })
     ).then((et) => {
-      if (T) {
+      if (E) {
         for (const dt of et)
           dt.status === "fulfilled" && dt.value.bitmap.close();
         return;
       }
-      const Q = mt.width / Math.max(1, e.width), X = mt.height / Math.max(1, e.height);
+      const j = mt.width / Math.max(1, e.width), k = mt.height / Math.max(1, e.height);
       for (const dt of et) {
         if (dt.status !== "fulfilled") continue;
         const {
           tile: { bounds: ut },
           bitmap: ct
-        } = dt.value, j = ut[0] * Q, _t = ut[1] * X, Rt = Math.max(1, (ut[2] - ut[0]) * Q), Ft = Math.max(1, (ut[3] - ut[1]) * X);
-        lt.drawImage(ct, j, _t, Rt, Ft), ct.close();
+        } = dt.value, Q = ut[0] * j, Bt = ut[1] * k, It = Math.max(1, (ut[2] - ut[0]) * j), Lt = Math.max(1, (ut[3] - ut[1]) * k);
+        lt.drawImage(ct, Q, Bt, It, Lt), ct.close();
       }
-      l.current = mt, J();
+      l.current = mt, Z();
     }), () => {
-      T = !0;
+      E = !0;
     };
   }, [
     e,
     n,
     m,
-    p,
+    b,
     F,
-    rt,
-    W,
-    J
-  ]), Y(() => {
-    J();
-  }, [J]), Y(() => {
+    nt,
+    Y,
+    Z
+  ]), X(() => {
+    Z();
+  }, [Z]), X(() => {
     if (i)
-      return i.current = J, () => {
-        i.current === J && (i.current = null);
+      return i.current = Z, () => {
+        i.current === Z && (i.current = null);
       };
-  }, [i, J]), Y(
+  }, [i, Z]), X(
     () => () => {
-      h.current = { active: !1, pointerId: null }, g.current !== null && (cancelAnimationFrame(g.current), g.current = null), d.current = !1;
+      f.current = { active: !1, pointerId: null }, p.current !== null && (cancelAnimationFrame(p.current), p.current = null), d.current = !1;
     },
     []
   ), /* @__PURE__ */ zt(
@@ -1921,16 +1926,16 @@ function Yi({
     {
       ref: s,
       className: o,
-      style: It,
+      style: Ft,
       onPointerDown: Qt,
-      onPointerMove: bt,
+      onPointerMove: Mt,
       onPointerUp: ot,
       onPointerCancel: ot,
-      onContextMenu: (T) => {
-        T.preventDefault();
+      onContextMenu: (E) => {
+        E.preventDefault();
       },
-      onWheel: (T) => {
-        T.preventDefault(), T.stopPropagation();
+      onWheel: (E) => {
+        E.preventDefault(), E.stopPropagation();
       }
     }
   );
@@ -1943,32 +1948,32 @@ function Uo({
   className: i,
   style: o
 }) {
-  const a = tt(null), s = tt(null), l = $(
+  const a = tt(null), s = tt(null), l = K(
     () => ({ width: "100%", height: "100%", display: "block", ...o }),
     [o]
   );
-  return Y(() => {
+  return X(() => {
     const c = a.current;
     if (!c)
       return;
-    const h = new Ar({
+    const f = new Ar({
       canvas: c,
       imageWidth: e,
       imageHeight: t,
       initialViewState: r
     });
-    return s.current = h, h.setTiles(n), () => {
-      h.destroy(), s.current = null;
+    return s.current = f, f.setTiles(n), () => {
+      f.destroy(), s.current = null;
     };
-  }, [e, t]), Y(() => {
+  }, [e, t]), X(() => {
     const c = s.current;
     c && c.setTiles(n);
-  }, [n]), Y(() => {
+  }, [n]), X(() => {
     const c = s.current;
     !c || !r || c.setViewState(r);
   }, [r]), /* @__PURE__ */ zt("canvas", { ref: a, className: i, style: l });
 }
-function nr(e) {
+function rr(e) {
   const t = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER;
   return Math.max(
     0,
@@ -1980,45 +1985,45 @@ function nr(e) {
     )
   );
 }
-function _e(e, t) {
+function Fe(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return null;
-  const n = ce(t ?? []);
+  const n = he(t ?? []);
   if (n.length === 0) {
-    const p = {
+    const b = {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-    return e.fillModes instanceof Uint8Array && (p.fillModes = new Uint8Array(0)), e.ids instanceof Uint32Array && (p.ids = new Uint32Array(0)), p;
+    return e.fillModes instanceof Uint8Array && (b.fillModes = new Uint8Array(0)), e.ids instanceof Uint32Array && (b.ids = new Uint32Array(0)), b;
   }
-  const r = nr(e), i = e.positions, o = e.paletteIndices, a = e.fillModes instanceof Uint8Array && e.fillModes.length >= r ? e.fillModes : null, s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids : null, l = new Float32Array(r * 2), c = new Uint16Array(r), h = a ? new Uint8Array(r) : null, g = s ? new Uint32Array(r) : null;
+  const r = rr(e), i = e.positions, o = e.paletteIndices, a = e.fillModes instanceof Uint8Array && e.fillModes.length >= r ? e.fillModes : null, s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids : null, l = new Float32Array(r * 2), c = new Uint16Array(r), f = a ? new Uint8Array(r) : null, p = s ? new Uint32Array(r) : null;
   let d = 0;
-  for (let p = 0; p < r; p += 1) {
-    const S = i[p * 2], x = i[p * 2 + 1];
-    Ie(S, x, n) && (l[d * 2] = S, l[d * 2 + 1] = x, c[d] = o[p], h && (h[d] = a[p]), g && (g[d] = s[p]), d += 1);
+  for (let b = 0; b < r; b += 1) {
+    const S = i[b * 2], T = i[b * 2 + 1];
+    Ce(S, T, n) && (l[d * 2] = S, l[d * 2 + 1] = T, c[d] = o[b], f && (f[d] = a[b]), p && (p[d] = s[b]), d += 1);
   }
   const m = {
     count: d,
     positions: l.subarray(0, d * 2),
     paletteIndices: c.subarray(0, d)
   };
-  return h && (m.fillModes = h.subarray(0, d)), g && (m.ids = g.subarray(0, d)), m;
+  return f && (m.fillModes = f.subarray(0, d)), p && (m.ids = p.subarray(0, d)), m;
 }
 function Wi(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return new Uint32Array(0);
-  const n = ce(t ?? []);
+  const n = he(t ?? []);
   if (n.length === 0)
     return new Uint32Array(0);
-  const r = nr(e);
+  const r = rr(e);
   if (r === 0)
     return new Uint32Array(0);
   const i = e.positions, o = new Uint32Array(r);
   let a = 0;
   for (let s = 0; s < r; s += 1) {
     const l = i[s * 2], c = i[s * 2 + 1];
-    Ie(l, c, n) && (o[a] = s, a += 1);
+    Ce(l, c, n) && (o[a] = s, a += 1);
   }
   return o.subarray(0, a);
 }
@@ -2060,16 +2065,16 @@ function Vi() {
   const e = navigator;
   return typeof e.gpu == "object" && e.gpu !== null;
 }
-function rr() {
+function ir() {
   if (!Vi()) return null;
   const t = navigator.gpu;
   if (!t || typeof t != "object") return null;
   const n = t;
   return typeof n.requestAdapter != "function" ? null : n;
 }
-const xe = globalThis.GPUShaderStage?.COMPUTE ?? 4, Ye = globalThis.GPUBufferUsage?.STORAGE ?? 128, Te = globalThis.GPUBufferUsage?.COPY_DST ?? 8, Gi = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, qi = globalThis.GPUBufferUsage?.UNIFORM ?? 64, Hi = globalThis.GPUBufferUsage?.MAP_READ ?? 1, $i = globalThis.GPUMapMode?.READ ?? 1;
+const Te = globalThis.GPUShaderStage?.COMPUTE ?? 4, Ye = globalThis.GPUBufferUsage?.STORAGE ?? 128, Ee = globalThis.GPUBufferUsage?.COPY_DST ?? 8, Gi = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, qi = globalThis.GPUBufferUsage?.UNIFORM ?? 64, Hi = globalThis.GPUBufferUsage?.MAP_READ ?? 1, $i = globalThis.GPUMapMode?.READ ?? 1;
 async function Bo() {
-  const e = rr();
+  const e = ir();
   if (!e)
     return { supported: !1, features: [] };
   const t = await e.requestAdapter();
@@ -2090,7 +2095,7 @@ async function Bo() {
 }
 async function Zi() {
   return Ae || (Ae = (async () => {
-    const e = rr();
+    const e = ir();
     if (!e) return null;
     const t = await e.requestAdapter();
     if (!t) return null;
@@ -2098,22 +2103,22 @@ async function Zi() {
       entries: [
         {
           binding: 0,
-          visibility: xe,
+          visibility: Te,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 1,
-          visibility: xe,
+          visibility: Te,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 2,
-          visibility: xe,
+          visibility: Te,
           buffer: { type: "storage" }
         },
         {
           binding: 3,
-          visibility: xe,
+          visibility: Te,
           buffer: { type: "uniform" }
         }
       ]
@@ -2127,7 +2132,7 @@ async function Zi() {
     return { device: n, pipeline: i, bindGroupLayout: r };
   })(), Ae);
 }
-function Ee(e, t) {
+function Pe(e, t) {
   return Math.ceil(e / t) * t;
 }
 async function Ki(e, t, n) {
@@ -2139,27 +2144,27 @@ async function Ki(e, t, n) {
   const a = Math.min(i, Math.floor(e.length / 2));
   if (a === 0)
     return new Uint32Array(0);
-  const s = a * 2 * Float32Array.BYTES_PER_ELEMENT, l = o * 4 * Float32Array.BYTES_PER_ELEMENT, c = a * Uint32Array.BYTES_PER_ELEMENT, h = Number(r.device.limits.maxStorageBufferBindingSize);
-  if (s > h || l > h || c > h)
+  const s = a * 2 * Float32Array.BYTES_PER_ELEMENT, l = o * 4 * Float32Array.BYTES_PER_ELEMENT, c = a * Uint32Array.BYTES_PER_ELEMENT, f = Number(r.device.limits.maxStorageBufferBindingSize);
+  if (s > f || l > f || c > f)
     return null;
-  const g = r.device.createBuffer({
-    size: Ee(s, 4),
-    usage: Ye | Te
+  const p = r.device.createBuffer({
+    size: Pe(s, 4),
+    usage: Ye | Ee
   }), d = r.device.createBuffer({
-    size: Ee(l, 4),
-    usage: Ye | Te
+    size: Pe(l, 4),
+    usage: Ye | Ee
   }), m = r.device.createBuffer({
-    size: Ee(c, 4),
+    size: Pe(c, 4),
     usage: Ye | Gi
-  }), p = r.device.createBuffer({
+  }), b = r.device.createBuffer({
     size: 16,
-    usage: qi | Te
+    usage: qi | Ee
   }), S = r.device.createBuffer({
-    size: Ee(c, 4),
-    usage: Te | Hi
+    size: Pe(c, 4),
+    usage: Ee | Hi
   });
   r.device.queue.writeBuffer(
-    g,
+    p,
     0,
     e.buffer,
     e.byteOffset,
@@ -2171,51 +2176,51 @@ async function Ki(e, t, n) {
     n.byteOffset,
     l
   ), r.device.queue.writeBuffer(
-    p,
+    b,
     0,
     new Uint32Array([a, o, 0, 0])
   );
-  const x = r.device.createBindGroup({
+  const T = r.device.createBindGroup({
     layout: r.bindGroupLayout,
     entries: [
-      { binding: 0, resource: { buffer: g } },
+      { binding: 0, resource: { buffer: p } },
       { binding: 1, resource: { buffer: d } },
       { binding: 2, resource: { buffer: m } },
-      { binding: 3, resource: { buffer: p } }
+      { binding: 3, resource: { buffer: b } }
     ]
-  }), C = r.device.createCommandEncoder(), W = C.beginComputePass();
-  W.setPipeline(r.pipeline), W.setBindGroup(0, x), W.dispatchWorkgroups(Math.ceil(a / 256)), W.end(), C.copyBufferToBuffer(m, 0, S, 0, c), r.device.queue.submit([C.finish()]), await S.mapAsync($i);
-  const F = S.getMappedRange(), O = new Uint32Array(F.slice(0));
-  return S.unmap(), g.destroy(), d.destroy(), m.destroy(), p.destroy(), S.destroy(), O;
+  }), C = r.device.createCommandEncoder(), Y = C.beginComputePass();
+  Y.setPipeline(r.pipeline), Y.setBindGroup(0, T), Y.dispatchWorkgroups(Math.ceil(a / 256)), Y.end(), C.copyBufferToBuffer(m, 0, S, 0, c), r.device.queue.submit([C.finish()]), await S.mapAsync($i);
+  const F = S.getMappedRange(), W = new Uint32Array(F.slice(0));
+  return S.unmap(), p.destroy(), d.destroy(), m.destroy(), b.destroy(), S.destroy(), W;
 }
-function Dt() {
+function kt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
 async function Ji(e, t, n = {}) {
-  const r = Dt(), i = n.bridgeToDraw === !0;
+  const r = kt(), i = n.bridgeToDraw === !0;
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
-  const o = ce(t ?? []);
+  const o = he(t ?? []);
   if (o.length === 0) {
-    const E = {
+    const P = {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-    return e.fillModes instanceof Uint8Array && (E.fillModes = new Uint8Array(0)), e.ids instanceof Uint32Array && (E.ids = new Uint32Array(0)), {
-      data: E,
+    return e.fillModes instanceof Uint8Array && (P.fillModes = new Uint8Array(0)), e.ids instanceof Uint32Array && (P.ids = new Uint32Array(0)), {
+      data: P,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2224,82 +2229,82 @@ async function Ji(e, t, n = {}) {
   }
   const a = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, s = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, a)), l = e.fillModes instanceof Uint8Array && e.fillModes.length >= s ? e.fillModes : null, c = e.ids instanceof Uint32Array && e.ids.length >= s ? e.ids : null;
   if (s === 0) {
-    const E = {
+    const P = {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-    return l && (E.fillModes = new Uint8Array(0)), c && (E.ids = new Uint32Array(0)), {
-      data: E,
+    return l && (P.fillModes = new Uint8Array(0)), c && (P.ids = new Uint32Array(0)), {
+      data: P,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
   }
-  const h = new Float32Array(o.length * 4);
-  for (let E = 0; E < o.length; E += 1) {
-    const N = E * 4, K = o[E];
-    h[N] = K.minX, h[N + 1] = K.minY, h[N + 2] = K.maxX, h[N + 3] = K.maxY;
+  const f = new Float32Array(o.length * 4);
+  for (let P = 0; P < o.length; P += 1) {
+    const z = P * 4, J = o[P];
+    f[z] = J.minX, f[z + 1] = J.minY, f[z + 2] = J.maxX, f[z + 3] = J.maxY;
   }
-  let g = null, d = !1;
+  let p = null, d = !1;
   try {
-    g = await Ki(e.positions, s, h), d = !!g;
+    p = await Ki(e.positions, s, f), d = !!p;
   } catch {
-    g = null, d = !1;
+    p = null, d = !1;
   }
-  if (!g)
+  if (!p)
     return {
-      data: _e(e, t),
+      data: Fe(e, t),
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !1,
         candidateCount: s,
         bridgedToDraw: !1
       }
     };
   let m = 0;
-  for (let E = 0; E < s; E += 1)
-    g[E] === 1 && (m += 1);
-  const p = new Uint32Array(m);
+  for (let P = 0; P < s; P += 1)
+    p[P] === 1 && (m += 1);
+  const b = new Uint32Array(m);
   if (m > 0) {
-    let E = 0;
-    for (let N = 0; N < s; N += 1)
-      g[N] === 1 && (p[E] = N, E += 1);
+    let P = 0;
+    for (let z = 0; z < s; z += 1)
+      p[z] === 1 && (b[P] = z, P += 1);
   }
   if (m === 0) {
     if (i) {
-      const N = {
+      const z = {
         count: s,
         positions: e.positions.subarray(0, s * 2),
         paletteIndices: e.paletteIndices.subarray(0, s),
         drawIndices: new Uint32Array(0)
       };
-      return l && (N.fillModes = l.subarray(0, s)), c && (N.ids = c.subarray(0, s)), {
-        data: N,
+      return l && (z.fillModes = l.subarray(0, s)), c && (z.ids = c.subarray(0, s)), {
+        data: z,
         meta: {
           mode: "hybrid-webgpu",
-          durationMs: Dt() - r,
+          durationMs: kt() - r,
           usedWebGpu: !0,
           candidateCount: 0,
           bridgedToDraw: !0
         }
       };
     }
-    const E = {
+    const P = {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-    return l && (E.fillModes = new Uint8Array(0)), c && (E.ids = new Uint32Array(0)), {
-      data: E,
+    return l && (P.fillModes = new Uint8Array(0)), c && (P.ids = new Uint32Array(0)), {
+      data: P,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2307,76 +2312,76 @@ async function Ji(e, t, n = {}) {
     };
   }
   if (i) {
-    const E = new Uint32Array(m);
-    let N = 0;
-    for (let rt = 0; rt < m; rt += 1) {
-      const D = p[rt] ?? 0, It = e.positions[D * 2], Et = e.positions[D * 2 + 1];
-      Ie(It, Et, o) && (E[N] = D, N += 1);
+    const P = new Uint32Array(m);
+    let z = 0;
+    for (let nt = 0; nt < m; nt += 1) {
+      const N = b[nt] ?? 0, Ft = e.positions[N * 2], vt = e.positions[N * 2 + 1];
+      Ce(Ft, vt, o) && (P[z] = N, z += 1);
     }
-    const K = {
+    const J = {
       count: s,
       positions: e.positions.subarray(0, s * 2),
       paletteIndices: e.paletteIndices.subarray(0, s),
-      drawIndices: E.subarray(0, N)
+      drawIndices: P.subarray(0, z)
     };
-    return l && (K.fillModes = l.subarray(0, s)), c && (K.ids = c.subarray(0, s)), {
-      data: K,
+    return l && (J.fillModes = l.subarray(0, s)), c && (J.ids = c.subarray(0, s)), {
+      data: J,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: kt() - r,
         usedWebGpu: !0,
         candidateCount: m,
         bridgedToDraw: !0
       }
     };
   }
-  const S = new Float32Array(m * 2), x = new Uint16Array(m), C = l ? new Uint8Array(m) : null, W = c ? new Uint32Array(m) : null;
+  const S = new Float32Array(m * 2), T = new Uint16Array(m), C = l ? new Uint8Array(m) : null, Y = c ? new Uint32Array(m) : null;
   let F = 0;
-  for (let E = 0; E < m; E += 1) {
-    const N = p[E] ?? 0, K = e.positions[N * 2], rt = e.positions[N * 2 + 1];
-    Ie(K, rt, o) && (S[F * 2] = K, S[F * 2 + 1] = rt, x[F] = e.paletteIndices[N], C && (C[F] = l[N]), W && (W[F] = c[N]), F += 1);
+  for (let P = 0; P < m; P += 1) {
+    const z = b[P] ?? 0, J = e.positions[z * 2], nt = e.positions[z * 2 + 1];
+    Ce(J, nt, o) && (S[F * 2] = J, S[F * 2 + 1] = nt, T[F] = e.paletteIndices[z], C && (C[F] = l[z]), Y && (Y[F] = c[z]), F += 1);
   }
-  const O = {
+  const W = {
     count: F,
     positions: S.subarray(0, F * 2),
-    paletteIndices: x.subarray(0, F)
+    paletteIndices: T.subarray(0, F)
   };
-  return C && (O.fillModes = C.subarray(0, F)), W && (O.ids = W.subarray(0, F)), {
-    data: O,
+  return C && (W.fillModes = C.subarray(0, F)), Y && (W.ids = Y.subarray(0, F)), {
+    data: W,
     meta: {
       mode: "hybrid-webgpu",
-      durationMs: Dt() - r,
+      durationMs: kt() - r,
       usedWebGpu: !0,
       candidateCount: m,
       bridgedToDraw: !1
     }
   };
 }
-let xt = null, He = !0, ir = 1;
-const Zt = /* @__PURE__ */ new Map();
-function $t() {
+let Pt = null, He = !0, or = 1;
+const Jt = /* @__PURE__ */ new Map();
+function Kt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function or() {
+function sr() {
   if (!He) return null;
-  if (xt) return xt;
+  if (Pt) return Pt;
   try {
     const e = new Worker(new URL(
       /* @vite-ignore */
       "" + new URL("assets/roi-clip-worker-BDVQwN2T.js", import.meta.url).href,
       import.meta.url
     ), { type: "module" });
-    return e.addEventListener("message", je), e.addEventListener("error", tn), xt = e, e;
+    return e.addEventListener("message", Qe), e.addEventListener("error", tn), Pt = e, e;
   } catch {
     return He = !1, null;
   }
 }
-function je(e) {
+function Qe(e) {
   const t = e.data;
   if (!t) return;
-  const n = Zt.get(t.id);
+  const n = Jt.get(t.id);
   if (!n) return;
-  if (Zt.delete(t.id), t.type === "roi-clip-failure") {
+  if (Jt.delete(t.id), t.type === "roi-clip-failure") {
     n.reject(new Error(t.error || "worker clip failed"));
     return;
   }
@@ -2385,12 +2390,12 @@ function je(e) {
       n.reject(new Error("worker response mismatch: expected point data result"));
       return;
     }
-    const c = Math.max(0, Math.floor(t.count)), h = new Uint32Array(t.indices).subarray(0, c);
+    const c = Math.max(0, Math.floor(t.count)), f = new Uint32Array(t.indices).subarray(0, c);
     n.resolve({
-      indices: h,
+      indices: f,
       meta: {
         mode: "worker",
-        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : $t() - n.startMs
+        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Kt() - n.startMs
       }
     });
     return;
@@ -2408,41 +2413,41 @@ function je(e) {
     data: l,
     meta: {
       mode: "worker",
-      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : $t() - n.startMs
+      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Kt() - n.startMs
     }
   });
 }
 function tn() {
-  He = !1, xt && (xt.removeEventListener("message", je), xt.removeEventListener("error", tn), xt.terminate(), xt = null);
-  for (const [, e] of Zt)
+  He = !1, Pt && (Pt.removeEventListener("message", Qe), Pt.removeEventListener("error", tn), Pt.terminate(), Pt = null);
+  for (const [, e] of Jt)
     e.reject(new Error("worker crashed"));
-  Zt.clear();
+  Jt.clear();
 }
-function zo() {
-  if (xt) {
-    xt.removeEventListener("message", je), xt.removeEventListener("error", tn), xt.terminate(), xt = null;
-    for (const [, e] of Zt)
+function Lo() {
+  if (Pt) {
+    Pt.removeEventListener("message", Qe), Pt.removeEventListener("error", tn), Pt.terminate(), Pt = null;
+    for (const [, e] of Jt)
       e.reject(new Error("worker terminated"));
-    Zt.clear();
+    Jt.clear();
   }
 }
-async function Qi(e, t) {
+async function ji(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: { mode: "worker", durationMs: 0 }
     };
-  const n = or();
+  const n = sr();
   if (!n) {
-    const g = $t();
+    const p = Kt();
     return {
-      data: _e(e, t),
-      meta: { mode: "sync", durationMs: $t() - g }
+      data: Fe(e, t),
+      meta: { mode: "sync", durationMs: Kt() - p }
     };
   }
-  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), a = e.paletteIndices.slice(0, i), s = e.fillModes instanceof Uint8Array && e.fillModes.length >= i ? e.fillModes.slice(0, i) : null, l = e.ids instanceof Uint32Array && e.ids.length >= i ? e.ids.slice(0, i) : null, c = ir++, h = $t();
-  return new Promise((g, d) => {
-    Zt.set(c, { kind: "data", resolve: g, reject: d, startMs: h });
+  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), a = e.paletteIndices.slice(0, i), s = e.fillModes instanceof Uint8Array && e.fillModes.length >= i ? e.fillModes.slice(0, i) : null, l = e.ids instanceof Uint32Array && e.ids.length >= i ? e.ids.slice(0, i) : null, c = or++, f = Kt();
+  return new Promise((p, d) => {
+    Jt.set(c, { kind: "data", resolve: p, reject: d, startMs: f });
     const m = {
       type: "roi-clip-request",
       id: c,
@@ -2452,41 +2457,41 @@ async function Qi(e, t) {
       fillModes: s?.buffer,
       ids: l?.buffer,
       polygons: t ?? []
-    }, p = [o.buffer, a.buffer];
-    s && p.push(s.buffer), l && p.push(l.buffer), n.postMessage(m, p);
+    }, b = [o.buffer, a.buffer];
+    s && b.push(s.buffer), l && b.push(l.buffer), n.postMessage(m, b);
   });
 }
-async function Lo(e, t) {
+async function zo(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       indices: new Uint32Array(0),
       meta: { mode: "worker", durationMs: 0 }
     };
-  const n = or();
+  const n = sr();
   if (!n) {
-    const l = $t();
+    const l = Kt();
     return {
       indices: Wi(e, t),
-      meta: { mode: "sync", durationMs: $t() - l }
+      meta: { mode: "sync", durationMs: Kt() - l }
     };
   }
-  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), a = ir++, s = $t();
+  const r = e.fillModes instanceof Uint8Array ? e.fillModes.length : Number.MAX_SAFE_INTEGER, i = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length, r)), o = e.positions.slice(0, i * 2), a = or++, s = Kt();
   return new Promise((l, c) => {
-    Zt.set(a, { kind: "index", resolve: l, reject: c, startMs: s });
-    const h = {
+    Jt.set(a, { kind: "index", resolve: l, reject: c, startMs: s });
+    const f = {
       type: "roi-clip-index-request",
       id: a,
       count: i,
       positions: o.buffer,
       polygons: t ?? []
     };
-    n.postMessage(h, [o.buffer]);
+    n.postMessage(f, [o.buffer]);
   });
 }
-function ji(e) {
+function Qi(e) {
   const t = [];
   for (let n = 0; n < e.length; n += 1) {
-    const r = e[n], i = ce([r?.coordinates]);
+    const r = e[n], i = he([r?.coordinates]);
     if (i.length === 0) continue;
     let o = 0;
     for (const a of i)
@@ -2525,22 +2530,22 @@ function eo(e, t, n = {}) {
   if (e?.drawIndices instanceof Uint32Array) {
     const d = e.drawIndices;
     let m = d.length;
-    for (let p = 0; p < d.length; p += 1)
-      d[p] < r || (m -= 1);
+    for (let b = 0; b < d.length; b += 1)
+      d[b] < r || (m -= 1);
     if (m === d.length)
       i = d;
     else if (m > 0) {
-      const p = new Uint32Array(m);
+      const b = new Uint32Array(m);
       let S = 0;
-      for (let x = 0; x < d.length; x += 1) {
-        const C = d[x];
-        C >= r || (p[S] = C, S += 1);
+      for (let T = 0; T < d.length; T += 1) {
+        const C = d[T];
+        C >= r || (b[S] = C, S += 1);
       }
-      i = p;
+      i = b;
     } else
       i = new Uint32Array(0);
   }
-  const o = i ? i.length : r, a = ji(t ?? []);
+  const o = i ? i.length : r, a = Qi(t ?? []);
   if (!e || o === 0 || a.length === 0)
     return {
       groups: [],
@@ -2551,35 +2556,35 @@ function eo(e, t, n = {}) {
   const s = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
   let c = 0;
   for (let d = 0; d < o; d += 1) {
-    const m = i ? i[d] : d, p = e.positions[m * 2], S = e.positions[m * 2 + 1];
-    let x = null;
+    const m = i ? i[d] : d, b = e.positions[m * 2], S = e.positions[m * 2 + 1];
+    let T = null;
     for (const F of a) {
-      let O = !1;
-      for (const E of F.polygons)
-        if (Qe(p, S, E)) {
-          O = !0;
+      let W = !1;
+      for (const P of F.polygons)
+        if (je(b, S, P)) {
+          W = !0;
           break;
         }
-      O && (!x || F.area < x.area) && (x = F);
+      W && (!T || F.area < T.area) && (T = F);
     }
-    if (!x) continue;
+    if (!T) continue;
     c += 1;
-    const C = e.paletteIndices[m] ?? 0, W = s.get(x.regionIndex) ?? /* @__PURE__ */ new Map();
-    W.set(C, (W.get(C) ?? 0) + 1), s.set(x.regionIndex, W), l.set(
-      x.regionIndex,
-      (l.get(x.regionIndex) ?? 0) + 1
+    const C = e.paletteIndices[m] ?? 0, Y = s.get(T.regionIndex) ?? /* @__PURE__ */ new Map();
+    Y.set(C, (Y.get(C) ?? 0) + 1), s.set(T.regionIndex, Y), l.set(
+      T.regionIndex,
+      (l.get(T.regionIndex) ?? 0) + 1
     );
   }
-  const h = n.includeEmptyRegions ?? !1, g = [];
+  const f = n.includeEmptyRegions ?? !1, p = [];
   for (const d of a) {
     const m = l.get(d.regionIndex) ?? 0;
-    if (!h && m <= 0) continue;
-    const p = s.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), S = Array.from(p.entries()).map(([x, C]) => ({
-      termId: to(x, n.paletteIndexToTermId),
-      paletteIndex: x,
+    if (!f && m <= 0) continue;
+    const b = s.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), S = Array.from(b.entries()).map(([T, C]) => ({
+      termId: to(T, n.paletteIndexToTermId),
+      paletteIndex: T,
       count: C
-    })).sort((x, C) => C.count - x.count || x.paletteIndex - C.paletteIndex);
-    g.push({
+    })).sort((T, C) => C.count - T.count || T.paletteIndex - C.paletteIndex);
+    p.push({
       regionId: d.regionId,
       regionIndex: d.regionIndex,
       totalCount: m,
@@ -2587,7 +2592,7 @@ function eo(e, t, n = {}) {
     });
   }
   return {
-    groups: g,
+    groups: p,
     inputPointCount: o,
     pointsInsideAnyRegion: c,
     unmatchedPointCount: Math.max(0, o - c)
@@ -2755,8 +2760,8 @@ class ro {
           tile: t.tile,
           attempt: s,
           readyAt: Re() + l
-        }, h = this.queuedByKey.get(t.tile.key);
-        h ? (h.tile = c.tile, h.readyAt = Math.min(h.readyAt, c.readyAt), h.attempt = Math.max(h.attempt, c.attempt)) : (this.queue.push(c), this.queuedByKey.set(c.tile.key, c)), this.sortQueue();
+        }, f = this.queuedByKey.get(t.tile.key);
+        f ? (f.tile = c.tile, f.readyAt = Math.min(f.readyAt, c.readyAt), f.attempt = Math.max(f.attempt, c.attempt)) : (this.queue.push(c), this.queuedByKey.set(c.tile.key, c)), this.sortQueue();
         return;
       }
       this.failedCount += 1, this.onTileError?.(t.tile, o, t.attempt + 1);
@@ -2778,7 +2783,7 @@ class ro {
     this.onStateChange?.(this.getSnapshot());
   }
 }
-const kn = 0.35, $e = 0.5, io = 256, Ze = [
+const Xn = 0.35, $e = 0.5, io = 256, Ze = [
   { zoom: 1, size: 2.8 },
   { zoom: 2, size: 3.4 },
   { zoom: 3, size: 4.2 },
@@ -2827,11 +2832,11 @@ class oo {
     this.viewState.offsetX = t - this.viewportWidth / (2 * r), this.viewState.offsetY = n - this.viewportHeight / (2 * r);
   }
   screenToWorld(t, n) {
-    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, a] = this.getCenter(), s = (t - this.viewportWidth * 0.5) / i, l = (n - this.viewportHeight * 0.5) / i, c = ue(r.rotationDeg), h = Math.cos(c), g = Math.sin(c);
-    return [o + s * h - l * g, a + s * g + l * h];
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, a] = this.getCenter(), s = (t - this.viewportWidth * 0.5) / i, l = (n - this.viewportHeight * 0.5) / i, c = ce(r.rotationDeg), f = Math.cos(c), p = Math.sin(c);
+    return [o + s * f - l * p, a + s * p + l * f];
   }
   worldToScreen(t, n) {
-    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, a] = this.getCenter(), s = t - o, l = n - a, c = ue(r.rotationDeg), h = Math.cos(c), g = Math.sin(c), d = s * h + l * g, m = -s * g + l * h;
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, a] = this.getCenter(), s = t - o, l = n - a, c = ce(r.rotationDeg), f = Math.cos(c), p = Math.sin(c), d = s * f + l * p, m = -s * p + l * f;
     return [
       this.viewportWidth * 0.5 + d * i,
       this.viewportHeight * 0.5 + m * i
@@ -2847,29 +2852,29 @@ class oo {
     ];
   }
   getMatrix() {
-    const t = Math.max(1e-6, this.viewState.zoom), [n, r] = this.getCenter(), i = ue(this.viewState.rotationDeg), o = Math.cos(i), a = Math.sin(i), s = 2 * t * o / this.viewportWidth, l = 2 * t * a / this.viewportWidth, c = 2 * t * a / this.viewportHeight, h = -2 * t * o / this.viewportHeight, g = -(s * n + l * r), d = -(c * n + h * r);
-    return new Float32Array([s, c, 0, l, h, 0, g, d, 1]);
+    const t = Math.max(1e-6, this.viewState.zoom), [n, r] = this.getCenter(), i = ce(this.viewState.rotationDeg), o = Math.cos(i), a = Math.sin(i), s = 2 * t * o / this.viewportWidth, l = 2 * t * a / this.viewportWidth, c = 2 * t * a / this.viewportHeight, f = -2 * t * o / this.viewportHeight, p = -(s * n + l * r), d = -(c * n + f * r);
+    return new Float32Array([s, c, 0, l, f, 0, p, d, 1]);
   }
 }
-function ue(e) {
+function ce(e) {
   return e * Math.PI / 180;
 }
-function Xn() {
+function Yn() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function qt(e, t, n) {
+function Zt(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`uniform location lookup failed: ${n}`);
   return r;
 }
-function Pe(e, t) {
+function ve(e, t) {
   return !e || !t ? e === t : e.buffer === t.buffer && e.byteOffset === t.byteOffset && e.byteLength === t.byteLength;
 }
 function Ke(e) {
   return e.map((t) => ({ zoom: t.zoom, size: t.size }));
 }
-function Yn(e) {
+function Wn(e) {
   if (!e) return Ke(Ze);
   const t = /* @__PURE__ */ new Map();
   for (const [n, r] of Object.entries(e)) {
@@ -2893,14 +2898,14 @@ function ao(e, t) {
   for (let a = 1; a < t.length; a += 1) {
     const s = t[a - 1], l = t[a];
     if (e > l.zoom) continue;
-    const c = Math.max(1e-6, l.zoom - s.zoom), h = it((e - s.zoom) / c, 0, 1);
-    return s.size + (l.size - s.size) * h;
+    const c = Math.max(1e-6, l.zoom - s.zoom), f = it((e - s.zoom) / c, 0, 1);
+    return s.size + (l.size - s.size) * f;
   }
   const n = t[t.length - 1], r = t[t.length - 2], i = Math.max(1e-6, n.zoom - r.zoom), o = (n.size - r.size) / i;
   return n.size + (e - n.zoom) * o;
 }
 const lo = 0.1, uo = 5;
-function Wn(e) {
+function On(e) {
   return typeof e != "number" || !Number.isFinite(e) ? 1 : it(e, lo, uo);
 }
 class co {
@@ -2955,7 +2960,7 @@ class co {
     w(this, "boundContextMenu");
     w(this, "boundContextLost");
     w(this, "boundContextRestored");
-    this.canvas = t, this.source = n, this.onViewStateChange = r.onViewStateChange, this.onStats = r.onStats, this.onTileError = r.onTileError, this.onContextLost = r.onContextLost, this.onContextRestored = r.onContextRestored, this.authToken = r.authToken ?? "", this.maxCacheTiles = Math.max(32, Math.floor(r.maxCacheTiles ?? 320)), this.ctrlDragRotate = r.ctrlDragRotate ?? !0, this.rotationDragSensitivityDegPerPixel = typeof r.rotationDragSensitivityDegPerPixel == "number" && Number.isFinite(r.rotationDragSensitivityDegPerPixel) ? Math.max(0, r.rotationDragSensitivityDegPerPixel) : kn, this.pointSizeStops = Yn(r.pointSizeByZoom), this.pointStrokeScale = Wn(r.pointStrokeScale);
+    this.canvas = t, this.source = n, this.onViewStateChange = r.onViewStateChange, this.onStats = r.onStats, this.onTileError = r.onTileError, this.onContextLost = r.onContextLost, this.onContextRestored = r.onContextRestored, this.authToken = r.authToken ?? "", this.maxCacheTiles = Math.max(32, Math.floor(r.maxCacheTiles ?? 320)), this.ctrlDragRotate = r.ctrlDragRotate ?? !0, this.rotationDragSensitivityDegPerPixel = typeof r.rotationDragSensitivityDegPerPixel == "number" && Number.isFinite(r.rotationDragSensitivityDegPerPixel) ? Math.max(0, r.rotationDragSensitivityDegPerPixel) : Xn, this.pointSizeStops = Wn(r.pointSizeByZoom), this.pointStrokeScale = On(r.pointStrokeScale);
     const i = t.getContext("webgl2", {
       alpha: !1,
       antialias: !1,
@@ -3019,8 +3024,8 @@ class co {
         t.paletteIndices.length,
         r ? n.length : Number.MAX_SAFE_INTEGER
       )
-    ), o = t.positions.subarray(0, i * 2), a = t.paletteIndices.subarray(0, i), s = r ? n.subarray(0, i) : void 0, l = t.drawIndices instanceof Uint32Array, c = l ? this.sanitizeDrawIndices(t.drawIndices, i) : null, h = this.lastPointData, g = h?.fillModes instanceof Uint8Array;
-    let d = this.pointBuffersDirty || !h || h.count !== i || !Pe(h.positions, o) || !Pe(h.paletteIndices, a) || g !== r || r && (!h?.fillModes || !Pe(h.fillModes, s)), m = this.pointBuffersDirty || l && (!h?.drawIndices || !Pe(h.drawIndices, c)) || !l && !!h?.drawIndices;
+    ), o = t.positions.subarray(0, i * 2), a = t.paletteIndices.subarray(0, i), s = r ? n.subarray(0, i) : void 0, l = t.drawIndices instanceof Uint32Array, c = l ? this.sanitizeDrawIndices(t.drawIndices, i) : null, f = this.lastPointData, p = f?.fillModes instanceof Uint8Array;
+    let d = this.pointBuffersDirty || !f || f.count !== i || !ve(f.positions, o) || !ve(f.paletteIndices, a) || p !== r || r && (!f?.fillModes || !ve(f.fillModes, s)), m = this.pointBuffersDirty || l && (!f?.drawIndices || !ve(f.drawIndices, c)) || !l && !!f?.drawIndices;
     if (this.lastPointData = {
       count: i,
       positions: o,
@@ -3028,20 +3033,20 @@ class co {
       fillModes: s,
       drawIndices: l ? c ?? void 0 : void 0
     }, this.contextLost || this.gl.isContextLost()) return;
-    const p = this.gl;
-    d && (p.bindBuffer(p.ARRAY_BUFFER, this.pointProgram.posBuffer), p.bufferData(p.ARRAY_BUFFER, this.lastPointData.positions, p.STATIC_DRAW), p.bindBuffer(p.ARRAY_BUFFER, this.pointProgram.termBuffer), p.bufferData(
-      p.ARRAY_BUFFER,
+    const b = this.gl;
+    d && (b.bindBuffer(b.ARRAY_BUFFER, this.pointProgram.posBuffer), b.bufferData(b.ARRAY_BUFFER, this.lastPointData.positions, b.STATIC_DRAW), b.bindBuffer(b.ARRAY_BUFFER, this.pointProgram.termBuffer), b.bufferData(
+      b.ARRAY_BUFFER,
       this.lastPointData.paletteIndices,
-      p.STATIC_DRAW
-    ), p.bindBuffer(p.ARRAY_BUFFER, this.pointProgram.fillModeBuffer), p.bufferData(
-      p.ARRAY_BUFFER,
+      b.STATIC_DRAW
+    ), b.bindBuffer(b.ARRAY_BUFFER, this.pointProgram.fillModeBuffer), b.bufferData(
+      b.ARRAY_BUFFER,
       this.lastPointData.fillModes ?? this.getZeroFillModes(i),
-      p.STATIC_DRAW
-    ), p.bindBuffer(p.ARRAY_BUFFER, null)), l && m && (p.bindBuffer(p.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), p.bufferData(
-      p.ELEMENT_ARRAY_BUFFER,
+      b.STATIC_DRAW
+    ), b.bindBuffer(b.ARRAY_BUFFER, null)), l && m && (b.bindBuffer(b.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), b.bufferData(
+      b.ELEMENT_ARRAY_BUFFER,
       c ?? new Uint32Array(0),
-      p.DYNAMIC_DRAW
-    ), p.bindBuffer(p.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = l, this.pointCount = l ? c?.length ?? 0 : this.lastPointData.count, (d || m) && (this.pointBuffersDirty = !1), this.requestRender();
+      b.DYNAMIC_DRAW
+    ), b.bindBuffer(b.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = l, this.pointCount = l ? c?.length ?? 0 : this.lastPointData.count, (d || m) && (this.pointBuffersDirty = !1), this.requestRender();
   }
   sanitizeDrawIndices(t, n) {
     if (n <= 0 || t.length === 0)
@@ -3069,11 +3074,11 @@ class co {
     this.interactionLocked !== n && (this.interactionLocked = n, n && this.cancelDrag());
   }
   setPointSizeByZoom(t) {
-    const n = Yn(t);
+    const n = Wn(t);
     so(this.pointSizeStops, n) || (this.pointSizeStops = n, this.requestRender());
   }
   setPointStrokeScale(t) {
-    const n = Wn(t);
+    const n = On(t);
     this.pointStrokeScale !== n && (this.pointStrokeScale = n, this.requestRender());
   }
   cancelDrag() {
@@ -3125,12 +3130,12 @@ class co {
     if (o === i.zoom) return;
     const [a, s] = this.camera.screenToWorld(n, r);
     this.camera.setViewState({ zoom: o });
-    const l = this.camera.getViewport(), c = n - l.width * 0.5, h = r - l.height * 0.5, g = ue(this.camera.getViewState().rotationDeg), d = Math.cos(g), m = Math.sin(g), p = c / o * d - h / o * m, S = c / o * m + h / o * d;
-    this.camera.setCenter(a - p, s - S), this.clampViewState(), this.emitViewState(), this.requestRender();
+    const l = this.camera.getViewport(), c = n - l.width * 0.5, f = r - l.height * 0.5, p = ce(this.camera.getViewState().rotationDeg), d = Math.cos(p), m = Math.sin(p), b = c / o * d - f / o * m, S = c / o * m + f / o * d;
+    this.camera.setCenter(a - b, s - S), this.clampViewState(), this.emitViewState(), this.requestRender();
   }
   clampViewState() {
-    const t = this.getViewBounds(), n = Math.max(1e-6, t[2] - t[0]), r = Math.max(1e-6, t[3] - t[1]), i = n * 0.2, o = r * 0.2, [a, s] = this.camera.getCenter(), l = n * 0.5, c = r * 0.5, h = l - i, g = this.source.width - l + i, d = c - o, m = this.source.height - c + o, p = h <= g ? it(a, h, g) : this.source.width * 0.5, S = d <= m ? it(s, d, m) : this.source.height * 0.5;
-    this.camera.setCenter(p, S);
+    const t = this.getViewBounds(), n = Math.max(1e-6, t[2] - t[0]), r = Math.max(1e-6, t[3] - t[1]), i = n * 0.2, o = r * 0.2, [a, s] = this.camera.getCenter(), l = n * 0.5, c = r * 0.5, f = l - i, p = this.source.width - l + i, d = c - o, m = this.source.height - c + o, b = f <= p ? it(a, f, p) : this.source.width * 0.5, S = d <= m ? it(s, d, m) : this.source.height * 0.5;
+    this.camera.setCenter(b, S);
   }
   emitViewState() {
     this.onViewStateChange?.(this.camera.getViewState());
@@ -3152,40 +3157,40 @@ class co {
   getVisibleTiles() {
     const t = this.selectTier();
     this.currentTier = t;
-    const n = this.getViewBounds(), r = Math.pow(2, this.source.maxTierZoom - t), i = Math.ceil(this.source.width / r), o = Math.ceil(this.source.height / r), a = Math.max(1, Math.ceil(i / this.source.tileSize)), s = Math.max(1, Math.ceil(o / this.source.tileSize)), l = n[0], c = n[1], h = n[2], g = n[3], d = it(
+    const n = this.getViewBounds(), r = Math.pow(2, this.source.maxTierZoom - t), i = Math.ceil(this.source.width / r), o = Math.ceil(this.source.height / r), a = Math.max(1, Math.ceil(i / this.source.tileSize)), s = Math.max(1, Math.ceil(o / this.source.tileSize)), l = n[0], c = n[1], f = n[2], p = n[3], d = it(
       Math.floor(l / r / this.source.tileSize),
       0,
       a - 1
     ), m = it(
-      Math.floor((h - 1) / r / this.source.tileSize),
+      Math.floor((f - 1) / r / this.source.tileSize),
       0,
       a - 1
-    ), p = it(
+    ), b = it(
       Math.floor(c / r / this.source.tileSize),
       0,
       s - 1
     ), S = it(
-      Math.floor((g - 1) / r / this.source.tileSize),
+      Math.floor((p - 1) / r / this.source.tileSize),
       0,
       s - 1
     );
-    if (d > m || p > S)
+    if (d > m || b > S)
       return [];
-    const x = (l + h) * 0.5 / r / this.source.tileSize, C = (c + g) * 0.5 / r / this.source.tileSize, W = [];
-    for (let F = p; F <= S; F += 1)
-      for (let O = d; O <= m; O += 1) {
-        const E = O * this.source.tileSize * r, N = F * this.source.tileSize * r, K = Math.min((O + 1) * this.source.tileSize, i) * r, rt = Math.min((F + 1) * this.source.tileSize, o) * r, D = O - x, It = F - C;
-        W.push({
-          key: `${t}/${O}/${F}`,
+    const T = (l + f) * 0.5 / r / this.source.tileSize, C = (c + p) * 0.5 / r / this.source.tileSize, Y = [];
+    for (let F = b; F <= S; F += 1)
+      for (let W = d; W <= m; W += 1) {
+        const P = W * this.source.tileSize * r, z = F * this.source.tileSize * r, J = Math.min((W + 1) * this.source.tileSize, i) * r, nt = Math.min((F + 1) * this.source.tileSize, o) * r, N = W - T, Ft = F - C;
+        Y.push({
+          key: `${t}/${W}/${F}`,
           tier: t,
-          x: O,
+          x: W,
           y: F,
-          bounds: [E, N, K, rt],
-          distance2: D * D + It * It,
-          url: er(this.source, t, O, F)
+          bounds: [P, z, J, nt],
+          distance2: N * N + Ft * Ft,
+          url: nr(this.source, t, W, F)
         });
       }
-    return W.sort((F, O) => F.distance2 - O.distance2), W;
+    return Y.sort((F, W) => F.distance2 - W.distance2), Y;
   }
   trimCache() {
     if (this.cache.size <= this.maxCacheTiles) return;
@@ -3199,7 +3204,7 @@ class co {
   }
   render() {
     if (this.destroyed || this.contextLost || this.gl.isContextLost()) return;
-    const t = Xn();
+    const t = Yn();
     this.frameSerial += 1;
     const n = this.gl, r = this.tileProgram, i = this.pointProgram;
     n.clearColor(0.03, 0.06, 0.1, 1), n.clear(n.COLOR_BUFFER_BIT);
@@ -3218,11 +3223,11 @@ class co {
         d.bounds[3]
       ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4);
     let c = 0;
-    const h = [];
+    const f = [];
     for (const d of o) {
       const m = this.cache.get(d.key);
       if (!m) {
-        h.push(d);
+        f.push(d);
         continue;
       }
       m.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, m.texture), n.uniform4f(
@@ -3233,15 +3238,15 @@ class co {
         m.bounds[3]
       ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), c += 1;
     }
-    this.tileScheduler.schedule(h), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null);
-    let g = 0;
-    if (this.pointCount > 0 && (n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), n.useProgram(i.program), n.bindVertexArray(i.vao), n.uniformMatrix3fv(i.uCamera, !1, this.camera.getMatrix()), n.uniform1f(i.uPointSize, this.getPointSizeByZoom()), n.uniform1f(i.uPointStrokeScale, this.pointStrokeScale), n.uniform1f(i.uPaletteSize, this.pointPaletteSize), n.uniform1i(i.uPalette, 1), n.activeTexture(n.TEXTURE1), n.bindTexture(n.TEXTURE_2D, i.paletteTexture), this.usePointIndices ? n.drawElements(n.POINTS, this.pointCount, n.UNSIGNED_INT, 0) : n.drawArrays(n.POINTS, 0, this.pointCount), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null), g = this.pointCount), this.onStats) {
-      const d = this.tileScheduler.getSnapshot(), m = c, p = h.length, S = l.length + c + (g > 0 ? 1 : 0);
+    this.tileScheduler.schedule(f), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null);
+    let p = 0;
+    if (this.pointCount > 0 && (n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), n.useProgram(i.program), n.bindVertexArray(i.vao), n.uniformMatrix3fv(i.uCamera, !1, this.camera.getMatrix()), n.uniform1f(i.uPointSize, this.getPointSizeByZoom()), n.uniform1f(i.uPointStrokeScale, this.pointStrokeScale), n.uniform1f(i.uPaletteSize, this.pointPaletteSize), n.uniform1i(i.uPalette, 1), n.activeTexture(n.TEXTURE1), n.bindTexture(n.TEXTURE_2D, i.paletteTexture), this.usePointIndices ? n.drawElements(n.POINTS, this.pointCount, n.UNSIGNED_INT, 0) : n.drawArrays(n.POINTS, 0, this.pointCount), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null), p = this.pointCount), this.onStats) {
+      const d = this.tileScheduler.getSnapshot(), m = c, b = f.length, S = l.length + c + (p > 0 ? 1 : 0);
       this.onStats({
         tier: this.currentTier,
         visible: o.length,
         rendered: c,
-        points: g,
+        points: p,
         fallback: l.length,
         cache: this.cache.size,
         inflight: d.inflight,
@@ -3250,9 +3255,9 @@ class co {
         failed: d.failed,
         aborted: d.aborted,
         cacheHits: m,
-        cacheMisses: p,
+        cacheMisses: b,
         drawCalls: S,
-        frameMs: Xn() - t
+        frameMs: Yn() - t
       });
     }
   }
@@ -3276,16 +3281,16 @@ class co {
     if (this.lastPointerX = t.clientX, this.lastPointerY = t.clientY, this.interactionMode === "rotate") {
       const i = this.getPointerAngleRad(t.clientX, t.clientY), o = this.rotateLastAngleRad;
       if (this.rotateLastAngleRad = i, o !== null) {
-        const a = i - o, s = Math.atan2(Math.sin(a), Math.cos(a)), l = this.rotationDragSensitivityDegPerPixel / kn, c = this.camera.getViewState();
+        const a = i - o, s = Math.atan2(Math.sin(a), Math.cos(a)), l = this.rotationDragSensitivityDegPerPixel / Xn, c = this.camera.getViewState();
         this.camera.setViewState({
           rotationDeg: c.rotationDeg - s * 180 / Math.PI * l
         });
       }
     } else {
-      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), a = ue(i.rotationDeg), s = Math.cos(a), l = Math.sin(a), c = (n * s - r * l) / o, h = (n * l + r * s) / o;
+      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), a = ce(i.rotationDeg), s = Math.cos(a), l = Math.sin(a), c = (n * s - r * l) / o, f = (n * l + r * s) / o;
       this.camera.setViewState({
         offsetX: i.offsetX - c,
-        offsetY: i.offsetY - h
+        offsetY: i.offsetY - f
       });
     }
     this.clampViewState(), this.emitViewState(), this.requestRender();
@@ -3352,7 +3357,7 @@ class co {
     out vec4 outColor;
     void main() {
       outColor = texture(uTexture, vUv);
-    }`), o = qt(t, i, "uCamera"), a = qt(t, i, "uBounds"), s = qt(t, i, "uTexture"), l = t.createVertexArray(), c = t.createBuffer();
+    }`), o = Zt(t, i, "uCamera"), a = Zt(t, i, "uBounds"), s = Zt(t, i, "uTexture"), l = t.createVertexArray(), c = t.createBuffer();
     if (!l || !c)
       throw new Error("buffer allocation failed");
     t.bindVertexArray(l), t.bindBuffer(t.ARRAY_BUFFER, c), t.bufferData(
@@ -3360,10 +3365,10 @@ class co {
       new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 1, 1]),
       t.STATIC_DRAW
     );
-    const h = t.getAttribLocation(i, "aUnit"), g = t.getAttribLocation(i, "aUv");
-    if (h < 0 || g < 0)
+    const f = t.getAttribLocation(i, "aUnit"), p = t.getAttribLocation(i, "aUv");
+    if (f < 0 || p < 0)
       throw new Error("tile attribute lookup failed");
-    return t.enableVertexAttribArray(h), t.enableVertexAttribArray(g), t.vertexAttribPointer(h, 2, t.FLOAT, !1, 16, 0), t.vertexAttribPointer(g, 2, t.FLOAT, !1, 16, 8), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), { program: i, vao: l, vbo: c, uCamera: o, uBounds: a, uTexture: s };
+    return t.enableVertexAttribArray(f), t.enableVertexAttribArray(p), t.vertexAttribPointer(f, 2, t.FLOAT, !1, 16, 0), t.vertexAttribPointer(p, 2, t.FLOAT, !1, 16, 8), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), { program: i, vao: l, vbo: c, uCamera: o, uBounds: a, uTexture: s };
   }
   initPointProgram() {
     const t = this.gl, i = En(t, `#version 300 es
@@ -3415,22 +3420,22 @@ class co {
       if (alpha <= 0.001) discard;
 
       outColor = vec4(color.rgb * alpha, alpha);
-    }`), o = qt(t, i, "uCamera"), a = qt(t, i, "uPointSize"), s = qt(t, i, "uPointStrokeScale"), l = qt(t, i, "uPalette"), c = qt(t, i, "uPaletteSize"), h = t.createVertexArray(), g = t.createBuffer(), d = t.createBuffer(), m = t.createBuffer(), p = t.createBuffer(), S = t.createTexture();
-    if (!h || !g || !d || !m || !p || !S)
+    }`), o = Zt(t, i, "uCamera"), a = Zt(t, i, "uPointSize"), s = Zt(t, i, "uPointStrokeScale"), l = Zt(t, i, "uPalette"), c = Zt(t, i, "uPaletteSize"), f = t.createVertexArray(), p = t.createBuffer(), d = t.createBuffer(), m = t.createBuffer(), b = t.createBuffer(), S = t.createTexture();
+    if (!f || !p || !d || !m || !b || !S)
       throw new Error("point buffer allocation failed");
-    t.bindVertexArray(h), t.bindBuffer(t.ARRAY_BUFFER, g), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
-    const x = t.getAttribLocation(i, "aPosition");
-    if (x < 0)
+    t.bindVertexArray(f), t.bindBuffer(t.ARRAY_BUFFER, p), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
+    const T = t.getAttribLocation(i, "aPosition");
+    if (T < 0)
       throw new Error("point position attribute not found");
-    t.enableVertexAttribArray(x), t.vertexAttribPointer(x, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ARRAY_BUFFER, d), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
+    t.enableVertexAttribArray(T), t.vertexAttribPointer(T, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ARRAY_BUFFER, d), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
     const C = t.getAttribLocation(i, "aTerm");
     if (C < 0)
       throw new Error("point term attribute not found");
     t.enableVertexAttribArray(C), t.vertexAttribIPointer(C, 1, t.UNSIGNED_SHORT, 0, 0), t.bindBuffer(t.ARRAY_BUFFER, m), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
-    const W = t.getAttribLocation(i, "aFillMode");
-    if (W < 0)
+    const Y = t.getAttribLocation(i, "aFillMode");
+    if (Y < 0)
       throw new Error("point fill mode attribute not found");
-    return t.enableVertexAttribArray(W), t.vertexAttribIPointer(W, 1, t.UNSIGNED_BYTE, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, p), t.bufferData(t.ELEMENT_ARRAY_BUFFER, 0, t.DYNAMIC_DRAW), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, null), t.bindTexture(t.TEXTURE_2D, S), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, t.NEAREST), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, t.NEAREST), t.texImage2D(
+    return t.enableVertexAttribArray(Y), t.vertexAttribIPointer(Y, 1, t.UNSIGNED_BYTE, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, b), t.bufferData(t.ELEMENT_ARRAY_BUFFER, 0, t.DYNAMIC_DRAW), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, null), t.bindTexture(t.TEXTURE_2D, S), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, t.NEAREST), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, t.NEAREST), t.texImage2D(
       t.TEXTURE_2D,
       0,
       t.RGBA,
@@ -3442,11 +3447,11 @@ class co {
       new Uint8Array([160, 160, 160, 255])
     ), t.bindTexture(t.TEXTURE_2D, null), {
       program: i,
-      vao: h,
-      posBuffer: g,
+      vao: f,
+      posBuffer: p,
       termBuffer: d,
       fillModeBuffer: m,
-      indexBuffer: p,
+      indexBuffer: b,
       paletteTexture: S,
       uCamera: o,
       uPointSize: a,
@@ -3512,7 +3517,7 @@ function So(e, t) {
   const n = Math.max(1, e.width * e.height), i = Math.sqrt(n / Math.max(1, t)) * yo;
   return Math.max(po, Math.min(bo, i));
 }
-function Ao(e, t) {
+function xo(e, t) {
   if (!e || !e.positions || !e.paletteIndices)
     return null;
   const n = wo(e);
@@ -3521,21 +3526,21 @@ function Ao(e, t) {
   const r = e.positions.subarray(0, n * 2), i = e.ids instanceof Uint32Array && e.ids.length >= n ? e.ids.subarray(0, n) : null, o = Mo(e.drawIndices, n), a = o ? o.length : n;
   if (a === 0)
     return null;
-  const s = So(t, a), l = /* @__PURE__ */ new Map(), c = (h) => {
-    const g = r[h * 2], d = r[h * 2 + 1];
-    if (!Number.isFinite(g) || !Number.isFinite(d)) return;
-    const m = Math.floor(g / s), p = Math.floor(d / s);
+  const s = So(t, a), l = /* @__PURE__ */ new Map(), c = (f) => {
+    const p = r[f * 2], d = r[f * 2 + 1];
+    if (!Number.isFinite(p) || !Number.isFinite(d)) return;
+    const m = Math.floor(p / s), b = Math.floor(d / s);
     let S = l.get(m);
     S || (S = /* @__PURE__ */ new Map(), l.set(m, S));
-    const x = S.get(p);
-    x ? x.push(h) : S.set(p, [h]);
+    const T = S.get(b);
+    T ? T.push(f) : S.set(b, [f]);
   };
   if (o)
-    for (let h = 0; h < o.length; h += 1)
-      c(o[h] ?? 0);
+    for (let f = 0; f < o.length; f += 1)
+      c(o[f] ?? 0);
   else
-    for (let h = 0; h < n; h += 1)
-      c(h);
+    for (let f = 0; f < n; f += 1)
+      c(f);
   return l.size === 0 ? null : {
     cellSize: s,
     safeCount: n,
@@ -3547,10 +3552,10 @@ function Ao(e, t) {
 function Je(e, t) {
   return e.id ?? t;
 }
-function xo(e) {
+function Ao(e) {
   const t = [];
   for (let n = 0; n < e.length; n += 1) {
-    const r = e[n], i = ce([r?.coordinates]);
+    const r = e[n], i = he([r?.coordinates]);
     i.length !== 0 && t.push({
       region: r,
       regionIndex: n,
@@ -3565,7 +3570,7 @@ function Oe(e, t) {
   for (let i = t.length - 1; i >= 0; i -= 1) {
     const o = t[i];
     for (const a of o.polygons)
-      if (Qe(n, r, a))
+      if (je(n, r, a))
         return {
           region: o.region,
           regionIndex: o.regionIndex,
@@ -3585,48 +3590,48 @@ function No({
   debugOverlay: s = !1,
   debugOverlayStyle: l,
   fitNonce: c = 0,
-  rotationResetNonce: h = 0,
-  authToken: g = "",
+  rotationResetNonce: f = 0,
+  authToken: p = "",
   ctrlDragRotate: d = !0,
   pointData: m = null,
-  pointPalette: p = null,
+  pointPalette: b = null,
   pointSizeByZoom: S,
-  pointStrokeScale: x,
+  pointStrokeScale: T,
   roiRegions: C,
-  roiPolygons: W,
+  roiPolygons: Y,
   clipPointsToRois: F = !1,
-  clipMode: O = "worker",
-  onClipStats: E,
-  onRoiPointGroups: N,
-  roiPaletteIndexToTermId: K,
-  interactionLock: rt = !1,
-  drawTool: D = "cursor",
-  stampOptions: It,
-  brushOptions: Et,
-  regionStrokeStyle: J,
-  regionStrokeHoverStyle: Ct,
-  regionStrokeActiveStyle: Nt,
+  clipMode: W = "worker",
+  onClipStats: P,
+  onRoiPointGroups: z,
+  roiPaletteIndexToTermId: J,
+  interactionLock: nt = !1,
+  drawTool: N = "cursor",
+  stampOptions: Ft,
+  brushOptions: vt,
+  regionStrokeStyle: Z,
+  regionStrokeHoverStyle: Ut,
+  regionStrokeActiveStyle: Dt,
   patchStrokeStyle: Qt,
-  resolveRegionStrokeStyle: bt,
+  resolveRegionStrokeStyle: Mt,
   overlayShapes: ot,
-  customLayers: T,
+  customLayers: E,
   patchRegions: R,
   regionLabelStyle: v,
-  onPointerWorldMove: V,
+  onPointerWorldMove: O,
   onPointHover: L,
   onPointClick: at,
   onRegionHover: st,
-  onRegionClick: Mt,
+  onRegionClick: xt,
   onActiveRegionChange: mt,
   getCellByCoordinatesRef: lt,
   onDrawComplete: G,
   onPatchComplete: et,
-  showOverviewMap: Q = !1,
-  overviewMapOptions: X,
+  showOverviewMap: j = !1,
+  overviewMapOptions: k,
   className: dt,
   style: ut
 }) {
-  const ct = tt(null), j = tt(null), _t = tt(null), Rt = tt(null), Ft = tt(n), _ = tt(r), pt = tt(s), [Pt, Ut] = te(!0), [re, Bt] = te(null), [St, Fe] = te(null), [ie, he] = te(null), [u, f] = te(null), y = tt(null), M = tt(null), P = tt(null), U = tt(0), z = C ?? We, Z = R ?? We, q = W ?? ho, gt = (T?.length ?? 0) > 0, kt = $(() => ({ position: "relative", width: "100%", height: "100%", ...ut }), [ut]), Xt = $(
+  const ct = tt(null), Q = tt(null), Bt = tt(null), It = tt(null), Lt = tt(n), _ = tt(r), yt = tt(s), [Ct, St] = ee(!0), [re, Wt] = ee(null), [wt, Ue] = ee(null), [fe, ie] = ee(null), [ht, u] = ee(null), h = tt(null), g = tt(null), M = tt(null), x = tt(0), B = C ?? We, V = R ?? We, $ = Y ?? ho, q = (E?.length ?? 0) > 0, gt = K(() => ({ position: "relative", width: "100%", height: "100%", ...ut }), [ut]), Ot = K(
     () => ({
       position: "absolute",
       top: 8,
@@ -3648,27 +3653,24 @@ function No({
       ...l
     }),
     [l]
-  ), nt = $(() => z.length > 0 ? z : q.length === 0 ? We : q.map((b, A) => ({
+  ), pt = K(() => B.length > 0 ? B : $.length === 0 ? We : $.map((y, A) => ({
     id: A,
-    coordinates: b
-  })), [z, q]), ht = $(() => xo(nt), [nt]), wt = $(
-    () => nt.map((b) => b.coordinates),
-    [nt]
-  ), [yt, fe] = te(m);
-  Y(() => {
-    const b = ++U.current;
+    coordinates: y
+  })), [B, $]), rt = K(() => Ao(pt), [pt]), bt = K(() => pt.map((y) => y.coordinates), [pt]), [At, Tt] = ee(m);
+  X(() => {
+    const y = ++x.current;
     let A = !1;
     if (!F)
-      return fe(m), () => {
+      return Tt(m), () => {
         A = !0;
       };
     if (!m || !m.count || !m.positions || !m.paletteIndices)
-      return fe(null), () => {
+      return Tt(null), () => {
         A = !0;
       };
-    if (wt.length === 0)
-      return fe(fo), E?.({
-        mode: O,
+    if (bt.length === 0)
+      return Tt(fo), P?.({
+        mode: W,
         durationMs: 0,
         inputCount: m.count,
         outputCount: 0,
@@ -3676,244 +3678,244 @@ function No({
       }), () => {
         A = !0;
       };
-    const I = (k, ft) => {
-      if (A || b !== U.current) return;
-      const ge = k?.drawIndices ? k.drawIndices.length : k?.count ?? 0;
-      fe(k), E?.({
+    const I = (D, ft) => {
+      if (A || y !== x.current) return;
+      const ge = D?.drawIndices ? D.drawIndices.length : D?.count ?? 0;
+      Tt(D), P?.({
         mode: ft.mode,
         durationMs: ft.durationMs,
         inputCount: m.count,
         outputCount: ge,
-        polygonCount: wt.length,
+        polygonCount: bt.length,
         usedWebGpu: ft.usedWebGpu,
         candidateCount: ft.candidateCount,
         bridgedToDraw: ft.bridgedToDraw
       });
     };
     return (async () => {
-      if (O === "sync") {
-        const k = performance.now(), ft = _e(m, wt);
+      if (W === "sync") {
+        const D = performance.now(), ft = Fe(m, bt);
         I(ft, {
           mode: "sync",
-          durationMs: performance.now() - k
+          durationMs: performance.now() - D
         });
         return;
       }
-      if (O === "hybrid-webgpu") {
-        const k = await Ji(m, wt, { bridgeToDraw: !0 });
-        I(k.data, {
-          mode: k.meta.mode,
-          durationMs: k.meta.durationMs,
-          usedWebGpu: k.meta.usedWebGpu,
-          candidateCount: k.meta.candidateCount,
-          bridgedToDraw: k.meta.bridgedToDraw
+      if (W === "hybrid-webgpu") {
+        const D = await Ji(m, bt, { bridgeToDraw: !0 });
+        I(D.data, {
+          mode: D.meta.mode,
+          durationMs: D.meta.durationMs,
+          usedWebGpu: D.meta.usedWebGpu,
+          candidateCount: D.meta.candidateCount,
+          bridgedToDraw: D.meta.bridgedToDraw
         });
         return;
       }
       try {
-        const k = await Qi(m, wt);
-        I(k.data, {
-          mode: k.meta.mode,
-          durationMs: k.meta.durationMs
+        const D = await ji(m, bt);
+        I(D.data, {
+          mode: D.meta.mode,
+          durationMs: D.meta.durationMs
         });
       } catch {
-        const k = performance.now(), ft = _e(m, wt);
+        const D = performance.now(), ft = Fe(m, bt);
         I(ft, {
           mode: "sync",
-          durationMs: performance.now() - k
+          durationMs: performance.now() - D
         });
       }
     })(), () => {
       A = !0;
     };
-  }, [F, O, m, wt, E]);
-  const en = !!(L || at || lt), Tt = $(() => en ? Ao(yt, e) : null, [en, yt, e]), Kt = B(
-    (b) => {
-      const A = j.current;
-      if (!A || !Tt) return null;
-      const I = Number(b[0]), H = Number(b[1]);
+  }, [F, W, m, bt, P]);
+  const en = !!(L || at || lt), Rt = K(() => en ? xo(At, e) : null, [en, At, e]), jt = U(
+    (y) => {
+      const A = Q.current;
+      if (!A || !Rt) return null;
+      const I = Number(y[0]), H = Number(y[1]);
       if (!Number.isFinite(I) || !Number.isFinite(H)) return null;
-      const k = Math.max(1e-6, A.getViewState().zoom), ft = A.getPointSizeByZoom(), oe = Math.max(go, ft * mo) / k;
+      const D = Math.max(1e-6, A.getViewState().zoom), ft = A.getPointSizeByZoom(), oe = Math.max(go, ft * mo) / D;
       if (!Number.isFinite(oe) || oe <= 0) return null;
-      const Ue = Tt.cellSize, cn = Math.floor(I / Ue), hn = Math.floor(H / Ue), pe = Math.max(1, Math.ceil(oe / Ue)), fr = oe * oe;
-      let be = -1, fn = fr, dn = 0, mn = 0;
-      for (let Be = cn - pe; Be <= cn + pe; Be += 1) {
-        const gn = Tt.buckets.get(Be);
+      const Be = Rt.cellSize, cn = Math.floor(I / Be), hn = Math.floor(H / Be), pe = Math.max(1, Math.ceil(oe / Be)), dr = oe * oe;
+      let be = -1, fn = dr, dn = 0, mn = 0;
+      for (let Le = cn - pe; Le <= cn + pe; Le += 1) {
+        const gn = Rt.buckets.get(Le);
         if (gn)
           for (let ze = hn - pe; ze <= hn + pe; ze += 1) {
             const ye = gn.get(ze);
             if (!(!ye || ye.length === 0))
-              for (let Le = 0; Le < ye.length; Le += 1) {
-                const we = ye[Le];
-                if (we >= Tt.safeCount) continue;
-                const pn = Tt.positions[we * 2], bn = Tt.positions[we * 2 + 1], yn = pn - I, wn = bn - H, Mn = yn * yn + wn * wn;
+              for (let Ne = 0; Ne < ye.length; Ne += 1) {
+                const we = ye[Ne];
+                if (we >= Rt.safeCount) continue;
+                const pn = Rt.positions[we * 2], bn = Rt.positions[we * 2 + 1], yn = pn - I, wn = bn - H, Mn = yn * yn + wn * wn;
                 Mn > fn || (fn = Mn, be = we, dn = pn, mn = bn);
               }
           }
       }
       if (be < 0) return null;
-      const dr = Tt.ids ? Number(Tt.ids[be]) : null;
+      const mr = Rt.ids ? Number(Rt.ids[be]) : null;
       return {
         index: be,
-        id: dr,
+        id: mr,
         coordinate: [I, H],
         pointCoordinate: [dn, mn]
       };
     },
-    [Tt]
-  ), jt = B(
-    (b, A) => {
+    [Rt]
+  ), te = U(
+    (y, A) => {
       if (!L) return;
-      const I = b?.index ?? null, H = b?.id ?? null;
-      M.current === I && P.current === H || (M.current = I, P.current = H, L({
+      const I = y?.index ?? null, H = y?.id ?? null;
+      g.current === I && M.current === H || (g.current = I, M.current = H, L({
         index: I,
         id: H,
         coordinate: A,
-        pointCoordinate: b?.pointCoordinate ?? null
+        pointCoordinate: y?.pointCoordinate ?? null
       }));
     },
     [L]
-  ), de = B(
-    (b, A) => {
+  ), de = U(
+    (y, A) => {
       if (!at) return;
-      const I = Kt(b);
+      const I = jt(y);
       I && at({
         ...I,
         button: A
       });
     },
-    [at, Kt]
+    [at, jt]
   );
-  $(() => {
-    const b = Number(X?.width ?? 220);
-    return Number.isFinite(b) ? Math.max(64, b) : 220;
-  }, [X?.width]);
-  const nn = $(() => {
-    const b = Number(X?.height ?? 140);
-    return Number.isFinite(b) ? Math.max(48, b) : 140;
-  }, [X?.height]), Yt = $(() => {
-    const b = Number(X?.margin ?? 16);
-    return Number.isFinite(b) ? Math.max(0, b) : 16;
-  }, [X?.margin]), me = X?.position || "bottom-right";
-  Y(() => {
+  K(() => {
+    const y = Number(k?.width ?? 220);
+    return Number.isFinite(y) ? Math.max(64, y) : 220;
+  }, [k?.width]);
+  const nn = K(() => {
+    const y = Number(k?.height ?? 140);
+    return Number.isFinite(y) ? Math.max(48, y) : 140;
+  }, [k?.height]), Vt = K(() => {
+    const y = Number(k?.margin ?? 16);
+    return Number.isFinite(y) ? Math.max(0, y) : 16;
+  }, [k?.margin]), me = k?.position || "bottom-right";
+  X(() => {
     if (lt)
-      return lt.current = Kt, () => {
-        lt.current === Kt && (lt.current = null);
+      return lt.current = jt, () => {
+        lt.current === jt && (lt.current = null);
       };
-  }, [lt, Kt]);
-  const Wt = B(
-    (b) => {
-      Fe((A) => String(A) === String(b) ? A : (mt?.(b), b));
+  }, [lt, jt]);
+  const Gt = U(
+    (y) => {
+      Ue((A) => String(A) === String(y) ? A : (mt?.(y), y));
     },
     [mt]
   );
-  Y(() => {
-    Ft.current = n;
-  }, [n]), Y(() => {
+  X(() => {
+    Lt.current = n;
+  }, [n]), X(() => {
     _.current = r;
-  }, [r]), Y(() => {
-    pt.current = s, s || f(null);
+  }, [r]), X(() => {
+    yt.current = s, s || u(null);
   }, [s]);
-  const rn = B((b) => {
-    _.current?.(b), pt.current && f(b);
-  }, []), sr = $(() => u ? [
-    `tier ${u.tier} | frame ${u.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${u.drawCalls ?? "-"}`,
-    `tiles visible ${u.visible} | rendered ${u.rendered} | fallback ${u.fallback}`,
-    `cache size ${u.cache} | hit ${u.cacheHits ?? "-"} | miss ${u.cacheMisses ?? "-"}`,
-    `queue inflight ${u.inflight} | queued ${u.queued ?? "-"} | retries ${u.retries ?? "-"} | failed ${u.failed ?? "-"} | aborted ${u.aborted ?? "-"}`,
-    `points ${u.points}`
+  const rn = U((y) => {
+    _.current?.(y), yt.current && u(y);
+  }, []), ar = K(() => ht ? [
+    `tier ${ht.tier} | frame ${ht.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${ht.drawCalls ?? "-"}`,
+    `tiles visible ${ht.visible} | rendered ${ht.rendered} | fallback ${ht.fallback}`,
+    `cache size ${ht.cache} | hit ${ht.cacheHits ?? "-"} | miss ${ht.cacheMisses ?? "-"}`,
+    `queue inflight ${ht.inflight} | queued ${ht.queued ?? "-"} | retries ${ht.retries ?? "-"} | failed ${ht.failed ?? "-"} | aborted ${ht.aborted ?? "-"}`,
+    `points ${ht.points}`
   ].join(`
-`) : "stats: waiting for first frame...", [u]);
-  Y(() => {
-    !(St === null ? !0 : nt.some((H, k) => String(Je(H, k)) === String(St))) && St !== null && Wt(null);
-    const A = y.current;
-    !(A === null ? !0 : nt.some((H, k) => String(Je(H, k)) === String(A))) && A !== null && (y.current = null, Bt(null), st?.({
+`) : "stats: waiting for first frame...", [ht]);
+  X(() => {
+    !(wt === null ? !0 : pt.some((H, D) => String(Je(H, D)) === String(wt))) && wt !== null && Gt(null);
+    const A = h.current;
+    !(A === null ? !0 : pt.some((H, D) => String(Je(H, D)) === String(A))) && A !== null && (h.current = null, Wt(null), st?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [nt, St, st, Wt]), Y(() => {
-    const b = M.current;
-    b !== null && (Tt && b < Tt.safeCount || (M.current = null, P.current = null, L?.({
+  }, [pt, wt, st, Gt]), X(() => {
+    const y = g.current;
+    y !== null && (Rt && y < Rt.safeCount || (g.current = null, M.current = null, L?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     })));
-  }, [Tt, L]);
-  const on = B(
-    (b) => {
-      gt && he(b);
-      const A = Ft.current;
-      A && A(b), _t.current?.(), Rt.current?.();
+  }, [Rt, L]);
+  const on = U(
+    (y) => {
+      q && ie(y);
+      const A = Lt.current;
+      A && A(y), Bt.current?.(), It.current?.();
     },
-    [gt]
+    [q]
   );
-  Y(() => {
-    if (!Q) {
-      Ut(!1);
+  X(() => {
+    if (!j) {
+      St(!1);
       return;
     }
-    Ut(!0);
-  }, [Q, e?.id]), Y(() => {
-    D !== "cursor" && y.current !== null && (y.current = null, Bt(null), st?.({
+    St(!0);
+  }, [j, e?.id]), X(() => {
+    N !== "cursor" && h.current !== null && (h.current = null, Wt(null), st?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [D, st]), Y(() => {
-    D !== "cursor" && M.current !== null && (M.current = null, P.current = null, L?.({
+  }, [N, st]), X(() => {
+    N !== "cursor" && g.current !== null && (g.current = null, M.current = null, L?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     }));
-  }, [D, L]);
-  const Ot = B((b, A) => {
-    const I = j.current;
+  }, [N, L]);
+  const qt = U((y, A) => {
+    const I = Q.current;
     if (!I) return null;
-    const H = I.screenToWorld(b, A);
+    const H = I.screenToWorld(y, A);
     if (!Array.isArray(H) || H.length < 2) return null;
-    const k = Number(H[0]), ft = Number(H[1]);
-    return !Number.isFinite(k) || !Number.isFinite(ft) ? null : [k, ft];
-  }, []), sn = B((b, A) => {
-    const I = j.current;
+    const D = Number(H[0]), ft = Number(H[1]);
+    return !Number.isFinite(D) || !Number.isFinite(ft) ? null : [D, ft];
+  }, []), sn = U((y, A) => {
+    const I = Q.current;
     if (!I) return null;
-    const H = I.worldToScreen(b, A);
+    const H = I.worldToScreen(y, A);
     if (!Array.isArray(H) || H.length < 2) return null;
-    const k = Number(H[0]), ft = Number(H[1]);
-    return !Number.isFinite(k) || !Number.isFinite(ft) ? null : [k, ft];
-  }, []), an = B(() => {
-    j.current?.requestRender(), _t.current?.(), Rt.current?.();
-  }, []), ln = $(() => ie ?? j.current?.getViewState() ?? null, [ie]), un = $(() => {
+    const D = Number(H[0]), ft = Number(H[1]);
+    return !Number.isFinite(D) || !Number.isFinite(ft) ? null : [D, ft];
+  }, []), an = U(() => {
+    Q.current?.requestRender(), Bt.current?.(), It.current?.();
+  }, []), ln = K(() => fe ?? Q.current?.getViewState() ?? null, [fe]), un = K(() => {
     if (!e) return null;
-    const b = ln;
-    return b ? {
+    const y = ln;
+    return y ? {
       source: e,
-      viewState: b,
-      drawTool: D,
-      interactionLock: rt,
+      viewState: y,
+      drawTool: N,
+      interactionLock: nt,
       worldToScreen: sn,
-      screenToWorld: Ot,
+      screenToWorld: qt,
       requestRedraw: an
     } : null;
-  }, [e, ln, D, rt, sn, Ot, an]), ar = B(
-    (b) => {
-      const A = b.target === ct.current, I = Ot(b.clientX, b.clientY);
-      if (V) {
+  }, [e, ln, N, nt, sn, qt, an]), lr = U(
+    (y) => {
+      const A = y.target === ct.current, I = qt(y.clientX, y.clientY);
+      if (O) {
         const ge = !!I && I[0] >= 0 && I[1] >= 0 && !!e && I[0] <= e.width && I[1] <= e.height;
-        V({
+        O({
           coordinate: I,
-          clientX: b.clientX,
-          clientY: b.clientY,
+          clientX: y.clientX,
+          clientY: y.clientY,
           insideImage: ge
         });
       }
-      if (D !== "cursor") return;
+      if (N !== "cursor") return;
       if (!A) {
-        jt(null, null), y.current !== null && (y.current = null, Bt(null), st?.({
+        te(null, null), h.current !== null && (h.current = null, Wt(null), st?.({
           region: null,
           regionId: null,
           regionIndex: -1,
@@ -3922,246 +3924,257 @@ function No({
         return;
       }
       if (!I) {
-        jt(null, null);
+        te(null, null);
         return;
       }
-      if (L && jt(Kt(I), I), !ht.length) return;
-      const H = Oe(I, ht), k = H?.regionId ?? null, ft = y.current;
-      String(ft) !== String(k) && (y.current = k, Bt(k), st?.({
+      if (L && te(jt(I), I), !rt.length) return;
+      const H = Oe(I, rt), D = H?.regionId ?? null, ft = h.current;
+      String(ft) !== String(D) && (h.current = D, Wt(D), st?.({
         region: H?.region ?? null,
-        regionId: k,
+        regionId: D,
         regionIndex: H?.regionIndex ?? -1,
         coordinate: I
       }));
     },
-    [D, ht, Ot, st, V, e, jt, Kt, L]
-  ), lr = B(() => {
-    V?.({
+    [N, rt, qt, st, O, e, te, jt, L]
+  ), ur = U(() => {
+    O?.({
       coordinate: null,
       clientX: -1,
       clientY: -1,
       insideImage: !1
-    }), jt(null, null), y.current !== null && (y.current = null, Bt(null), st?.({
+    }), te(null, null), h.current !== null && (h.current = null, Wt(null), st?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [st, V, jt]), ur = B(
-    (b) => {
-      if (D !== "cursor" || b.target !== ct.current) return;
-      const A = Ot(b.clientX, b.clientY);
+  }, [st, O, te]), cr = U(
+    (y) => {
+      if (N !== "cursor" || y.target !== ct.current) return;
+      const A = qt(y.clientX, y.clientY);
       if (!A) return;
-      if (de(A, b.button), !ht.length) {
-        Wt(null);
+      if (de(A, y.button), !rt.length) {
+        Gt(null);
         return;
       }
-      const I = Oe(A, ht);
+      const I = Oe(A, rt);
       if (!I) {
-        Wt(null);
+        Gt(null);
         return;
       }
-      const H = St !== null && String(St) === String(I.regionId) ? null : I.regionId;
-      Wt(H), Mt?.({
+      const H = wt !== null && String(wt) === String(I.regionId) ? null : I.regionId;
+      Gt(H), xt?.({
         region: I.region,
         regionId: I.regionId,
         regionIndex: I.regionIndex,
         coordinate: A
       });
     },
-    [D, ht, Ot, Mt, St, Wt, de]
-  ), cr = B(
-    (b) => {
-      if (D !== "brush" || Et?.clickSelectRoi !== !0 || !ht.length) return !1;
-      const A = Oe(b, ht);
+    [N, rt, qt, xt, wt, Gt, de]
+  ), hr = U(
+    (y) => {
+      if (N !== "brush" || vt?.clickSelectRoi !== !0 || !rt.length) return !1;
+      const A = Oe(y, rt);
       if (!A) return !1;
-      const I = St !== null && String(St) === String(A.regionId) ? null : A.regionId;
-      return Wt(I), Mt?.({
+      const I = wt !== null && String(wt) === String(A.regionId) ? null : A.regionId;
+      return Gt(I), xt?.({
         region: A.region,
         regionId: A.regionId,
         regionIndex: A.regionIndex,
-        coordinate: b
+        coordinate: y
       }), !0;
     },
-    [D, Et?.clickSelectRoi, ht, St, Wt, Mt]
-  ), hr = B(
-    (b) => {
-      if (!at || D !== "cursor" || b.target !== ct.current) return;
-      b.preventDefault();
-      const A = Ot(b.clientX, b.clientY);
-      A && de(A, b.button);
+    [N, vt?.clickSelectRoi, rt, wt, Gt, xt]
+  ), fr = U(
+    (y) => {
+      if (!at || N !== "cursor" || y.target !== ct.current) return;
+      y.preventDefault();
+      const A = qt(y.clientX, y.clientY);
+      A && de(A, y.button);
     },
-    [D, Ot, de, at]
+    [N, qt, de, at]
   );
-  return Y(() => {
-    const b = ct.current;
-    if (!b || !e)
+  return X(() => {
+    const y = ct.current;
+    if (!y || !e)
       return;
-    const A = new co(b, e, {
+    const A = new co(y, e, {
       onViewStateChange: on,
       onStats: rn,
       onTileError: i,
       onContextLost: o,
       onContextRestored: a,
-      authToken: g,
+      authToken: p,
       ctrlDragRotate: d,
       pointSizeByZoom: S,
-      pointStrokeScale: x
+      pointStrokeScale: T
     });
-    return j.current = A, t && A.setViewState(t), A.setInteractionLock(rt), gt && he(A.getViewState()), () => {
-      A.destroy(), j.current = null;
+    return Q.current = A, t && A.setViewState(t), A.setInteractionLock(nt), q && ie(A.getViewState()), () => {
+      A.destroy(), Q.current = null;
     };
-  }, [e, rn, i, o, a, g, d, S, x, on, gt]), Y(() => {
-    const b = j.current;
-    !b || !t || b.setViewState(t);
-  }, [t]), Y(() => {
-    const b = j.current;
-    b && b.fitToImage();
-  }, [c]), Y(() => {
-    const b = j.current;
-    b && b.resetRotation();
-  }, [h]), Y(() => {
-    const b = j.current;
-    !b || !p || b.setPointPalette(p);
-  }, [p]), Y(() => {
-    const b = j.current;
-    b && b.setPointSizeByZoom(S);
-  }, [S]), Y(() => {
-    const b = j.current;
-    b && b.setPointStrokeScale(x);
-  }, [x]), Y(() => {
-    const b = j.current;
-    b && b.setPointData(yt);
-  }, [yt]), Y(() => {
-    if (!N) return;
-    const A = eo(F ? yt : m, nt, {
-      paletteIndexToTermId: K,
+  }, [e, rn, i, o, a, p, d, S, T, on, q]), X(() => {
+    const y = Q.current;
+    !y || !t || y.setViewState(t);
+  }, [t]), X(() => {
+    const y = Q.current;
+    y && y.fitToImage();
+  }, [c]), X(() => {
+    const y = Q.current;
+    y && y.resetRotation();
+  }, [f]), X(() => {
+    const y = Q.current;
+    !y || !b || y.setPointPalette(b);
+  }, [b]), X(() => {
+    const y = Q.current;
+    y && y.setPointSizeByZoom(S);
+  }, [S]), X(() => {
+    const y = Q.current;
+    y && y.setPointStrokeScale(T);
+  }, [T]), X(() => {
+    const y = Q.current;
+    y && y.setPointData(At);
+  }, [At]), X(() => {
+    if (!z) return;
+    const A = eo(F ? At : m, pt, {
+      paletteIndexToTermId: J,
       includeEmptyRegions: !0
     });
-    N(A);
-  }, [N, F, m, yt, nt, K]), Y(() => {
-    const b = j.current;
-    b && b.setInteractionLock(rt);
-  }, [rt]), /* @__PURE__ */ Sn("div", { className: dt, style: kt, onPointerMove: ar, onPointerLeave: lr, onClick: ur, onContextMenu: hr, children: [
-    /* @__PURE__ */ zt(
-      "canvas",
-      {
-        ref: ct,
-        className: "wsi-render-canvas",
-        style: {
-          position: "absolute",
-          inset: 0,
-          zIndex: 1,
-          width: "100%",
-          height: "100%",
-          display: "block",
-          touchAction: "none",
-          cursor: D === "cursor" && re !== null ? "pointer" : rt ? "crosshair" : "grab"
-        }
-      }
-    ),
-    e && un && Array.isArray(T) && T.length > 0 ? T.map((b, A) => /* @__PURE__ */ zt(
-      "div",
-      {
-        className: b.className,
-        style: {
-          position: "absolute",
-          inset: 0,
-          zIndex: b.zIndex ?? 3,
-          pointerEvents: b.pointerEvents ?? "none",
-          ...b.style
-        },
-        children: b.render(un)
-      },
-      b.id ?? A
-    )) : null,
-    e ? /* @__PURE__ */ zt(
-      ki,
-      {
-        tool: D,
-        enabled: D !== "cursor",
-        imageWidth: e.width,
-        imageHeight: e.height,
-        imageMpp: e.mpp,
-        imageZoom: e.maxTierZoom,
-        stampOptions: It,
-        brushOptions: Et,
-        projectorRef: j,
-        onBrushTap: cr,
-        viewStateSignal: t,
-        persistedRegions: nt,
-        patchRegions: Z,
-        regionStrokeStyle: J,
-        regionStrokeHoverStyle: Ct,
-        regionStrokeActiveStyle: Nt,
-        patchStrokeStyle: Qt,
-        resolveRegionStrokeStyle: bt,
-        overlayShapes: ot,
-        hoveredRegionId: re,
-        activeRegionId: St,
-        regionLabelStyle: v,
-        invalidateRef: _t,
-        onDrawComplete: G,
-        onPatchComplete: et
-      }
-    ) : null,
-    s ? /* @__PURE__ */ zt("pre", { "data-open-plant-debug-overlay": !0, style: Xt, children: sr }) : null,
-    e && Q ? Pt ? /* @__PURE__ */ Sn(pr, { children: [
-      /* @__PURE__ */ zt(Yi, { source: e, projectorRef: j, authToken: g, options: X, invalidateRef: Rt }),
-      /* @__PURE__ */ zt(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Hide overview map",
-          onClick: () => Ut(!1),
-          style: {
-            position: "absolute",
-            zIndex: 6,
-            ...me.includes("left") ? { left: Yt } : { right: Yt },
-            ...me.includes("top") ? { top: Yt + nn + 8 } : { bottom: Yt + nn + 8 },
-            width: 20,
-            height: 20,
-            borderRadius: 999,
-            border: "1px solid rgba(255,255,255,0.4)",
-            background: "rgba(8, 14, 22, 0.9)",
-            color: "#fff",
-            fontSize: 13,
-            lineHeight: 1,
-            cursor: "pointer",
-            padding: 0
+    z(A);
+  }, [z, F, m, At, pt, J]), X(() => {
+    const y = Q.current;
+    y && y.setInteractionLock(nt);
+  }, [nt]), /* @__PURE__ */ Sn(
+    "div",
+    {
+      className: dt,
+      style: gt,
+      onPointerMove: lr,
+      onPointerLeave: ur,
+      onClick: cr,
+      onContextMenu: fr,
+      children: [
+        /* @__PURE__ */ zt(
+          "canvas",
+          {
+            ref: ct,
+            className: "wsi-render-canvas",
+            style: {
+              position: "absolute",
+              inset: 0,
+              zIndex: 1,
+              width: "100%",
+              height: "100%",
+              display: "block",
+              touchAction: "none",
+              cursor: N === "cursor" && re !== null ? "pointer" : nt ? "crosshair" : "grab"
+            }
+          }
+        ),
+        e && un && Array.isArray(E) && E.length > 0 ? E.map((y, A) => /* @__PURE__ */ zt(
+          "div",
+          {
+            className: y.className,
+            style: {
+              position: "absolute",
+              inset: 0,
+              zIndex: y.zIndex ?? 3,
+              pointerEvents: y.pointerEvents ?? "none",
+              ...y.style
+            },
+            children: y.render(un)
           },
-          children: "×"
-        }
-      )
-    ] }) : /* @__PURE__ */ zt(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Show overview map",
-        onClick: () => Ut(!0),
-        style: {
-          position: "absolute",
-          zIndex: 6,
-          ...me.includes("left") ? { left: Yt } : { right: Yt },
-          ...me.includes("top") ? { top: Yt } : { bottom: Yt },
-          height: 24,
-          minWidth: 40,
-          borderRadius: 999,
-          border: "1px solid rgba(255,255,255,0.45)",
-          background: "rgba(8, 14, 22, 0.9)",
-          color: "#dff8ff",
-          fontSize: 11,
-          fontWeight: 700,
-          cursor: "pointer",
-          padding: "0 8px"
-        },
-        children: "Map"
-      }
-    ) : null
-  ] });
+          y.id ?? A
+        )) : null,
+        e ? /* @__PURE__ */ zt(
+          ki,
+          {
+            tool: N,
+            enabled: N !== "cursor",
+            imageWidth: e.width,
+            imageHeight: e.height,
+            imageMpp: e.mpp,
+            imageZoom: e.maxTierZoom,
+            stampOptions: Ft,
+            brushOptions: vt,
+            projectorRef: Q,
+            onBrushTap: hr,
+            viewStateSignal: t,
+            persistedRegions: pt,
+            patchRegions: V,
+            regionStrokeStyle: Z,
+            regionStrokeHoverStyle: Ut,
+            regionStrokeActiveStyle: Dt,
+            patchStrokeStyle: Qt,
+            resolveRegionStrokeStyle: Mt,
+            overlayShapes: ot,
+            hoveredRegionId: re,
+            activeRegionId: wt,
+            regionLabelStyle: v,
+            invalidateRef: Bt,
+            onDrawComplete: G,
+            onPatchComplete: et
+          }
+        ) : null,
+        s ? /* @__PURE__ */ zt("pre", { "data-open-plant-debug-overlay": !0, style: Ot, children: ar }) : null,
+        e && j ? Ct ? /* @__PURE__ */ Sn(br, { children: [
+          /* @__PURE__ */ zt(Yi, { source: e, projectorRef: Q, authToken: p, options: k, invalidateRef: It }),
+          /* @__PURE__ */ zt(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Hide overview map",
+              onClick: () => St(!1),
+              style: {
+                position: "absolute",
+                zIndex: 6,
+                ...me.includes("left") ? { left: Vt } : { right: Vt },
+                ...me.includes("top") ? { top: Vt + nn + 8 } : { bottom: Vt + nn + 8 },
+                width: 20,
+                height: 20,
+                borderRadius: 999,
+                border: "1px solid rgba(255,255,255,0.4)",
+                background: "rgba(8, 14, 22, 0.9)",
+                color: "#fff",
+                fontSize: 13,
+                lineHeight: 1,
+                cursor: "pointer",
+                padding: 0
+              },
+              children: "×"
+            }
+          )
+        ] }) : /* @__PURE__ */ zt(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Show overview map",
+            onClick: () => St(!0),
+            style: {
+              position: "absolute",
+              zIndex: 6,
+              ...me.includes("left") ? { left: Vt } : { right: Vt },
+              ...me.includes("top") ? { top: Vt } : { bottom: Vt },
+              height: 24,
+              minWidth: 40,
+              borderRadius: 999,
+              border: "1px solid rgba(255,255,255,0.45)",
+              background: "rgba(8, 14, 22, 0.9)",
+              color: "#dff8ff",
+              fontSize: 11,
+              fontWeight: 700,
+              cursor: "pointer",
+              padding: "0 8px"
+            },
+            children: "Map"
+          }
+        ) : null
+      ]
+    }
+  );
 }
 export {
-  Hn as DEFAULT_POINT_COLOR,
+  $n as DEFAULT_POINT_COLOR,
   ki as DrawLayer,
   Ar as M1TileRenderer,
   Yi as OverviewMap,
@@ -4171,24 +4184,24 @@ export {
   No as WsiViewerCanvas,
   _o as buildTermPalette,
   vo as calcScaleLength,
-  $n as calcScaleResolution,
+  Zn as calcScaleResolution,
   it as clamp,
-  Ht as closeRing,
+  Xt as closeRing,
   eo as computeRoiPointGroups,
-  _n as createCircle,
-  Cn as createRectangle,
-  _e as filterPointDataByPolygons,
+  Fn as createCircle,
+  _n as createRectangle,
+  Fe as filterPointDataByPolygons,
   Ji as filterPointDataByPolygonsHybrid,
-  Qi as filterPointDataByPolygonsInWorker,
+  ji as filterPointDataByPolygonsInWorker,
   Wi as filterPointIndicesByPolygons,
-  Lo as filterPointIndicesByPolygonsInWorker,
+  zo as filterPointIndicesByPolygonsInWorker,
   Bo as getWebGpuCapabilities,
-  Jr as hexToRgba,
+  jr as hexToRgba,
   Io as isSameViewState,
   Fo as normalizeImageInfo,
   Ki as prefilterPointsByBoundsWebGpu,
-  zo as terminateRoiClipWorker,
+  Lo as terminateRoiClipWorker,
   Co as toBearerToken,
-  er as toTileUrl
+  nr as toTileUrl
 };
 //# sourceMappingURL=index.js.map