open-plant 1.2.7 → 1.2.9

package/dist/index.js

@@ -1,9 +1,9 @@
-var rr = Object.defineProperty;
-var ir = (e, t, n) => t in e ? rr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var b = (e, t, n) => ir(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as Ut, jsxs as mn, Fragment as or } from "react/jsx-runtime";
-import { useRef as j, useMemo as tt, useCallback as B, useEffect as X, useState as Jt } from "react";
-function gn(e, t, n) {
+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 b = (e, t, n) => gr(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as Ut, jsxs as xn, Fragment as pr } from "react/jsx-runtime";
+import { useRef as j, useMemo as q, useCallback as B, useEffect as k, useState as te } from "react";
+function Tn(e, t, n) {
   const r = e.createShader(t);
   if (!r)
     throw new Error("Failed to create shader.");
@@ -13,8 +13,8 @@ function gn(e, t, n) {
   }
   return r;
 }
-function sr(e, t, n) {
-  const r = gn(e, e.VERTEX_SHADER, t), i = gn(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
+function br(e, t, n) {
+  const r = Tn(e, e.VERTEX_SHADER, t), i = Tn(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 sr(e, t, n) {
   }
   return o;
 }
-function _e(e, t, n) {
+function Le(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`Failed to get uniform location: ${n}`);
   return r;
 }
-function ar(e) {
+function wr(e) {
   const t = e.getContext("webgl2", {
     alpha: !1,
     antialias: !1,
@@ -42,7 +42,7 @@ function ar(e) {
     throw new Error("WebGL2 is not available.");
   return t;
 }
-let ur = class {
+let yr = class {
   constructor() {
     b(this, "viewportWidth", 1);
     b(this, "viewportHeight", 1);
@@ -82,7 +82,7 @@ let ur = class {
     ]);
   }
 };
-const cr = `#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;
 }
-`, lr = `#version 300 es
+`, xr = `#version 300 es
 precision highp float;
 
 in vec2 vUv;
@@ -114,11 +114,11 @@ void main() {
   outColor = texture(uTexture, vUv);
 }
 `;
-class hr {
+class Tr {
   constructor(t) {
     b(this, "canvas");
     b(this, "gl");
-    b(this, "camera", new ur());
+    b(this, "camera", new yr());
     b(this, "imageWidth");
     b(this, "imageHeight");
     b(this, "clearColor");
@@ -135,7 +135,7 @@ class hr {
     b(this, "destroyed", !1);
     b(this, "fitted", !1);
     b(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 = ar(this.canvas), this.program = sr(this.gl, cr, lr);
+    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 = br(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 hr {
       !1,
       a,
       2 * Float32Array.BYTES_PER_ELEMENT
-    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = _e(
+    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = Le(
       this.gl,
       this.program,
       "uCamera"
-    ), this.uBoundsLocation = _e(
+    ), this.uBoundsLocation = Le(
       this.gl,
       this.program,
       "uBounds"
-    ), this.uTextureLocation = _e(
+    ), this.uTextureLocation = Le(
       this.gl,
       this.program,
       "uTexture"
@@ -310,16 +310,16 @@ class hr {
       this.gl.deleteTexture(n.texture);
   }
 }
-const fr = 0.1, dr = 4e6, mr = 4096, gr = 64, Fn = 1e-6, pr = 24;
-function Ne(e, t, n) {
+const Mr = 0.1, Ar = 4e6, Pr = 4096, Rr = 64, Er = 1, vr = 4, On = 1e-6, Cr = 24;
+function Ee(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function Wt(e) {
+function Ft(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 br(e) {
+function Ir(e) {
   if (!Array.isArray(e) || e.length === 0) return [];
   const t = [];
   for (const n of e) {
@@ -331,8 +331,8 @@ function br(e) {
   }
   return t;
 }
-function wr(e, t, n) {
-  if (t <= Fn || n < 8) return [];
+function _r(e, t, n) {
+  if (t <= On || 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 wr(e, t, n) {
       e[1] + Math.sin(o) * t
     ]);
   }
-  return Wt(r);
+  return Ft(r);
 }
-function Be(e, t) {
+function De(e, t) {
   if (!e.length) return [];
   let n = 1 / 0, r = 1 / 0, i = -1 / 0, o = -1 / 0;
-  for (const [a, u] of e)
-    a < n && (n = a), a > i && (i = a), u < r && (r = u), u > o && (o = u);
+  for (const [a, c] of e)
+    a < n && (n = a), a > i && (i = a), c < r && (r = c), c > o && (o = c);
   if (!Number.isFinite(n) || !Number.isFinite(r)) return [];
   const s = Math.max(t, 1);
-  return Wt([
+  return Ft([
     [n - s, r - s],
     [i + s, r - s],
     [i + s, o + s],
     [n - s, o + s]
   ]);
 }
-function yr(e, t) {
+function Br(e, t) {
   let n = 1 / 0, r = 1 / 0, i = -1 / 0, o = -1 / 0;
-  for (const [a, u] of e)
-    a < n && (n = a), a > i && (i = a), u < r && (r = u), u > o && (o = u);
+  for (const [a, c] of e)
+    a < n && (n = a), a > i && (i = a), c < r && (r = c), c > o && (o = c);
   const s = Math.max(t, 1);
   return [n - s, r - s, i + s, o + s];
 }
-function xr(e, t, n) {
+function Ur(e, t, n) {
   const r = Math.max(
-    fr,
+    Mr,
     Number(n.minRasterStep) || 0
   ), i = Math.max(
     32768,
-    Math.floor(n.maxRasterPixels || dr)
+    Math.floor(n.maxRasterPixels || Ar)
   ), o = Math.max(
     256,
-    Math.floor(n.maxRasterSize || mr)
+    Math.floor(n.maxRasterSize || Pr)
   ), s = Math.max(1e-3, e[2] - e[0]), a = Math.max(1e-3, e[3] - e[1]);
-  let u = Math.max(r, Number.EPSILON), c = 3, h = Math.ceil(s / u) + c * 2 + 1, g = Math.ceil(a / u) + c * 2 + 1;
-  for (; (h > o || g > o || h * g > i) && (u *= 1.15, h = Math.ceil(s / u) + c * 2 + 1, g = Math.ceil(a / u) + c * 2 + 1, !(u > Math.max(s, a))); )
+  let c = Math.max(r, Number.EPSILON), h = 3, l = Math.ceil(s / c) + h * 2 + 1, m = Math.ceil(a / c) + h * 2 + 1;
+  for (; (l > o || m > o || l * m > i) && (c *= 1.15, l = Math.ceil(s / c) + h * 2 + 1, m = Math.ceil(a / c) + h * 2 + 1, !(c > Math.max(s, a))); )
     ;
-  return h = Math.max(8, h), g = Math.max(8, g), {
+  return l = Math.max(8, l), m = Math.max(8, m), {
     minX: e[0],
     minY: e[1],
-    step: u,
-    padding: c,
-    width: h,
-    height: g
+    step: c,
+    padding: h,
+    width: l,
+    height: m
   };
 }
-function Sr(e, t) {
+function Fr(e, t) {
   if (typeof OffscreenCanvas < "u") {
     const r = new OffscreenCanvas(e, t).getContext("2d", { willReadFrequently: !0 });
     if (r) return r;
@@ -398,17 +398,17 @@ function Sr(e, t) {
   }
   return null;
 }
-function Tr(e, t) {
+function zr(e, t) {
   return [
     (e[0] - t.minX) / t.step + t.padding,
     (e[1] - t.minY) / t.step + t.padding
   ];
 }
-function Mr(e, t, n) {
-  const r = Sr(n.width, n.height);
+function Lr(e, t, n) {
+  const r = Fr(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((a) => Tr(a, n));
+  const i = e.map((a) => zr(a, n));
   if (i.length <= 1) {
     const a = i[0];
     if (!a) return new Uint8Array(0);
@@ -421,37 +421,37 @@ function Mr(e, t, n) {
   }
   const o = r.getImageData(0, 0, n.width, n.height), s = new Uint8Array(n.width * n.height);
   for (let a = 0; a < s.length; a += 1)
-    s[a] = o.data[a * 4 + 3] >= pr ? 1 : 0;
+    s[a] = o.data[a * 4 + 3] >= Cr ? 1 : 0;
   return s;
 }
-function Ar(e, t, n) {
-  const r = [], i = t + 1, o = (a, u) => u * i + a, s = (a, u) => a >= 0 && u >= 0 && a < t && u < n && e[u * t + a] > 0;
+function Dr(e, t, n) {
+  const r = [], i = t + 1, o = (a, c) => c * i + a, s = (a, c) => a >= 0 && c >= 0 && a < t && c < n && e[c * t + a] > 0;
   for (let a = 0; a < n; a += 1)
-    for (let u = 0; u < t; u += 1)
-      s(u, a) && (s(u, a - 1) || r.push({
-        start: o(u, a),
-        end: o(u + 1, a),
+    for (let c = 0; c < t; c += 1)
+      s(c, a) && (s(c, a - 1) || r.push({
+        start: o(c, a),
+        end: o(c + 1, a),
         dir: 0
-      }), s(u + 1, a) || r.push({
-        start: o(u + 1, a),
-        end: o(u + 1, a + 1),
+      }), s(c + 1, a) || r.push({
+        start: o(c + 1, a),
+        end: o(c + 1, a + 1),
         dir: 1
-      }), s(u, a + 1) || r.push({
-        start: o(u + 1, a + 1),
-        end: o(u, a + 1),
+      }), s(c, a + 1) || r.push({
+        start: o(c + 1, a + 1),
+        end: o(c, a + 1),
         dir: 2
-      }), s(u - 1, a) || r.push({
-        start: o(u, a + 1),
-        end: o(u, a),
+      }), s(c - 1, a) || r.push({
+        start: o(c, a + 1),
+        end: o(c, a),
         dir: 3
       }));
   return r;
 }
-function Pr(e, t) {
+function Nr(e, t) {
   const n = (t - e + 4) % 4;
   return n === 1 ? 0 : n === 0 ? 1 : n === 3 ? 2 : 3;
 }
-function Er(e) {
+function kr(e) {
   if (!e.length) return [];
   const t = /* @__PURE__ */ new Map();
   for (let i = 0; i < e.length; i += 1) {
@@ -462,30 +462,30 @@ function Er(e) {
   for (let i = 0; i < e.length; i += 1) {
     if (n[i]) continue;
     const o = e[i], s = o.start;
-    let a = o.end, u = o.dir;
-    const c = [o.start, o.end];
+    let a = o.end, c = o.dir;
+    const h = [o.start, o.end];
     n[i] = 1;
-    let h = 0;
-    const g = e.length * 3;
-    for (; a !== s && h < g; ) {
+    let l = 0;
+    const m = e.length * 3;
+    for (; a !== s && l < m; ) {
       const d = t.get(a);
       if (!d || d.length === 0) break;
-      let p = -1, x = 1 / 0;
-      for (const P of d) {
-        if (n[P]) continue;
-        const k = e[P], C = Pr(u, k.dir);
-        C < x && (x = C, p = P);
+      let w = -1, S = 1 / 0;
+      for (const T of d) {
+        if (n[T]) continue;
+        const L = e[T], v = Nr(c, L.dir);
+        v < S && (S = v, w = T);
       }
-      if (p < 0) break;
-      n[p] = 1;
-      const S = e[p];
-      a = S.end, u = S.dir, c.push(a), h += 1;
+      if (w < 0) break;
+      n[w] = 1;
+      const x = e[w];
+      a = x.end, c = x.dir, h.push(a), l += 1;
     }
-    c.length >= 4 && c[0] === c[c.length - 1] && r.push(c);
+    h.length >= 4 && h[0] === h[h.length - 1] && r.push(h);
   }
   return r;
 }
-function Rr(e, t, n) {
+function Xr(e, t, n) {
   const r = t + 1, i = [];
   for (const o of e) {
     const s = o % r, a = Math.floor(o / r);
@@ -494,9 +494,9 @@ function Rr(e, t, n) {
       n.minY + (a - n.padding) * n.step
     ]);
   }
-  return Wt(i);
+  return Ft(i);
 }
-function vr(e) {
+function Yr(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 vr(e) {
   }
   return t * 0.5;
 }
-function Cr(e, t = 1e-9) {
-  const n = Wt(e);
+function Wr(e, t = 1e-9) {
+  const n = Ft(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], s = n[i], a = n[i + 1], u = (s[0] - o[0]) * (a[1] - s[1]) - (s[1] - o[1]) * (a[0] - s[0]);
-    Math.abs(u) <= t || r.push(s);
+    const o = r[r.length - 1], s = n[i], a = n[i + 1], c = (s[0] - o[0]) * (a[1] - s[1]) - (s[1] - o[1]) * (a[0] - s[0]);
+    Math.abs(c) <= t || r.push(s);
   }
-  return r.push(r[0]), Wt(r);
+  return r.push(r[0]), Ft(r);
 }
-function Ir(e, t, n) {
+function Or(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 m = e[0] - t[0], d = e[1] - t[1];
+    return m * m + d * d;
   }
-  const s = Ne(
+  const s = Ee(
     ((e[0] - t[0]) * r + (e[1] - t[1]) * i) / o,
     0,
     1
-  ), a = t[0] + r * s, u = t[1] + i * s, c = e[0] - a, h = e[1] - u;
-  return c * c + h * h;
+  ), a = t[0] + r * s, c = t[1] + i * s, h = e[0] - a, l = e[1] - c;
+  return h * h + l * l;
 }
-function _r(e, t) {
+function Vr(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;
@@ -536,87 +536,233 @@ function _r(e, t) {
   for (; i.length > 0; ) {
     const s = i.pop();
     if (!s) break;
-    const [a, u] = s;
-    if (u - a <= 1) continue;
-    let c = 0, h = -1;
-    for (let g = a + 1; g < u; g += 1) {
-      const d = Ir(e[g], e[a], e[u]);
-      d > c && (c = d, h = g);
+    const [a, c] = s;
+    if (c - a <= 1) continue;
+    let h = 0, l = -1;
+    for (let m = a + 1; m < c; m += 1) {
+      const d = Or(e[m], e[a], e[c]);
+      d > h && (h = d, l = m);
     }
-    h >= 0 && c > r && (n[h] = 1, i.push([a, h], [h, u]));
+    l >= 0 && h > r && (n[l] = 1, i.push([a, l], [l, c]));
   }
   const o = [];
   for (let s = 0; s < e.length; s += 1)
     n[s] && o.push(e[s]);
   return o;
 }
-function Br(e, t) {
-  const n = Wt(e);
+function Gr(e, t) {
+  const n = Ft(e);
   if (n.length < 5 || t <= 0) return n;
-  const r = n.slice(0, -1), i = _r(r, t);
-  return i.length < 3 ? n : Wt(i);
+  const r = n.slice(0, -1), i = Vr(r, t);
+  return i.length < 3 ? n : Ft(i);
+}
+function qr(e, t) {
+  let n = Ft(e);
+  if (t <= 0 || n.length < 5) return n;
+  for (let r = 0; r < t; r += 1) {
+    const i = n.slice(0, -1);
+    if (i.length < 3) break;
+    const o = [];
+    for (let s = 0; s < i.length; s += 1) {
+      const a = i[s], c = i[(s + 1) % i.length];
+      o.push(
+        [a[0] * 0.75 + c[0] * 0.25, a[1] * 0.75 + c[1] * 0.25],
+        [a[0] * 0.25 + c[0] * 0.75, a[1] * 0.25 + c[1] * 0.75]
+      );
+    }
+    n = Ft(o);
+  }
+  return n;
 }
-function ie(e, t) {
-  return t ? Wt(
+function se(e, t) {
+  return t ? Ft(
     e.map(([n, r]) => [
-      Ne(n, t[0], t[2]),
-      Ne(r, t[1], t[3])
+      Ee(n, t[0], t[2]),
+      Ee(r, t[1], t[3])
     ])
   ) : e;
 }
-function Fr(e, t) {
-  const n = br(e), r = Math.max(Fn, Number(t.radius) || 0);
+function Hr(e, t) {
+  const n = Ir(e), r = Math.max(On, Number(t.radius) || 0);
   if (n.length === 0 || !Number.isFinite(r)) return [];
-  const i = Math.max(12, Math.floor(t.circleSides || gr));
+  const i = Math.max(12, Math.floor(t.circleSides || Rr));
   if (n.length === 1)
-    return ie(
-      wr(n[0], r, i),
+    return se(
+      _r(n[0], r, i),
       t.clipBounds
     );
-  const o = yr(n, r), s = xr(o, r, t), a = Mr(n, r, s);
+  const o = Br(n, r), s = Ur(o, r, t), a = Lr(n, r, s);
   if (!a.length)
-    return ie(Be(n, r), t.clipBounds);
-  const u = Ar(a, s.width, s.height), c = Er(u);
-  if (!c.length)
-    return ie(Be(n, r), t.clipBounds);
-  let h = [], g = 0;
-  for (const x of c) {
-    const S = Rr(x, s.width, s), P = Math.abs(vr(S));
-    P <= g || (g = P, h = S);
-  }
+    return se(De(n, r), t.clipBounds);
+  const c = Dr(a, s.width, s.height), h = kr(c);
   if (!h.length)
-    return ie(Be(n, r), t.clipBounds);
-  const d = typeof t.simplifyTolerance == "number" && Number.isFinite(t.simplifyTolerance) ? Math.max(0, t.simplifyTolerance) : s.step * 0.2, p = Br(
-    Cr(h, s.step * 1e-3),
+    return se(De(n, r), t.clipBounds);
+  let l = [], m = 0;
+  for (const x of h) {
+    const T = Xr(x, s.width, s), L = Math.abs(Yr(T));
+    L <= m || (m = L, l = T);
+  }
+  if (!l.length)
+    return se(De(n, r), t.clipBounds);
+  const d = typeof t.simplifyTolerance == "number" && Number.isFinite(t.simplifyTolerance) ? Math.max(0, t.simplifyTolerance) : s.step * 0.2, w = typeof t.smoothingPasses == "number" && Number.isFinite(t.smoothingPasses) ? Math.round(Ee(t.smoothingPasses, 0, vr)) : Er, S = Gr(
+    qr(
+      Wr(l, s.step * 1e-3),
+      w
+    ),
     d
   );
-  return ie(p, t.clipBounds);
+  return se(S, t.clipBounds);
+}
+function Mn(e) {
+  return typeof e == "number" && Number.isFinite(e);
+}
+function $r(e) {
+  return Array.isArray(e) && e.length >= 2 && Mn(e[0]) && Mn(e[1]);
+}
+function Vn(e) {
+  return Array.isArray(e) && e.length > 0 && e.every((t) => $r(t));
+}
+function Gn(e) {
+  return Array.isArray(e) && e.length > 0 && e.every((t) => Vn(t));
+}
+function Zr(e) {
+  return Array.isArray(e) && e.length > 0 && e.every((t) => Gn(t));
+}
+function Kr(e) {
+  if (!Array.isArray(e) || e.length < 3) return [];
+  const t = [];
+  for (const i of e) {
+    if (!Array.isArray(i) || i.length < 2) continue;
+    const o = Number(i[0]), s = Number(i[1]);
+    if (!Number.isFinite(o) || !Number.isFinite(s)) continue;
+    const a = t[t.length - 1];
+    a && a[0] === o && a[1] === s || t.push([o, s]);
+  }
+  if (t.length < 3) return [];
+  const n = t[0], r = t[t.length - 1];
+  return (n[0] !== r[0] || n[1] !== r[1]) && t.push([n[0], n[1]]), t.length >= 4 ? t : [];
+}
+function Ve(e) {
+  if (!Array.isArray(e) || e.length < 4) return 0;
+  let t = 0;
+  for (let n = 0; n < e.length - 1; n += 1) {
+    const r = e[n], i = e[n + 1];
+    t += r[0] * i[1] - i[0] * r[1];
+  }
+  return t * 0.5;
+}
+function Ne(e) {
+  if (!Array.isArray(e) || e.length === 0) return [];
+  const t = [];
+  for (const o of e) {
+    const s = Kr(o);
+    s.length >= 4 && t.push(s);
+  }
+  if (t.length === 0) return [];
+  if (t.length === 1) return [t[0]];
+  let n = 0, r = 0;
+  for (let o = 0; o < t.length; o += 1) {
+    const s = Math.abs(Ve(t[o]));
+    s <= r || (r = s, n = o);
+  }
+  const i = [t[n]];
+  for (let o = 0; o < t.length; o += 1)
+    o !== n && i.push(t[o]);
+  return i;
+}
+function qn(e) {
+  if (!e) return [];
+  if (Vn(e)) {
+    const t = Ne([e]);
+    return t.length > 0 ? [t] : [];
+  }
+  if (Gn(e)) {
+    const t = Ne(e);
+    return t.length > 0 ? [t] : [];
+  }
+  if (Zr(e)) {
+    const t = [];
+    for (const n of e) {
+      const r = Ne(n);
+      r.length > 0 && t.push(r);
+    }
+    return t;
+  }
+  return [];
+}
+function An(e, t, n) {
+  let r = !1;
+  for (let i = 0, o = n.length - 1; i < n.length; o = i, i += 1) {
+    const s = n[i][0], a = n[i][1], c = n[o][0], h = n[o][1];
+    a > t != h > t && e < (c - s) * (t - a) / (h - a || Number.EPSILON) + s && (r = !r);
+  }
+  return r;
+}
+function le(e) {
+  const t = [];
+  for (const n of e ?? []) {
+    const r = qn(n);
+    for (const i of r) {
+      const o = i[0];
+      if (!o || o.length < 4) continue;
+      let s = 1 / 0, a = 1 / 0, c = -1 / 0, h = -1 / 0;
+      for (const [m, d] of o)
+        m < s && (s = m), m > c && (c = m), d < a && (a = d), d > h && (h = d);
+      if (!Number.isFinite(s) || !Number.isFinite(a) || !Number.isFinite(c) || !Number.isFinite(h))
+        continue;
+      let l = Math.abs(Ve(o));
+      for (let m = 1; m < i.length; m += 1)
+        l -= Math.abs(Ve(i[m]));
+      t.push({
+        outer: o,
+        holes: i.slice(1),
+        minX: s,
+        minY: a,
+        maxX: c,
+        maxY: h,
+        area: Math.max(1e-6, l)
+      });
+    }
+  }
+  return t;
+}
+function je(e, t, n) {
+  if (e < n.minX || e > n.maxX || t < n.minY || t > n.maxY || !An(e, t, n.outer)) return !1;
+  for (const r of n.holes)
+    if (An(e, t, r)) return !1;
+  return !0;
 }
-const Un = [
+function ve(e, t, n) {
+  for (const r of n)
+    if (je(e, t, r))
+      return !0;
+  return !1;
+}
+const Hn = [
   160,
   160,
   160,
   255
 ];
-function it(e, t, n) {
+function et(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function zn(e, t, n) {
+function $n(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 co(e, t, n) {
-  let i = 100 * zn(e, t, n);
+function vo(e, t, n) {
+  let i = 100 * $n(e, t, n);
   if (Number(e)) {
     let o = "μm";
     return i > 1e3 && (i /= 1e3, o = "mm"), `${i.toPrecision(3)} ${o}`;
   }
   return `${Math.round(i * 1e3) / 1e3} pixels`;
 }
-function lo(e, t) {
+function Co(e, t) {
   return !e && !t ? !0 : !e || !t ? !1 : Math.abs((e.zoom ?? 0) - (t.zoom ?? 0)) < 1e-6 && Math.abs((e.offsetX ?? 0) - (t.offsetX ?? 0)) < 1e-6 && Math.abs((e.offsetY ?? 0) - (t.offsetY ?? 0)) < 1e-6 && Math.abs((e.rotationDeg ?? 0) - (t.rotationDeg ?? 0)) < 1e-6;
 }
-function ho(e) {
+function Io(e) {
   const t = String(e ?? "").trim();
   if (!t) return "";
   if (/^bearer\s+/i.test(t)) {
@@ -625,26 +771,26 @@ function ho(e) {
   }
   return `Bearer ${t}`;
 }
-function Ur(e) {
+function Jr(e) {
   const n = String(e ?? "").trim().match(/^#?([0-9a-fA-F]{6})$/);
-  if (!n) return [...Un];
+  if (!n) return [...Hn];
   const r = Number.parseInt(n[1], 16);
   return [r >> 16 & 255, r >> 8 & 255, r & 255, 255];
 }
-function fo(e) {
+function _o(e) {
   const t = [
-    [...Un]
+    [...Hn]
   ], 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(Ur(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)
     r[i * 4] = t[i][0], r[i * 4 + 1] = t[i][1], r[i * 4 + 2] = t[i][2], r[i * 4 + 3] = t[i][3];
   return { colors: r, termToPaletteIndex: n };
 }
-function pn(e, t, n) {
+function Pn(e, t, n) {
   const r = e.createShader(e.VERTEX_SHADER), i = e.createShader(e.FRAGMENT_SHADER);
   if (!r || !i)
     throw new Error("Shader allocation failed");
@@ -659,7 +805,7 @@ function pn(e, t, n) {
     throw new Error(e.getProgramInfoLog(o) || "program link failed");
   return o;
 }
-const zr = "rgba(255, 77, 79, 0.16)", Lr = 3, Dr = 2, Ln = 96, Nr = 1, bn = [], Pe = [], wn = 1e3, Dn = 2, Nn = 2, kr = 4096, Xr = 0.2, Yr = 1.12, Wr = 0.89, Vr = 32, Or = "#000000", Gr = 0.1, qr = "#FFCF00", $r = "#FF0000", Hr = 1.5, yn = [2, 2], Zr = 1, Kr = 0.25, jr = 4, Jr = 1.5, Xt = {
+const jr = "rgba(255, 77, 79, 0.16)", Qr = 3, ti = 2, Zn = 96, ei = 1, Rn = [], Ce = [], En = 1e3, Kn = 2, Jn = 2, ni = 4096, ri = 0.2, ii = 1.12, oi = 0.89, si = 32, ai = "#000000", ui = 0.1, ci = "#FFCF00", li = "#FF0000", hi = 1.5, vn = [2, 2], fi = 1, di = 0.25, mi = 4, gi = 1, pi = 0, bi = 4, wi = 0.05, yi = 256, Si = 1.5, Vt = {
   color: "#ff4d4f",
   width: 2,
   lineJoin: "round",
@@ -668,7 +814,7 @@ const zr = "rgba(255, 77, 79, 0.16)", Lr = 3, Dr = 2, Ln = 96, Nr = 1, bn = [],
   shadowBlur: 0,
   shadowOffsetX: 0,
   shadowOffsetY: 0
-}, Qr = {
+}, xi = {
   color: "#4cc9f0",
   width: 2,
   lineDash: [10, 8],
@@ -691,92 +837,96 @@ const zr = "rgba(255, 77, 79, 0.16)", Lr = 3, Dr = 2, Ln = 96, Nr = 1, bn = [],
   offsetY: 10,
   borderRadius: 3
 };
-function ne(e, t, n) {
+function Jt(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function we(e) {
+function Se(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 se(e, t) {
+function ue(e, t) {
   return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? t : e;
 }
-function ti(e) {
+function Ti(e) {
   return {
-    rectangleAreaMm2: se(e?.rectangleAreaMm2, Dn),
-    circleAreaMm2: se(e?.circleAreaMm2, Nn),
-    rectanglePixelSize: se(e?.rectanglePixelSize, kr)
+    rectangleAreaMm2: ue(e?.rectangleAreaMm2, Kn),
+    circleAreaMm2: ue(e?.circleAreaMm2, Jn),
+    rectanglePixelSize: ue(e?.rectanglePixelSize, ni)
   };
 }
-function ei(e, t) {
-  return typeof e != "number" || !Number.isFinite(e) ? t : ne(e, 0, 1);
+function Mi(e, t) {
+  return typeof e != "number" || !Number.isFinite(e) ? t : Jt(e, 0, 1);
 }
-function ni(e) {
-  if (!Array.isArray(e)) return yn;
+function Ai(e) {
+  if (!Array.isArray(e)) return vn;
   const t = e.filter((n) => Number.isFinite(n) && n >= 0);
-  return t.length > 0 ? t : yn;
+  return t.length > 0 ? t : vn;
+}
+function Pi(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? fi : Jt(e, di, mi);
 }
-function ri(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? Zr : ne(e, Kr, jr);
+function Ri(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? gi : Math.round(Jt(e, pi, bi));
 }
-function ii(e) {
-  const t = se(e?.radius, Vr), n = se(e?.cursorLineWidth, Hr), r = ri(e?.edgeDetail);
+function Ei(e) {
+  const t = ue(e?.radius, si), n = ue(e?.cursorLineWidth, hi), r = Pi(e?.edgeDetail), i = Ri(e?.edgeSmoothing);
   return {
     radius: t,
     edgeDetail: r,
+    edgeSmoothing: i,
     clickSelectRoi: e?.clickSelectRoi === !0,
-    fillColor: e?.fillColor || Or,
-    fillOpacity: ei(e?.fillOpacity, Gr),
-    cursorColor: e?.cursorColor || qr,
-    cursorActiveColor: e?.cursorActiveColor || $r,
+    fillColor: e?.fillColor || ai,
+    fillOpacity: Mi(e?.fillOpacity, ui),
+    cursorColor: e?.cursorColor || ci,
+    cursorActiveColor: e?.cursorActiveColor || li,
     cursorLineWidth: n,
-    cursorLineDash: ni(e?.cursorLineDash)
+    cursorLineDash: Ai(e?.cursorLineDash)
   };
 }
-function oi(e) {
-  return e * wn * wn;
+function vi(e) {
+  return e * En * En;
 }
-function xn(e, t) {
-  return !e || !Number.isFinite(t) || t <= 0 ? [] : Rt([
+function Cn(e, t) {
+  return !e || !Number.isFinite(t) || t <= 0 ? [] : Ht([
     [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 si(e, t, n = Ln) {
+function Ci(e, t, n = Zn) {
   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 Rt(r);
+  return Ht(r);
 }
-function Rt(e) {
+function Ht(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 Sn(e, t) {
-  return !e || !t ? [] : Rt([
+function In(e, t) {
+  return !e || !t ? [] : Ht([
     [e[0], e[1]],
     [t[0], e[1]],
     [t[0], t[1]],
     [e[0], t[1]]
   ]);
 }
-function Tn(e, t, n = Ln) {
+function _n(e, t, n = Zn) {
   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 [];
   const s = [];
   for (let a = 0; a <= n; a += 1) {
-    const u = a / n * Math.PI * 2;
-    s.push([r + Math.cos(u) * o, i + Math.sin(u) * o]);
+    const c = a / n * Math.PI * 2;
+    s.push([r + Math.cos(c) * o, i + Math.sin(c) * o]);
   }
-  return Rt(s);
+  return Ht(s);
 }
-function ke(e) {
+function Ge(e) {
   if (!Array.isArray(e) || e.length < 4) return 0;
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
@@ -785,17 +935,17 @@ function ke(e) {
   }
   return Math.abs(t * 0.5);
 }
-function Mn(e) {
+function Bn(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, s] of e)
     o < t && (t = o), o > r && (r = o), s < n && (n = s), s > i && (i = s);
   return [t, n, r, i];
 }
-function An(e) {
-  return Array.isArray(e) && e.length >= 4 && ke(e) > Nr;
+function Un(e) {
+  return Array.isArray(e) && e.length >= 4 && Ge(e) > ei;
 }
-function Xe(e, t, n = !1) {
+function qe(e, t, n = !1) {
   if (t.length !== 0) {
     e.moveTo(t[0][0], t[0][1]);
     for (let r = 1; r < t.length; r += 1)
@@ -803,25 +953,25 @@ function Xe(e, t, n = !1) {
     n && e.closePath();
   }
 }
-function Qt(e, t, n, r = !1, i = !1) {
-  t.length !== 0 && (e.beginPath(), Xe(e, t, r), i && r && (e.fillStyle = zr, 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(Pe), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0);
+function Gt(e, t, n, r = !1, i = !1) {
+  t.length !== 0 && (e.beginPath(), qe(e, t, r), i && r && (e.fillStyle = jr, 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 kn(e) {
-  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : Pe, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : Xt.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : Xt.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : Xt.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : Xt.shadowOffsetY;
+function jn(e) {
+  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 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;
   return {
-    color: e?.color || Xt.color,
+    color: e?.color || Vt.color,
     width: n,
-    lineDash: t.length ? t : Pe,
-    lineJoin: e?.lineJoin || Xt.lineJoin,
-    lineCap: e?.lineCap || Xt.lineCap,
-    shadowColor: e?.shadowColor || Xt.shadowColor,
+    lineDash: t.length ? t : Ce,
+    lineJoin: e?.lineJoin || Vt.lineJoin,
+    lineCap: e?.lineCap || Vt.lineCap,
+    shadowColor: e?.shadowColor || Vt.shadowColor,
     shadowBlur: r,
     shadowOffsetX: i,
     shadowOffsetY: o
   };
 }
-function oe(e, t) {
-  return t ? kn({
+function ae(e, t) {
+  return t ? jn({
     color: t.color ?? e.color,
     width: t.width ?? e.width,
     lineDash: t.lineDash ?? e.lineDash,
@@ -833,52 +983,52 @@ function oe(e, t) {
     shadowOffsetY: t.shadowOffsetY ?? e.shadowOffsetY
   }) : e;
 }
-function Pn(e, t) {
+function Fn(e, t) {
   return e == null || t === null || t === void 0 ? !1 : String(e) === String(t);
 }
-function ai(e) {
+function Ii(e) {
   const t = e[0];
   return Array.isArray(t) && Array.isArray(t[0]);
 }
-function En(e) {
+function zn(e) {
   return typeof e == "number" && Number.isFinite(e);
 }
-function ui(e) {
-  return Array.isArray(e) && e.length >= 2 && En(e[0]) && En(e[1]);
+function _i(e) {
+  return Array.isArray(e) && e.length >= 2 && zn(e[0]) && zn(e[1]);
 }
-function ci(e) {
-  return Array.isArray(e) && e.length >= 2 && e.every((t) => ui(t));
+function Bi(e) {
+  return Array.isArray(e) && e.length >= 2 && e.every((t) => _i(t));
 }
-function Xn(e, t) {
+function Qn(e, t) {
   if (!(!Array.isArray(e) || e.length === 0)) {
-    if (ci(e)) {
+    if (Bi(e)) {
       t.push(e.map(([n, r]) => [n, r]));
       return;
     }
     for (const n of e)
-      Xn(n, t);
+      Qn(n, t);
   }
 }
-function Rn(e, t) {
+function Ln(e, t) {
   const n = [];
-  Xn(e, n);
+  Qn(e, n);
   const r = [];
   for (const i of n) {
     if (i.length < 2) continue;
-    const o = t ? Rt(i) : i;
+    const o = t ? Ht(i) : i;
     o.length >= (t ? 4 : 2) && r.push(o);
   }
   return r;
 }
-function li(e, t, n, r) {
+function Ui(e, t, n, r) {
   if (!(t.length < 4 || n.length === 0)) {
-    e.save(), e.beginPath(), Xe(e, t, !0);
+    e.save(), e.beginPath(), qe(e, t, !0);
     for (const i of n)
-      i.length < 4 || Xe(e, i, !0);
+      i.length < 4 || qe(e, i, !0);
     e.fillStyle = r, e.fill("evenodd"), e.restore();
   }
 }
-function hi(e) {
+function Fi(e) {
   const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : Et.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : Et.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : Et.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : Et.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : Et.offsetY, s = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : Et.borderRadius;
   return {
     fontFamily: e?.fontFamily || Et.fontFamily,
@@ -894,11 +1044,11 @@ function hi(e) {
     borderRadius: s
   };
 }
-function fi(e, t, n, r, i, o) {
+function zi(e, t, n, r, i, o) {
   const s = Math.max(0, Math.min(o, r * 0.5, i * 0.5));
   e.beginPath(), e.moveTo(t + s, n), e.lineTo(t + r - s, n), e.quadraticCurveTo(t + r, n, t + r, n + s), e.lineTo(t + r, n + i - s), e.quadraticCurveTo(t + r, n + i, t + r - s, n + i), e.lineTo(t + s, n + i), e.quadraticCurveTo(t, n + i, t, n + i - s), e.lineTo(t, n + s), e.quadraticCurveTo(t, n, t + s, n), e.closePath();
 }
-function di(e) {
+function Li(e) {
   if (!e.length) return null;
   let t = 1 / 0;
   for (const i of e)
@@ -909,22 +1059,49 @@ function di(e) {
     Math.abs(i[1] - t) > 0.5 || (i[0] < n && (n = i[0]), i[0] > r && (r = i[0]));
   return !Number.isFinite(n) || !Number.isFinite(r) ? null : [(n + r) * 0.5, t];
 }
-function mi(e, t, n, r, i, o) {
+function Di(e) {
+  let t = null;
+  for (const n of e) {
+    const r = Li(n.outer);
+    r && (!t || r[1] < t[1] || r[1] === t[1] && r[0] < t[0]) && (t = r);
+  }
+  return t;
+}
+function Dn(e) {
+  const t = qn(e);
+  if (t.length === 0) return [];
+  const n = [];
+  for (const r of t) {
+    const i = r[0];
+    if (!i || i.length < 4) continue;
+    const o = i.map(([a, c]) => [a, c]), s = [];
+    for (let a = 1; a < r.length; a += 1) {
+      const c = r[a];
+      !c || c.length < 4 || s.push(c.map(([h, l]) => [h, l]));
+    }
+    n.push({
+      outer: o,
+      holes: s
+    });
+  }
+  return n;
+}
+function Ni(e, t, n, r, i, o) {
   const s = t.trim();
   if (!s) return;
   e.save(), e.font = `${o.fontWeight} ${o.fontSize}px ${o.fontFamily}`, e.textAlign = "center", e.textBaseline = "middle";
-  const u = e.measureText(s).width + o.paddingX * 2, c = o.fontSize + o.paddingY * 2, h = ne(n[0], u * 0.5 + 1, r - u * 0.5 - 1), g = ne(n[1] - o.offsetY, c * 0.5 + 1, i - c * 0.5 - 1), d = h - u * 0.5, p = g - c * 0.5;
-  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, fi(e, d, p, u, c, o.borderRadius), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(s, h, g + 0.5), e.restore();
+  const c = e.measureText(s).width + o.paddingX * 2, h = o.fontSize + o.paddingY * 2, l = Jt(n[0], c * 0.5 + 1, r - c * 0.5 - 1), m = Jt(n[1] - o.offsetY, h * 0.5 + 1, i - h * 0.5 - 1), d = l - c * 0.5, w = m - h * 0.5;
+  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, zi(e, d, w, c, h, o.borderRadius), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(s, l, m + 0.5), e.restore();
 }
-function Fe(e, t, n) {
-  return [ne(e[0], 0, t), ne(e[1], 0, n)];
+function ke(e, t, n) {
+  return [Jt(e[0], 0, t), Jt(e[1], 0, n)];
 }
-function te(e) {
+function ee(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];
 }
-function gi({
+function ki({
   tool: e,
   imageWidth: t,
   imageHeight: n,
@@ -933,28 +1110,28 @@ function gi({
   stampOptions: o,
   brushOptions: s,
   projectorRef: a,
-  onBrushTap: u,
-  onDrawComplete: c,
-  onPatchComplete: h,
-  enabled: g,
+  onBrushTap: c,
+  onDrawComplete: h,
+  onPatchComplete: l,
+  enabled: m,
   viewStateSignal: d,
-  persistedRegions: p,
-  patchRegions: x,
-  persistedPolygons: S,
-  regionStrokeStyle: P,
-  regionStrokeHoverStyle: k,
-  regionStrokeActiveStyle: C,
-  patchStrokeStyle: E,
-  resolveRegionStrokeStyle: D,
-  overlayShapes: J,
-  hoveredRegionId: ft = null,
-  activeRegionId: at = null,
-  regionLabelStyle: $,
-  invalidateRef: ht,
-  className: vt,
-  style: Ot
+  persistedRegions: w,
+  patchRegions: S,
+  persistedPolygons: x,
+  regionStrokeStyle: T,
+  regionStrokeHoverStyle: L,
+  regionStrokeActiveStyle: v,
+  patchStrokeStyle: P,
+  resolveRegionStrokeStyle: F,
+  overlayShapes: H,
+  hoveredRegionId: dt = null,
+  activeRegionId: wt = null,
+  regionLabelStyle: mt,
+  invalidateRef: X,
+  className: Nt,
+  style: zt
 }) {
-  const K = j(null), Ct = j(!1), zt = j(/* @__PURE__ */ new Map()), Kt = j(e), dt = j({
+  const Z = j(null), vt = j(!1), Lt = j(/* @__PURE__ */ new Map()), jt = j(e), pt = j({
     isDrawing: !1,
     pointerId: null,
     start: null,
@@ -962,10 +1139,34 @@ function gi({
     cursor: null,
     points: [],
     stampCenter: null
-  }), Q = g ?? e !== "cursor", M = tt(() => p && p.length > 0 ? p : !S || S.length === 0 ? bn : S.map((l, f) => ({
+  }), nt = m ?? e !== "cursor", A = q(() => w && w.length > 0 ? w : !x || x.length === 0 ? Rn : x.map((u, f) => ({
     id: f,
-    coordinates: l
-  })), [p, S]), I = tt(() => x ?? bn, [x]), A = tt(() => kn(P), [P]), L = tt(() => oe(A, k), [A, k]), Z = tt(() => oe(A, C), [A, C]), et = tt(() => oe(Qr, E), [E]), mt = tt(() => hi($), [$]), yt = tt(() => ti(o), [o]), U = tt(() => ii(s), [s]), At = tt(
+    coordinates: u
+  })), [w, x]), E = q(() => S ?? Rn, [S]), C = q(() => {
+    const u = [];
+    for (let f = 0; f < A.length; f += 1) {
+      const p = A[f], y = Dn(p.coordinates);
+      y.length !== 0 && u.push({
+        region: p,
+        regionIndex: f,
+        regionKey: p.id ?? f,
+        polygons: y
+      });
+    }
+    return u;
+  }, [A]), W = q(() => {
+    const u = [];
+    for (let f = 0; f < E.length; f += 1) {
+      const p = E[f], y = Dn(p.coordinates);
+      y.length !== 0 && u.push({
+        region: p,
+        regionIndex: f,
+        regionKey: p.id ?? f,
+        polygons: y
+      });
+    }
+    return u;
+  }, [E]), z = q(() => jn(T), [T]), ot = q(() => ae(z, L), [z, L]), rt = q(() => ae(z, v), [z, v]), St = q(() => ae(xi, P), [P]), ht = q(() => Fi(mt), [mt]), st = q(() => Ti(o), [o]), O = q(() => Ei(s), [s]), Q = q(
     () => ({
       position: "absolute",
       inset: 0,
@@ -974,432 +1175,439 @@ function gi({
       height: "100%",
       display: "block",
       touchAction: "none",
-      pointerEvents: Q ? "auto" : "none",
-      cursor: Q ? e === "brush" ? "none" : "crosshair" : "default",
-      ...Ot
+      pointerEvents: nt ? "auto" : "none",
+      cursor: nt ? e === "brush" ? "none" : "crosshair" : "default",
+      ...zt
     }),
-    [Q, e, Ot]
-  ), gt = B(() => {
-    const l = K.current;
-    if (!l) return;
-    const f = l.getBoundingClientRect(), w = Math.max(1, window.devicePixelRatio || 1), y = Math.max(1, Math.round(f.width * w)), R = Math.max(1, Math.round(f.height * w));
-    (l.width !== y || l.height !== R) && (l.width = y, l.height = R);
+    [nt, e, zt]
+  ), K = B(() => {
+    const u = Z.current;
+    if (!u) return;
+    const f = u.getBoundingClientRect(), p = Math.max(1, window.devicePixelRatio || 1), y = Math.max(1, Math.round(f.width * p)), R = Math.max(1, Math.round(f.height * p));
+    (u.width !== y || u.height !== R) && (u.width = y, u.height = R);
   }, []), N = B(
-    (l) => {
+    (u) => {
       const f = a.current;
-      if (!f || l.length === 0) return [];
-      const w = new Array(l.length);
-      for (let y = 0; y < l.length; y += 1) {
-        const R = te(f.worldToScreen(l[y][0], l[y][1]));
+      if (!f || u.length === 0) return [];
+      const p = new Array(u.length);
+      for (let y = 0; y < u.length; y += 1) {
+        const R = ee(f.worldToScreen(u[y][0], u[y][1]));
         if (!R) return [];
-        w[y] = R;
+        p[y] = R;
       }
-      return w;
+      return p;
     },
     [a]
-  ), G = B(
-    (l, f) => {
+  ), it = B(
+    (u, f) => {
       if (!Number.isFinite(f) || f <= 0) return 0;
-      const w = a.current;
-      if (!w) return 0;
-      const y = te(w.worldToScreen(l[0], l[1])), R = te(w.worldToScreen(l[0] + f, l[1]));
+      const p = a.current;
+      if (!p) return 0;
+      const y = ee(p.worldToScreen(u[0], u[1])), R = ee(p.worldToScreen(u[0] + f, u[1]));
       return !y || !R ? 0 : Math.hypot(R[0] - y[0], R[1] - y[1]);
     },
     [a]
-  ), ut = B(
-    (l) => {
-      if (!Number.isFinite(l) || l <= 0) return 0;
-      const f = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, w = typeof i == "number" && Number.isFinite(i) ? i : 0, y = a.current?.getViewState?.().zoom, R = typeof y == "number" && Number.isFinite(y) && y > 0 ? y : 1, v = w + Math.log2(R), Y = Math.max(1e-9, zn(f, w, v));
-      return l / Y / R;
+  ), at = B(
+    (u) => {
+      if (!Number.isFinite(u) || u <= 0) return 0;
+      const f = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, p = typeof i == "number" && Number.isFinite(i) ? i : 0, y = a.current?.getViewState?.().zoom, R = typeof y == "number" && Number.isFinite(y) && y > 0 ? y : 1, U = p + Math.log2(R), Y = Math.max(1e-9, $n(f, p, U));
+      return u / Y / R;
     },
     [r, i, a]
-  ), nt = B(
-    (l, f) => {
+  ), ut = B(
+    (u, f) => {
       if (!f) return [];
-      let w = 0;
-      if (l === "stamp-rectangle-4096px") {
-        const v = yt.rectanglePixelSize * 0.5;
-        return xn(f, v).map((V) => Fe(V, t, n));
+      let p = 0;
+      if (u === "stamp-rectangle-4096px") {
+        const U = st.rectanglePixelSize * 0.5;
+        return Cn(f, U).map(($) => ke($, t, n));
       }
-      if (l === "stamp-rectangle" || l === "stamp-rectangle-2mm2" ? w = l === "stamp-rectangle-2mm2" ? Dn : yt.rectangleAreaMm2 : (l === "stamp-circle" || l === "stamp-circle-2mm2" || l === "stamp-circle-hpf-0.2mm2") && (w = l === "stamp-circle-hpf-0.2mm2" ? Xr : l === "stamp-circle-2mm2" ? Nn : yt.circleAreaMm2), !Number.isFinite(w) || w <= 0) return [];
-      const y = oi(w);
+      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2" ? p = u === "stamp-rectangle-2mm2" ? Kn : st.rectangleAreaMm2 : (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") && (p = u === "stamp-circle-hpf-0.2mm2" ? ri : u === "stamp-circle-2mm2" ? Jn : st.circleAreaMm2), !Number.isFinite(p) || p <= 0) return [];
+      const y = vi(p);
       let R = [];
-      if (l === "stamp-rectangle" || l === "stamp-rectangle-2mm2") {
-        const v = ut(Math.sqrt(y) * 0.5);
-        R = xn(f, v);
-      } else if (l === "stamp-circle" || l === "stamp-circle-2mm2" || l === "stamp-circle-hpf-0.2mm2") {
-        const v = ut(Math.sqrt(y / Math.PI));
-        R = si(f, v);
+      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2") {
+        const U = at(Math.sqrt(y) * 0.5);
+        R = Cn(f, U);
+      } else if (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") {
+        const U = at(Math.sqrt(y / Math.PI));
+        R = Ci(f, U);
       }
-      return R.length ? R.map((v) => Fe(v, t, n)) : [];
+      return R.length ? R.map((U) => ke(U, t, n)) : [];
     },
-    [ut, t, n, yt]
-  ), rt = B(() => {
-    const l = dt.current;
-    return we(e) ? nt(e, l.stampCenter) : e === "brush" ? [] : l.isDrawing ? e === "freehand" ? l.points : e === "rectangle" ? Sn(l.start, l.current) : e === "circular" ? Tn(l.start, l.current) : [] : [];
-  }, [e, nt]), q = B(
-    (l) => {
-      const f = dt.current;
+    [at, t, n, st]
+  ), J = B(() => {
+    const u = pt.current;
+    return Se(e) ? ut(e, u.stampCenter) : e === "brush" ? [] : u.isDrawing ? e === "freehand" ? u.points : e === "rectangle" ? In(u.start, u.current) : e === "circular" ? _n(u.start, u.current) : [] : [];
+  }, [e, ut]), Ct = B(
+    (u) => {
+      const f = pt.current;
       if (!f.isDrawing || f.points.length === 0) return;
-      const w = N(f.points);
-      if (w.length === 0) return;
-      const y = f.points[f.points.length - 1] ?? f.points[0], R = G(y, U.radius);
+      const p = N(f.points);
+      if (p.length === 0) return;
+      const y = f.points[f.points.length - 1] ?? f.points[0], R = it(y, O.radius);
       if (!(!Number.isFinite(R) || R <= 0)) {
-        if (l.save(), l.globalAlpha = U.fillOpacity, l.fillStyle = U.fillColor, l.strokeStyle = U.fillColor, l.lineCap = "round", l.lineJoin = "round", l.lineWidth = R * 2, w.length === 1)
-          l.beginPath(), l.arc(w[0][0], w[0][1], R, 0, Math.PI * 2), l.fill();
+        if (u.save(), u.globalAlpha = O.fillOpacity, u.fillStyle = O.fillColor, u.strokeStyle = O.fillColor, u.lineCap = "round", u.lineJoin = "round", u.lineWidth = R * 2, p.length === 1)
+          u.beginPath(), u.arc(p[0][0], p[0][1], R, 0, Math.PI * 2), u.fill();
         else {
-          l.beginPath(), l.moveTo(w[0][0], w[0][1]);
-          for (let v = 1; v < w.length; v += 1)
-            l.lineTo(w[v][0], w[v][1]);
-          l.stroke();
+          u.beginPath(), u.moveTo(p[0][0], p[0][1]);
+          for (let U = 1; U < p.length; U += 1)
+            u.lineTo(p[U][0], p[U][1]);
+          u.stroke();
         }
-        l.restore();
+        u.restore();
       }
     },
-    [N, G, U]
-  ), It = B(
-    (l) => {
-      const f = dt.current, w = f.cursor;
-      if (!w) return;
-      const y = te(a.current?.worldToScreen(w[0], w[1]) ?? []);
+    [N, it, O]
+  ), Pt = B(
+    (u) => {
+      const f = pt.current, p = f.cursor;
+      if (!p) return;
+      const y = ee(a.current?.worldToScreen(p[0], p[1]) ?? []);
       if (!y) return;
-      const R = G(w, U.radius);
-      !Number.isFinite(R) || R <= 0 || (l.save(), l.beginPath(), l.arc(y[0], y[1], R, 0, Math.PI * 2), l.strokeStyle = f.isDrawing ? U.cursorActiveColor : U.cursorColor, l.lineWidth = U.cursorLineWidth, l.setLineDash(U.cursorLineDash), l.stroke(), l.setLineDash(Pe), l.restore());
+      const R = it(p, O.radius);
+      !Number.isFinite(R) || R <= 0 || (u.save(), u.beginPath(), u.arc(y[0], y[1], R, 0, Math.PI * 2), u.strokeStyle = f.isDrawing ? O.cursorActiveColor : O.cursorColor, u.lineWidth = O.cursorLineWidth, u.setLineDash(O.cursorLineDash), u.stroke(), u.setLineDash(Ce), u.restore());
     },
-    [a, G, U]
-  ), _t = B(() => {
-    gt();
-    const l = K.current;
-    if (!l) return;
-    const f = l.getContext("2d");
+    [a, it, O]
+  ), It = B(() => {
+    K();
+    const u = Z.current;
+    if (!u) return;
+    const f = u.getContext("2d");
     if (!f) return;
-    const w = Math.max(1, window.devicePixelRatio || 1), y = l.width / w, R = l.height / w;
-    if (f.setTransform(1, 0, 0, 1, 0, 0), f.clearRect(0, 0, l.width, l.height), f.setTransform(w, 0, 0, w, 0, 0), M.length > 0)
-      for (let v = 0; v < M.length; v += 1) {
-        const Y = M[v], V = Y?.coordinates;
-        if (!V || V.length < 3) continue;
-        const W = Rt(V), lt = N(W);
-        if (lt.length >= 4) {
-          const Pt = Y.id ?? v, $t = Pn(at, Pt) ? "active" : Pn(ft, Pt) ? "hover" : "default";
-          let xt = $t === "active" ? Z : $t === "hover" ? L : A;
-          if (D) {
-            const H = D({
-              region: Y,
-              regionId: Pt,
-              regionIndex: v,
-              state: $t
-            });
-            xt = oe(xt, H || void 0);
+    const p = Math.max(1, window.devicePixelRatio || 1), y = u.width / p, R = u.height / p;
+    if (f.setTransform(1, 0, 0, 1, 0, 0), f.clearRect(0, 0, u.width, u.height), f.setTransform(p, 0, 0, p, 0, 0), C.length > 0)
+      for (const U of C) {
+        const { region: Y, polygons: $, regionIndex: V, regionKey: ft } = U, kt = Fn(wt, ft) ? "active" : Fn(dt, ft) ? "hover" : "default";
+        let Xt = kt === "active" ? rt : kt === "hover" ? ot : z;
+        if (F) {
+          const tt = F({
+            region: Y,
+            regionId: ft,
+            regionIndex: V,
+            state: kt
+          });
+          Xt = ae(Xt, tt || void 0);
+        }
+        for (const tt of $) {
+          const ct = N(tt.outer);
+          ct.length >= 4 && Gt(f, ct, Xt, !0, !1);
+          for (const yt of tt.holes) {
+            const bt = N(yt);
+            bt.length >= 4 && Gt(f, bt, Xt, !0, !1);
           }
-          Qt(f, lt, xt, !0, !1);
         }
       }
-    if (I.length > 0)
-      for (let v = 0; v < I.length; v += 1) {
-        const V = I[v]?.coordinates;
-        if (!V || V.length < 3) continue;
-        const W = Rt(V), lt = N(W);
-        lt.length < 4 || Qt(f, lt, et, !0, !1);
-      }
-    if (Array.isArray(J) && J.length > 0) {
-      const v = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, Y = N(
-        Rt([
+    if (W.length > 0)
+      for (const U of W)
+        for (const Y of U.polygons) {
+          const $ = N(Y.outer);
+          $.length >= 4 && Gt(f, $, St, !0, !1);
+          for (const V of Y.holes) {
+            const ft = N(V);
+            ft.length >= 4 && Gt(f, ft, St, !0, !1);
+          }
+        }
+    if (Array.isArray(H) && H.length > 0) {
+      const U = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, Y = N(
+        Ht([
           [0, 0],
           [t, 0],
           [t, n],
           [0, n]
         ])
       );
-      for (let V = 0; V < J.length; V += 1) {
-        const W = J[V];
-        if (!W?.coordinates?.length || W.visible === !1) continue;
-        const lt = W.closed ?? ai(W.coordinates), Pt = Rn(W.coordinates, lt);
-        if (W.invertedFill?.fillColor) {
-          const xt = [], H = Rn(W.coordinates, !0);
-          for (const St of H) {
-            const Tt = N(St);
-            Tt.length >= 4 && xt.push(Tt);
+      for (let $ = 0; $ < H.length; $ += 1) {
+        const V = H[$];
+        if (!V?.coordinates?.length || V.visible === !1) continue;
+        const ft = V.closed ?? Ii(V.coordinates), kt = Ln(V.coordinates, ft);
+        if (V.invertedFill?.fillColor) {
+          const tt = [], ct = Ln(V.coordinates, !0);
+          for (const yt of ct) {
+            const bt = N(yt);
+            bt.length >= 4 && tt.push(bt);
           }
-          if (v) {
-            const St = String(W.id ?? V), Tt = `${Y.length}|${H.length}|${xt.length}|${W.invertedFill.fillColor}`;
-            zt.current.get(St) !== Tt && (zt.current.set(St, Tt), console.debug("[open-plant] invertedFill", {
-              id: W.id ?? V,
+          if (U) {
+            const yt = String(V.id ?? $), bt = `${Y.length}|${ct.length}|${tt.length}|${V.invertedFill.fillColor}`;
+            Lt.current.get(yt) !== bt && (Lt.current.set(yt, bt), console.debug("[open-plant] invertedFill", {
+              id: V.id ?? $,
               outerRingPoints: Y.length,
-              sourceRingCount: H.length,
-              holeRingCount: xt.length,
-              fillColor: W.invertedFill.fillColor
+              sourceRingCount: ct.length,
+              holeRingCount: tt.length,
+              fillColor: V.invertedFill.fillColor
             }));
           }
-          li(f, Y, xt, W.invertedFill.fillColor);
+          Ui(f, Y, tt, V.invertedFill.fillColor);
         }
-        if (Pt.length === 0) continue;
-        const $t = oe(A, W.stroke ?? W.strokeStyle);
-        for (const xt of Pt) {
-          const H = N(xt);
-          H.length < 2 || Qt(f, H, $t, lt, W.fill ?? !1);
+        if (kt.length === 0) continue;
+        const Xt = ae(z, V.stroke ?? V.strokeStyle);
+        for (const tt of kt) {
+          const ct = N(tt);
+          ct.length < 2 || Gt(f, ct, Xt, ft, V.fill ?? !1);
         }
       }
     }
-    if (Q)
+    if (nt)
       if (e === "brush")
-        q(f), It(f);
+        Ct(f), Pt(f);
       else {
-        const v = rt();
-        if (v.length > 0)
+        const U = J();
+        if (U.length > 0)
           if (e === "freehand") {
-            const Y = N(v);
-            Y.length >= 2 && Qt(f, Y, A, !1, !1), Y.length >= 3 && Qt(f, N(Rt(v)), A, !0, !0);
+            const Y = N(U);
+            Y.length >= 2 && Gt(f, Y, z, !1, !1), Y.length >= 3 && Gt(f, N(Ht(U)), z, !0, !0);
           } else {
-            const Y = N(v);
-            Y.length >= 4 && Qt(f, Y, A, !0, !0);
+            const Y = N(U);
+            Y.length >= 4 && Gt(f, Y, z, !0, !0);
           }
       }
-    if (M.length > 0)
-      for (const v of M) {
-        if (!v.label) continue;
-        const Y = v?.coordinates;
-        if (!Y || Y.length < 3) continue;
-        const V = Rt(Y), W = di(V);
-        if (!W) continue;
-        const lt = te(a.current?.worldToScreen(W[0], W[1]) ?? []);
-        lt && mi(f, v.label, lt, y, R, mt);
+    if (C.length > 0)
+      for (const U of C) {
+        if (!U.region.label) continue;
+        const Y = Di(U.polygons);
+        if (!Y) continue;
+        const $ = ee(a.current?.worldToScreen(Y[0], Y[1]) ?? []);
+        $ && Ni(f, U.region.label, $, y, R, ht);
       }
   }, [
-    Q,
+    nt,
     e,
-    rt,
-    q,
-    It,
-    gt,
+    J,
+    Ct,
+    Pt,
+    K,
     N,
     t,
     n,
     a,
-    M,
-    J,
-    ft,
-    at,
-    A,
-    L,
-    Z,
-    I,
-    et,
-    D,
-    mt
-  ]), F = B(() => {
-    Ct.current || (Ct.current = !0, requestAnimationFrame(() => {
-      Ct.current = !1, _t();
+    C,
+    H,
+    dt,
+    wt,
+    z,
+    ot,
+    rt,
+    W,
+    St,
+    F,
+    ht
+  ]), _ = B(() => {
+    vt.current || (vt.current = !0, requestAnimationFrame(() => {
+      vt.current = !1, It();
     }));
-  }, [_t]), ct = B((l = !1) => {
-    const f = dt.current, w = K.current;
-    if (w && f.pointerId !== null && w.hasPointerCapture(f.pointerId))
+  }, [It]), gt = B((u = !1) => {
+    const f = pt.current, p = Z.current;
+    if (p && f.pointerId !== null && p.hasPointerCapture(f.pointerId))
       try {
-        w.releasePointerCapture(f.pointerId);
+        p.releasePointerCapture(f.pointerId);
       } catch {
       }
-    f.isDrawing = !1, f.pointerId = null, f.start = null, f.current = null, f.points = [], f.stampCenter = null, l || (f.cursor = null);
-  }, []), ot = B(
-    (l) => {
+    f.isDrawing = !1, f.pointerId = null, f.start = null, f.current = null, f.points = [], f.stampCenter = null, u || (f.cursor = null);
+  }, []), Rt = B(
+    (u) => {
       const f = a.current;
       if (!f || t <= 0 || n <= 0) return null;
-      const w = te(f.screenToWorld(l.clientX, l.clientY));
-      return w ? Fe(w, t, n) : null;
+      const p = ee(f.screenToWorld(u.clientX, u.clientY));
+      return p ? ke(p, t, n) : null;
     },
     [a, t, n]
-  ), Gt = B(() => {
-    const l = dt.current;
-    if (!l.isDrawing) {
-      ct(!0), F();
+  ), _t = B(() => {
+    const u = pt.current;
+    if (!u.isDrawing) {
+      gt(!0), _();
       return;
     }
     let f = [];
     if (e === "freehand")
-      l.points.length >= Lr && (f = Rt(l.points));
+      u.points.length >= Qr && (f = Ht(u.points));
     else if (e === "rectangle")
-      f = Sn(l.start, l.current);
+      f = In(u.start, u.current);
     else if (e === "circular")
-      f = Tn(l.start, l.current);
+      f = _n(u.start, u.current);
     else if (e === "brush") {
-      const w = l.points[l.points.length - 1] ?? l.current ?? l.start;
-      if (U.clickSelectRoi && w && l.points.length <= 1 && u?.(w)) {
-        ct(!0), F();
+      const p = u.points[u.points.length - 1] ?? u.current ?? u.start;
+      if (O.clickSelectRoi && p && u.points.length <= 1 && c?.(p)) {
+        gt(!0), _();
         return;
       }
-      const y = Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1), R = U.edgeDetail, v = 0.75 / (y * R);
-      f = Fr(l.points, {
-        radius: U.radius,
+      const y = O.edgeDetail, R = Math.max(
+        wi,
+        O.radius * 2 / (yi * y)
+      );
+      f = Hr(u.points, {
+        radius: O.radius,
         clipBounds: [0, 0, t, n],
-        minRasterStep: v,
-        circleSides: Math.max(24, Math.round(64 * R)),
-        simplifyTolerance: v * 0.4
+        minRasterStep: R,
+        circleSides: Math.max(24, Math.round(64 * y)),
+        simplifyTolerance: R * 0.25,
+        smoothingPasses: O.edgeSmoothing
       });
     }
-    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && An(f) && c && c({
+    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && Un(f) && h && h({
       tool: e,
       intent: e === "brush" ? "brush" : "roi",
       coordinates: f,
-      bbox: Mn(f),
-      areaPx: ke(f)
-    }), ct(!0), F();
-  }, [e, c, ct, F, U.radius, U.edgeDetail, U.clickSelectRoi, t, n, a, u]), Bt = B(
-    (l, f) => {
-      const w = nt(l, f);
-      if (!An(w)) return;
-      const y = l === "stamp-rectangle-4096px" ? "patch" : "roi", R = {
-        tool: l,
+      bbox: Bn(f),
+      areaPx: Ge(f)
+    }), gt(!0), _();
+  }, [e, h, gt, _, O.radius, O.edgeDetail, O.edgeSmoothing, O.clickSelectRoi, t, n, c]), re = B(
+    (u, f) => {
+      const p = ut(u, f);
+      if (!Un(p)) return;
+      const y = u === "stamp-rectangle-4096px" ? "patch" : "roi", R = {
+        tool: u,
         intent: y,
-        coordinates: w,
-        bbox: Mn(w),
-        areaPx: ke(w)
+        coordinates: p,
+        bbox: Bn(p),
+        areaPx: Ge(p)
       };
-      c?.(R), y === "patch" && h && h(R);
+      h?.(R), y === "patch" && l && l(R);
     },
-    [nt, c, h]
-  ), Ft = B(
-    (l, f) => {
-      const w = a.current, y = Math.max(1e-6, w?.getViewState?.().zoom ?? 1), R = Jr / y, v = R * R, Y = l.points[l.points.length - 1];
+    [ut, h, l]
+  ), Bt = B(
+    (u, f) => {
+      const p = a.current, y = Math.max(1e-6, p?.getViewState?.().zoom ?? 1), R = Si / y, U = R * R, Y = u.points[u.points.length - 1];
       if (!Y) {
-        l.points.push(f), l.current = f;
+        u.points.push(f), u.current = f;
         return;
       }
-      const V = f[0] - Y[0], W = f[1] - Y[1];
-      V * V + W * W >= v ? l.points.push(f) : l.points[l.points.length - 1] = f, l.current = f;
+      const $ = f[0] - Y[0], V = f[1] - Y[1];
+      $ * $ + V * V >= U ? u.points.push(f) : u.points[u.points.length - 1] = f, u.current = f;
     },
     [a]
-  ), qt = B(
-    (l) => {
-      if (!Q || e === "cursor" || l.button !== 0) return;
-      const f = ot(l);
+  ), xt = B(
+    (u) => {
+      if (!nt || e === "cursor" || u.button !== 0) return;
+      const f = Rt(u);
       if (!f) return;
-      if (l.preventDefault(), l.stopPropagation(), we(e)) {
-        const R = dt.current;
-        R.stampCenter = f, Bt(e, f), F();
+      if (u.preventDefault(), u.stopPropagation(), Se(e)) {
+        const R = pt.current;
+        R.stampCenter = f, re(e, f), _();
         return;
       }
-      const w = K.current;
-      w && w.setPointerCapture(l.pointerId);
-      const y = dt.current;
-      y.isDrawing = !0, y.pointerId = l.pointerId, y.start = f, y.current = f, y.cursor = f, y.points = e === "freehand" || e === "brush" ? [f] : [], F();
+      const p = Z.current;
+      p && p.setPointerCapture(u.pointerId);
+      const y = pt.current;
+      y.isDrawing = !0, y.pointerId = u.pointerId, y.start = f, y.current = f, y.cursor = f, y.points = e === "freehand" || e === "brush" ? [f] : [], _();
     },
-    [Q, e, ot, Bt, F]
-  ), pt = B(
-    (l) => {
-      if (!Q || e === "cursor") return;
-      const f = ot(l);
+    [nt, e, Rt, re, _]
+  ), _e = B(
+    (u) => {
+      if (!nt || e === "cursor") return;
+      const f = Rt(u);
       if (!f) return;
-      if (we(e)) {
-        const y = dt.current;
-        y.stampCenter = f, l.preventDefault(), l.stopPropagation(), F();
+      if (Se(e)) {
+        const y = pt.current;
+        y.stampCenter = f, u.preventDefault(), u.stopPropagation(), _();
         return;
       }
-      const w = dt.current;
+      const p = pt.current;
       if (e === "brush") {
-        if (w.cursor = f, !w.isDrawing || w.pointerId !== l.pointerId) {
-          F();
+        if (p.cursor = f, !p.isDrawing || p.pointerId !== u.pointerId) {
+          _();
           return;
         }
-        l.preventDefault(), l.stopPropagation(), Ft(w, f), F();
+        u.preventDefault(), u.stopPropagation(), Bt(p, f), _();
         return;
       }
-      if (!(!w.isDrawing || w.pointerId !== l.pointerId)) {
-        if (l.preventDefault(), l.stopPropagation(), e === "freehand") {
-          const y = a.current, R = Math.max(1e-6, y?.getViewState?.().zoom ?? 1), v = Dr / R, Y = v * v, V = w.points[w.points.length - 1];
-          if (!V)
-            w.points.push(f);
+      if (!(!p.isDrawing || p.pointerId !== u.pointerId)) {
+        if (u.preventDefault(), u.stopPropagation(), e === "freehand") {
+          const y = a.current, R = Math.max(1e-6, y?.getViewState?.().zoom ?? 1), U = ti / R, Y = U * U, $ = p.points[p.points.length - 1];
+          if (!$)
+            p.points.push(f);
           else {
-            const W = f[0] - V[0], lt = f[1] - V[1];
-            W * W + lt * lt >= Y && w.points.push(f);
+            const V = f[0] - $[0], ft = f[1] - $[1];
+            V * V + ft * ft >= Y && p.points.push(f);
           }
         } else
-          w.current = f;
-        F();
+          p.current = f;
+        _();
       }
     },
-    [Q, e, ot, F, a, Ft]
-  ), ue = B(
-    (l) => {
-      const f = dt.current;
-      if (!f.isDrawing || f.pointerId !== l.pointerId) return;
-      l.preventDefault(), l.stopPropagation();
-      const w = ot(l);
-      w && (f.cursor = w, e === "brush" ? Ft(f, w) : f.current = w);
-      const y = K.current;
-      if (y && y.hasPointerCapture(l.pointerId))
+    [nt, e, Rt, _, a, Bt]
+  ), ie = B(
+    (u) => {
+      const f = pt.current;
+      if (!f.isDrawing || f.pointerId !== u.pointerId) return;
+      u.preventDefault(), u.stopPropagation();
+      const p = Rt(u);
+      p && (f.cursor = p, e === "brush" ? Bt(f, p) : f.current = p);
+      const y = Z.current;
+      if (y && y.hasPointerCapture(u.pointerId))
         try {
-          y.releasePointerCapture(l.pointerId);
+          y.releasePointerCapture(u.pointerId);
         } catch {
         }
-      Gt();
+      _t();
     },
-    [Gt, ot, e, Ft]
-  ), ce = B(() => {
-    const l = dt.current;
+    [_t, Rt, e, Bt]
+  ), he = B(() => {
+    const u = pt.current;
     let f = !1;
-    e === "brush" && !l.isDrawing && l.cursor && (l.cursor = null, f = !0), we(e) && l.stampCenter && (l.stampCenter = null, f = !0), f && F();
-  }, [e, F]);
-  return X(() => {
-    gt(), F();
-    const l = K.current;
-    if (!l) return;
+    e === "brush" && !u.isDrawing && u.cursor && (u.cursor = null, f = !0), Se(e) && u.stampCenter && (u.stampCenter = null, f = !0), f && _();
+  }, [e, _]);
+  return k(() => {
+    K(), _();
+    const u = Z.current;
+    if (!u) return;
     const f = new ResizeObserver(() => {
-      gt(), F();
+      K(), _();
     });
-    return f.observe(l), () => {
+    return f.observe(u), () => {
       f.disconnect();
     };
-  }, [gt, F]), X(() => {
-    Q || ct(), F();
-  }, [Q, F, ct]), X(() => {
-    Kt.current !== e && (Kt.current = e, ct(), F());
-  }, [e, ct, F]), X(() => {
-    F();
-  }, [d, M, J, F]), X(() => {
-    if (ht)
-      return ht.current = F, () => {
-        ht.current === F && (ht.current = null);
+  }, [K, _]), k(() => {
+    nt || gt(), _();
+  }, [nt, _, gt]), k(() => {
+    jt.current !== e && (jt.current = e, gt(), _());
+  }, [e, gt, _]), k(() => {
+    _();
+  }, [d, A, H, _]), k(() => {
+    if (X)
+      return X.current = _, () => {
+        X.current === _ && (X.current = null);
       };
-  }, [ht, F]), X(() => {
-    if (!Q) return;
-    const l = (f) => {
-      f.key === "Escape" && (ct(), F());
+  }, [X, _]), k(() => {
+    if (!nt) return;
+    const u = (f) => {
+      f.key === "Escape" && (gt(), _());
     };
-    return window.addEventListener("keydown", l), () => {
-      window.removeEventListener("keydown", l);
+    return window.addEventListener("keydown", u), () => {
+      window.removeEventListener("keydown", u);
     };
-  }, [Q, ct, F]), /* @__PURE__ */ Ut(
+  }, [nt, gt, _]), /* @__PURE__ */ Ut(
     "canvas",
     {
-      ref: K,
-      className: vt,
-      style: At,
-      onPointerDown: qt,
-      onPointerMove: pt,
-      onPointerUp: ue,
-      onPointerCancel: ue,
-      onPointerLeave: ce,
-      onContextMenu: (l) => {
-        Q && l.preventDefault();
+      ref: Z,
+      className: Nt,
+      style: Q,
+      onPointerDown: xt,
+      onPointerMove: _e,
+      onPointerUp: ie,
+      onPointerCancel: ie,
+      onPointerLeave: he,
+      onContextMenu: (u) => {
+        nt && u.preventDefault();
       },
-      onWheel: (l) => {
-        if (!Q) return;
-        const f = K.current, w = a.current;
-        if (!f || typeof w?.zoomBy != "function") return;
-        l.preventDefault(), l.stopPropagation();
-        const y = f.getBoundingClientRect(), R = l.clientX - y.left, v = l.clientY - y.top;
-        w.zoomBy(l.deltaY < 0 ? Yr : Wr, R, v), F();
+      onWheel: (u) => {
+        if (!nt) return;
+        const f = Z.current, p = a.current;
+        if (!f || typeof p?.zoomBy != "function") return;
+        u.preventDefault(), u.stopPropagation();
+        const y = f.getBoundingClientRect(), R = u.clientX - y.left, U = u.clientY - y.top;
+        p.zoomBy(u.deltaY < 0 ? ii : oi, R, U), _();
       }
     }
   );
 }
-function vn(e) {
+function Nn(e) {
   return String(e ?? "").replace(/\/+$/, "");
 }
-function Yn(e) {
+function tr(e) {
   const t = String(e ?? "");
   return t.startsWith("/") ? t : `/${t}`;
 }
-function pi(e) {
-  const t = vn(e);
+function Xi(e) {
+  const t = Nn(e);
   if (!t) return "";
   if (/\/TileGroup\d+$/i.test(t)) return t;
   let n = null;
@@ -1409,41 +1617,41 @@ function pi(e) {
     n = null;
   }
   if (n) {
-    const r = `${n.protocol}//${n.host}`, i = vn(n.pathname || "");
+    const r = `${n.protocol}//${n.host}`, i = Nn(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`;
 }
-function mo(e, t) {
-  const n = e?.imsInfo || {}, r = !!e?.imsInfo, i = Number(n.width ?? e?.width ?? 0), o = Number(n.height ?? e?.height ?? 0), s = Number(n.tileSize ?? e?.tileSize ?? 0), a = Number(n.zoom ?? e?.zoom ?? 0), u = String(n.path ?? e?.path ?? ""), c = Number(n.mpp ?? e?.mpp ?? 0);
-  if (!i || !o || !s || !u)
+function Bo(e, t) {
+  const n = e?.imsInfo || {}, r = !!e?.imsInfo, i = Number(n.width ?? e?.width ?? 0), o = Number(n.height ?? e?.height ?? 0), s = Number(n.tileSize ?? e?.tileSize ?? 0), a = Number(n.zoom ?? e?.zoom ?? 0), c = String(n.path ?? e?.path ?? ""), h = Number(n.mpp ?? e?.mpp ?? 0);
+  if (!i || !o || !s || !c)
     throw new Error("이미지 메타데이터가 불완전합니다. width/height/tileSize/path 확인 필요");
-  const h = Array.isArray(e?.terms) ? e.terms.map((x) => ({
-    termId: String(x?.termId ?? ""),
-    termName: String(x?.termName ?? ""),
-    termColor: String(x?.termColor ?? "")
-  })) : [], g = Yn(u), d = pi(t), p = r ? (x, S, P) => `${d}${g}/${x}/${P}_${S}.webp` : void 0;
+  const l = Array.isArray(e?.terms) ? e.terms.map((S) => ({
+    termId: String(S?.termId ?? ""),
+    termName: String(S?.termName ?? ""),
+    termColor: String(S?.termColor ?? "")
+  })) : [], m = tr(c), d = Xi(t), w = r ? (S, x, T) => `${d}${m}/${S}/${T}_${x}.webp` : void 0;
   return {
     id: e?._id || "unknown",
     name: e?.name || "unknown",
     width: i,
     height: o,
-    mpp: Number.isFinite(c) && c > 0 ? c : void 0,
+    mpp: Number.isFinite(h) && h > 0 ? h : void 0,
     tileSize: s,
     maxTierZoom: Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0,
-    tilePath: u,
+    tilePath: c,
     tileBaseUrl: t,
-    terms: h,
-    tileUrlBuilder: p
+    terms: l,
+    tileUrlBuilder: w
   };
 }
-function Wn(e, t, n, r) {
+function er(e, t, n, r) {
   if (e.tileUrlBuilder)
     return e.tileUrlBuilder(t, n, r);
-  const i = Yn(e.tilePath);
+  const i = tr(e.tilePath);
   return `${e.tileBaseUrl}${i}/${t}/${r}_${n}.webp`;
 }
-const bt = {
+const Tt = {
   width: 220,
   height: 140,
   margin: 16,
@@ -1458,13 +1666,13 @@ const bt = {
   showThumbnail: !0,
   maxThumbnailTiles: 16
 };
-function ee(e, t, n = 1) {
+function ne(e, t, n = 1) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(n, e);
 }
-function ye(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 bi({
+function Yi({
   source: e,
   projectorRef: t,
   authToken: n = "",
@@ -1473,231 +1681,231 @@ function bi({
   className: o,
   style: s
 }) {
-  const a = j(null), u = j(null), c = j(null), h = j({
+  const a = j(null), c = j(null), h = j(null), l = j({
     active: !1,
     pointerId: null
-  }), g = j(null), d = j(!1), p = ee(
+  }), m = j(null), d = j(!1), w = ne(
     r?.width,
-    bt.width,
+    Tt.width,
     64
-  ), x = ee(
+  ), S = ne(
     r?.height,
-    bt.height,
+    Tt.height,
     48
-  ), S = ee(
+  ), x = ne(
     r?.margin,
-    bt.margin,
+    Tt.margin,
     0
-  ), P = ee(
+  ), T = ne(
     r?.borderRadius,
-    bt.borderRadius,
+    Tt.borderRadius,
     0
-  ), k = ee(
+  ), L = ne(
     r?.borderWidth,
-    bt.borderWidth,
+    Tt.borderWidth,
     0
-  ), C = Math.max(
+  ), v = Math.max(
     1,
     Math.round(
-      ee(
+      ne(
         r?.maxThumbnailTiles,
-        bt.maxThumbnailTiles,
+        Tt.maxThumbnailTiles,
         1
       )
     )
-  ), E = r?.backgroundColor || bt.backgroundColor, D = r?.borderColor || bt.borderColor, J = r?.viewportStrokeColor || bt.viewportStrokeColor, ft = r?.viewportFillColor || bt.viewportFillColor, at = r?.interactive ?? bt.interactive, $ = r?.showThumbnail ?? bt.showThumbnail, ht = r?.position || bt.position, vt = tt(() => {
-    const M = {};
-    return ht === "top-left" || ht === "bottom-left" ? M.left = S : M.right = S, ht === "top-left" || ht === "top-right" ? M.top = S : M.bottom = S, {
+  ), P = r?.backgroundColor || Tt.backgroundColor, F = r?.borderColor || Tt.borderColor, H = r?.viewportStrokeColor || Tt.viewportStrokeColor, dt = r?.viewportFillColor || Tt.viewportFillColor, wt = r?.interactive ?? Tt.interactive, mt = r?.showThumbnail ?? Tt.showThumbnail, X = r?.position || Tt.position, Nt = q(() => {
+    const A = {};
+    return X === "top-left" || X === "bottom-left" ? A.left = x : A.right = x, X === "top-left" || X === "top-right" ? A.top = x : A.bottom = x, {
       position: "absolute",
-      ...M,
-      width: p,
-      height: x,
-      borderRadius: P,
+      ...A,
+      width: w,
+      height: S,
+      borderRadius: T,
       overflow: "hidden",
       zIndex: 4,
-      pointerEvents: at ? "auto" : "none",
+      pointerEvents: wt ? "auto" : "none",
       touchAction: "none",
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...s
     };
-  }, [S, ht, p, x, P, at, s]), Ot = B(() => {
-    const M = a.current;
-    if (!M) return;
-    const I = M.getContext("2d");
-    if (!I) return;
-    const A = p, L = x, Z = Math.max(1, window.devicePixelRatio || 1), et = Math.max(1, Math.round(A * Z)), mt = Math.max(1, Math.round(L * Z));
-    (M.width !== et || M.height !== mt) && (M.width = et, M.height = mt), I.setTransform(1, 0, 0, 1, 0, 0), I.clearRect(0, 0, M.width, M.height), I.setTransform(Z, 0, 0, Z, 0, 0), I.fillStyle = E, I.fillRect(0, 0, A, L);
-    const yt = u.current;
-    yt && I.drawImage(yt, 0, 0, A, L), I.strokeStyle = D, I.lineWidth = k, I.strokeRect(
-      k * 0.5,
-      k * 0.5,
-      A - k,
-      L - k
+  }, [x, X, w, S, T, wt, s]), zt = B(() => {
+    const A = a.current;
+    if (!A) return;
+    const E = A.getContext("2d");
+    if (!E) return;
+    const C = w, W = S, z = Math.max(1, window.devicePixelRatio || 1), ot = Math.max(1, Math.round(C * z)), rt = Math.max(1, Math.round(W * z));
+    (A.width !== ot || A.height !== rt) && (A.width = ot, A.height = rt), E.setTransform(1, 0, 0, 1, 0, 0), E.clearRect(0, 0, A.width, A.height), E.setTransform(z, 0, 0, z, 0, 0), E.fillStyle = P, E.fillRect(0, 0, C, W);
+    const St = c.current;
+    St && E.drawImage(St, 0, 0, C, W), E.strokeStyle = F, E.lineWidth = L, E.strokeRect(
+      L * 0.5,
+      L * 0.5,
+      C - L,
+      W - L
     );
-    const U = t.current, At = U?.getViewBounds?.(), gt = U?.getViewCorners?.(), N = ye(At) ? At : ye(c.current) ? c.current : null;
-    if (!N) return;
-    c.current = N;
-    const G = A / Math.max(1, e.width), ut = L / Math.max(1, e.height), nt = Array.isArray(gt) && gt.length >= 4 && gt.every(
-      (ot) => Array.isArray(ot) && ot.length >= 2 && Number.isFinite(ot[0]) && Number.isFinite(ot[1])
-    ) ? gt : null;
-    if (nt) {
-      I.beginPath();
-      for (let ot = 0; ot < nt.length; ot += 1) {
-        const Gt = nt[ot], Bt = it(Gt[0] * G, 0, A), Ft = it(Gt[1] * ut, 0, L);
-        ot === 0 ? I.moveTo(Bt, Ft) : I.lineTo(Bt, Ft);
+    const ht = t.current, st = ht?.getViewBounds?.(), O = ht?.getViewCorners?.(), Q = xe(st) ? st : xe(h.current) ? h.current : null;
+    if (!Q) return;
+    h.current = Q;
+    const K = C / Math.max(1, e.width), N = W / Math.max(1, e.height), it = Array.isArray(O) && O.length >= 4 && O.every(
+      (_) => Array.isArray(_) && _.length >= 2 && Number.isFinite(_[0]) && Number.isFinite(_[1])
+    ) ? O : null;
+    if (it) {
+      E.beginPath();
+      for (let _ = 0; _ < it.length; _ += 1) {
+        const gt = it[_], Rt = et(gt[0] * K, 0, C), _t = et(gt[1] * N, 0, W);
+        _ === 0 ? E.moveTo(Rt, _t) : E.lineTo(Rt, _t);
       }
-      I.closePath(), I.fillStyle = ft, I.fill(), I.strokeStyle = J, I.lineWidth = 1.5, I.stroke();
+      E.closePath(), E.fillStyle = dt, E.fill(), E.strokeStyle = H, E.lineWidth = 1.5, E.stroke();
       return;
     }
-    const rt = it(N[0] * G, 0, A), q = it(N[1] * ut, 0, L), It = it(N[2] * G, 0, A), _t = it(N[3] * ut, 0, L), F = Math.max(1, It - rt), ct = Math.max(1, _t - q);
-    I.fillStyle = ft, I.fillRect(rt, q, F, ct), I.strokeStyle = J, I.lineWidth = 1.5, I.strokeRect(
-      rt + 0.5,
-      q + 0.5,
-      Math.max(1, F - 1),
-      Math.max(1, ct - 1)
+    const at = et(Q[0] * K, 0, C), ut = et(Q[1] * N, 0, W), J = et(Q[2] * K, 0, C), Ct = et(Q[3] * N, 0, W), Pt = Math.max(1, J - at), It = Math.max(1, Ct - ut);
+    E.fillStyle = dt, E.fillRect(at, ut, Pt, It), E.strokeStyle = H, E.lineWidth = 1.5, E.strokeRect(
+      at + 0.5,
+      ut + 0.5,
+      Math.max(1, Pt - 1),
+      Math.max(1, It - 1)
     );
   }, [
-    p,
-    x,
-    E,
-    D,
-    k,
+    w,
+    S,
+    P,
+    F,
+    L,
     t,
     e.width,
     e.height,
-    ft,
-    J
-  ]), K = B(() => {
-    d.current || (d.current = !0, g.current = requestAnimationFrame(() => {
-      d.current = !1, g.current = null, Ot();
+    dt,
+    H
+  ]), Z = B(() => {
+    d.current || (d.current = !0, m.current = requestAnimationFrame(() => {
+      d.current = !1, m.current = null, zt();
     }));
-  }, [Ot]), Ct = B(
-    (M, I) => {
-      const A = a.current;
-      if (!A) return null;
-      const L = A.getBoundingClientRect();
-      if (!L.width || !L.height) return null;
-      const Z = it((M - L.left) / L.width, 0, 1), et = it((I - L.top) / L.height, 0, 1);
-      return [Z * e.width, et * e.height];
+  }, [zt]), vt = B(
+    (A, E) => {
+      const C = a.current;
+      if (!C) return null;
+      const W = C.getBoundingClientRect();
+      if (!W.width || !W.height) return null;
+      const z = et((A - W.left) / W.width, 0, 1), ot = et((E - W.top) / W.height, 0, 1);
+      return [z * e.width, ot * e.height];
     },
     [e.width, e.height]
-  ), zt = B(
-    (M, I) => {
-      const A = t.current;
-      if (!A) return;
-      if (A.setViewCenter) {
-        A.setViewCenter(M, I), K();
+  ), Lt = B(
+    (A, E) => {
+      const C = t.current;
+      if (!C) return;
+      if (C.setViewCenter) {
+        C.setViewCenter(A, E), Z();
         return;
       }
-      const L = A.getViewBounds?.(), Z = ye(L) ? L : ye(c.current) ? c.current : null;
-      if (!Z) return;
-      const et = Math.max(1e-6, Z[2] - Z[0]), mt = Math.max(1e-6, Z[3] - Z[1]);
-      A.setViewState({
-        offsetX: M - et * 0.5,
-        offsetY: I - mt * 0.5
-      }), K();
+      const W = C.getViewBounds?.(), z = xe(W) ? W : xe(h.current) ? h.current : null;
+      if (!z) return;
+      const ot = Math.max(1e-6, z[2] - z[0]), rt = Math.max(1e-6, z[3] - z[1]);
+      C.setViewState({
+        offsetX: A - ot * 0.5,
+        offsetY: E - rt * 0.5
+      }), Z();
     },
-    [t, K]
-  ), Kt = B(
-    (M) => {
-      if (!at || M.button !== 0) return;
-      const I = a.current;
-      if (!I) return;
-      const A = Ct(M.clientX, M.clientY);
-      A && (M.preventDefault(), M.stopPropagation(), I.setPointerCapture(M.pointerId), h.current = { active: !0, pointerId: M.pointerId }, zt(A[0], A[1]));
+    [t, Z]
+  ), jt = B(
+    (A) => {
+      if (!wt || A.button !== 0) return;
+      const E = a.current;
+      if (!E) return;
+      const C = vt(A.clientX, A.clientY);
+      C && (A.preventDefault(), A.stopPropagation(), E.setPointerCapture(A.pointerId), l.current = { active: !0, pointerId: A.pointerId }, Lt(C[0], C[1]));
     },
-    [at, Ct, zt]
-  ), dt = B(
-    (M) => {
-      const I = h.current;
-      if (!I.active || I.pointerId !== M.pointerId) return;
-      const A = Ct(M.clientX, M.clientY);
-      A && (M.preventDefault(), M.stopPropagation(), zt(A[0], A[1]));
+    [wt, vt, Lt]
+  ), pt = B(
+    (A) => {
+      const E = l.current;
+      if (!E.active || E.pointerId !== A.pointerId) return;
+      const C = vt(A.clientX, A.clientY);
+      C && (A.preventDefault(), A.stopPropagation(), Lt(C[0], C[1]));
     },
-    [Ct, zt]
-  ), Q = B(
-    (M) => {
-      const I = h.current;
-      if (!I.active || I.pointerId !== M.pointerId) return;
-      const A = a.current;
-      if (A && A.hasPointerCapture(M.pointerId))
+    [vt, Lt]
+  ), nt = B(
+    (A) => {
+      const E = l.current;
+      if (!E.active || E.pointerId !== A.pointerId) return;
+      const C = a.current;
+      if (C && C.hasPointerCapture(A.pointerId))
         try {
-          A.releasePointerCapture(M.pointerId);
+          C.releasePointerCapture(A.pointerId);
         } catch {
         }
-      h.current = { active: !1, pointerId: null }, K();
+      l.current = { active: !1, pointerId: null }, Z();
     },
-    [K]
+    [Z]
   );
-  return X(() => {
-    let M = !1;
-    u.current = null, K();
-    const I = 0, A = 2 ** (e.maxTierZoom - I), L = Math.ceil(e.width / A), Z = Math.ceil(e.height / A), et = Math.max(1, Math.ceil(L / e.tileSize)), mt = Math.max(1, Math.ceil(Z / e.tileSize)), yt = et * mt;
-    if (!$ || yt > C)
+  return k(() => {
+    let A = !1;
+    c.current = null, Z();
+    const E = 0, C = 2 ** (e.maxTierZoom - E), W = Math.ceil(e.width / C), z = Math.ceil(e.height / C), ot = Math.max(1, Math.ceil(W / e.tileSize)), rt = Math.max(1, Math.ceil(z / e.tileSize)), St = ot * rt;
+    if (!mt || St > v)
       return;
-    const U = document.createElement("canvas");
-    U.width = Math.max(1, Math.round(p)), U.height = Math.max(1, Math.round(x));
-    const At = U.getContext("2d");
-    if (!At)
+    const ht = document.createElement("canvas");
+    ht.width = Math.max(1, Math.round(w)), ht.height = Math.max(1, Math.round(S));
+    const st = ht.getContext("2d");
+    if (!st)
       return;
-    At.fillStyle = E, At.fillRect(0, 0, U.width, U.height);
-    const gt = [];
-    for (let N = 0; N < mt; N += 1)
-      for (let G = 0; G < et; G += 1) {
-        const ut = G * e.tileSize * A, nt = N * e.tileSize * A, rt = Math.min((G + 1) * e.tileSize, L) * A, q = Math.min((N + 1) * e.tileSize, Z) * A;
-        gt.push({
-          url: Wn(e, I, G, N),
-          bounds: [ut, nt, rt, q]
+    st.fillStyle = P, st.fillRect(0, 0, ht.width, ht.height);
+    const O = [];
+    for (let Q = 0; Q < rt; Q += 1)
+      for (let K = 0; K < ot; K += 1) {
+        const N = K * e.tileSize * C, it = Q * e.tileSize * C, at = Math.min((K + 1) * e.tileSize, W) * C, ut = Math.min((Q + 1) * e.tileSize, z) * C;
+        O.push({
+          url: er(e, E, K, Q),
+          bounds: [N, it, at, ut]
         });
       }
     return Promise.allSettled(
-      gt.map(async (N) => {
-        const G = !!n, ut = await fetch(N.url, {
-          headers: G ? { Authorization: n } : void 0
+      O.map(async (Q) => {
+        const K = !!n, N = await fetch(Q.url, {
+          headers: K ? { Authorization: n } : void 0
         });
-        if (!ut.ok)
-          throw new Error(`HTTP ${ut.status}`);
-        const nt = await createImageBitmap(await ut.blob());
-        return { tile: N, bitmap: nt };
+        if (!N.ok)
+          throw new Error(`HTTP ${N.status}`);
+        const it = await createImageBitmap(await N.blob());
+        return { tile: Q, bitmap: it };
       })
-    ).then((N) => {
-      if (M) {
-        for (const nt of N)
-          nt.status === "fulfilled" && nt.value.bitmap.close();
+    ).then((Q) => {
+      if (A) {
+        for (const it of Q)
+          it.status === "fulfilled" && it.value.bitmap.close();
         return;
       }
-      const G = U.width / Math.max(1, e.width), ut = U.height / Math.max(1, e.height);
-      for (const nt of N) {
-        if (nt.status !== "fulfilled") continue;
+      const K = ht.width / Math.max(1, e.width), N = ht.height / Math.max(1, e.height);
+      for (const it of Q) {
+        if (it.status !== "fulfilled") continue;
         const {
-          tile: { bounds: rt },
-          bitmap: q
-        } = nt.value, It = rt[0] * G, _t = rt[1] * ut, F = Math.max(1, (rt[2] - rt[0]) * G), ct = Math.max(1, (rt[3] - rt[1]) * ut);
-        At.drawImage(q, It, _t, F, ct), q.close();
+          tile: { bounds: at },
+          bitmap: ut
+        } = it.value, J = at[0] * K, Ct = at[1] * N, Pt = Math.max(1, (at[2] - at[0]) * K), It = Math.max(1, (at[3] - at[1]) * N);
+        st.drawImage(ut, J, Ct, Pt, It), ut.close();
       }
-      u.current = U, K();
+      c.current = ht, Z();
     }), () => {
-      M = !0;
+      A = !0;
     };
   }, [
     e,
     n,
-    p,
-    x,
-    E,
-    $,
-    C,
-    K
-  ]), X(() => {
-    K();
-  }, [K]), X(() => {
+    w,
+    S,
+    P,
+    mt,
+    v,
+    Z
+  ]), k(() => {
+    Z();
+  }, [Z]), k(() => {
     if (i)
-      return i.current = K, () => {
-        i.current === K && (i.current = null);
+      return i.current = Z, () => {
+        i.current === Z && (i.current = null);
       };
-  }, [i, K]), X(
+  }, [i, Z]), k(
     () => () => {
-      h.current = { active: !1, pointerId: null }, g.current !== null && (cancelAnimationFrame(g.current), g.current = null), d.current = !1;
+      l.current = { active: !1, pointerId: null }, m.current !== null && (cancelAnimationFrame(m.current), m.current = null), d.current = !1;
     },
     []
   ), /* @__PURE__ */ Ut(
@@ -1705,21 +1913,21 @@ function bi({
     {
       ref: a,
       className: o,
-      style: vt,
-      onPointerDown: Kt,
-      onPointerMove: dt,
-      onPointerUp: Q,
-      onPointerCancel: Q,
-      onContextMenu: (M) => {
-        M.preventDefault();
+      style: Nt,
+      onPointerDown: jt,
+      onPointerMove: pt,
+      onPointerUp: nt,
+      onPointerCancel: nt,
+      onContextMenu: (A) => {
+        A.preventDefault();
       },
-      onWheel: (M) => {
-        M.preventDefault(), M.stopPropagation();
+      onWheel: (A) => {
+        A.preventDefault(), A.stopPropagation();
       }
     }
   );
 }
-function go({
+function Uo({
   imageWidth: e,
   imageHeight: t,
   tiles: n,
@@ -1727,32 +1935,32 @@ function go({
   className: i,
   style: o
 }) {
-  const s = j(null), a = j(null), u = tt(
+  const s = j(null), a = j(null), c = q(
     () => ({ width: "100%", height: "100%", display: "block", ...o }),
     [o]
   );
-  return X(() => {
-    const c = s.current;
-    if (!c)
+  return k(() => {
+    const h = s.current;
+    if (!h)
       return;
-    const h = new hr({
-      canvas: c,
+    const l = new Tr({
+      canvas: h,
       imageWidth: e,
       imageHeight: t,
       initialViewState: r
     });
-    return a.current = h, h.setTiles(n), () => {
-      h.destroy(), a.current = null;
+    return a.current = l, l.setTiles(n), () => {
+      l.destroy(), a.current = null;
     };
-  }, [e, t]), X(() => {
-    const c = a.current;
-    c && c.setTiles(n);
-  }, [n]), X(() => {
-    const c = a.current;
-    !c || !r || c.setViewState(r);
-  }, [r]), /* @__PURE__ */ Ut("canvas", { ref: s, className: i, style: u });
-}
-function Vn(e) {
+  }, [e, t]), k(() => {
+    const h = a.current;
+    h && h.setTiles(n);
+  }, [n]), k(() => {
+    const h = a.current;
+    !h || !r || h.setViewState(r);
+  }, [r]), /* @__PURE__ */ Ut("canvas", { ref: s, className: i, style: c });
+}
+function nr(e) {
   return Math.max(
     0,
     Math.min(
@@ -1762,79 +1970,48 @@ function Vn(e) {
     )
   );
 }
-function wi(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 On(e) {
-  const t = [];
-  for (const n of e ?? []) {
-    const r = wi(n);
-    if (r.length < 4) continue;
-    let i = 1 / 0, o = 1 / 0, s = -1 / 0, a = -1 / 0;
-    for (const [u, c] of r)
-      u < i && (i = u), u > s && (s = u), c < o && (o = c), c > a && (a = c);
-    !Number.isFinite(i) || !Number.isFinite(o) || t.push({ ring: r, minX: i, minY: o, maxX: s, maxY: a });
-  }
-  return t;
-}
-function yi(e, t, n) {
-  let r = !1;
-  for (let i = 0, o = n.length - 1; i < n.length; o = i, i += 1) {
-    const s = n[i][0], a = n[i][1], u = n[o][0], c = n[o][1];
-    a > t != c > t && e < (u - s) * (t - a) / (c - a || Number.EPSILON) + s && (r = !r);
-  }
-  return r;
-}
-function Gn(e, t, n) {
-  for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && yi(e, t, r.ring))
-      return !0;
-  return !1;
-}
-function Ee(e, t) {
+function Ie(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return null;
-  const n = On(t ?? []);
+  const n = le(t ?? []);
   if (n.length === 0)
     return {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-  const r = Vn(e), i = e.positions, o = e.paletteIndices, s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids : null, a = new Float32Array(r * 2), u = new Uint16Array(r), c = s ? new Uint32Array(r) : null;
-  let h = 0;
+  const r = nr(e), i = e.positions, o = e.paletteIndices, s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids : null, a = new Float32Array(r * 2), c = new Uint16Array(r), h = s ? new Uint32Array(r) : null;
+  let l = 0;
   for (let d = 0; d < r; d += 1) {
-    const p = i[d * 2], x = i[d * 2 + 1];
-    Gn(p, x, n) && (a[h * 2] = p, a[h * 2 + 1] = x, u[h] = o[d], c && (c[h] = s[d]), h += 1);
+    const w = i[d * 2], S = i[d * 2 + 1];
+    ve(w, S, n) && (a[l * 2] = w, a[l * 2 + 1] = S, c[l] = o[d], h && (h[l] = s[d]), l += 1);
   }
-  const g = {
-    count: h,
-    positions: a.subarray(0, h * 2),
-    paletteIndices: u.subarray(0, h)
+  const m = {
+    count: l,
+    positions: a.subarray(0, l * 2),
+    paletteIndices: c.subarray(0, l)
   };
-  return c && (g.ids = c.subarray(0, h)), g;
+  return h && (m.ids = h.subarray(0, l)), m;
 }
-function xi(e, t) {
+function Wi(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return new Uint32Array(0);
-  const n = On(t ?? []);
+  const n = le(t ?? []);
   if (n.length === 0)
     return new Uint32Array(0);
-  const r = Vn(e);
+  const r = nr(e);
   if (r === 0)
     return new Uint32Array(0);
   const i = e.positions, o = new Uint32Array(r);
   let s = 0;
   for (let a = 0; a < r; a += 1) {
-    const u = i[a * 2], c = i[a * 2 + 1];
-    Gn(u, c, n) && (o[s] = a, s += 1);
+    const c = i[a * 2], h = i[a * 2 + 1];
+    ve(c, h, n) && (o[s] = a, s += 1);
   }
   return o.subarray(0, s);
 }
-let xe = null;
-const Si = `
+let Te = null;
+const Oi = `
 struct Params {
   pointCount: u32,
   boundsCount: u32,
@@ -1866,21 +2043,21 @@ fn main(@builtin(global_invocation_id) gid: vec3<u32>) {
   outputMask[i] = inside;
 }
 `;
-function Ti() {
+function Vi() {
   if (typeof navigator > "u") return !1;
   const e = navigator;
   return typeof e.gpu == "object" && e.gpu !== null;
 }
-function qn() {
-  if (!Ti()) return null;
+function rr() {
+  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 Se = globalThis.GPUShaderStage?.COMPUTE ?? 4, Ue = globalThis.GPUBufferUsage?.STORAGE ?? 128, Te = globalThis.GPUBufferUsage?.COPY_DST ?? 8, Mi = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, Ai = globalThis.GPUBufferUsage?.UNIFORM ?? 64, Pi = globalThis.GPUBufferUsage?.MAP_READ ?? 1, Ei = globalThis.GPUMapMode?.READ ?? 1;
-async function po() {
-  const e = qn();
+const Me = globalThis.GPUShaderStage?.COMPUTE ?? 4, Xe = globalThis.GPUBufferUsage?.STORAGE ?? 128, Ae = 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 Fo() {
+  const e = rr();
   if (!e)
     return { supported: !1, features: [] };
   const t = await e.requestAdapter();
@@ -1899,9 +2076,9 @@ async function po() {
     }
   } : { supported: !1, features: [] };
 }
-async function Ri() {
-  return xe || (xe = (async () => {
-    const e = qn();
+async function Zi() {
+  return Te || (Te = (async () => {
+    const e = rr();
     if (!e) return null;
     const t = await e.requestAdapter();
     if (!t) return null;
@@ -1909,40 +2086,40 @@ async function Ri() {
       entries: [
         {
           binding: 0,
-          visibility: Se,
+          visibility: Me,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 1,
-          visibility: Se,
+          visibility: Me,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 2,
-          visibility: Se,
+          visibility: Me,
           buffer: { type: "storage" }
         },
         {
           binding: 3,
-          visibility: Se,
+          visibility: Me,
           buffer: { type: "uniform" }
         }
       ]
     }), i = n.createComputePipeline({
       layout: n.createPipelineLayout({ bindGroupLayouts: [r] }),
       compute: {
-        module: n.createShaderModule({ code: Si }),
+        module: n.createShaderModule({ code: Oi }),
         entryPoint: "main"
       }
     });
     return { device: n, pipeline: i, bindGroupLayout: r };
-  })(), xe);
+  })(), Te);
 }
-function Me(e, t) {
+function Pe(e, t) {
   return Math.ceil(e / t) * t;
 }
-async function vi(e, t, n) {
-  const r = await Ri();
+async function Ki(e, t, n) {
+  const r = await Zi();
   if (!r) return null;
   const i = Math.max(0, Math.floor(t)), o = Math.max(0, Math.floor(n.length / 4));
   if (i === 0 || o === 0)
@@ -1950,27 +2127,27 @@ async function vi(e, t, n) {
   const s = Math.min(i, Math.floor(e.length / 2));
   if (s === 0)
     return new Uint32Array(0);
-  const a = s * 2 * Float32Array.BYTES_PER_ELEMENT, u = o * 4 * Float32Array.BYTES_PER_ELEMENT, c = s * Uint32Array.BYTES_PER_ELEMENT, h = Number(r.device.limits.maxStorageBufferBindingSize);
-  if (a > h || u > h || c > h)
+  const a = s * 2 * Float32Array.BYTES_PER_ELEMENT, c = o * 4 * Float32Array.BYTES_PER_ELEMENT, h = s * Uint32Array.BYTES_PER_ELEMENT, l = Number(r.device.limits.maxStorageBufferBindingSize);
+  if (a > l || c > l || h > l)
     return null;
-  const g = r.device.createBuffer({
-    size: Me(a, 4),
-    usage: Ue | Te
+  const m = r.device.createBuffer({
+    size: Pe(a, 4),
+    usage: Xe | Ae
   }), d = r.device.createBuffer({
-    size: Me(u, 4),
-    usage: Ue | Te
-  }), p = r.device.createBuffer({
-    size: Me(c, 4),
-    usage: Ue | Mi
-  }), x = r.device.createBuffer({
-    size: 16,
-    usage: Ai | Te
+    size: Pe(c, 4),
+    usage: Xe | Ae
+  }), w = r.device.createBuffer({
+    size: Pe(h, 4),
+    usage: Xe | Gi
   }), S = r.device.createBuffer({
-    size: Me(c, 4),
-    usage: Te | Pi
+    size: 16,
+    usage: qi | Ae
+  }), x = r.device.createBuffer({
+    size: Pe(h, 4),
+    usage: Ae | Hi
   });
   r.device.queue.writeBuffer(
-    g,
+    m,
     0,
     e.buffer,
     e.byteOffset,
@@ -1980,73 +2157,42 @@ async function vi(e, t, n) {
     0,
     n.buffer,
     n.byteOffset,
-    u
+    c
   ), r.device.queue.writeBuffer(
-    x,
+    S,
     0,
     new Uint32Array([s, o, 0, 0])
   );
-  const P = r.device.createBindGroup({
+  const T = r.device.createBindGroup({
     layout: r.bindGroupLayout,
     entries: [
-      { binding: 0, resource: { buffer: g } },
+      { binding: 0, resource: { buffer: m } },
       { binding: 1, resource: { buffer: d } },
-      { binding: 2, resource: { buffer: p } },
-      { binding: 3, resource: { buffer: x } }
+      { binding: 2, resource: { buffer: w } },
+      { binding: 3, resource: { buffer: S } }
     ]
-  }), k = r.device.createCommandEncoder(), C = k.beginComputePass();
-  C.setPipeline(r.pipeline), C.setBindGroup(0, P), C.dispatchWorkgroups(Math.ceil(s / 256)), C.end(), k.copyBufferToBuffer(p, 0, S, 0, c), r.device.queue.submit([k.finish()]), await S.mapAsync(Ei);
-  const E = S.getMappedRange(), D = new Uint32Array(E.slice(0));
-  return S.unmap(), g.destroy(), d.destroy(), p.destroy(), x.destroy(), S.destroy(), D;
+  }), L = r.device.createCommandEncoder(), v = L.beginComputePass();
+  v.setPipeline(r.pipeline), v.setBindGroup(0, T), v.dispatchWorkgroups(Math.ceil(s / 256)), v.end(), L.copyBufferToBuffer(w, 0, x, 0, h), r.device.queue.submit([L.finish()]), await x.mapAsync($i);
+  const P = x.getMappedRange(), F = new Uint32Array(P.slice(0));
+  return x.unmap(), m.destroy(), d.destroy(), w.destroy(), S.destroy(), x.destroy(), F;
 }
-function Lt() {
+function Dt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Ci(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 Ii(e) {
-  const t = [];
-  for (const n of e ?? []) {
-    const r = Ci(n);
-    if (r.length < 4) continue;
-    let i = 1 / 0, o = 1 / 0, s = -1 / 0, a = -1 / 0;
-    for (const [u, c] of r)
-      u < i && (i = u), u > s && (s = u), c < o && (o = c), c > a && (a = c);
-    !Number.isFinite(i) || !Number.isFinite(o) || t.push({ ring: r, minX: i, minY: o, maxX: s, maxY: a });
-  }
-  return t;
-}
-function _i(e, t, n) {
-  let r = !1;
-  for (let i = 0, o = n.length - 1; i < n.length; o = i, i += 1) {
-    const s = n[i][0], a = n[i][1], u = n[o][0], c = n[o][1];
-    a > t != c > t && e < (u - s) * (t - a) / (c - a || Number.EPSILON) + s && (r = !r);
-  }
-  return r;
-}
-function Cn(e, t, n) {
-  for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && _i(e, t, r.ring))
-      return !0;
-  return !1;
-}
-async function Bi(e, t, n = {}) {
-  const r = Lt(), i = n.bridgeToDraw === !0;
+async function Ji(e, t, n = {}) {
+  const r = Dt(), i = n.bridgeToDraw === !0;
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
-  const o = Ii(t ?? []);
+  const o = le(t ?? []);
   if (o.length === 0)
     return {
       data: {
@@ -2056,7 +2202,7 @@ async function Bi(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2072,56 +2218,56 @@ async function Bi(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
-  const u = new Float32Array(o.length * 4);
-  for (let C = 0; C < o.length; C += 1) {
-    const E = C * 4, D = o[C];
-    u[E] = D.minX, u[E + 1] = D.minY, u[E + 2] = D.maxX, u[E + 3] = D.maxY;
+  const c = new Float32Array(o.length * 4);
+  for (let v = 0; v < o.length; v += 1) {
+    const P = v * 4, F = o[v];
+    c[P] = F.minX, c[P + 1] = F.minY, c[P + 2] = F.maxX, c[P + 3] = F.maxY;
   }
-  let c = null, h = !1;
+  let h = null, l = !1;
   try {
-    c = await vi(e.positions, s, u), h = !!c;
+    h = await Ki(e.positions, s, c), l = !!h;
   } catch {
-    c = null, h = !1;
+    h = null, l = !1;
   }
-  if (!c)
+  if (!h)
     return {
-      data: Ee(e, t),
+      data: Ie(e, t),
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !1,
         candidateCount: s,
         bridgedToDraw: !1
       }
     };
-  let g = 0;
-  for (let C = 0; C < s; C += 1)
-    c[C] === 1 && (g += 1);
-  const d = new Uint32Array(g);
-  if (g > 0) {
-    let C = 0;
-    for (let E = 0; E < s; E += 1)
-      c[E] === 1 && (d[C] = E, C += 1);
-  }
-  if (g === 0) {
+  let m = 0;
+  for (let v = 0; v < s; v += 1)
+    h[v] === 1 && (m += 1);
+  const d = new Uint32Array(m);
+  if (m > 0) {
+    let v = 0;
+    for (let P = 0; P < s; P += 1)
+      h[P] === 1 && (d[v] = P, v += 1);
+  }
+  if (m === 0) {
     if (i) {
-      const C = {
+      const v = {
         count: s,
         positions: e.positions.subarray(0, s * 2),
         paletteIndices: e.paletteIndices.subarray(0, s),
         drawIndices: new Uint32Array(0)
       };
-      return a && (C.ids = a.subarray(0, s)), {
-        data: C,
+      return a && (v.ids = a.subarray(0, s)), {
+        data: v,
         meta: {
           mode: "hybrid-webgpu",
-          durationMs: Lt() - r,
+          durationMs: Dt() - r,
           usedWebGpu: !0,
           candidateCount: 0,
           bridgedToDraw: !0
@@ -2137,7 +2283,7 @@ async function Bi(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2145,76 +2291,76 @@ async function Bi(e, t, n = {}) {
     };
   }
   if (i) {
-    const C = new Uint32Array(g);
-    let E = 0;
-    for (let J = 0; J < g; J += 1) {
-      const ft = d[J] ?? 0, at = e.positions[ft * 2], $ = e.positions[ft * 2 + 1];
-      Cn(at, $, o) && (C[E] = ft, E += 1);
+    const v = new Uint32Array(m);
+    let P = 0;
+    for (let H = 0; H < m; H += 1) {
+      const dt = d[H] ?? 0, wt = e.positions[dt * 2], mt = e.positions[dt * 2 + 1];
+      ve(wt, mt, o) && (v[P] = dt, P += 1);
     }
-    const D = {
+    const F = {
       count: s,
       positions: e.positions.subarray(0, s * 2),
       paletteIndices: e.paletteIndices.subarray(0, s),
-      drawIndices: C.subarray(0, E)
+      drawIndices: v.subarray(0, P)
     };
-    return a && (D.ids = a.subarray(0, s)), {
-      data: D,
+    return a && (F.ids = a.subarray(0, s)), {
+      data: F,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Lt() - r,
+        durationMs: Dt() - r,
         usedWebGpu: !0,
-        candidateCount: g,
+        candidateCount: m,
         bridgedToDraw: !0
       }
     };
   }
-  const p = new Float32Array(g * 2), x = new Uint16Array(g), S = a ? new Uint32Array(g) : null;
-  let P = 0;
-  for (let C = 0; C < g; C += 1) {
-    const E = d[C] ?? 0, D = e.positions[E * 2], J = e.positions[E * 2 + 1];
-    Cn(D, J, o) && (p[P * 2] = D, p[P * 2 + 1] = J, x[P] = e.paletteIndices[E], S && (S[P] = a[E]), P += 1);
+  const w = new Float32Array(m * 2), S = new Uint16Array(m), x = a ? new Uint32Array(m) : null;
+  let T = 0;
+  for (let v = 0; v < m; v += 1) {
+    const P = d[v] ?? 0, F = e.positions[P * 2], H = e.positions[P * 2 + 1];
+    ve(F, H, o) && (w[T * 2] = F, w[T * 2 + 1] = H, S[T] = e.paletteIndices[P], x && (x[T] = a[P]), T += 1);
   }
-  const k = {
-    count: P,
-    positions: p.subarray(0, P * 2),
-    paletteIndices: x.subarray(0, P)
+  const L = {
+    count: T,
+    positions: w.subarray(0, T * 2),
+    paletteIndices: S.subarray(0, T)
   };
-  return S && (k.ids = S.subarray(0, P)), {
-    data: k,
+  return x && (L.ids = x.subarray(0, T)), {
+    data: L,
     meta: {
       mode: "hybrid-webgpu",
-      durationMs: Lt() - r,
+      durationMs: Dt() - r,
       usedWebGpu: !0,
-      candidateCount: g,
+      candidateCount: m,
       bridgedToDraw: !1
     }
   };
 }
-let wt = null, Ye = !0, $n = 1;
-const Vt = /* @__PURE__ */ new Map();
-function Yt() {
+let Mt = null, He = !0, ir = 1;
+const Zt = /* @__PURE__ */ new Map();
+function $t() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Hn() {
-  if (!Ye) return null;
-  if (wt) return wt;
+function or() {
+  if (!He) return null;
+  if (Mt) return Mt;
   try {
     const e = new Worker(new URL(
       /* @vite-ignore */
-      "" + new URL("assets/roi-clip-worker-D3hALtsJ.js", import.meta.url).href,
+      "" + new URL("assets/roi-clip-worker-BRaTL8Jd.js", import.meta.url).href,
       import.meta.url
     ), { type: "module" });
-    return e.addEventListener("message", qe), e.addEventListener("error", $e), wt = e, e;
+    return e.addEventListener("message", Qe), e.addEventListener("error", tn), Mt = e, e;
   } catch {
-    return Ye = !1, null;
+    return He = !1, null;
   }
 }
-function qe(e) {
+function Qe(e) {
   const t = e.data;
   if (!t) return;
-  const n = Vt.get(t.id);
+  const n = Zt.get(t.id);
   if (!n) return;
-  if (Vt.delete(t.id), t.type === "roi-clip-failure") {
+  if (Zt.delete(t.id), t.type === "roi-clip-failure") {
     n.reject(new Error(t.error || "worker clip failed"));
     return;
   }
@@ -2223,12 +2369,12 @@ function qe(e) {
       n.reject(new Error("worker response mismatch: expected point data result"));
       return;
     }
-    const u = Math.max(0, Math.floor(t.count)), c = new Uint32Array(t.indices).subarray(0, u);
+    const c = Math.max(0, Math.floor(t.count)), h = new Uint32Array(t.indices).subarray(0, c);
     n.resolve({
-      indices: c,
+      indices: h,
       meta: {
         mode: "worker",
-        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Yt() - n.startMs
+        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : $t() - n.startMs
       }
     });
     return;
@@ -2246,42 +2392,42 @@ function qe(e) {
     data: a,
     meta: {
       mode: "worker",
-      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Yt() - n.startMs
+      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : $t() - n.startMs
     }
   });
 }
-function $e() {
-  Ye = !1, wt && (wt.removeEventListener("message", qe), wt.removeEventListener("error", $e), wt.terminate(), wt = null);
-  for (const [, e] of Vt)
+function tn() {
+  He = !1, Mt && (Mt.removeEventListener("message", Qe), Mt.removeEventListener("error", tn), Mt.terminate(), Mt = null);
+  for (const [, e] of Zt)
     e.reject(new Error("worker crashed"));
-  Vt.clear();
+  Zt.clear();
 }
-function bo() {
-  if (wt) {
-    wt.removeEventListener("message", qe), wt.removeEventListener("error", $e), wt.terminate(), wt = null;
-    for (const [, e] of Vt)
+function zo() {
+  if (Mt) {
+    Mt.removeEventListener("message", Qe), Mt.removeEventListener("error", tn), Mt.terminate(), Mt = null;
+    for (const [, e] of Zt)
       e.reject(new Error("worker terminated"));
-    Vt.clear();
+    Zt.clear();
   }
 }
-async function Fi(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 = Hn();
+  const n = or();
   if (!n) {
-    const c = Yt();
+    const h = $t();
     return {
-      data: Ee(e, t),
-      meta: { mode: "sync", durationMs: Yt() - c }
+      data: Ie(e, t),
+      meta: { mode: "sync", durationMs: $t() - h }
     };
   }
-  const r = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length)), i = e.positions.slice(0, r * 2), o = e.paletteIndices.slice(0, r), s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids.slice(0, r) : null, a = $n++, u = Yt();
-  return new Promise((c, h) => {
-    Vt.set(a, { kind: "data", resolve: c, reject: h, startMs: u });
-    const g = {
+  const r = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length)), i = e.positions.slice(0, r * 2), o = e.paletteIndices.slice(0, r), s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids.slice(0, r) : null, a = ir++, c = $t();
+  return new Promise((h, l) => {
+    Zt.set(a, { kind: "data", resolve: h, reject: l, startMs: c });
+    const m = {
       type: "roi-clip-request",
       id: a,
       count: r,
@@ -2290,83 +2436,54 @@ async function Fi(e, t) {
       ids: s?.buffer,
       polygons: t ?? []
     }, d = [i.buffer, o.buffer];
-    s && d.push(s.buffer), n.postMessage(g, d);
+    s && d.push(s.buffer), n.postMessage(m, d);
   });
 }
-async function wo(e, t) {
+async function Lo(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       indices: new Uint32Array(0),
       meta: { mode: "worker", durationMs: 0 }
     };
-  const n = Hn();
+  const n = or();
   if (!n) {
-    const a = Yt();
+    const a = $t();
     return {
-      indices: xi(e, t),
-      meta: { mode: "sync", durationMs: Yt() - a }
+      indices: Wi(e, t),
+      meta: { mode: "sync", durationMs: $t() - a }
     };
   }
-  const r = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length)), i = e.positions.slice(0, r * 2), o = $n++, s = Yt();
-  return new Promise((a, u) => {
-    Vt.set(o, { kind: "index", resolve: a, reject: u, startMs: s });
-    const c = {
+  const r = Math.max(0, Math.min(e.count, Math.floor(e.positions.length / 2), e.paletteIndices.length)), i = e.positions.slice(0, r * 2), o = ir++, s = $t();
+  return new Promise((a, c) => {
+    Zt.set(o, { kind: "index", resolve: a, reject: c, startMs: s });
+    const h = {
       type: "roi-clip-index-request",
       id: o,
       count: r,
       positions: i.buffer,
       polygons: t ?? []
     };
-    n.postMessage(c, [i.buffer]);
+    n.postMessage(h, [i.buffer]);
   });
 }
-function Ui(e) {
-  if (!Array.isArray(e) || e.length < 3) return [];
-  const t = e.map(
-    (i) => [Number(i[0]), Number(i[1])]
-  ), 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 zi(e) {
-  let t = 0;
-  for (let n = 0; n < e.length - 1; n += 1) {
-    const [r, i] = e[n], [o, s] = e[n + 1];
-    t += r * s - o * i;
-  }
-  return Math.abs(t * 0.5);
-}
-function Li(e) {
+function Qi(e) {
   const t = [];
   for (let n = 0; n < e.length; n += 1) {
-    const r = e[n];
-    if (!r?.coordinates?.length) continue;
-    const i = Ui(r.coordinates);
-    if (i.length < 4) continue;
-    let o = 1 / 0, s = 1 / 0, a = -1 / 0, u = -1 / 0;
-    for (const [c, h] of i)
-      c < o && (o = c), c > a && (a = c), h < s && (s = h), h > u && (u = h);
-    !Number.isFinite(o) || !Number.isFinite(s) || !Number.isFinite(a) || !Number.isFinite(u) || t.push({
+    const r = e[n], i = le([r?.coordinates]);
+    if (i.length === 0) continue;
+    let o = 0;
+    for (const s of i)
+      o += s.area;
+    t.push({
       regionId: r.id ?? n,
       regionIndex: n,
-      ring: i,
-      minX: o,
-      minY: s,
-      maxX: a,
-      maxY: u,
-      area: Math.max(1e-6, zi(i))
+      polygons: i,
+      area: Math.max(1e-6, o)
     });
   }
   return t;
 }
-function Di(e, t, n) {
-  let r = !1;
-  for (let i = 0, o = n.length - 1; i < n.length; o = i, i += 1) {
-    const s = n[i][0], a = n[i][1], u = n[o][0], c = n[o][1];
-    a > t != c > t && e < (u - s) * (t - a) / (c - a || Number.EPSILON) + s && (r = !r);
-  }
-  return r;
-}
-function Ni(e, t) {
+function to(e, t) {
   if (Array.isArray(t)) {
     const n = t[e];
     if (typeof n == "string" && n.length > 0) return n;
@@ -2377,7 +2494,7 @@ function Ni(e, t) {
   }
   return String(e);
 }
-function ki(e, t, n = {}) {
+function eo(e, t, n = {}) {
   const r = Math.max(
     0,
     Math.min(
@@ -2389,23 +2506,23 @@ function ki(e, t, n = {}) {
   let i = null;
   if (e?.drawIndices instanceof Uint32Array) {
     const d = e.drawIndices;
-    let p = d.length;
-    for (let x = 0; x < d.length; x += 1)
-      d[x] < r || (p -= 1);
-    if (p === d.length)
+    let w = d.length;
+    for (let S = 0; S < d.length; S += 1)
+      d[S] < r || (w -= 1);
+    if (w === d.length)
       i = d;
-    else if (p > 0) {
-      const x = new Uint32Array(p);
-      let S = 0;
-      for (let P = 0; P < d.length; P += 1) {
-        const k = d[P];
-        k >= r || (x[S] = k, S += 1);
+    else if (w > 0) {
+      const S = new Uint32Array(w);
+      let x = 0;
+      for (let T = 0; T < d.length; T += 1) {
+        const L = d[T];
+        L >= r || (S[x] = L, x += 1);
       }
-      i = x;
+      i = S;
     } else
       i = new Uint32Array(0);
   }
-  const o = i ? i.length : r, s = Li(t ?? []);
+  const o = i ? i.length : r, s = Qi(t ?? []);
   if (!e || o === 0 || s.length === 0)
     return {
       groups: [],
@@ -2413,48 +2530,55 @@ function ki(e, t, n = {}) {
       pointsInsideAnyRegion: 0,
       unmatchedPointCount: o
     };
-  const a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-  let c = 0;
+  const a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  let h = 0;
   for (let d = 0; d < o; d += 1) {
-    const p = i ? i[d] : d, x = e.positions[p * 2], S = e.positions[p * 2 + 1];
-    let P = null;
-    for (const E of s)
-      x < E.minX || x > E.maxX || S < E.minY || S > E.maxY || Di(x, S, E.ring) && (!P || E.area < P.area) && (P = E);
-    if (!P) continue;
-    c += 1;
-    const k = e.paletteIndices[p] ?? 0, C = a.get(P.regionIndex) ?? /* @__PURE__ */ new Map();
-    C.set(k, (C.get(k) ?? 0) + 1), a.set(P.regionIndex, C), u.set(
-      P.regionIndex,
-      (u.get(P.regionIndex) ?? 0) + 1
+    const w = i ? i[d] : d, S = e.positions[w * 2], x = e.positions[w * 2 + 1];
+    let T = null;
+    for (const P of s) {
+      let F = !1;
+      for (const H of P.polygons)
+        if (je(S, x, H)) {
+          F = !0;
+          break;
+        }
+      F && (!T || P.area < T.area) && (T = P);
+    }
+    if (!T) continue;
+    h += 1;
+    const L = e.paletteIndices[w] ?? 0, v = a.get(T.regionIndex) ?? /* @__PURE__ */ new Map();
+    v.set(L, (v.get(L) ?? 0) + 1), a.set(T.regionIndex, v), c.set(
+      T.regionIndex,
+      (c.get(T.regionIndex) ?? 0) + 1
     );
   }
-  const h = n.includeEmptyRegions ?? !1, g = [];
+  const l = n.includeEmptyRegions ?? !1, m = [];
   for (const d of s) {
-    const p = u.get(d.regionIndex) ?? 0;
-    if (!h && p <= 0) continue;
-    const x = a.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), S = Array.from(x.entries()).map(([P, k]) => ({
-      termId: Ni(P, n.paletteIndexToTermId),
-      paletteIndex: P,
-      count: k
-    })).sort((P, k) => k.count - P.count || P.paletteIndex - k.paletteIndex);
-    g.push({
+    const w = c.get(d.regionIndex) ?? 0;
+    if (!l && w <= 0) continue;
+    const S = a.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), x = Array.from(S.entries()).map(([T, L]) => ({
+      termId: to(T, n.paletteIndexToTermId),
+      paletteIndex: T,
+      count: L
+    })).sort((T, L) => L.count - T.count || T.paletteIndex - L.paletteIndex);
+    m.push({
       regionId: d.regionId,
       regionIndex: d.regionIndex,
-      totalCount: p,
-      termCounts: S
+      totalCount: w,
+      termCounts: x
     });
   }
   return {
-    groups: g,
+    groups: m,
     inputPointCount: o,
-    pointsInsideAnyRegion: c,
-    unmatchedPointCount: Math.max(0, o - c)
+    pointsInsideAnyRegion: h,
+    unmatchedPointCount: Math.max(0, o - h)
   };
 }
-function Ae() {
+function Re() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Xi(e, t) {
+function no(e, t) {
   if (!t) return !1;
   try {
     const r = new URL(e, typeof window < "u" ? window.location.href : void 0).hostname.toLowerCase();
@@ -2463,7 +2587,7 @@ function Xi(e, t) {
   }
   return !0;
 }
-class Yi {
+class ro {
   constructor(t) {
     b(this, "maxConcurrency");
     b(this, "maxRetries");
@@ -2513,7 +2637,7 @@ class Yi {
       const o = {
         tile: r,
         attempt: 0,
-        readyAt: Ae()
+        readyAt: Re()
       };
       this.queue.push(o), this.queuedByKey.set(r.key, o);
     }
@@ -2569,14 +2693,14 @@ class Yi {
     if (this.inflight.size >= this.maxConcurrency || this.queue.length === 0) return;
     const t = this.queue[0]?.readyAt;
     if (typeof t != "number") return;
-    const n = Math.max(0, t - Ae());
+    const n = Math.max(0, t - Re());
     this.timerId = window.setTimeout(() => {
       this.timerId = null, this.pump();
     }, n);
   }
   takeNextReadyQueueItem() {
     if (this.queue.length === 0) return null;
-    const t = Ae(), n = this.queue[0];
+    const t = Re(), n = this.queue[0];
     return !n || n.readyAt > t ? null : (this.queue.shift(), this.queuedByKey.delete(n.tile.key), n);
   }
   startFetch(t) {
@@ -2586,7 +2710,7 @@ class Yi {
       controller: n
     };
     this.inflight.set(t.tile.key, r), this.emitStateChange();
-    const i = Xi(t.tile.url, this.authToken);
+    const i = no(t.tile.url, this.authToken);
     fetch(t.tile.url, {
       signal: n.signal,
       headers: i ? { Authorization: this.authToken } : void 0
@@ -2609,12 +2733,12 @@ class Yi {
         return;
       if (t.attempt < this.maxRetries && this.visibleKeys.has(t.tile.key)) {
         this.retryCount += 1;
-        const a = t.attempt + 1, u = this.getRetryDelay(a), c = {
+        const a = t.attempt + 1, c = this.getRetryDelay(a), h = {
           tile: t.tile,
           attempt: a,
-          readyAt: Ae() + u
-        }, 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();
+          readyAt: Re() + c
+        }, l = this.queuedByKey.get(t.tile.key);
+        l ? (l.tile = h.tile, l.readyAt = Math.min(l.readyAt, h.readyAt), l.attempt = Math.max(l.attempt, h.attempt)) : (this.queue.push(h), this.queuedByKey.set(h.tile.key, h)), this.sortQueue();
         return;
       }
       this.failedCount += 1, this.onTileError?.(t.tile, o, t.attempt + 1);
@@ -2636,7 +2760,7 @@ class Yi {
     this.onStateChange?.(this.getSnapshot());
   }
 }
-const In = 0.35, We = 0.5, Wi = 256, Ve = [
+const kn = 0.35, $e = 0.5, io = 256, Ze = [
   { zoom: 1, size: 2.8 },
   { zoom: 2, size: 3.4 },
   { zoom: 3, size: 4.2 },
@@ -2650,7 +2774,7 @@ const In = 0.35, We = 0.5, Wi = 256, Ve = [
   { zoom: 11, size: 22 },
   { zoom: 12, size: 28 }
 ];
-class Vi {
+class oo {
   constructor() {
     b(this, "viewportWidth", 1);
     b(this, "viewportHeight", 1);
@@ -2685,14 +2809,14 @@ class Vi {
     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, s] = this.getCenter(), a = (t - this.viewportWidth * 0.5) / i, u = (n - this.viewportHeight * 0.5) / i, c = ae(r.rotationDeg), h = Math.cos(c), g = Math.sin(c);
-    return [o + a * h - u * g, s + a * g + u * h];
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = (t - this.viewportWidth * 0.5) / i, c = (n - this.viewportHeight * 0.5) / i, h = ce(r.rotationDeg), l = Math.cos(h), m = Math.sin(h);
+    return [o + a * l - c * m, s + a * m + c * l];
   }
   worldToScreen(t, n) {
-    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = t - o, u = n - s, c = ae(r.rotationDeg), h = Math.cos(c), g = Math.sin(c), d = a * h + u * g, p = -a * g + u * h;
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = t - o, c = n - s, h = ce(r.rotationDeg), l = Math.cos(h), m = Math.sin(h), d = a * l + c * m, w = -a * m + c * l;
     return [
       this.viewportWidth * 0.5 + d * i,
-      this.viewportHeight * 0.5 + p * i
+      this.viewportHeight * 0.5 + w * i
     ];
   }
   getViewCorners() {
@@ -2705,38 +2829,38 @@ class Vi {
     ];
   }
   getMatrix() {
-    const t = Math.max(1e-6, this.viewState.zoom), [n, r] = this.getCenter(), i = ae(this.viewState.rotationDeg), o = Math.cos(i), s = Math.sin(i), a = 2 * t * o / this.viewportWidth, u = 2 * t * s / this.viewportWidth, c = 2 * t * s / this.viewportHeight, h = -2 * t * o / this.viewportHeight, g = -(a * n + u * r), d = -(c * n + h * r);
-    return new Float32Array([a, c, 0, u, 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), s = Math.sin(i), a = 2 * t * o / this.viewportWidth, c = 2 * t * s / this.viewportWidth, h = 2 * t * s / this.viewportHeight, l = -2 * t * o / this.viewportHeight, m = -(a * n + c * r), d = -(h * n + l * r);
+    return new Float32Array([a, h, 0, c, l, 0, m, d, 1]);
   }
 }
-function ae(e) {
+function ce(e) {
   return e * Math.PI / 180;
 }
-function _n() {
+function Xn() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Zt(e, t, n) {
+function qt(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`uniform location lookup failed: ${n}`);
   return r;
 }
-function ze(e, t) {
+function Ye(e, t) {
   return !e || !t ? e === t : e.buffer === t.buffer && e.byteOffset === t.byteOffset && e.byteLength === t.byteLength;
 }
-function Oe(e) {
+function Ke(e) {
   return e.map((t) => ({ zoom: t.zoom, size: t.size }));
 }
-function Bn(e) {
-  if (!e) return Oe(Ve);
+function Yn(e) {
+  if (!e) return Ke(Ze);
   const t = /* @__PURE__ */ new Map();
   for (const [n, r] of Object.entries(e)) {
     const i = Number(n), o = Number(r);
     !Number.isFinite(i) || !Number.isFinite(o) || o <= 0 || t.set(i, o);
   }
-  return t.size === 0 ? Oe(Ve) : Array.from(t.entries()).sort((n, r) => n[0] - r[0]).map(([n, r]) => ({ zoom: n, size: r }));
+  return t.size === 0 ? Ke(Ze) : Array.from(t.entries()).sort((n, r) => n[0] - r[0]).map(([n, r]) => ({ zoom: n, size: r }));
 }
-function Oi(e, t) {
+function so(e, t) {
   if (e === t) return !0;
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n += 1)
@@ -2744,25 +2868,29 @@ function Oi(e, t) {
       return !1;
   return !0;
 }
-function Gi(e, t) {
-  if (!Number.isFinite(e)) return t[0]?.size ?? We;
-  if (t.length === 0) return We;
+function ao(e, t) {
+  if (!Number.isFinite(e)) return t[0]?.size ?? $e;
+  if (t.length === 0) return $e;
   if (t.length === 1 || e <= t[0].zoom) return t[0].size;
   for (let s = 1; s < t.length; s += 1) {
-    const a = t[s - 1], u = t[s];
-    if (e > u.zoom) continue;
-    const c = Math.max(1e-6, u.zoom - a.zoom), h = it((e - a.zoom) / c, 0, 1);
-    return a.size + (u.size - a.size) * h;
+    const a = t[s - 1], c = t[s];
+    if (e > c.zoom) continue;
+    const h = Math.max(1e-6, c.zoom - a.zoom), l = et((e - a.zoom) / h, 0, 1);
+    return a.size + (c.size - a.size) * l;
   }
   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;
 }
-class qi {
+const uo = 0.1, co = 5;
+function Wn(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? 1 : et(e, uo, co);
+}
+class lo {
   constructor(t, n, r = {}) {
     b(this, "canvas");
     b(this, "source");
     b(this, "gl");
-    b(this, "camera", new Vi());
+    b(this, "camera", new oo());
     b(this, "onViewStateChange");
     b(this, "onStats");
     b(this, "onTileError");
@@ -2795,7 +2923,8 @@ class qi {
     b(this, "usePointIndices", !1);
     b(this, "pointBuffersDirty", !0);
     b(this, "pointPaletteSize", 1);
-    b(this, "pointSizeStops", Oe(Ve));
+    b(this, "pointSizeStops", Ke(Ze));
+    b(this, "pointStrokeScale", 1);
     b(this, "lastPointData", null);
     b(this, "lastPointPalette", null);
     b(this, "cache", /* @__PURE__ */ new Map());
@@ -2807,7 +2936,7 @@ class qi {
     b(this, "boundContextMenu");
     b(this, "boundContextLost");
     b(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) : In, this.pointSizeStops = Bn(r.pointSizeByZoom);
+    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);
     const i = t.getContext("webgl2", {
       alpha: !1,
       antialias: !1,
@@ -2817,7 +2946,7 @@ class qi {
     });
     if (!i)
       throw new Error("WebGL2 not supported");
-    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new Yi({
+    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new ro({
       authToken: this.authToken,
       maxConcurrency: r.tileScheduler?.maxConcurrency ?? 12,
       maxRetries: r.tileScheduler?.maxRetries ?? 2,
@@ -2834,7 +2963,7 @@ class qi {
   }
   setViewState(t) {
     const n = { ...t };
-    typeof n.zoom == "number" && (n.zoom = it(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
+    typeof n.zoom == "number" && (n.zoom = et(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
   }
   getViewState() {
     return this.camera.getViewState();
@@ -2871,23 +3000,23 @@ class qi {
         t.paletteIndices.length
       )
     ), r = t.positions.subarray(0, n * 2), i = t.paletteIndices.subarray(0, n), o = t.drawIndices instanceof Uint32Array, s = o ? this.sanitizeDrawIndices(t.drawIndices, n) : null, a = this.lastPointData;
-    let u = this.pointBuffersDirty || !a || a.count !== n || !ze(a.positions, r) || !ze(a.paletteIndices, i), c = this.pointBuffersDirty || o && (!a?.drawIndices || !ze(a.drawIndices, s)) || !o && !!a?.drawIndices;
+    let c = this.pointBuffersDirty || !a || a.count !== n || !Ye(a.positions, r) || !Ye(a.paletteIndices, i), h = this.pointBuffersDirty || o && (!a?.drawIndices || !Ye(a.drawIndices, s)) || !o && !!a?.drawIndices;
     if (this.lastPointData = {
       count: n,
       positions: r,
       paletteIndices: i,
       drawIndices: o ? s ?? void 0 : void 0
     }, this.contextLost || this.gl.isContextLost()) return;
-    const h = this.gl;
-    u && (h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.posBuffer), h.bufferData(h.ARRAY_BUFFER, this.lastPointData.positions, h.STATIC_DRAW), h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.termBuffer), h.bufferData(
-      h.ARRAY_BUFFER,
+    const l = this.gl;
+    c && (l.bindBuffer(l.ARRAY_BUFFER, this.pointProgram.posBuffer), l.bufferData(l.ARRAY_BUFFER, this.lastPointData.positions, l.STATIC_DRAW), l.bindBuffer(l.ARRAY_BUFFER, this.pointProgram.termBuffer), l.bufferData(
+      l.ARRAY_BUFFER,
       this.lastPointData.paletteIndices,
-      h.STATIC_DRAW
-    ), h.bindBuffer(h.ARRAY_BUFFER, null)), o && c && (h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), h.bufferData(
-      h.ELEMENT_ARRAY_BUFFER,
+      l.STATIC_DRAW
+    ), l.bindBuffer(l.ARRAY_BUFFER, null)), o && h && (l.bindBuffer(l.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), l.bufferData(
+      l.ELEMENT_ARRAY_BUFFER,
       s ?? new Uint32Array(0),
-      h.DYNAMIC_DRAW
-    ), h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = o, this.pointCount = o ? s?.length ?? 0 : this.lastPointData.count, (u || c) && (this.pointBuffersDirty = !1), this.requestRender();
+      l.DYNAMIC_DRAW
+    ), l.bindBuffer(l.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = o, this.pointCount = o ? s?.length ?? 0 : this.lastPointData.count, (c || h) && (this.pointBuffersDirty = !1), this.requestRender();
   }
   sanitizeDrawIndices(t, n) {
     if (n <= 0 || t.length === 0)
@@ -2912,8 +3041,12 @@ class qi {
     this.interactionLocked !== n && (this.interactionLocked = n, n && this.cancelDrag());
   }
   setPointSizeByZoom(t) {
-    const n = Bn(t);
-    Oi(this.pointSizeStops, n) || (this.pointSizeStops = n, this.requestRender());
+    const n = Yn(t);
+    so(this.pointSizeStops, n) || (this.pointSizeStops = n, this.requestRender());
+  }
+  setPointStrokeScale(t) {
+    const n = Wn(t);
+    this.pointStrokeScale !== n && (this.pointStrokeScale = n, this.requestRender());
   }
   cancelDrag() {
     if (this.pointerId !== null && this.canvas.hasPointerCapture(this.pointerId))
@@ -2945,38 +3078,38 @@ class qi {
     Math.abs(t.rotationDeg) < 1e-6 || (this.camera.setViewState({ rotationDeg: 0 }), this.clampViewState(), this.emitViewState(), this.requestRender());
   }
   getPointSizeByZoom() {
-    const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t), r = Gi(n, this.pointSizeStops);
-    return it(r, We, Wi);
+    const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t), r = ao(n, this.pointSizeStops);
+    return et(r, $e, io);
   }
   fitToImage() {
     const t = this.canvas.getBoundingClientRect(), n = Math.max(1, t.width || 1), r = Math.max(1, t.height || 1), i = Math.min(n / this.source.width, r / this.source.height), o = Number.isFinite(i) && i > 0 ? i : 1;
     this.fitZoom = o, this.minZoom = Math.max(this.fitZoom * 0.5, 1e-6), this.maxZoom = Math.max(1, this.fitZoom * 8), this.minZoom > this.maxZoom && (this.minZoom = this.maxZoom);
     const s = n / o, a = r / o;
     this.camera.setViewState({
-      zoom: it(o, this.minZoom, this.maxZoom),
+      zoom: et(o, this.minZoom, this.maxZoom),
       offsetX: (this.source.width - s) * 0.5,
       offsetY: (this.source.height - a) * 0.5,
       rotationDeg: 0
     }), this.clampViewState(), this.emitViewState(), this.requestRender();
   }
   zoomBy(t, n, r) {
-    const i = this.camera.getViewState(), o = it(i.zoom * t, this.minZoom, this.maxZoom);
+    const i = this.camera.getViewState(), o = et(i.zoom * t, this.minZoom, this.maxZoom);
     if (o === i.zoom) return;
     const [s, a] = this.camera.screenToWorld(n, r);
     this.camera.setViewState({ zoom: o });
-    const u = this.camera.getViewport(), c = n - u.width * 0.5, h = r - u.height * 0.5, g = ae(this.camera.getViewState().rotationDeg), d = Math.cos(g), p = Math.sin(g), x = c / o * d - h / o * p, S = c / o * p + h / o * d;
-    this.camera.setCenter(s - x, a - S), this.clampViewState(), this.emitViewState(), this.requestRender();
+    const c = this.camera.getViewport(), h = n - c.width * 0.5, l = r - c.height * 0.5, m = ce(this.camera.getViewState().rotationDeg), d = Math.cos(m), w = Math.sin(m), S = h / o * d - l / o * w, x = h / o * w + l / o * d;
+    this.camera.setCenter(s - S, a - x), 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, [s, a] = this.camera.getCenter(), u = n * 0.5, c = r * 0.5, h = u - i, g = this.source.width - u + i, d = c - o, p = this.source.height - c + o, x = h <= g ? it(s, h, g) : this.source.width * 0.5, S = d <= p ? it(a, d, p) : this.source.height * 0.5;
-    this.camera.setCenter(x, 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, [s, a] = this.camera.getCenter(), c = n * 0.5, h = r * 0.5, l = c - i, m = this.source.width - c + i, d = h - o, w = this.source.height - h + o, S = l <= m ? et(s, l, m) : this.source.width * 0.5, x = d <= w ? et(a, d, w) : this.source.height * 0.5;
+    this.camera.setCenter(S, x);
   }
   emitViewState() {
     this.onViewStateChange?.(this.camera.getViewState());
   }
   selectTier() {
     const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t);
-    return it(Math.floor(n), 0, this.source.maxTierZoom);
+    return et(Math.floor(n), 0, this.source.maxTierZoom);
   }
   getViewBounds() {
     const t = this.camera.getViewCorners();
@@ -2991,40 +3124,40 @@ class qi {
   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), s = Math.max(1, Math.ceil(i / this.source.tileSize)), a = Math.max(1, Math.ceil(o / this.source.tileSize)), u = n[0], c = n[1], h = n[2], g = n[3], d = it(
-      Math.floor(u / r / this.source.tileSize),
+    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), s = Math.max(1, Math.ceil(i / this.source.tileSize)), a = Math.max(1, Math.ceil(o / this.source.tileSize)), c = n[0], h = n[1], l = n[2], m = n[3], d = et(
+      Math.floor(c / r / this.source.tileSize),
       0,
       s - 1
-    ), p = it(
-      Math.floor((h - 1) / r / this.source.tileSize),
+    ), w = et(
+      Math.floor((l - 1) / r / this.source.tileSize),
       0,
       s - 1
-    ), x = it(
-      Math.floor(c / r / this.source.tileSize),
+    ), S = et(
+      Math.floor(h / r / this.source.tileSize),
       0,
       a - 1
-    ), S = it(
-      Math.floor((g - 1) / r / this.source.tileSize),
+    ), x = et(
+      Math.floor((m - 1) / r / this.source.tileSize),
       0,
       a - 1
     );
-    if (d > p || x > S)
+    if (d > w || S > x)
       return [];
-    const P = (u + h) * 0.5 / r / this.source.tileSize, k = (c + g) * 0.5 / r / this.source.tileSize, C = [];
-    for (let E = x; E <= S; E += 1)
-      for (let D = d; D <= p; D += 1) {
-        const J = D * this.source.tileSize * r, ft = E * this.source.tileSize * r, at = Math.min((D + 1) * this.source.tileSize, i) * r, $ = Math.min((E + 1) * this.source.tileSize, o) * r, ht = D - P, vt = E - k;
-        C.push({
-          key: `${t}/${D}/${E}`,
+    const T = (c + l) * 0.5 / r / this.source.tileSize, L = (h + m) * 0.5 / r / this.source.tileSize, v = [];
+    for (let P = S; P <= x; P += 1)
+      for (let F = d; F <= w; F += 1) {
+        const H = F * this.source.tileSize * r, dt = P * this.source.tileSize * r, wt = Math.min((F + 1) * this.source.tileSize, i) * r, mt = Math.min((P + 1) * this.source.tileSize, o) * r, X = F - T, Nt = P - L;
+        v.push({
+          key: `${t}/${F}/${P}`,
           tier: t,
-          x: D,
-          y: E,
-          bounds: [J, ft, at, $],
-          distance2: ht * ht + vt * vt,
-          url: Wn(this.source, t, D, E)
+          x: F,
+          y: P,
+          bounds: [H, dt, wt, mt],
+          distance2: X * X + Nt * Nt,
+          url: er(this.source, t, F, P)
         });
       }
-    return C.sort((E, D) => E.distance2 - D.distance2), C;
+    return v.sort((P, F) => P.distance2 - F.distance2), v;
   }
   trimCache() {
     if (this.cache.size <= this.maxCacheTiles) return;
@@ -3038,17 +3171,17 @@ class qi {
   }
   render() {
     if (this.destroyed || this.contextLost || this.gl.isContextLost()) return;
-    const t = _n();
+    const t = Xn();
     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);
     const o = this.getVisibleTiles(), s = this.getViewBounds(), a = new Set(o.map((d) => d.key));
     n.useProgram(r.program), n.bindVertexArray(r.vao), n.uniformMatrix3fv(r.uCamera, !1, this.camera.getMatrix()), n.uniform1i(r.uTexture, 0);
-    const u = [];
+    const c = [];
     for (const [, d] of this.cache)
-      a.has(d.key) || this.intersectsBounds(d.bounds, s) && u.push(d);
-    u.sort((d, p) => d.tier - p.tier);
-    for (const d of u)
+      a.has(d.key) || this.intersectsBounds(d.bounds, s) && c.push(d);
+    c.sort((d, w) => d.tier - w.tier);
+    for (const d of c)
       d.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, d.texture), n.uniform4f(
         r.uBounds,
         d.bounds[0],
@@ -3056,42 +3189,42 @@ class qi {
         d.bounds[2],
         d.bounds[3]
       ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4);
-    let c = 0;
-    const h = [];
+    let h = 0;
+    const l = [];
     for (const d of o) {
-      const p = this.cache.get(d.key);
-      if (!p) {
-        h.push(d);
+      const w = this.cache.get(d.key);
+      if (!w) {
+        l.push(d);
         continue;
       }
-      p.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, p.texture), n.uniform4f(
+      w.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, w.texture), n.uniform4f(
         r.uBounds,
-        p.bounds[0],
-        p.bounds[1],
-        p.bounds[2],
-        p.bounds[3]
-      ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), c += 1;
+        w.bounds[0],
+        w.bounds[1],
+        w.bounds[2],
+        w.bounds[3]
+      ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), h += 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.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(), p = c, x = h.length, S = u.length + c + (g > 0 ? 1 : 0);
+    this.tileScheduler.schedule(l), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null);
+    let m = 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), m = this.pointCount), this.onStats) {
+      const d = this.tileScheduler.getSnapshot(), w = h, S = l.length, x = c.length + h + (m > 0 ? 1 : 0);
       this.onStats({
         tier: this.currentTier,
         visible: o.length,
-        rendered: c,
-        points: g,
-        fallback: u.length,
+        rendered: h,
+        points: m,
+        fallback: c.length,
         cache: this.cache.size,
         inflight: d.inflight,
         queued: d.queued,
         retries: d.retries,
         failed: d.failed,
         aborted: d.aborted,
-        cacheHits: p,
-        cacheMisses: x,
-        drawCalls: S,
-        frameMs: _n() - t
+        cacheHits: w,
+        cacheMisses: S,
+        drawCalls: x,
+        frameMs: Xn() - t
       });
     }
   }
@@ -3115,16 +3248,16 @@ class qi {
     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 s = i - o, a = Math.atan2(Math.sin(s), Math.cos(s)), u = this.rotationDragSensitivityDegPerPixel / In, c = this.camera.getViewState();
+        const s = i - o, a = Math.atan2(Math.sin(s), Math.cos(s)), c = this.rotationDragSensitivityDegPerPixel / kn, h = this.camera.getViewState();
         this.camera.setViewState({
-          rotationDeg: c.rotationDeg - a * 180 / Math.PI * u
+          rotationDeg: h.rotationDeg - a * 180 / Math.PI * c
         });
       }
     } else {
-      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), s = ae(i.rotationDeg), a = Math.cos(s), u = Math.sin(s), c = (n * a - r * u) / o, h = (n * u + r * a) / o;
+      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), s = ce(i.rotationDeg), a = Math.cos(s), c = Math.sin(s), h = (n * a - r * c) / o, l = (n * c + r * a) / o;
       this.camera.setViewState({
-        offsetX: i.offsetX - c,
-        offsetY: i.offsetY - h
+        offsetX: i.offsetX - h,
+        offsetY: i.offsetY - l
       });
     }
     this.clampViewState(), this.emitViewState(), this.requestRender();
@@ -3169,7 +3302,7 @@ class qi {
     }
   }
   initTileProgram() {
-    const t = this.gl, i = pn(t, `#version 300 es
+    const t = this.gl, i = Pn(t, `#version 300 es
     precision highp float;
     in vec2 aUnit;
     in vec2 aUv;
@@ -3191,21 +3324,21 @@ class qi {
     out vec4 outColor;
     void main() {
       outColor = texture(uTexture, vUv);
-    }`), o = Zt(t, i, "uCamera"), s = Zt(t, i, "uBounds"), a = Zt(t, i, "uTexture"), u = t.createVertexArray(), c = t.createBuffer();
-    if (!u || !c)
+    }`), o = qt(t, i, "uCamera"), s = qt(t, i, "uBounds"), a = qt(t, i, "uTexture"), c = t.createVertexArray(), h = t.createBuffer();
+    if (!c || !h)
       throw new Error("buffer allocation failed");
-    t.bindVertexArray(u), t.bindBuffer(t.ARRAY_BUFFER, c), t.bufferData(
+    t.bindVertexArray(c), t.bindBuffer(t.ARRAY_BUFFER, h), t.bufferData(
       t.ARRAY_BUFFER,
       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 l = t.getAttribLocation(i, "aUnit"), m = t.getAttribLocation(i, "aUv");
+    if (l < 0 || m < 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: u, vbo: c, uCamera: o, uBounds: s, uTexture: a };
+    return t.enableVertexAttribArray(l), t.enableVertexAttribArray(m), t.vertexAttribPointer(l, 2, t.FLOAT, !1, 16, 0), t.vertexAttribPointer(m, 2, t.FLOAT, !1, 16, 8), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), { program: i, vao: c, vbo: h, uCamera: o, uBounds: s, uTexture: a };
   }
   initPointProgram() {
-    const t = this.gl, i = pn(t, `#version 300 es
+    const t = this.gl, i = Pn(t, `#version 300 es
     precision highp float;
     in vec2 aPosition;
     in uint aTerm;
@@ -3223,6 +3356,7 @@ class qi {
     uniform sampler2D uPalette;
     uniform float uPaletteSize;
     uniform float uPointSize;
+    uniform float uPointStrokeScale;
     out vec4 outColor;
     void main() {
       vec2 pc = gl_PointCoord * 2.0 - 1.0;
@@ -3234,7 +3368,8 @@ class qi {
       vec4 color = texture(uPalette, uv);
       if (color.a <= 0.0) discard;
 
-      float ringWidth = clamp(3.0 / max(1.0, uPointSize), 0.12, 0.62);
+      float s = uPointStrokeScale;
+      float ringWidth = clamp(3.0 * s / max(1.0, uPointSize), 0.12 * s, 0.62 * s);
       float innerRadius = 1.0 - ringWidth;
       float aa = 1.5 / max(1.0, uPointSize);
 
@@ -3244,18 +3379,18 @@ class qi {
       if (alpha <= 0.001) discard;
 
       outColor = vec4(color.rgb * alpha, alpha);
-    }`), o = Zt(t, i, "uCamera"), s = Zt(t, i, "uPointSize"), a = Zt(t, i, "uPalette"), u = Zt(t, i, "uPaletteSize"), c = t.createVertexArray(), h = t.createBuffer(), g = t.createBuffer(), d = t.createBuffer(), p = t.createTexture();
-    if (!c || !h || !g || !d || !p)
+    }`), o = qt(t, i, "uCamera"), s = qt(t, i, "uPointSize"), a = qt(t, i, "uPointStrokeScale"), c = qt(t, i, "uPalette"), h = qt(t, i, "uPaletteSize"), l = t.createVertexArray(), m = t.createBuffer(), d = t.createBuffer(), w = t.createBuffer(), S = t.createTexture();
+    if (!l || !m || !d || !w || !S)
       throw new Error("point buffer allocation failed");
-    t.bindVertexArray(c), t.bindBuffer(t.ARRAY_BUFFER, h), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
+    t.bindVertexArray(l), t.bindBuffer(t.ARRAY_BUFFER, m), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
     const x = t.getAttribLocation(i, "aPosition");
     if (x < 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, g), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
-    const S = t.getAttribLocation(i, "aTerm");
-    if (S < 0)
+    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);
+    const T = t.getAttribLocation(i, "aTerm");
+    if (T < 0)
       throw new Error("point term attribute not found");
-    return t.enableVertexAttribArray(S), t.vertexAttribIPointer(S, 1, t.UNSIGNED_SHORT, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, d), 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, p), 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(T), t.vertexAttribIPointer(T, 1, t.UNSIGNED_SHORT, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, w), 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,
@@ -3267,15 +3402,16 @@ class qi {
       new Uint8Array([160, 160, 160, 255])
     ), t.bindTexture(t.TEXTURE_2D, null), {
       program: i,
-      vao: c,
-      posBuffer: h,
-      termBuffer: g,
-      indexBuffer: d,
-      paletteTexture: p,
+      vao: l,
+      posBuffer: m,
+      termBuffer: d,
+      indexBuffer: w,
+      paletteTexture: S,
       uCamera: o,
       uPointSize: s,
-      uPalette: a,
-      uPaletteSize: u
+      uPointStrokeScale: a,
+      uPalette: c,
+      uPaletteSize: h
     };
   }
   handleTileLoaded(t, n) {
@@ -3302,15 +3438,15 @@ class qi {
     return r ? (n.bindTexture(n.TEXTURE_2D, r), n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL, 1), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, n.LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, n.LINEAR), n.texImage2D(n.TEXTURE_2D, 0, n.RGBA, n.RGBA, n.UNSIGNED_BYTE, t), n.bindTexture(n.TEXTURE_2D, null), r) : null;
   }
 }
-const Le = [], $i = [], Hi = {
+const We = [], ho = [], fo = {
   count: 0,
   positions: new Float32Array(0),
   paletteIndices: new Uint16Array(0)
-}, Zi = 0.65, Ki = 4, ji = 24, Ji = 1024, Qi = 4;
-function to(e) {
+}, mo = 0.65, go = 4, po = 24, bo = 1024, wo = 4;
+function yo(e) {
   return Math.max(0, Math.min(Math.floor(e.count ?? 0), Math.floor((e.positions?.length ?? 0) / 2), e.paletteIndices?.length ?? 0));
 }
-function eo(e, t) {
+function So(e, t) {
   if (!(e instanceof Uint32Array) || t <= 0 || e.length === 0)
     return null;
   let n = !1;
@@ -3329,69 +3465,74 @@ function eo(e, t) {
   }
   return r.subarray(0, i);
 }
-function no(e, t) {
+function xo(e, t) {
   if (!e || t <= 0) return 256;
-  const n = Math.max(1, e.width * e.height), i = Math.sqrt(n / Math.max(1, t)) * Qi;
-  return Math.max(ji, Math.min(Ji, i));
+  const n = Math.max(1, e.width * e.height), i = Math.sqrt(n / Math.max(1, t)) * wo;
+  return Math.max(po, Math.min(bo, i));
 }
-function ro(e, t) {
+function To(e, t) {
   if (!e || !e.positions || !e.paletteIndices)
     return null;
-  const n = to(e);
+  const n = yo(e);
   if (n <= 0)
     return null;
-  const r = e.positions.subarray(0, n * 2), i = e.ids instanceof Uint32Array && e.ids.length >= n ? e.ids.subarray(0, n) : null, o = eo(e.drawIndices, n), s = o ? o.length : n;
+  const r = e.positions.subarray(0, n * 2), i = e.ids instanceof Uint32Array && e.ids.length >= n ? e.ids.subarray(0, n) : null, o = So(e.drawIndices, n), s = o ? o.length : n;
   if (s === 0)
     return null;
-  const a = no(t, s), u = /* @__PURE__ */ new Map(), c = (h) => {
-    const g = r[h * 2], d = r[h * 2 + 1];
-    if (!Number.isFinite(g) || !Number.isFinite(d)) return;
-    const p = Math.floor(g / a), x = Math.floor(d / a);
-    let S = u.get(p);
-    S || (S = /* @__PURE__ */ new Map(), u.set(p, S));
-    const P = S.get(x);
-    P ? P.push(h) : S.set(x, [h]);
+  const a = xo(t, s), c = /* @__PURE__ */ new Map(), h = (l) => {
+    const m = r[l * 2], d = r[l * 2 + 1];
+    if (!Number.isFinite(m) || !Number.isFinite(d)) return;
+    const w = Math.floor(m / a), S = Math.floor(d / a);
+    let x = c.get(w);
+    x || (x = /* @__PURE__ */ new Map(), c.set(w, x));
+    const T = x.get(S);
+    T ? T.push(l) : x.set(S, [l]);
   };
   if (o)
-    for (let h = 0; h < o.length; h += 1)
-      c(o[h] ?? 0);
+    for (let l = 0; l < o.length; l += 1)
+      h(o[l] ?? 0);
   else
-    for (let h = 0; h < n; h += 1)
-      c(h);
-  return u.size === 0 ? null : {
+    for (let l = 0; l < n; l += 1)
+      h(l);
+  return c.size === 0 ? null : {
     cellSize: a,
     safeCount: n,
     positions: r,
     ids: i,
-    buckets: u
+    buckets: c
   };
 }
-function Ge(e, t) {
+function Je(e, t) {
   return e.id ?? t;
 }
-function io(e, t) {
-  if (!Array.isArray(t) || t.length < 3) return !1;
-  const [n, r] = e;
-  let i = !1;
-  for (let o = 0, s = t.length - 1; o < t.length; s = o++) {
-    const [a, u] = t[o], [c, h] = t[s];
-    u > r != h > r && n < (c - a) * (r - u) / Math.max(1e-12, h - u) + a && (i = !i);
+function Mo(e) {
+  const t = [];
+  for (let n = 0; n < e.length; n += 1) {
+    const r = e[n], i = le([r?.coordinates]);
+    i.length !== 0 && t.push({
+      region: r,
+      regionIndex: n,
+      regionId: Je(r, n),
+      polygons: i
+    });
   }
-  return i;
+  return t;
 }
-function De(e, t) {
-  for (let n = t.length - 1; n >= 0; n -= 1) {
-    const r = t[n];
-    if (r?.coordinates?.length && io(e, r.coordinates))
-      return {
-        region: r,
-        regionIndex: n,
-        regionId: Ge(r, n)
-      };
+function Oe(e, t) {
+  const n = e[0], r = e[1];
+  for (let i = t.length - 1; i >= 0; i -= 1) {
+    const o = t[i];
+    for (const s of o.polygons)
+      if (je(n, r, s))
+        return {
+          region: o.region,
+          regionIndex: o.regionIndex,
+          regionId: o.regionId
+        };
   }
   return null;
 }
-function yo({
+function Do({
   source: e,
   viewState: t,
   onViewStateChange: n,
@@ -3400,49 +3541,50 @@ function yo({
   onContextLost: o,
   onContextRestored: s,
   debugOverlay: a = !1,
-  debugOverlayStyle: u,
-  fitNonce: c = 0,
-  rotationResetNonce: h = 0,
-  authToken: g = "",
+  debugOverlayStyle: c,
+  fitNonce: h = 0,
+  rotationResetNonce: l = 0,
+  authToken: m = "",
   ctrlDragRotate: d = !0,
-  pointData: p = null,
-  pointPalette: x = null,
-  pointSizeByZoom: S,
-  roiRegions: P,
-  roiPolygons: k,
-  clipPointsToRois: C = !1,
-  clipMode: E = "worker",
-  onClipStats: D,
-  onRoiPointGroups: J,
-  roiPaletteIndexToTermId: ft,
-  interactionLock: at = !1,
-  drawTool: $ = "cursor",
-  stampOptions: ht,
-  brushOptions: vt,
-  regionStrokeStyle: Ot,
-  regionStrokeHoverStyle: K,
-  regionStrokeActiveStyle: Ct,
-  patchStrokeStyle: zt,
-  resolveRegionStrokeStyle: Kt,
-  overlayShapes: dt,
-  customLayers: Q,
-  patchRegions: M,
-  regionLabelStyle: I,
-  onPointerWorldMove: A,
-  onPointHover: L,
-  onPointClick: Z,
-  onRegionHover: et,
-  onRegionClick: mt,
-  onActiveRegionChange: yt,
-  getCellByCoordinatesRef: U,
-  onDrawComplete: At,
-  onPatchComplete: gt,
-  showOverviewMap: N = !1,
-  overviewMapOptions: G,
-  className: ut,
-  style: nt
+  pointData: w = null,
+  pointPalette: S = null,
+  pointSizeByZoom: x,
+  pointStrokeScale: T,
+  roiRegions: L,
+  roiPolygons: v,
+  clipPointsToRois: P = !1,
+  clipMode: F = "worker",
+  onClipStats: H,
+  onRoiPointGroups: dt,
+  roiPaletteIndexToTermId: wt,
+  interactionLock: mt = !1,
+  drawTool: X = "cursor",
+  stampOptions: Nt,
+  brushOptions: zt,
+  regionStrokeStyle: Z,
+  regionStrokeHoverStyle: vt,
+  regionStrokeActiveStyle: Lt,
+  patchStrokeStyle: jt,
+  resolveRegionStrokeStyle: pt,
+  overlayShapes: nt,
+  customLayers: A,
+  patchRegions: E,
+  regionLabelStyle: C,
+  onPointerWorldMove: W,
+  onPointHover: z,
+  onPointClick: ot,
+  onRegionHover: rt,
+  onRegionClick: St,
+  onActiveRegionChange: ht,
+  getCellByCoordinatesRef: st,
+  onDrawComplete: O,
+  onPatchComplete: Q,
+  showOverviewMap: K = !1,
+  overviewMapOptions: N,
+  className: it,
+  style: at
 }) {
-  const rt = j(null), q = j(null), It = j(null), _t = j(null), F = j(n), ct = j(r), ot = j(a), [Gt, Bt] = Jt(!0), [Ft, qt] = Jt(null), [pt, ue] = Jt(null), [ce, l] = Jt(null), [f, w] = Jt(null), y = j(null), R = j(null), v = j(null), Y = j(0), V = P ?? Le, W = M ?? Le, lt = k ?? $i, Pt = (Q?.length ?? 0) > 0, $t = tt(() => ({ position: "relative", width: "100%", height: "100%", ...nt }), [nt]), xt = tt(
+  const ut = j(null), J = j(null), Ct = j(null), Pt = j(null), It = j(n), _ = j(r), gt = j(a), [Rt, _t] = te(!0), [re, Bt] = te(null), [xt, _e] = te(null), [ie, he] = te(null), [u, f] = te(null), p = j(null), y = j(null), R = j(null), U = j(0), Y = L ?? We, $ = E ?? We, V = v ?? ho, ft = (A?.length ?? 0) > 0, kt = q(() => ({ position: "relative", width: "100%", height: "100%", ...at }), [at]), Xt = q(
     () => ({
       position: "absolute",
       top: 8,
@@ -3461,272 +3603,275 @@ function yo({
       border: "1px solid rgba(173, 216, 255, 0.28)",
       borderRadius: 8,
       boxShadow: "0 8px 22px rgba(0,0,0,0.35)",
-      ...u
+      ...c
     }),
-    [u]
-  ), H = tt(() => V.length > 0 ? V : lt.length === 0 ? Le : lt.map((m, T) => ({
-    id: T,
-    coordinates: m
-  })), [V, lt]), St = tt(() => H.map((m) => m.coordinates), [H]), [Tt, le] = Jt(p);
-  X(() => {
-    const m = ++Y.current;
-    let T = !1;
-    if (!C)
-      return le(p), () => {
-        T = !0;
+    [c]
+  ), tt = q(() => Y.length > 0 ? Y : V.length === 0 ? We : V.map((g, M) => ({
+    id: M,
+    coordinates: g
+  })), [Y, V]), ct = q(() => Mo(tt), [tt]), yt = q(
+    () => tt.map((g) => g.coordinates),
+    [tt]
+  ), [bt, fe] = te(w);
+  k(() => {
+    const g = ++U.current;
+    let M = !1;
+    if (!P)
+      return fe(w), () => {
+        M = !0;
       };
-    if (!p || !p.count || !p.positions || !p.paletteIndices)
-      return le(null), () => {
-        T = !0;
+    if (!w || !w.count || !w.positions || !w.paletteIndices)
+      return fe(null), () => {
+        M = !0;
       };
-    if (St.length === 0)
-      return le(Hi), D?.({
-        mode: E,
+    if (yt.length === 0)
+      return fe(fo), H?.({
+        mode: F,
         durationMs: 0,
-        inputCount: p.count,
+        inputCount: w.count,
         outputCount: 0,
         polygonCount: 0
       }), () => {
-        T = !0;
+        M = !0;
       };
-    const _ = (z, st) => {
-      if (T || m !== Y.current) return;
-      const de = z?.drawIndices ? z.drawIndices.length : z?.count ?? 0;
-      le(z), D?.({
-        mode: st.mode,
-        durationMs: st.durationMs,
-        inputCount: p.count,
-        outputCount: de,
-        polygonCount: St.length,
-        usedWebGpu: st.usedWebGpu,
-        candidateCount: st.candidateCount,
-        bridgedToDraw: st.bridgedToDraw
+    const I = (D, lt) => {
+      if (M || g !== U.current) return;
+      const ge = D?.drawIndices ? D.drawIndices.length : D?.count ?? 0;
+      fe(D), H?.({
+        mode: lt.mode,
+        durationMs: lt.durationMs,
+        inputCount: w.count,
+        outputCount: ge,
+        polygonCount: yt.length,
+        usedWebGpu: lt.usedWebGpu,
+        candidateCount: lt.candidateCount,
+        bridgedToDraw: lt.bridgedToDraw
       });
     };
     return (async () => {
-      if (E === "sync") {
-        const z = performance.now(), st = Ee(p, St);
-        _(st, {
+      if (F === "sync") {
+        const D = performance.now(), lt = Ie(w, yt);
+        I(lt, {
           mode: "sync",
-          durationMs: performance.now() - z
+          durationMs: performance.now() - D
         });
         return;
       }
-      if (E === "hybrid-webgpu") {
-        const z = await Bi(p, St, { bridgeToDraw: !0 });
-        _(z.data, {
-          mode: z.meta.mode,
-          durationMs: z.meta.durationMs,
-          usedWebGpu: z.meta.usedWebGpu,
-          candidateCount: z.meta.candidateCount,
-          bridgedToDraw: z.meta.bridgedToDraw
+      if (F === "hybrid-webgpu") {
+        const D = await Ji(w, yt, { 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 z = await Fi(p, St);
-        _(z.data, {
-          mode: z.meta.mode,
-          durationMs: z.meta.durationMs
+        const D = await ji(w, yt);
+        I(D.data, {
+          mode: D.meta.mode,
+          durationMs: D.meta.durationMs
         });
       } catch {
-        const z = performance.now(), st = Ee(p, St);
-        _(st, {
+        const D = performance.now(), lt = Ie(w, yt);
+        I(lt, {
           mode: "sync",
-          durationMs: performance.now() - z
+          durationMs: performance.now() - D
         });
       }
     })(), () => {
-      T = !0;
+      M = !0;
     };
-  }, [C, E, p, St, D]);
-  const He = !!(L || Z || U), Mt = tt(() => He ? ro(Tt, e) : null, [He, Tt, e]), Ht = B(
-    (m) => {
-      const T = q.current;
-      if (!T || !Mt) return null;
-      const _ = Number(m[0]), O = Number(m[1]);
-      if (!Number.isFinite(_) || !Number.isFinite(O)) return null;
-      const z = Math.max(1e-6, T.getViewState().zoom), st = T.getPointSizeByZoom(), re = Math.max(Ki, st * Zi) / z;
-      if (!Number.isFinite(re) || re <= 0) return null;
-      const Re = Mt.cellSize, nn = Math.floor(_ / Re), rn = Math.floor(O / Re), me = Math.max(1, Math.ceil(re / Re)), er = re * re;
-      let ge = -1, on = er, sn = 0, an = 0;
-      for (let ve = nn - me; ve <= nn + me; ve += 1) {
-        const un = Mt.buckets.get(ve);
-        if (un)
-          for (let Ce = rn - me; Ce <= rn + me; Ce += 1) {
-            const pe = un.get(Ce);
-            if (!(!pe || pe.length === 0))
-              for (let Ie = 0; Ie < pe.length; Ie += 1) {
-                const be = pe[Ie];
-                if (be >= Mt.safeCount) continue;
-                const cn = Mt.positions[be * 2], ln = Mt.positions[be * 2 + 1], hn = cn - _, fn = ln - O, dn = hn * hn + fn * fn;
-                dn > on || (on = dn, ge = be, sn = cn, an = ln);
+  }, [P, F, w, yt, H]);
+  const en = !!(z || ot || st), At = q(() => en ? To(bt, e) : null, [en, bt, e]), Kt = B(
+    (g) => {
+      const M = J.current;
+      if (!M || !At) return null;
+      const I = Number(g[0]), G = Number(g[1]);
+      if (!Number.isFinite(I) || !Number.isFinite(G)) return null;
+      const D = Math.max(1e-6, M.getViewState().zoom), lt = M.getPointSizeByZoom(), oe = Math.max(go, lt * mo) / D;
+      if (!Number.isFinite(oe) || oe <= 0) return null;
+      const Be = At.cellSize, ln = Math.floor(I / Be), hn = Math.floor(G / Be), pe = Math.max(1, Math.ceil(oe / Be)), fr = oe * oe;
+      let be = -1, fn = fr, dn = 0, mn = 0;
+      for (let Ue = ln - pe; Ue <= ln + pe; Ue += 1) {
+        const gn = At.buckets.get(Ue);
+        if (gn)
+          for (let Fe = hn - pe; Fe <= hn + pe; Fe += 1) {
+            const we = gn.get(Fe);
+            if (!(!we || we.length === 0))
+              for (let ze = 0; ze < we.length; ze += 1) {
+                const ye = we[ze];
+                if (ye >= At.safeCount) continue;
+                const pn = At.positions[ye * 2], bn = At.positions[ye * 2 + 1], wn = pn - I, yn = bn - G, Sn = wn * wn + yn * yn;
+                Sn > fn || (fn = Sn, be = ye, dn = pn, mn = bn);
               }
           }
       }
-      if (ge < 0) return null;
-      const nr = Mt.ids ? Number(Mt.ids[ge]) : null;
+      if (be < 0) return null;
+      const dr = At.ids ? Number(At.ids[be]) : null;
       return {
-        index: ge,
-        id: nr,
-        coordinate: [_, O],
-        pointCoordinate: [sn, an]
+        index: be,
+        id: dr,
+        coordinate: [I, G],
+        pointCoordinate: [dn, mn]
       };
     },
-    [Mt]
-  ), jt = B(
-    (m, T) => {
-      if (!L) return;
-      const _ = m?.index ?? null, O = m?.id ?? null;
-      R.current === _ && v.current === O || (R.current = _, v.current = O, L({
-        index: _,
-        id: O,
-        coordinate: T,
-        pointCoordinate: m?.pointCoordinate ?? null
+    [At]
+  ), Qt = B(
+    (g, M) => {
+      if (!z) return;
+      const I = g?.index ?? null, G = g?.id ?? null;
+      y.current === I && R.current === G || (y.current = I, R.current = G, z({
+        index: I,
+        id: G,
+        coordinate: M,
+        pointCoordinate: g?.pointCoordinate ?? null
       }));
     },
-    [L]
-  ), he = B(
-    (m, T) => {
-      if (!Z) return;
-      const _ = Ht(m);
-      _ && Z({
-        ..._,
-        button: T
+    [z]
+  ), de = B(
+    (g, M) => {
+      if (!ot) return;
+      const I = Kt(g);
+      I && ot({
+        ...I,
+        button: M
       });
     },
-    [Z, Ht]
+    [ot, Kt]
   );
-  tt(() => {
-    const m = Number(G?.width ?? 220);
-    return Number.isFinite(m) ? Math.max(64, m) : 220;
-  }, [G?.width]);
-  const Ze = tt(() => {
-    const m = Number(G?.height ?? 140);
-    return Number.isFinite(m) ? Math.max(48, m) : 140;
-  }, [G?.height]), Dt = tt(() => {
-    const m = Number(G?.margin ?? 16);
-    return Number.isFinite(m) ? Math.max(0, m) : 16;
-  }, [G?.margin]), fe = G?.position || "bottom-right";
-  X(() => {
-    if (U)
-      return U.current = Ht, () => {
-        U.current === Ht && (U.current = null);
+  q(() => {
+    const g = Number(N?.width ?? 220);
+    return Number.isFinite(g) ? Math.max(64, g) : 220;
+  }, [N?.width]);
+  const nn = q(() => {
+    const g = Number(N?.height ?? 140);
+    return Number.isFinite(g) ? Math.max(48, g) : 140;
+  }, [N?.height]), Yt = q(() => {
+    const g = Number(N?.margin ?? 16);
+    return Number.isFinite(g) ? Math.max(0, g) : 16;
+  }, [N?.margin]), me = N?.position || "bottom-right";
+  k(() => {
+    if (st)
+      return st.current = Kt, () => {
+        st.current === Kt && (st.current = null);
       };
-  }, [U, Ht]);
-  const Nt = B(
-    (m) => {
-      ue((T) => String(T) === String(m) ? T : (yt?.(m), m));
+  }, [st, Kt]);
+  const Wt = B(
+    (g) => {
+      _e((M) => String(M) === String(g) ? M : (ht?.(g), g));
     },
-    [yt]
+    [ht]
   );
-  X(() => {
-    F.current = n;
-  }, [n]), X(() => {
-    ct.current = r;
-  }, [r]), X(() => {
-    ot.current = a, a || w(null);
+  k(() => {
+    It.current = n;
+  }, [n]), k(() => {
+    _.current = r;
+  }, [r]), k(() => {
+    gt.current = a, a || f(null);
   }, [a]);
-  const Ke = B((m) => {
-    ct.current?.(m), ot.current && w(m);
-  }, []), Zn = tt(() => f ? [
-    `tier ${f.tier} | frame ${f.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${f.drawCalls ?? "-"}`,
-    `tiles visible ${f.visible} | rendered ${f.rendered} | fallback ${f.fallback}`,
-    `cache size ${f.cache} | hit ${f.cacheHits ?? "-"} | miss ${f.cacheMisses ?? "-"}`,
-    `queue inflight ${f.inflight} | queued ${f.queued ?? "-"} | retries ${f.retries ?? "-"} | failed ${f.failed ?? "-"} | aborted ${f.aborted ?? "-"}`,
-    `points ${f.points}`
+  const rn = B((g) => {
+    _.current?.(g), gt.current && f(g);
+  }, []), sr = q(() => 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}`
   ].join(`
-`) : "stats: waiting for first frame...", [f]);
-  X(() => {
-    !(pt === null ? !0 : H.some((O, z) => String(Ge(O, z)) === String(pt))) && pt !== null && Nt(null);
-    const T = y.current;
-    !(T === null ? !0 : H.some((O, z) => String(Ge(O, z)) === String(T))) && T !== null && (y.current = null, qt(null), et?.({
+`) : "stats: waiting for first frame...", [u]);
+  k(() => {
+    !(xt === null ? !0 : tt.some((G, D) => String(Je(G, D)) === String(xt))) && xt !== null && Wt(null);
+    const M = p.current;
+    !(M === null ? !0 : tt.some((G, D) => String(Je(G, D)) === String(M))) && M !== null && (p.current = null, Bt(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [H, pt, et, Nt]), X(() => {
-    const m = R.current;
-    m !== null && (Mt && m < Mt.safeCount || (R.current = null, v.current = null, L?.({
+  }, [tt, xt, rt, Wt]), k(() => {
+    const g = y.current;
+    g !== null && (At && g < At.safeCount || (y.current = null, R.current = null, z?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     })));
-  }, [Mt, L]);
-  const je = B(
-    (m) => {
-      Pt && l(m);
-      const T = F.current;
-      T && T(m), It.current?.(), _t.current?.();
+  }, [At, z]);
+  const on = B(
+    (g) => {
+      ft && he(g);
+      const M = It.current;
+      M && M(g), Ct.current?.(), Pt.current?.();
     },
-    [Pt]
+    [ft]
   );
-  X(() => {
-    if (!N) {
-      Bt(!1);
+  k(() => {
+    if (!K) {
+      _t(!1);
       return;
     }
-    Bt(!0);
-  }, [N, e?.id]), X(() => {
-    $ !== "cursor" && y.current !== null && (y.current = null, qt(null), et?.({
+    _t(!0);
+  }, [K, e?.id]), k(() => {
+    X !== "cursor" && p.current !== null && (p.current = null, Bt(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [$, et]), X(() => {
-    $ !== "cursor" && R.current !== null && (R.current = null, v.current = null, L?.({
+  }, [X, rt]), k(() => {
+    X !== "cursor" && y.current !== null && (y.current = null, R.current = null, z?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     }));
-  }, [$, L]);
-  const kt = B((m, T) => {
-    const _ = q.current;
-    if (!_) return null;
-    const O = _.screenToWorld(m, T);
-    if (!Array.isArray(O) || O.length < 2) return null;
-    const z = Number(O[0]), st = Number(O[1]);
-    return !Number.isFinite(z) || !Number.isFinite(st) ? null : [z, st];
-  }, []), Je = B((m, T) => {
-    const _ = q.current;
-    if (!_) return null;
-    const O = _.worldToScreen(m, T);
-    if (!Array.isArray(O) || O.length < 2) return null;
-    const z = Number(O[0]), st = Number(O[1]);
-    return !Number.isFinite(z) || !Number.isFinite(st) ? null : [z, st];
-  }, []), Qe = B(() => {
-    q.current?.requestRender(), It.current?.(), _t.current?.();
-  }, []), tn = tt(() => ce ?? q.current?.getViewState() ?? null, [ce]), en = tt(() => {
+  }, [X, z]);
+  const Ot = B((g, M) => {
+    const I = J.current;
+    if (!I) return null;
+    const G = I.screenToWorld(g, M);
+    if (!Array.isArray(G) || G.length < 2) return null;
+    const D = Number(G[0]), lt = Number(G[1]);
+    return !Number.isFinite(D) || !Number.isFinite(lt) ? null : [D, lt];
+  }, []), sn = B((g, M) => {
+    const I = J.current;
+    if (!I) return null;
+    const G = I.worldToScreen(g, M);
+    if (!Array.isArray(G) || G.length < 2) return null;
+    const D = Number(G[0]), lt = Number(G[1]);
+    return !Number.isFinite(D) || !Number.isFinite(lt) ? null : [D, lt];
+  }, []), an = B(() => {
+    J.current?.requestRender(), Ct.current?.(), Pt.current?.();
+  }, []), un = q(() => ie ?? J.current?.getViewState() ?? null, [ie]), cn = q(() => {
     if (!e) return null;
-    const m = tn;
-    return m ? {
+    const g = un;
+    return g ? {
       source: e,
-      viewState: m,
-      drawTool: $,
-      interactionLock: at,
-      worldToScreen: Je,
-      screenToWorld: kt,
-      requestRedraw: Qe
+      viewState: g,
+      drawTool: X,
+      interactionLock: mt,
+      worldToScreen: sn,
+      screenToWorld: Ot,
+      requestRedraw: an
     } : null;
-  }, [e, tn, $, at, Je, kt, Qe]), Kn = B(
-    (m) => {
-      const T = m.target === rt.current, _ = kt(m.clientX, m.clientY);
-      if (A) {
-        const de = !!_ && _[0] >= 0 && _[1] >= 0 && !!e && _[0] <= e.width && _[1] <= e.height;
-        A({
-          coordinate: _,
-          clientX: m.clientX,
-          clientY: m.clientY,
-          insideImage: de
+  }, [e, un, X, mt, sn, Ot, an]), ar = B(
+    (g) => {
+      const M = g.target === ut.current, I = Ot(g.clientX, g.clientY);
+      if (W) {
+        const ge = !!I && I[0] >= 0 && I[1] >= 0 && !!e && I[0] <= e.width && I[1] <= e.height;
+        W({
+          coordinate: I,
+          clientX: g.clientX,
+          clientY: g.clientY,
+          insideImage: ge
         });
       }
-      if ($ !== "cursor") return;
-      if (!T) {
-        jt(null, null), y.current !== null && (y.current = null, qt(null), et?.({
+      if (X !== "cursor") return;
+      if (!M) {
+        Qt(null, null), p.current !== null && (p.current = null, Bt(null), rt?.({
           region: null,
           regionId: null,
           regionIndex: -1,
@@ -3734,128 +3879,132 @@ function yo({
         }));
         return;
       }
-      if (!_) {
-        jt(null, null);
+      if (!I) {
+        Qt(null, null);
         return;
       }
-      if (L && jt(Ht(_), _), !H.length) return;
-      const O = De(_, H), z = O?.regionId ?? null, st = y.current;
-      String(st) !== String(z) && (y.current = z, qt(z), et?.({
-        region: O?.region ?? null,
-        regionId: z,
-        regionIndex: O?.regionIndex ?? -1,
-        coordinate: _
+      if (z && Qt(Kt(I), I), !ct.length) return;
+      const G = Oe(I, ct), D = G?.regionId ?? null, lt = p.current;
+      String(lt) !== String(D) && (p.current = D, Bt(D), rt?.({
+        region: G?.region ?? null,
+        regionId: D,
+        regionIndex: G?.regionIndex ?? -1,
+        coordinate: I
       }));
     },
-    [$, H, kt, et, A, e, jt, Ht, L]
-  ), jn = B(() => {
-    A?.({
+    [X, ct, Ot, rt, W, e, Qt, Kt, z]
+  ), ur = B(() => {
+    W?.({
       coordinate: null,
       clientX: -1,
       clientY: -1,
       insideImage: !1
-    }), jt(null, null), y.current !== null && (y.current = null, qt(null), et?.({
+    }), Qt(null, null), p.current !== null && (p.current = null, Bt(null), rt?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [et, A, jt]), Jn = B(
-    (m) => {
-      if ($ !== "cursor" || m.target !== rt.current) return;
-      const T = kt(m.clientX, m.clientY);
-      if (!T) return;
-      if (he(T, m.button), !H.length) {
-        Nt(null);
+  }, [rt, W, Qt]), cr = B(
+    (g) => {
+      if (X !== "cursor" || g.target !== ut.current) return;
+      const M = Ot(g.clientX, g.clientY);
+      if (!M) return;
+      if (de(M, g.button), !ct.length) {
+        Wt(null);
         return;
       }
-      const _ = De(T, H);
-      if (!_) {
-        Nt(null);
+      const I = Oe(M, ct);
+      if (!I) {
+        Wt(null);
         return;
       }
-      const O = pt !== null && String(pt) === String(_.regionId) ? null : _.regionId;
-      Nt(O), mt?.({
-        region: _.region,
-        regionId: _.regionId,
-        regionIndex: _.regionIndex,
-        coordinate: T
+      const G = xt !== null && String(xt) === String(I.regionId) ? null : I.regionId;
+      Wt(G), St?.({
+        region: I.region,
+        regionId: I.regionId,
+        regionIndex: I.regionIndex,
+        coordinate: M
       });
     },
-    [$, H, kt, mt, pt, Nt, he]
-  ), Qn = B(
-    (m) => {
-      if ($ !== "brush" || vt?.clickSelectRoi !== !0 || !H.length) return !1;
-      const T = De(m, H);
-      if (!T) return !1;
-      const _ = pt !== null && String(pt) === String(T.regionId) ? null : T.regionId;
-      return Nt(_), mt?.({
-        region: T.region,
-        regionId: T.regionId,
-        regionIndex: T.regionIndex,
-        coordinate: m
+    [X, ct, Ot, St, xt, Wt, de]
+  ), lr = B(
+    (g) => {
+      if (X !== "brush" || zt?.clickSelectRoi !== !0 || !ct.length) return !1;
+      const M = Oe(g, ct);
+      if (!M) return !1;
+      const I = xt !== null && String(xt) === String(M.regionId) ? null : M.regionId;
+      return Wt(I), St?.({
+        region: M.region,
+        regionId: M.regionId,
+        regionIndex: M.regionIndex,
+        coordinate: g
       }), !0;
     },
-    [$, vt?.clickSelectRoi, H, pt, Nt, mt]
-  ), tr = B(
-    (m) => {
-      if (!Z || $ !== "cursor" || m.target !== rt.current) return;
-      m.preventDefault();
-      const T = kt(m.clientX, m.clientY);
-      T && he(T, m.button);
+    [X, zt?.clickSelectRoi, ct, xt, Wt, St]
+  ), hr = B(
+    (g) => {
+      if (!ot || X !== "cursor" || g.target !== ut.current) return;
+      g.preventDefault();
+      const M = Ot(g.clientX, g.clientY);
+      M && de(M, g.button);
     },
-    [$, kt, he, Z]
+    [X, Ot, de, ot]
   );
-  return X(() => {
-    const m = rt.current;
-    if (!m || !e)
+  return k(() => {
+    const g = ut.current;
+    if (!g || !e)
       return;
-    const T = new qi(m, e, {
-      onViewStateChange: je,
-      onStats: Ke,
+    const M = new lo(g, e, {
+      onViewStateChange: on,
+      onStats: rn,
       onTileError: i,
       onContextLost: o,
       onContextRestored: s,
-      authToken: g,
+      authToken: m,
       ctrlDragRotate: d,
-      pointSizeByZoom: S
+      pointSizeByZoom: x,
+      pointStrokeScale: T
     });
-    return q.current = T, t && T.setViewState(t), T.setInteractionLock(at), Pt && l(T.getViewState()), () => {
-      T.destroy(), q.current = null;
+    return J.current = M, t && M.setViewState(t), M.setInteractionLock(mt), ft && he(M.getViewState()), () => {
+      M.destroy(), J.current = null;
     };
-  }, [e, Ke, i, o, s, g, d, S, je, Pt]), X(() => {
-    const m = q.current;
-    !m || !t || m.setViewState(t);
-  }, [t]), X(() => {
-    const m = q.current;
-    m && m.fitToImage();
-  }, [c]), X(() => {
-    const m = q.current;
-    m && m.resetRotation();
-  }, [h]), X(() => {
-    const m = q.current;
-    !m || !x || m.setPointPalette(x);
-  }, [x]), X(() => {
-    const m = q.current;
-    m && m.setPointSizeByZoom(S);
-  }, [S]), X(() => {
-    const m = q.current;
-    m && m.setPointData(Tt);
-  }, [Tt]), X(() => {
-    if (!J) return;
-    const T = ki(C ? Tt : p, H, {
-      paletteIndexToTermId: ft,
+  }, [e, rn, i, o, s, m, d, x, T, on, ft]), k(() => {
+    const g = J.current;
+    !g || !t || g.setViewState(t);
+  }, [t]), k(() => {
+    const g = J.current;
+    g && g.fitToImage();
+  }, [h]), k(() => {
+    const g = J.current;
+    g && g.resetRotation();
+  }, [l]), k(() => {
+    const g = J.current;
+    !g || !S || g.setPointPalette(S);
+  }, [S]), k(() => {
+    const g = J.current;
+    g && g.setPointSizeByZoom(x);
+  }, [x]), k(() => {
+    const g = J.current;
+    g && g.setPointStrokeScale(T);
+  }, [T]), k(() => {
+    const g = J.current;
+    g && g.setPointData(bt);
+  }, [bt]), k(() => {
+    if (!dt) return;
+    const M = eo(P ? bt : w, tt, {
+      paletteIndexToTermId: wt,
       includeEmptyRegions: !0
     });
-    J(T);
-  }, [J, C, p, Tt, H, ft]), X(() => {
-    const m = q.current;
-    m && m.setInteractionLock(at);
-  }, [at]), /* @__PURE__ */ mn("div", { className: ut, style: $t, onPointerMove: Kn, onPointerLeave: jn, onClick: Jn, onContextMenu: tr, children: [
+    dt(M);
+  }, [dt, P, w, bt, tt, wt]), k(() => {
+    const g = J.current;
+    g && g.setInteractionLock(mt);
+  }, [mt]), /* @__PURE__ */ xn("div", { className: it, style: kt, onPointerMove: ar, onPointerLeave: ur, onClick: cr, onContextMenu: hr, children: [
     /* @__PURE__ */ Ut(
       "canvas",
       {
-        ref: rt,
+        ref: ut,
         className: "wsi-render-canvas",
         style: {
           position: "absolute",
@@ -3865,69 +4014,69 @@ function yo({
           height: "100%",
           display: "block",
           touchAction: "none",
-          cursor: $ === "cursor" && Ft !== null ? "pointer" : at ? "crosshair" : "grab"
+          cursor: X === "cursor" && re !== null ? "pointer" : mt ? "crosshair" : "grab"
         }
       }
     ),
-    e && en && Array.isArray(Q) && Q.length > 0 ? Q.map((m, T) => /* @__PURE__ */ Ut(
+    e && cn && Array.isArray(A) && A.length > 0 ? A.map((g, M) => /* @__PURE__ */ Ut(
       "div",
       {
-        className: m.className,
+        className: g.className,
         style: {
           position: "absolute",
           inset: 0,
-          zIndex: m.zIndex ?? 3,
-          pointerEvents: m.pointerEvents ?? "none",
-          ...m.style
+          zIndex: g.zIndex ?? 3,
+          pointerEvents: g.pointerEvents ?? "none",
+          ...g.style
         },
-        children: m.render(en)
+        children: g.render(cn)
       },
-      m.id ?? T
+      g.id ?? M
     )) : null,
     e ? /* @__PURE__ */ Ut(
-      gi,
+      ki,
       {
-        tool: $,
-        enabled: $ !== "cursor",
+        tool: X,
+        enabled: X !== "cursor",
         imageWidth: e.width,
         imageHeight: e.height,
         imageMpp: e.mpp,
         imageZoom: e.maxTierZoom,
-        stampOptions: ht,
-        brushOptions: vt,
-        projectorRef: q,
-        onBrushTap: Qn,
+        stampOptions: Nt,
+        brushOptions: zt,
+        projectorRef: J,
+        onBrushTap: lr,
         viewStateSignal: t,
-        persistedRegions: H,
-        patchRegions: W,
-        regionStrokeStyle: Ot,
-        regionStrokeHoverStyle: K,
-        regionStrokeActiveStyle: Ct,
-        patchStrokeStyle: zt,
-        resolveRegionStrokeStyle: Kt,
-        overlayShapes: dt,
-        hoveredRegionId: Ft,
-        activeRegionId: pt,
-        regionLabelStyle: I,
-        invalidateRef: It,
-        onDrawComplete: At,
-        onPatchComplete: gt
+        persistedRegions: tt,
+        patchRegions: $,
+        regionStrokeStyle: Z,
+        regionStrokeHoverStyle: vt,
+        regionStrokeActiveStyle: Lt,
+        patchStrokeStyle: jt,
+        resolveRegionStrokeStyle: pt,
+        overlayShapes: nt,
+        hoveredRegionId: re,
+        activeRegionId: xt,
+        regionLabelStyle: C,
+        invalidateRef: Ct,
+        onDrawComplete: O,
+        onPatchComplete: Q
       }
     ) : null,
-    a ? /* @__PURE__ */ Ut("pre", { "data-open-plant-debug-overlay": !0, style: xt, children: Zn }) : null,
-    e && N ? Gt ? /* @__PURE__ */ mn(or, { children: [
-      /* @__PURE__ */ Ut(bi, { source: e, projectorRef: q, authToken: g, options: G, invalidateRef: _t }),
+    a ? /* @__PURE__ */ Ut("pre", { "data-open-plant-debug-overlay": !0, style: Xt, children: sr }) : null,
+    e && K ? Rt ? /* @__PURE__ */ xn(pr, { children: [
+      /* @__PURE__ */ Ut(Yi, { source: e, projectorRef: J, authToken: m, options: N, invalidateRef: Pt }),
       /* @__PURE__ */ Ut(
         "button",
         {
           type: "button",
           "aria-label": "Hide overview map",
-          onClick: () => Bt(!1),
+          onClick: () => _t(!1),
           style: {
             position: "absolute",
             zIndex: 6,
-            ...fe.includes("left") ? { left: Dt } : { right: Dt },
-            ...fe.includes("top") ? { top: Dt + Ze + 8 } : { bottom: Dt + Ze + 8 },
+            ...me.includes("left") ? { left: Yt } : { right: Yt },
+            ...me.includes("top") ? { top: Yt + nn + 8 } : { bottom: Yt + nn + 8 },
             width: 20,
             height: 20,
             borderRadius: 999,
@@ -3947,12 +4096,12 @@ function yo({
       {
         type: "button",
         "aria-label": "Show overview map",
-        onClick: () => Bt(!0),
+        onClick: () => _t(!0),
         style: {
           position: "absolute",
           zIndex: 6,
-          ...fe.includes("left") ? { left: Dt } : { right: Dt },
-          ...fe.includes("top") ? { top: Dt } : { bottom: Dt },
+          ...me.includes("left") ? { left: Yt } : { right: Yt },
+          ...me.includes("top") ? { top: Yt } : { bottom: Yt },
           height: 24,
           minWidth: 40,
           borderRadius: 999,
@@ -3970,34 +4119,34 @@ function yo({
   ] });
 }
 export {
-  Un as DEFAULT_POINT_COLOR,
-  gi as DrawLayer,
-  hr as M1TileRenderer,
-  bi as OverviewMap,
-  Yi as TileScheduler,
-  go as TileViewerCanvas,
-  qi as WsiTileRenderer,
-  yo as WsiViewerCanvas,
-  fo as buildTermPalette,
-  co as calcScaleLength,
-  zn as calcScaleResolution,
-  it as clamp,
-  Rt as closeRing,
-  ki as computeRoiPointGroups,
-  Tn as createCircle,
-  Sn as createRectangle,
-  Ee as filterPointDataByPolygons,
-  Bi as filterPointDataByPolygonsHybrid,
-  Fi as filterPointDataByPolygonsInWorker,
-  xi as filterPointIndicesByPolygons,
-  wo as filterPointIndicesByPolygonsInWorker,
-  po as getWebGpuCapabilities,
-  Ur as hexToRgba,
-  lo as isSameViewState,
-  mo as normalizeImageInfo,
-  vi as prefilterPointsByBoundsWebGpu,
-  bo as terminateRoiClipWorker,
-  ho as toBearerToken,
-  Wn as toTileUrl
+  Hn as DEFAULT_POINT_COLOR,
+  ki as DrawLayer,
+  Tr as M1TileRenderer,
+  Yi as OverviewMap,
+  ro as TileScheduler,
+  Uo as TileViewerCanvas,
+  lo as WsiTileRenderer,
+  Do as WsiViewerCanvas,
+  _o as buildTermPalette,
+  vo as calcScaleLength,
+  $n as calcScaleResolution,
+  et as clamp,
+  Ht as closeRing,
+  eo as computeRoiPointGroups,
+  _n as createCircle,
+  In as createRectangle,
+  Ie as filterPointDataByPolygons,
+  Ji as filterPointDataByPolygonsHybrid,
+  ji as filterPointDataByPolygonsInWorker,
+  Wi as filterPointIndicesByPolygons,
+  Lo as filterPointIndicesByPolygonsInWorker,
+  Fo as getWebGpuCapabilities,
+  Jr as hexToRgba,
+  Co as isSameViewState,
+  Bo as normalizeImageInfo,
+  Ki as prefilterPointsByBoundsWebGpu,
+  zo as terminateRoiClipWorker,
+  Io as toBearerToken,
+  er as toTileUrl
 };
 //# sourceMappingURL=index.js.map