open-plant 1.2.6 → 1.2.8

package/dist/index.js

@@ -1,9 +1,9 @@
-var nr = Object.defineProperty;
-var rr = (e, t, n) => t in e ? nr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var b = (e, t, n) => rr(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as Bt, jsxs as dn, Fragment as ir } from "react/jsx-runtime";
-import { useRef as H, useMemo as Z, useCallback as F, useEffect as X, useState as Qt } from "react";
-function mn(e, t, n) {
+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 Ft, 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) {
   const r = e.createShader(t);
   if (!r)
     throw new Error("Failed to create shader.");
@@ -13,8 +13,8 @@ function mn(e, t, n) {
   }
   return r;
 }
-function or(e, t, n) {
-  const r = mn(e, e.VERTEX_SHADER, t), i = mn(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
+function sr(e, t, n) {
+  const r = gn(e, e.VERTEX_SHADER, t), i = gn(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)) {
@@ -29,7 +29,7 @@ function _e(e, t, n) {
     throw new Error(`Failed to get uniform location: ${n}`);
   return r;
 }
-function sr(e) {
+function ar(e) {
   const t = e.getContext("webgl2", {
     alpha: !1,
     antialias: !1,
@@ -42,7 +42,7 @@ function sr(e) {
     throw new Error("WebGL2 is not available.");
   return t;
 }
-let ar = class {
+let ur = class {
   constructor() {
     b(this, "viewportWidth", 1);
     b(this, "viewportHeight", 1);
@@ -82,7 +82,7 @@ let ar = class {
     ]);
   }
 };
-const ur = `#version 300 es
+const cr = `#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;
 }
-`, cr = `#version 300 es
+`, lr = `#version 300 es
 precision highp float;
 
 in vec2 vUv;
@@ -114,11 +114,11 @@ void main() {
   outColor = texture(uTexture, vUv);
 }
 `;
-class lr {
+class hr {
   constructor(t) {
     b(this, "canvas");
     b(this, "gl");
-    b(this, "camera", new ar());
+    b(this, "camera", new ur());
     b(this, "imageWidth");
     b(this, "imageHeight");
     b(this, "clearColor");
@@ -135,7 +135,7 @@ class lr {
     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 = sr(this.canvas), this.program = or(this.gl, ur, cr);
+    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);
     const n = this.gl.createVertexArray(), r = this.gl.createBuffer();
     if (!n || !r)
       throw new Error("Failed to create WebGL buffers.");
@@ -310,16 +310,16 @@ class lr {
       this.gl.deleteTexture(n.texture);
   }
 }
-const hr = 0.1, fr = 4e6, dr = 4096, mr = 64, Un = 1e-6, gr = 24;
+const fr = 0.1, dr = 4e6, mr = 4096, gr = 64, Un = 1e-6, pr = 24;
 function Ne(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function Ot(e) {
+function Wt(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 pr(e) {
+function br(e) {
   if (!Array.isArray(e) || e.length === 0) return [];
   const t = [];
   for (const n of e) {
@@ -331,7 +331,7 @@ function pr(e) {
   }
   return t;
 }
-function br(e, t, n) {
+function wr(e, t, n) {
   if (t <= Un || n < 8) return [];
   const r = [];
   for (let i = 0; i <= n; i += 1) {
@@ -341,39 +341,39 @@ function br(e, t, n) {
       e[1] + Math.sin(o) * t
     ]);
   }
-  return Ot(r);
+  return Wt(r);
 }
-function Fe(e, t) {
+function Be(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);
   if (!Number.isFinite(n) || !Number.isFinite(r)) return [];
   const s = Math.max(t, 1);
-  return Ot([
+  return Wt([
     [n - s, r - s],
     [i + s, r - s],
     [i + s, o + s],
     [n - s, o + s]
   ]);
 }
-function wr(e, t) {
+function yr(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);
   const s = Math.max(t, 1);
   return [n - s, r - s, i + s, o + s];
 }
-function yr(e, t, n) {
+function xr(e, t, n) {
   const r = Math.max(
-    hr,
+    fr,
     Number(n.minRasterStep) || 0
   ), i = Math.max(
     32768,
-    Math.floor(n.maxRasterPixels || fr)
+    Math.floor(n.maxRasterPixels || dr)
   ), o = Math.max(
     256,
-    Math.floor(n.maxRasterSize || dr)
+    Math.floor(n.maxRasterSize || mr)
   ), 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))); )
@@ -387,7 +387,7 @@ function yr(e, t, n) {
     height: g
   };
 }
-function xr(e, t) {
+function Sr(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 xr(e, t) {
   }
   return null;
 }
-function Sr(e, t) {
+function Tr(e, t) {
   return [
     (e[0] - t.minX) / t.step + t.padding,
     (e[1] - t.minY) / t.step + t.padding
   ];
 }
-function Tr(e, t, n) {
-  const r = xr(n.width, n.height);
+function Mr(e, t, n) {
+  const r = Sr(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) => Sr(a, n));
+  const i = e.map((a) => Tr(a, n));
   if (i.length <= 1) {
     const a = i[0];
     if (!a) return new Uint8Array(0);
@@ -421,10 +421,10 @@ function Tr(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] >= gr ? 1 : 0;
+    s[a] = o.data[a * 4 + 3] >= pr ? 1 : 0;
   return s;
 }
-function Mr(e, t, n) {
+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;
   for (let a = 0; a < n; a += 1)
     for (let u = 0; u < t; u += 1)
@@ -447,11 +447,11 @@ function Mr(e, t, n) {
       }));
   return r;
 }
-function Ar(e, t) {
+function Pr(e, t) {
   const n = (t - e + 4) % 4;
   return n === 1 ? 0 : n === 0 ? 1 : n === 3 ? 2 : 3;
 }
-function Pr(e) {
+function Rr(e) {
   if (!e.length) return [];
   const t = /* @__PURE__ */ new Map();
   for (let i = 0; i < e.length; i += 1) {
@@ -470,22 +470,22 @@ function Pr(e) {
     for (; a !== s && h < g; ) {
       const d = t.get(a);
       if (!d || d.length === 0) break;
-      let w = -1, y = 1 / 0;
-      for (const A of d) {
-        if (n[A]) continue;
-        const N = e[A], R = Ar(u, N.dir);
-        R < y && (y = R, w = A);
+      let p = -1, x = 1 / 0;
+      for (const P of d) {
+        if (n[P]) continue;
+        const k = e[P], v = Pr(u, k.dir);
+        v < x && (x = v, p = P);
       }
-      if (w < 0) break;
-      n[w] = 1;
-      const x = e[w];
-      a = x.end, u = x.dir, c.push(a), h += 1;
+      if (p < 0) break;
+      n[p] = 1;
+      const S = e[p];
+      a = S.end, u = S.dir, c.push(a), h += 1;
     }
     c.length >= 4 && c[0] === c[c.length - 1] && r.push(c);
   }
   return r;
 }
-function vr(e, t, n) {
+function Er(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 vr(e, t, n) {
       n.minY + (a - n.padding) * n.step
     ]);
   }
-  return Ot(i);
+  return Wt(i);
 }
-function Rr(e) {
+function vr(e) {
   if (e.length < 4) return 0;
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
@@ -505,17 +505,17 @@ function Rr(e) {
   }
   return t * 0.5;
 }
-function Er(e, t = 1e-9) {
-  const n = Ot(e);
+function Cr(e, t = 1e-9) {
+  const n = Wt(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);
   }
-  return r.push(r[0]), Ot(r);
+  return r.push(r[0]), Wt(r);
 }
-function Cr(e, t, n) {
+function Ir(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];
@@ -528,7 +528,7 @@ function Cr(e, t, n) {
   ), a = t[0] + r * s, u = t[1] + i * s, c = e[0] - a, h = e[1] - u;
   return c * c + h * h;
 }
-function Ir(e, t) {
+function _r(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;
@@ -540,7 +540,7 @@ function Ir(e, t) {
     if (u - a <= 1) continue;
     let c = 0, h = -1;
     for (let g = a + 1; g < u; g += 1) {
-      const d = Cr(e[g], e[a], e[u]);
+      const d = Ir(e[g], e[a], e[u]);
       d > c && (c = d, h = g);
     }
     h >= 0 && c > r && (n[h] = 1, i.push([a, h], [h, u]));
@@ -550,62 +550,62 @@ function Ir(e, t) {
     n[s] && o.push(e[s]);
   return o;
 }
-function _r(e, t) {
-  const n = Ot(e);
+function Br(e, t) {
+  const n = Wt(e);
   if (n.length < 5 || t <= 0) return n;
-  const r = n.slice(0, -1), i = Ir(r, t);
-  return i.length < 3 ? n : Ot(i);
+  const r = n.slice(0, -1), i = _r(r, t);
+  return i.length < 3 ? n : Wt(i);
 }
 function ie(e, t) {
-  return t ? Ot(
+  return t ? Wt(
     e.map(([n, r]) => [
       Ne(n, t[0], t[2]),
       Ne(r, t[1], t[3])
     ])
   ) : e;
 }
-function Fr(e, t) {
-  const n = pr(e), r = Math.max(Un, Number(t.radius) || 0);
+function Ur(e, t) {
+  const n = br(e), r = Math.max(Un, Number(t.radius) || 0);
   if (n.length === 0 || !Number.isFinite(r)) return [];
-  const i = Math.max(12, Math.floor(t.circleSides || mr));
+  const i = Math.max(12, Math.floor(t.circleSides || gr));
   if (n.length === 1)
     return ie(
-      br(n[0], r, i),
+      wr(n[0], r, i),
       t.clipBounds
     );
-  const o = wr(n, r), s = yr(o, r, t), a = Tr(n, r, s);
+  const o = yr(n, r), s = xr(o, r, t), a = Mr(n, r, s);
   if (!a.length)
-    return ie(Fe(n, r), t.clipBounds);
-  const u = Mr(a, s.width, s.height), c = Pr(u);
+    return ie(Be(n, r), t.clipBounds);
+  const u = Ar(a, s.width, s.height), c = Rr(u);
   if (!c.length)
-    return ie(Fe(n, r), t.clipBounds);
+    return ie(Be(n, r), t.clipBounds);
   let h = [], g = 0;
-  for (const y of c) {
-    const x = vr(y, s.width, s), A = Math.abs(Rr(x));
-    A <= g || (g = A, h = x);
+  for (const x of c) {
+    const S = Er(x, s.width, s), P = Math.abs(vr(S));
+    P <= g || (g = P, h = S);
   }
   if (!h.length)
-    return ie(Fe(n, r), t.clipBounds);
-  const d = typeof t.simplifyTolerance == "number" && Number.isFinite(t.simplifyTolerance) ? Math.max(0, t.simplifyTolerance) : s.step * 0.2, w = _r(
-    Er(h, s.step * 1e-3),
+    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),
     d
   );
-  return ie(w, t.clipBounds);
+  return ie(p, t.clipBounds);
 }
-const Bn = [
+const Fn = [
   160,
   160,
   160,
   255
 ];
-function et(e, t, n) {
+function it(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
 function zn(e, t, n) {
   const r = Number(e), i = Number(t), o = Number(n);
   return !Number.isFinite(r) || r <= 0 ? 1 : !Number.isFinite(i) || !Number.isFinite(o) ? r : Math.pow(2, i - o) * r;
 }
-function io(e, t, n) {
+function ho(e, t, n) {
   let i = 100 * zn(e, t, n);
   if (Number(e)) {
     let o = "μm";
@@ -613,10 +613,10 @@ function io(e, t, n) {
   }
   return `${Math.round(i * 1e3) / 1e3} pixels`;
 }
-function oo(e, t) {
+function fo(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 so(e) {
+function mo(e) {
   const t = String(e ?? "").trim();
   if (!t) return "";
   if (/^bearer\s+/i.test(t)) {
@@ -625,26 +625,26 @@ function so(e) {
   }
   return `Bearer ${t}`;
 }
-function Ur(e) {
+function Fr(e) {
   const n = String(e ?? "").trim().match(/^#?([0-9a-fA-F]{6})$/);
-  if (!n) return [...Bn];
+  if (!n) return [...Fn];
   const r = Number.parseInt(n[1], 16);
   return [r >> 16 & 255, r >> 8 & 255, r & 255, 255];
 }
-function ao(e) {
+function go(e) {
   const t = [
-    [...Bn]
+    [...Fn]
   ], 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(Fr(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 gn(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 +659,7 @@ function gn(e, t, n) {
     throw new Error(e.getProgramInfoLog(o) || "program link failed");
   return o;
 }
-const Br = "rgba(255, 77, 79, 0.16)", zr = 3, Lr = 2, Ln = 96, Nr = 1, pn = [], Ae = [], bn = 1e3, Nn = 2, Dn = 2, Dr = 4096, kr = 0.2, Xr = 1.12, Yr = 0.89, Wr = 32, Or = "#000000", Vr = 0.1, Gr = "#FFCF00", qr = "#FF0000", $r = 1.5, wn = [2, 2], Hr = 1.5, Yt = {
+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 = 0.1, Qr = 96, ti = 1.5, Xt = {
   color: "#ff4d4f",
   width: 2,
   lineJoin: "round",
@@ -668,7 +668,7 @@ const Br = "rgba(255, 77, 79, 0.16)", zr = 3, Lr = 2, Ln = 96, Nr = 1, pn = [],
   shadowBlur: 0,
   shadowOffsetX: 0,
   shadowOffsetY: 0
-}, Zr = {
+}, ei = {
   color: "#4cc9f0",
   width: 2,
   lineDash: [10, 8],
@@ -678,7 +678,7 @@ const Br = "rgba(255, 77, 79, 0.16)", zr = 3, Lr = 2, Ln = 96, Nr = 1, pn = [],
   shadowBlur: 0,
   shadowOffsetX: 0,
   shadowOffsetY: 0
-}, Et = {
+}, Rt = {
   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   fontSize: 12,
   fontWeight: 500,
@@ -691,76 +691,81 @@ const Br = "rgba(255, 77, 79, 0.16)", zr = 3, Lr = 2, Ln = 96, Nr = 1, pn = [],
   offsetY: 10,
   borderRadius: 3
 };
-function ue(e, t, n) {
+function ne(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function be(e) {
+function we(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) {
   return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? t : e;
 }
-function Kr(e) {
+function ni(e) {
   return {
-    rectangleAreaMm2: se(e?.rectangleAreaMm2, Nn),
-    circleAreaMm2: se(e?.circleAreaMm2, Dn),
-    rectanglePixelSize: se(e?.rectanglePixelSize, Dr)
+    rectangleAreaMm2: se(e?.rectangleAreaMm2, Dn),
+    circleAreaMm2: se(e?.circleAreaMm2, Nn),
+    rectanglePixelSize: se(e?.rectanglePixelSize, kr)
   };
 }
-function jr(e, t) {
-  return typeof e != "number" || !Number.isFinite(e) ? t : ue(e, 0, 1);
+function ri(e, t) {
+  return typeof e != "number" || !Number.isFinite(e) ? t : ne(e, 0, 1);
 }
-function Jr(e) {
-  if (!Array.isArray(e)) return wn;
+function ii(e) {
+  if (!Array.isArray(e)) return yn;
   const t = e.filter((n) => Number.isFinite(n) && n >= 0);
-  return t.length > 0 ? t : wn;
+  return t.length > 0 ? t : yn;
 }
-function Qr(e) {
-  const t = se(e?.radius, Wr), n = se(e?.cursorLineWidth, $r);
+function oi(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? Zr : ne(e, Kr, jr);
+}
+function si(e) {
+  const t = se(e?.radius, Vr), n = se(e?.cursorLineWidth, Hr), r = oi(e?.edgeDetail);
   return {
     radius: t,
+    edgeDetail: r,
+    clickSelectRoi: e?.clickSelectRoi === !0,
     fillColor: e?.fillColor || Or,
-    fillOpacity: jr(e?.fillOpacity, Vr),
-    cursorColor: e?.cursorColor || Gr,
-    cursorActiveColor: e?.cursorActiveColor || qr,
+    fillOpacity: ri(e?.fillOpacity, Gr),
+    cursorColor: e?.cursorColor || qr,
+    cursorActiveColor: e?.cursorActiveColor || $r,
     cursorLineWidth: n,
-    cursorLineDash: Jr(e?.cursorLineDash)
+    cursorLineDash: ii(e?.cursorLineDash)
   };
 }
-function ti(e) {
-  return e * bn * bn;
+function ai(e) {
+  return e * wn * wn;
 }
-function yn(e, t) {
-  return !e || !Number.isFinite(t) || t <= 0 ? [] : Ct([
+function xn(e, t) {
+  return !e || !Number.isFinite(t) || t <= 0 ? [] : Et([
     [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 ei(e, t, n = Ln) {
+function ui(e, t, n = Ln) {
   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 Ct(r);
+  return Et(r);
 }
-function Ct(e) {
+function Et(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 xn(e, t) {
-  return !e || !t ? [] : Ct([
+function Sn(e, t) {
+  return !e || !t ? [] : Et([
     [e[0], e[1]],
     [t[0], e[1]],
     [t[0], t[1]],
     [e[0], t[1]]
   ]);
 }
-function Sn(e, t, n = Ln) {
+function Tn(e, t, n = Ln) {
   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 [];
@@ -769,9 +774,9 @@ function Sn(e, t, n = Ln) {
     const u = a / n * Math.PI * 2;
     s.push([r + Math.cos(u) * o, i + Math.sin(u) * o]);
   }
-  return Ct(s);
+  return Et(s);
 }
-function De(e) {
+function ke(e) {
   if (!Array.isArray(e) || e.length < 4) return 0;
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
@@ -780,17 +785,17 @@ function De(e) {
   }
   return Math.abs(t * 0.5);
 }
-function Tn(e) {
+function Mn(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 Mn(e) {
-  return Array.isArray(e) && e.length >= 4 && De(e) > Nr;
+function An(e) {
+  return Array.isArray(e) && e.length >= 4 && ke(e) > Nr;
 }
-function ke(e, t, n = !1) {
+function Xe(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)
@@ -798,18 +803,18 @@ function ke(e, t, n = !1) {
     n && e.closePath();
   }
 }
-function te(e, t, n, r = !1, i = !1) {
-  t.length !== 0 && (e.beginPath(), ke(e, t, r), i && r && (e.fillStyle = Br, 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(Ae), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0);
+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 kn(e) {
-  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : Ae, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : Yt.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : Yt.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : Yt.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : Yt.shadowOffsetY;
+  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;
   return {
-    color: e?.color || Yt.color,
+    color: e?.color || Xt.color,
     width: n,
-    lineDash: t.length ? t : Ae,
-    lineJoin: e?.lineJoin || Yt.lineJoin,
-    lineCap: e?.lineCap || Yt.lineCap,
-    shadowColor: e?.shadowColor || Yt.shadowColor,
+    lineDash: t.length ? t : Pe,
+    lineJoin: e?.lineJoin || Xt.lineJoin,
+    lineCap: e?.lineCap || Xt.lineCap,
+    shadowColor: e?.shadowColor || Xt.shadowColor,
     shadowBlur: r,
     shadowOffsetX: i,
     shadowOffsetY: o
@@ -828,25 +833,25 @@ function oe(e, t) {
     shadowOffsetY: t.shadowOffsetY ?? e.shadowOffsetY
   }) : e;
 }
-function An(e, t) {
+function Pn(e, t) {
   return e == null || t === null || t === void 0 ? !1 : String(e) === String(t);
 }
-function ni(e) {
+function ci(e) {
   const t = e[0];
   return Array.isArray(t) && Array.isArray(t[0]);
 }
-function Pn(e) {
+function Rn(e) {
   return typeof e == "number" && Number.isFinite(e);
 }
-function ri(e) {
-  return Array.isArray(e) && e.length >= 2 && Pn(e[0]) && Pn(e[1]);
+function li(e) {
+  return Array.isArray(e) && e.length >= 2 && Rn(e[0]) && Rn(e[1]);
 }
-function ii(e) {
-  return Array.isArray(e) && e.length >= 2 && e.every((t) => ri(t));
+function hi(e) {
+  return Array.isArray(e) && e.length >= 2 && e.every((t) => li(t));
 }
 function Xn(e, t) {
   if (!(!Array.isArray(e) || e.length === 0)) {
-    if (ii(e)) {
+    if (hi(e)) {
       t.push(e.map(([n, r]) => [n, r]));
       return;
     }
@@ -854,34 +859,34 @@ function Xn(e, t) {
       Xn(n, t);
   }
 }
-function vn(e, t) {
+function En(e, t) {
   const n = [];
   Xn(e, n);
   const r = [];
   for (const i of n) {
     if (i.length < 2) continue;
-    const o = t ? Ct(i) : i;
+    const o = t ? Et(i) : i;
     o.length >= (t ? 4 : 2) && r.push(o);
   }
   return r;
 }
-function oi(e, t, n, r) {
+function fi(e, t, n, r) {
   if (!(t.length < 4 || n.length === 0)) {
-    e.save(), e.beginPath(), ke(e, t, !0);
+    e.save(), e.beginPath(), Xe(e, t, !0);
     for (const i of n)
-      i.length < 4 || ke(e, i, !0);
+      i.length < 4 || Xe(e, i, !0);
     e.fillStyle = r, e.fill("evenodd"), e.restore();
   }
 }
-function si(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;
+function di(e) {
+  const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : Rt.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : Rt.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : Rt.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : Rt.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : Rt.offsetY, s = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : Rt.borderRadius;
   return {
-    fontFamily: e?.fontFamily || Et.fontFamily,
+    fontFamily: e?.fontFamily || Rt.fontFamily,
     fontSize: r,
-    fontWeight: e?.fontWeight || Et.fontWeight,
-    textColor: e?.textColor || Et.textColor,
-    backgroundColor: e?.backgroundColor || Et.backgroundColor,
-    borderColor: e?.borderColor || Et.borderColor,
+    fontWeight: e?.fontWeight || Rt.fontWeight,
+    textColor: e?.textColor || Rt.textColor,
+    backgroundColor: e?.backgroundColor || Rt.backgroundColor,
+    borderColor: e?.borderColor || Rt.borderColor,
     borderWidth: i,
     paddingX: t,
     paddingY: n,
@@ -889,11 +894,11 @@ function si(e) {
     borderRadius: s
   };
 }
-function ai(e, t, n, r, i, o) {
+function mi(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 ui(e) {
+function gi(e) {
   if (!e.length) return null;
   let t = 1 / 0;
   for (const i of e)
@@ -904,22 +909,22 @@ function ui(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 ci(e, t, n, r, i, o) {
+function pi(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 = ue(n[0], u * 0.5 + 1, r - u * 0.5 - 1), g = ue(n[1] - o.offsetY, c * 0.5 + 1, i - c * 0.5 - 1), d = h - u * 0.5, w = g - c * 0.5;
-  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, ai(e, d, w, 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 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, mi(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();
 }
 function Ue(e, t, n) {
-  return [ue(e[0], 0, t), ue(e[1], 0, n)];
+  return [ne(e[0], 0, t), ne(e[1], 0, n)];
 }
-function ee(e) {
+function te(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 li({
+function bi({
   tool: e,
   imageWidth: t,
   imageHeight: n,
@@ -928,27 +933,28 @@ function li({
   stampOptions: o,
   brushOptions: s,
   projectorRef: a,
-  onDrawComplete: u,
-  onPatchComplete: c,
-  enabled: h,
-  viewStateSignal: g,
-  persistedRegions: d,
-  patchRegions: w,
-  persistedPolygons: y,
-  regionStrokeStyle: x,
-  regionStrokeHoverStyle: A,
-  regionStrokeActiveStyle: N,
+  onBrushTap: u,
+  onDrawComplete: c,
+  onPatchComplete: h,
+  enabled: g,
+  viewStateSignal: d,
+  persistedRegions: p,
+  patchRegions: x,
+  persistedPolygons: S,
+  regionStrokeStyle: P,
+  regionStrokeHoverStyle: k,
+  regionStrokeActiveStyle: v,
   patchStrokeStyle: R,
-  resolveRegionStrokeStyle: M,
-  overlayShapes: U,
-  hoveredRegionId: nt = null,
-  activeRegionId: ft = null,
-  regionLabelStyle: ct,
-  invalidateRef: W,
-  className: Mt,
-  style: zt
+  resolveRegionStrokeStyle: D,
+  overlayShapes: J,
+  hoveredRegionId: ft = null,
+  activeRegionId: at = null,
+  regionLabelStyle: $,
+  invalidateRef: ht,
+  className: vt,
+  style: Ot
 }) {
-  const yt = H(null), rt = H(!1), Lt = H(/* @__PURE__ */ new Map()), Nt = H(e), dt = H({
+  const K = j(null), Ct = j(!1), zt = j(/* @__PURE__ */ new Map()), Kt = j(e), dt = j({
     isDrawing: !1,
     pointerId: null,
     start: null,
@@ -956,10 +962,10 @@ function li({
     cursor: null,
     points: [],
     stampCenter: null
-  }), it = h ?? e !== "cursor", mt = Z(() => d && d.length > 0 ? d : !y || y.length === 0 ? pn : y.map((l, f) => ({
+  }), Q = g ?? e !== "cursor", M = tt(() => p && p.length > 0 ? p : !S || S.length === 0 ? bn : S.map((l, f) => ({
     id: f,
     coordinates: l
-  })), [d, y]), P = Z(() => w ?? pn, [w]), T = Z(() => kn(x), [x]), I = Z(() => oe(T, A), [T, A]), L = Z(() => oe(T, N), [T, N]), $ = Z(() => oe(Zr, R), [R]), K = Z(() => si(ct), [ct]), gt = Z(() => Kr(o), [o]), j = Z(() => Qr(s), [s]), tt = Z(
+  })), [p, S]), C = tt(() => x ?? bn, [x]), A = tt(() => kn(P), [P]), L = tt(() => oe(A, k), [A, k]), Z = tt(() => oe(A, v), [A, v]), et = tt(() => oe(ei, R), [R]), mt = tt(() => di($), [$]), yt = tt(() => ni(o), [o]), U = tt(() => si(s), [s]), At = tt(
     () => ({
       position: "absolute",
       inset: 0,
@@ -968,426 +974,435 @@ function li({
       height: "100%",
       display: "block",
       touchAction: "none",
-      pointerEvents: it ? "auto" : "none",
-      cursor: it ? e === "brush" ? "none" : "crosshair" : "default",
-      ...zt
+      pointerEvents: Q ? "auto" : "none",
+      cursor: Q ? e === "brush" ? "none" : "crosshair" : "default",
+      ...Ot
     }),
-    [it, e, zt]
-  ), pt = F(() => {
-    const l = yt.current;
+    [Q, e, Ot]
+  ), gt = B(() => {
+    const l = K.current;
     if (!l) return;
-    const f = l.getBoundingClientRect(), m = Math.max(1, window.devicePixelRatio || 1), S = Math.max(1, Math.round(f.width * m)), v = Math.max(1, Math.round(f.height * m));
-    (l.width !== S || l.height !== v) && (l.width = S, l.height = v);
-  }, []), J = F(
+    const f = l.getBoundingClientRect(), w = Math.max(1, window.devicePixelRatio || 1), y = Math.max(1, Math.round(f.width * w)), E = Math.max(1, Math.round(f.height * w));
+    (l.width !== y || l.height !== E) && (l.width = y, l.height = E);
+  }, []), N = B(
     (l) => {
       const f = a.current;
       if (!f || l.length === 0) return [];
-      const m = new Array(l.length);
-      for (let S = 0; S < l.length; S += 1) {
-        const v = ee(f.worldToScreen(l[S][0], l[S][1]));
-        if (!v) return [];
-        m[S] = v;
+      const w = new Array(l.length);
+      for (let y = 0; y < l.length; y += 1) {
+        const E = te(f.worldToScreen(l[y][0], l[y][1]));
+        if (!E) return [];
+        w[y] = E;
       }
-      return m;
+      return w;
     },
     [a]
-  ), G = F(
+  ), G = B(
     (l, f) => {
       if (!Number.isFinite(f) || f <= 0) return 0;
-      const m = a.current;
-      if (!m) return 0;
-      const S = ee(m.worldToScreen(l[0], l[1])), v = ee(m.worldToScreen(l[0] + f, l[1]));
-      return !S || !v ? 0 : Math.hypot(v[0] - S[0], v[1] - S[1]);
+      const w = a.current;
+      if (!w) return 0;
+      const y = te(w.worldToScreen(l[0], l[1])), E = te(w.worldToScreen(l[0] + f, l[1]));
+      return !y || !E ? 0 : Math.hypot(E[0] - y[0], E[1] - y[1]);
     },
     [a]
-  ), q = F(
+  ), ut = B(
     (l) => {
       if (!Number.isFinite(l) || l <= 0) return 0;
-      const f = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, m = typeof i == "number" && Number.isFinite(i) ? i : 0, S = a.current?.getViewState?.().zoom, v = typeof S == "number" && Number.isFinite(S) && S > 0 ? S : 1, E = m + Math.log2(v), D = Math.max(1e-9, zn(f, m, E));
-      return l / D / v;
+      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, E = typeof y == "number" && Number.isFinite(y) && y > 0 ? y : 1, I = w + Math.log2(E), Y = Math.max(1e-9, zn(f, w, I));
+      return l / Y / E;
     },
     [r, i, a]
-  ), ot = F(
+  ), nt = B(
     (l, f) => {
       if (!f) return [];
-      let m = 0;
+      let w = 0;
       if (l === "stamp-rectangle-4096px") {
-        const E = gt.rectanglePixelSize * 0.5;
-        return yn(f, E).map((V) => Ue(V, t, n));
+        const I = yt.rectanglePixelSize * 0.5;
+        return xn(f, I).map((V) => Ue(V, t, n));
       }
-      if (l === "stamp-rectangle" || l === "stamp-rectangle-2mm2" ? m = l === "stamp-rectangle-2mm2" ? Nn : gt.rectangleAreaMm2 : (l === "stamp-circle" || l === "stamp-circle-2mm2" || l === "stamp-circle-hpf-0.2mm2") && (m = l === "stamp-circle-hpf-0.2mm2" ? kr : l === "stamp-circle-2mm2" ? Dn : gt.circleAreaMm2), !Number.isFinite(m) || m <= 0) return [];
-      const S = ti(m);
-      let v = [];
+      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 = ai(w);
+      let E = [];
       if (l === "stamp-rectangle" || l === "stamp-rectangle-2mm2") {
-        const E = q(Math.sqrt(S) * 0.5);
-        v = yn(f, E);
+        const I = ut(Math.sqrt(y) * 0.5);
+        E = xn(f, I);
       } else if (l === "stamp-circle" || l === "stamp-circle-2mm2" || l === "stamp-circle-hpf-0.2mm2") {
-        const E = q(Math.sqrt(S / Math.PI));
-        v = ei(f, E);
+        const I = ut(Math.sqrt(y / Math.PI));
+        E = ui(f, I);
       }
-      return v.length ? v.map((E) => Ue(E, t, n)) : [];
+      return E.length ? E.map((I) => Ue(I, t, n)) : [];
     },
-    [q, t, n, gt]
-  ), st = F(() => {
+    [ut, t, n, yt]
+  ), rt = B(() => {
     const l = dt.current;
-    return be(e) ? ot(e, l.stampCenter) : e === "brush" ? [] : l.isDrawing ? e === "freehand" ? l.points : e === "rectangle" ? xn(l.start, l.current) : e === "circular" ? Sn(l.start, l.current) : [] : [];
-  }, [e, ot]), Q = F(
+    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;
       if (!f.isDrawing || f.points.length === 0) return;
-      const m = J(f.points);
-      if (m.length === 0) return;
-      const S = f.points[f.points.length - 1] ?? f.points[0], v = G(S, j.radius);
-      if (!(!Number.isFinite(v) || v <= 0)) {
-        if (l.save(), l.globalAlpha = j.fillOpacity, l.fillStyle = j.fillColor, l.strokeStyle = j.fillColor, l.lineCap = "round", l.lineJoin = "round", l.lineWidth = v * 2, m.length === 1)
-          l.beginPath(), l.arc(m[0][0], m[0][1], v, 0, Math.PI * 2), l.fill();
+      const w = N(f.points);
+      if (w.length === 0) return;
+      const y = f.points[f.points.length - 1] ?? f.points[0], E = G(y, U.radius);
+      if (!(!Number.isFinite(E) || E <= 0)) {
+        if (l.save(), l.globalAlpha = U.fillOpacity, l.fillStyle = U.fillColor, l.strokeStyle = U.fillColor, l.lineCap = "round", l.lineJoin = "round", l.lineWidth = E * 2, w.length === 1)
+          l.beginPath(), l.arc(w[0][0], w[0][1], E, 0, Math.PI * 2), l.fill();
         else {
-          l.beginPath(), l.moveTo(m[0][0], m[0][1]);
-          for (let E = 1; E < m.length; E += 1)
-            l.lineTo(m[E][0], m[E][1]);
+          l.beginPath(), l.moveTo(w[0][0], w[0][1]);
+          for (let I = 1; I < w.length; I += 1)
+            l.lineTo(w[I][0], w[I][1]);
           l.stroke();
         }
         l.restore();
       }
     },
-    [J, G, j]
-  ), O = F(
+    [N, G, U]
+  ), It = B(
     (l) => {
-      const f = dt.current, m = f.cursor;
-      if (!m) return;
-      const S = ee(a.current?.worldToScreen(m[0], m[1]) ?? []);
-      if (!S) return;
-      const v = G(m, j.radius);
-      !Number.isFinite(v) || v <= 0 || (l.save(), l.beginPath(), l.arc(S[0], S[1], v, 0, Math.PI * 2), l.strokeStyle = f.isDrawing ? j.cursorActiveColor : j.cursorColor, l.lineWidth = j.cursorLineWidth, l.setLineDash(j.cursorLineDash), l.stroke(), l.setLineDash(Ae), l.restore());
+      const f = dt.current, w = f.cursor;
+      if (!w) return;
+      const y = te(a.current?.worldToScreen(w[0], w[1]) ?? []);
+      if (!y) return;
+      const E = G(w, U.radius);
+      !Number.isFinite(E) || E <= 0 || (l.save(), l.beginPath(), l.arc(y[0], y[1], E, 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());
     },
-    [a, G, j]
-  ), It = F(() => {
-    pt();
-    const l = yt.current;
+    [a, G, U]
+  ), _t = B(() => {
+    gt();
+    const l = K.current;
     if (!l) return;
     const f = l.getContext("2d");
     if (!f) return;
-    const m = Math.max(1, window.devicePixelRatio || 1), S = l.width / m, v = l.height / m;
-    if (f.setTransform(1, 0, 0, 1, 0, 0), f.clearRect(0, 0, l.width, l.height), f.setTransform(m, 0, 0, m, 0, 0), mt.length > 0)
-      for (let E = 0; E < mt.length; E += 1) {
-        const D = mt[E], V = D?.coordinates;
+    const w = Math.max(1, window.devicePixelRatio || 1), y = l.width / w, E = 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 I = 0; I < M.length; I += 1) {
+        const Y = M[I], V = Y?.coordinates;
         if (!V || V.length < 3) continue;
-        const k = Ct(V), ht = J(k);
-        if (ht.length >= 4) {
-          const _t = D.id ?? E, Ft = An(ft, _t) ? "active" : An(nt, _t) ? "hover" : "default";
-          let Pt = Ft === "active" ? L : Ft === "hover" ? I : T;
-          if (M) {
-            const Ut = M({
-              region: D,
-              regionId: _t,
-              regionIndex: E,
-              state: Ft
+        const W = Et(V), lt = N(W);
+        if (lt.length >= 4) {
+          const Pt = Y.id ?? I, $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: I,
+              state: $t
             });
-            Pt = oe(Pt, Ut || void 0);
+            xt = oe(xt, H || void 0);
           }
-          te(f, ht, Pt, !0, !1);
+          Qt(f, lt, xt, !0, !1);
         }
       }
-    if (P.length > 0)
-      for (let E = 0; E < P.length; E += 1) {
-        const V = P[E]?.coordinates;
+    if (C.length > 0)
+      for (let I = 0; I < C.length; I += 1) {
+        const V = C[I]?.coordinates;
         if (!V || V.length < 3) continue;
-        const k = Ct(V), ht = J(k);
-        ht.length < 4 || te(f, ht, $, !0, !1);
+        const W = Et(V), lt = N(W);
+        lt.length < 4 || Qt(f, lt, et, !0, !1);
       }
-    if (Array.isArray(U) && U.length > 0) {
-      const E = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, D = J(
-        Ct([
+    if (Array.isArray(J) && J.length > 0) {
+      const I = !!globalThis.__OPEN_PLANT_DEBUG_OVERLAY__, Y = N(
+        Et([
           [0, 0],
           [t, 0],
           [t, n],
           [0, n]
         ])
       );
-      for (let V = 0; V < U.length; V += 1) {
-        const k = U[V];
-        if (!k?.coordinates?.length || k.visible === !1) continue;
-        const ht = k.closed ?? ni(k.coordinates), _t = vn(k.coordinates, ht);
-        if (k.invertedFill?.fillColor) {
-          const Pt = [], Ut = vn(k.coordinates, !0);
-          for (const at of Ut) {
-            const xt = J(at);
-            xt.length >= 4 && Pt.push(xt);
+      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 ?? ci(W.coordinates), Pt = En(W.coordinates, lt);
+        if (W.invertedFill?.fillColor) {
+          const xt = [], H = En(W.coordinates, !0);
+          for (const St of H) {
+            const Tt = N(St);
+            Tt.length >= 4 && xt.push(Tt);
           }
-          if (E) {
-            const at = String(k.id ?? V), xt = `${D.length}|${Ut.length}|${Pt.length}|${k.invertedFill.fillColor}`;
-            Lt.current.get(at) !== xt && (Lt.current.set(at, xt), console.debug("[open-plant] invertedFill", {
-              id: k.id ?? V,
-              outerRingPoints: D.length,
-              sourceRingCount: Ut.length,
-              holeRingCount: Pt.length,
-              fillColor: k.invertedFill.fillColor
+          if (I) {
+            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,
+              outerRingPoints: Y.length,
+              sourceRingCount: H.length,
+              holeRingCount: xt.length,
+              fillColor: W.invertedFill.fillColor
             }));
           }
-          oi(f, D, Pt, k.invertedFill.fillColor);
+          fi(f, Y, xt, W.invertedFill.fillColor);
         }
-        if (_t.length === 0) continue;
-        const Ft = oe(T, k.stroke ?? k.strokeStyle);
-        for (const Pt of _t) {
-          const Ut = J(Pt);
-          Ut.length < 2 || te(f, Ut, Ft, ht, k.fill ?? !1);
+        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 (it)
+    if (Q)
       if (e === "brush")
-        Q(f), O(f);
+        q(f), It(f);
       else {
-        const E = st();
-        if (E.length > 0)
+        const I = rt();
+        if (I.length > 0)
           if (e === "freehand") {
-            const D = J(E);
-            D.length >= 2 && te(f, D, T, !1, !1), D.length >= 3 && te(f, J(Ct(E)), T, !0, !0);
+            const Y = N(I);
+            Y.length >= 2 && Qt(f, Y, A, !1, !1), Y.length >= 3 && Qt(f, N(Et(I)), A, !0, !0);
           } else {
-            const D = J(E);
-            D.length >= 4 && te(f, D, T, !0, !0);
+            const Y = N(I);
+            Y.length >= 4 && Qt(f, Y, A, !0, !0);
           }
       }
-    if (mt.length > 0)
-      for (const E of mt) {
-        if (!E.label) continue;
-        const D = E?.coordinates;
-        if (!D || D.length < 3) continue;
-        const V = Ct(D), k = ui(V);
-        if (!k) continue;
-        const ht = ee(a.current?.worldToScreen(k[0], k[1]) ?? []);
-        ht && ci(f, E.label, ht, S, v, K);
+    if (M.length > 0)
+      for (const I of M) {
+        if (!I.label) continue;
+        const Y = I?.coordinates;
+        if (!Y || Y.length < 3) continue;
+        const V = Et(Y), W = gi(V);
+        if (!W) continue;
+        const lt = te(a.current?.worldToScreen(W[0], W[1]) ?? []);
+        lt && pi(f, I.label, lt, y, E, mt);
       }
   }, [
-    it,
-    e,
-    st,
     Q,
-    O,
-    pt,
-    J,
+    e,
+    rt,
+    q,
+    It,
+    gt,
+    N,
     t,
     n,
     a,
-    mt,
-    U,
-    nt,
+    M,
+    J,
     ft,
-    T,
-    I,
+    at,
+    A,
     L,
-    P,
-    $,
-    M,
-    K
-  ]), B = F(() => {
-    rt.current || (rt.current = !0, requestAnimationFrame(() => {
-      rt.current = !1, It();
+    Z,
+    C,
+    et,
+    D,
+    mt
+  ]), F = B(() => {
+    Ct.current || (Ct.current = !0, requestAnimationFrame(() => {
+      Ct.current = !1, _t();
     }));
-  }, [It]), lt = F((l = !1) => {
-    const f = dt.current, m = yt.current;
-    if (m && f.pointerId !== null && m.hasPointerCapture(f.pointerId))
+  }, [_t]), ct = B((l = !1) => {
+    const f = dt.current, w = K.current;
+    if (w && f.pointerId !== null && w.hasPointerCapture(f.pointerId))
       try {
-        m.releasePointerCapture(f.pointerId);
+        w.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);
-  }, []), wt = F(
+  }, []), ot = B(
     (l) => {
       const f = a.current;
       if (!f || t <= 0 || n <= 0) return null;
-      const m = ee(f.screenToWorld(l.clientX, l.clientY));
-      return m ? Ue(m, t, n) : null;
+      const w = te(f.screenToWorld(l.clientX, l.clientY));
+      return w ? Ue(w, t, n) : null;
     },
     [a, t, n]
-  ), bt = F(() => {
+  ), Gt = B(() => {
     const l = dt.current;
     if (!l.isDrawing) {
-      lt(!0), B();
+      ct(!0), F();
       return;
     }
     let f = [];
     if (e === "freehand")
-      l.points.length >= zr && (f = Ct(l.points));
+      l.points.length >= Lr && (f = Et(l.points));
     else if (e === "rectangle")
-      f = xn(l.start, l.current);
-    else if (e === "circular")
       f = Sn(l.start, l.current);
+    else if (e === "circular")
+      f = Tn(l.start, l.current);
     else if (e === "brush") {
-      const S = 0.75 / Math.max(1e-6, a.current?.getViewState?.().zoom ?? 1);
-      f = Fr(l.points, {
-        radius: j.radius,
+      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();
+        return;
+      }
+      const y = U.edgeDetail, E = Math.max(
+        Jr,
+        U.radius * 2 / (Qr * y)
+      );
+      f = Ur(l.points, {
+        radius: U.radius,
         clipBounds: [0, 0, t, n],
-        minRasterStep: S,
-        simplifyTolerance: S * 0.4
+        minRasterStep: E,
+        circleSides: Math.max(24, Math.round(64 * y)),
+        simplifyTolerance: E * 0.4
       });
     }
-    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && Mn(f) && u && u({
+    (e === "freehand" || e === "rectangle" || e === "circular" || e === "brush") && An(f) && c && c({
       tool: e,
       intent: e === "brush" ? "brush" : "roi",
       coordinates: f,
-      bbox: Tn(f),
-      areaPx: De(f)
-    }), lt(!0), B();
-  }, [e, u, lt, B, j.radius, t, n]), Gt = F(
+      bbox: Mn(f),
+      areaPx: ke(f)
+    }), ct(!0), F();
+  }, [e, c, ct, F, U.radius, U.edgeDetail, U.clickSelectRoi, t, n, u]), Bt = B(
     (l, f) => {
-      const m = ot(l, f);
-      if (!Mn(m)) return;
-      const S = l === "stamp-rectangle-4096px" ? "patch" : "roi", v = {
+      const w = nt(l, f);
+      if (!An(w)) return;
+      const y = l === "stamp-rectangle-4096px" ? "patch" : "roi", E = {
         tool: l,
-        intent: S,
-        coordinates: m,
-        bbox: Tn(m),
-        areaPx: De(m)
+        intent: y,
+        coordinates: w,
+        bbox: Mn(w),
+        areaPx: ke(w)
       };
-      u?.(v), S === "patch" && c && c(v);
+      c?.(E), y === "patch" && h && h(E);
     },
-    [ot, u, c]
-  ), At = F(
+    [nt, c, h]
+  ), Ut = B(
     (l, f) => {
-      const m = a.current, S = Math.max(1e-6, m?.getViewState?.().zoom ?? 1), v = Hr / S, E = v * v, D = l.points[l.points.length - 1];
-      if (!D) {
+      const w = a.current, y = Math.max(1e-6, w?.getViewState?.().zoom ?? 1), E = ti / y, I = E * E, Y = l.points[l.points.length - 1];
+      if (!Y) {
         l.points.push(f), l.current = f;
         return;
       }
-      const V = f[0] - D[0], k = f[1] - D[1];
-      V * V + k * k >= E ? l.points.push(f) : l.points[l.points.length - 1] = f, l.current = f;
+      const V = f[0] - Y[0], W = f[1] - Y[1];
+      V * V + W * W >= I ? l.points.push(f) : l.points[l.points.length - 1] = f, l.current = f;
     },
     [a]
-  ), qt = F(
+  ), qt = B(
     (l) => {
-      if (!it || e === "cursor" || l.button !== 0) return;
-      const f = wt(l);
+      if (!Q || e === "cursor" || l.button !== 0) return;
+      const f = ot(l);
       if (!f) return;
-      if (l.preventDefault(), l.stopPropagation(), be(e)) {
-        const v = dt.current;
-        v.stampCenter = f, Gt(e, f), B();
+      if (l.preventDefault(), l.stopPropagation(), we(e)) {
+        const E = dt.current;
+        E.stampCenter = f, Bt(e, f), F();
         return;
       }
-      const m = yt.current;
-      m && m.setPointerCapture(l.pointerId);
-      const S = dt.current;
-      S.isDrawing = !0, S.pointerId = l.pointerId, S.start = f, S.current = f, S.cursor = f, S.points = e === "freehand" || e === "brush" ? [f] : [], B();
+      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();
     },
-    [it, e, wt, Gt, B]
-  ), $t = F(
+    [Q, e, ot, Bt, F]
+  ), pt = B(
     (l) => {
-      if (!it || e === "cursor") return;
-      const f = wt(l);
+      if (!Q || e === "cursor") return;
+      const f = ot(l);
       if (!f) return;
-      if (be(e)) {
-        const S = dt.current;
-        S.stampCenter = f, l.preventDefault(), l.stopPropagation(), B();
+      if (we(e)) {
+        const y = dt.current;
+        y.stampCenter = f, l.preventDefault(), l.stopPropagation(), F();
         return;
       }
-      const m = dt.current;
+      const w = dt.current;
       if (e === "brush") {
-        if (m.cursor = f, !m.isDrawing || m.pointerId !== l.pointerId) {
-          B();
+        if (w.cursor = f, !w.isDrawing || w.pointerId !== l.pointerId) {
+          F();
           return;
         }
-        l.preventDefault(), l.stopPropagation(), At(m, f), B();
+        l.preventDefault(), l.stopPropagation(), Ut(w, f), F();
         return;
       }
-      if (!(!m.isDrawing || m.pointerId !== l.pointerId)) {
+      if (!(!w.isDrawing || w.pointerId !== l.pointerId)) {
         if (l.preventDefault(), l.stopPropagation(), e === "freehand") {
-          const S = a.current, v = Math.max(1e-6, S?.getViewState?.().zoom ?? 1), E = Lr / v, D = E * E, V = m.points[m.points.length - 1];
+          const y = a.current, E = Math.max(1e-6, y?.getViewState?.().zoom ?? 1), I = Dr / E, Y = I * I, V = w.points[w.points.length - 1];
           if (!V)
-            m.points.push(f);
+            w.points.push(f);
           else {
-            const k = f[0] - V[0], ht = f[1] - V[1];
-            k * k + ht * ht >= D && m.points.push(f);
+            const W = f[0] - V[0], lt = f[1] - V[1];
+            W * W + lt * lt >= Y && w.points.push(f);
           }
         } else
-          m.current = f;
-        B();
+          w.current = f;
+        F();
       }
     },
-    [it, e, wt, B, a, At]
-  ), Rt = F(
+    [Q, e, ot, F, a, Ut]
+  ), ue = B(
     (l) => {
       const f = dt.current;
       if (!f.isDrawing || f.pointerId !== l.pointerId) return;
       l.preventDefault(), l.stopPropagation();
-      const m = wt(l);
-      m && (f.cursor = m, e === "brush" ? At(f, m) : f.current = m);
-      const S = yt.current;
-      if (S && S.hasPointerCapture(l.pointerId))
+      const w = ot(l);
+      w && (f.cursor = w, e === "brush" ? Ut(f, w) : f.current = w);
+      const y = K.current;
+      if (y && y.hasPointerCapture(l.pointerId))
         try {
-          S.releasePointerCapture(l.pointerId);
+          y.releasePointerCapture(l.pointerId);
         } catch {
         }
-      bt();
+      Gt();
     },
-    [bt, wt, e, At]
-  ), ve = F(() => {
+    [Gt, ot, e, Ut]
+  ), ce = B(() => {
     const l = dt.current;
     let f = !1;
-    e === "brush" && !l.isDrawing && l.cursor && (l.cursor = null, f = !0), be(e) && l.stampCenter && (l.stampCenter = null, f = !0), f && B();
-  }, [e, B]);
+    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(() => {
-    pt(), B();
-    const l = yt.current;
+    gt(), F();
+    const l = K.current;
     if (!l) return;
     const f = new ResizeObserver(() => {
-      pt(), B();
+      gt(), F();
     });
     return f.observe(l), () => {
       f.disconnect();
     };
-  }, [pt, B]), X(() => {
-    it || lt(), B();
-  }, [it, B, lt]), X(() => {
-    Nt.current !== e && (Nt.current = e, lt(), B());
-  }, [e, lt, B]), X(() => {
-    B();
-  }, [g, mt, U, B]), X(() => {
-    if (W)
-      return W.current = B, () => {
-        W.current === B && (W.current = null);
+  }, [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);
       };
-  }, [W, B]), X(() => {
-    if (!it) return;
+  }, [ht, F]), X(() => {
+    if (!Q) return;
     const l = (f) => {
-      f.key === "Escape" && (lt(), B());
+      f.key === "Escape" && (ct(), F());
     };
     return window.addEventListener("keydown", l), () => {
       window.removeEventListener("keydown", l);
     };
-  }, [it, lt, B]), /* @__PURE__ */ Bt(
+  }, [Q, ct, F]), /* @__PURE__ */ Ft(
     "canvas",
     {
-      ref: yt,
-      className: Mt,
-      style: tt,
+      ref: K,
+      className: vt,
+      style: At,
       onPointerDown: qt,
-      onPointerMove: $t,
-      onPointerUp: Rt,
-      onPointerCancel: Rt,
-      onPointerLeave: ve,
+      onPointerMove: pt,
+      onPointerUp: ue,
+      onPointerCancel: ue,
+      onPointerLeave: ce,
       onContextMenu: (l) => {
-        it && l.preventDefault();
+        Q && l.preventDefault();
       },
       onWheel: (l) => {
-        if (!it) return;
-        const f = yt.current, m = a.current;
-        if (!f || typeof m?.zoomBy != "function") return;
+        if (!Q) return;
+        const f = K.current, w = a.current;
+        if (!f || typeof w?.zoomBy != "function") return;
         l.preventDefault(), l.stopPropagation();
-        const S = f.getBoundingClientRect(), v = l.clientX - S.left, E = l.clientY - S.top;
-        m.zoomBy(l.deltaY < 0 ? Xr : Yr, v, E), B();
+        const y = f.getBoundingClientRect(), E = l.clientX - y.left, I = l.clientY - y.top;
+        w.zoomBy(l.deltaY < 0 ? Yr : Wr, E, I), F();
       }
     }
   );
 }
-function Rn(e) {
+function vn(e) {
   return String(e ?? "").replace(/\/+$/, "");
 }
 function Yn(e) {
   const t = String(e ?? "");
   return t.startsWith("/") ? t : `/${t}`;
 }
-function hi(e) {
-  const t = Rn(e);
+function wi(e) {
+  const t = vn(e);
   if (!t) return "";
   if (/\/TileGroup\d+$/i.test(t)) return t;
   let n = null;
@@ -1397,20 +1412,20 @@ function hi(e) {
     n = null;
   }
   if (n) {
-    const r = `${n.protocol}//${n.host}`, i = Rn(n.pathname || "");
+    const r = `${n.protocol}//${n.host}`, i = vn(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 uo(e, t) {
+function po(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)
     throw new Error("이미지 메타데이터가 불완전합니다. width/height/tileSize/path 확인 필요");
-  const h = Array.isArray(e?.terms) ? e.terms.map((y) => ({
-    termId: String(y?.termId ?? ""),
-    termName: String(y?.termName ?? ""),
-    termColor: String(y?.termColor ?? "")
-  })) : [], g = Yn(u), d = hi(t), w = r ? (y, x, A) => `${d}${g}/${y}/${A}_${x}.webp` : void 0;
+  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 = wi(t), p = r ? (x, S, P) => `${d}${g}/${x}/${P}_${S}.webp` : void 0;
   return {
     id: e?._id || "unknown",
     name: e?.name || "unknown",
@@ -1422,7 +1437,7 @@ function uo(e, t) {
     tilePath: u,
     tileBaseUrl: t,
     terms: h,
-    tileUrlBuilder: w
+    tileUrlBuilder: p
   };
 }
 function Wn(e, t, n, r) {
@@ -1431,7 +1446,7 @@ function Wn(e, t, n, r) {
   const i = Yn(e.tilePath);
   return `${e.tileBaseUrl}${i}/${t}/${r}_${n}.webp`;
 }
-const St = {
+const bt = {
   width: 220,
   height: 140,
   margin: 16,
@@ -1446,13 +1461,13 @@ const St = {
   showThumbnail: !0,
   maxThumbnailTiles: 16
 };
-function ne(e, t, n = 1) {
+function ee(e, t, n = 1) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(n, e);
 }
-function we(e) {
+function ye(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 fi({
+function yi({
   source: e,
   projectorRef: t,
   authToken: n = "",
@@ -1461,253 +1476,253 @@ function fi({
   className: o,
   style: s
 }) {
-  const a = H(null), u = H(null), c = H(null), h = H({
+  const a = j(null), u = j(null), c = j(null), h = j({
     active: !1,
     pointerId: null
-  }), g = H(null), d = H(!1), w = ne(
+  }), g = j(null), d = j(!1), p = ee(
     r?.width,
-    St.width,
+    bt.width,
     64
-  ), y = ne(
+  ), x = ee(
     r?.height,
-    St.height,
+    bt.height,
     48
-  ), x = ne(
+  ), S = ee(
     r?.margin,
-    St.margin,
+    bt.margin,
     0
-  ), A = ne(
+  ), P = ee(
     r?.borderRadius,
-    St.borderRadius,
+    bt.borderRadius,
     0
-  ), N = ne(
+  ), k = ee(
     r?.borderWidth,
-    St.borderWidth,
+    bt.borderWidth,
     0
-  ), R = Math.max(
+  ), v = Math.max(
     1,
     Math.round(
-      ne(
+      ee(
         r?.maxThumbnailTiles,
-        St.maxThumbnailTiles,
+        bt.maxThumbnailTiles,
         1
       )
     )
-  ), M = r?.backgroundColor || St.backgroundColor, U = r?.borderColor || St.borderColor, nt = r?.viewportStrokeColor || St.viewportStrokeColor, ft = r?.viewportFillColor || St.viewportFillColor, ct = r?.interactive ?? St.interactive, W = r?.showThumbnail ?? St.showThumbnail, Mt = r?.position || St.position, zt = Z(() => {
-    const P = {};
-    return Mt === "top-left" || Mt === "bottom-left" ? P.left = x : P.right = x, Mt === "top-left" || Mt === "top-right" ? P.top = x : P.bottom = x, {
+  ), R = 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, {
       position: "absolute",
-      ...P,
-      width: w,
-      height: y,
-      borderRadius: A,
+      ...M,
+      width: p,
+      height: x,
+      borderRadius: P,
       overflow: "hidden",
       zIndex: 4,
-      pointerEvents: ct ? "auto" : "none",
+      pointerEvents: at ? "auto" : "none",
       touchAction: "none",
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...s
     };
-  }, [x, Mt, w, y, A, ct, s]), yt = F(() => {
-    const P = a.current;
-    if (!P) return;
-    const T = P.getContext("2d");
-    if (!T) return;
-    const I = w, L = y, $ = Math.max(1, window.devicePixelRatio || 1), K = Math.max(1, Math.round(I * $)), gt = Math.max(1, Math.round(L * $));
-    (P.width !== K || P.height !== gt) && (P.width = K, P.height = gt), T.setTransform(1, 0, 0, 1, 0, 0), T.clearRect(0, 0, P.width, P.height), T.setTransform($, 0, 0, $, 0, 0), T.fillStyle = M, T.fillRect(0, 0, I, L);
-    const j = u.current;
-    j && T.drawImage(j, 0, 0, I, L), T.strokeStyle = U, T.lineWidth = N, T.strokeRect(
-      N * 0.5,
-      N * 0.5,
-      I - N,
-      L - N
+  }, [S, ht, p, x, P, at, s]), Ot = B(() => {
+    const M = a.current;
+    if (!M) return;
+    const C = M.getContext("2d");
+    if (!C) 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), C.setTransform(1, 0, 0, 1, 0, 0), C.clearRect(0, 0, M.width, M.height), C.setTransform(Z, 0, 0, Z, 0, 0), C.fillStyle = R, C.fillRect(0, 0, A, L);
+    const yt = u.current;
+    yt && C.drawImage(yt, 0, 0, A, L), C.strokeStyle = D, C.lineWidth = k, C.strokeRect(
+      k * 0.5,
+      k * 0.5,
+      A - k,
+      L - k
     );
-    const tt = t.current, pt = tt?.getViewBounds?.(), J = tt?.getViewCorners?.(), G = we(pt) ? pt : we(c.current) ? c.current : null;
-    if (!G) return;
-    c.current = G;
-    const q = I / Math.max(1, e.width), ot = L / Math.max(1, e.height), st = Array.isArray(J) && J.length >= 4 && J.every(
-      (bt) => Array.isArray(bt) && bt.length >= 2 && Number.isFinite(bt[0]) && Number.isFinite(bt[1])
-    ) ? J : null;
-    if (st) {
-      T.beginPath();
-      for (let bt = 0; bt < st.length; bt += 1) {
-        const Gt = st[bt], At = et(Gt[0] * q, 0, I), qt = et(Gt[1] * ot, 0, L);
-        bt === 0 ? T.moveTo(At, qt) : T.lineTo(At, qt);
+    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) {
+      C.beginPath();
+      for (let ot = 0; ot < nt.length; ot += 1) {
+        const Gt = nt[ot], Bt = it(Gt[0] * G, 0, A), Ut = it(Gt[1] * ut, 0, L);
+        ot === 0 ? C.moveTo(Bt, Ut) : C.lineTo(Bt, Ut);
       }
-      T.closePath(), T.fillStyle = ft, T.fill(), T.strokeStyle = nt, T.lineWidth = 1.5, T.stroke();
+      C.closePath(), C.fillStyle = ft, C.fill(), C.strokeStyle = J, C.lineWidth = 1.5, C.stroke();
       return;
     }
-    const Q = et(G[0] * q, 0, I), O = et(G[1] * ot, 0, L), It = et(G[2] * q, 0, I), B = et(G[3] * ot, 0, L), lt = Math.max(1, It - Q), wt = Math.max(1, B - O);
-    T.fillStyle = ft, T.fillRect(Q, O, lt, wt), T.strokeStyle = nt, T.lineWidth = 1.5, T.strokeRect(
-      Q + 0.5,
-      O + 0.5,
-      Math.max(1, lt - 1),
-      Math.max(1, wt - 1)
+    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);
+    C.fillStyle = ft, C.fillRect(rt, q, F, ct), C.strokeStyle = J, C.lineWidth = 1.5, C.strokeRect(
+      rt + 0.5,
+      q + 0.5,
+      Math.max(1, F - 1),
+      Math.max(1, ct - 1)
     );
   }, [
-    w,
-    y,
-    M,
-    U,
-    N,
+    p,
+    x,
+    R,
+    D,
+    k,
     t,
     e.width,
     e.height,
     ft,
-    nt
-  ]), rt = F(() => {
+    J
+  ]), K = B(() => {
     d.current || (d.current = !0, g.current = requestAnimationFrame(() => {
-      d.current = !1, g.current = null, yt();
+      d.current = !1, g.current = null, Ot();
     }));
-  }, [yt]), Lt = F(
-    (P, T) => {
-      const I = a.current;
-      if (!I) return null;
-      const L = I.getBoundingClientRect();
+  }, [Ot]), Ct = B(
+    (M, C) => {
+      const A = a.current;
+      if (!A) return null;
+      const L = A.getBoundingClientRect();
       if (!L.width || !L.height) return null;
-      const $ = et((P - L.left) / L.width, 0, 1), K = et((T - L.top) / L.height, 0, 1);
-      return [$ * e.width, K * e.height];
+      const Z = it((M - L.left) / L.width, 0, 1), et = it((C - L.top) / L.height, 0, 1);
+      return [Z * e.width, et * e.height];
     },
     [e.width, e.height]
-  ), Nt = F(
-    (P, T) => {
-      const I = t.current;
-      if (!I) return;
-      if (I.setViewCenter) {
-        I.setViewCenter(P, T), rt();
+  ), zt = B(
+    (M, C) => {
+      const A = t.current;
+      if (!A) return;
+      if (A.setViewCenter) {
+        A.setViewCenter(M, C), K();
         return;
       }
-      const L = I.getViewBounds?.(), $ = we(L) ? L : we(c.current) ? c.current : null;
-      if (!$) return;
-      const K = Math.max(1e-6, $[2] - $[0]), gt = Math.max(1e-6, $[3] - $[1]);
-      I.setViewState({
-        offsetX: P - K * 0.5,
-        offsetY: T - gt * 0.5
-      }), rt();
+      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: C - mt * 0.5
+      }), K();
     },
-    [t, rt]
-  ), dt = F(
-    (P) => {
-      if (!ct || P.button !== 0) return;
-      const T = a.current;
-      if (!T) return;
-      const I = Lt(P.clientX, P.clientY);
-      I && (P.preventDefault(), P.stopPropagation(), T.setPointerCapture(P.pointerId), h.current = { active: !0, pointerId: P.pointerId }, Nt(I[0], I[1]));
+    [t, K]
+  ), Kt = B(
+    (M) => {
+      if (!at || M.button !== 0) return;
+      const C = a.current;
+      if (!C) return;
+      const A = Ct(M.clientX, M.clientY);
+      A && (M.preventDefault(), M.stopPropagation(), C.setPointerCapture(M.pointerId), h.current = { active: !0, pointerId: M.pointerId }, zt(A[0], A[1]));
     },
-    [ct, Lt, Nt]
-  ), it = F(
-    (P) => {
-      const T = h.current;
-      if (!T.active || T.pointerId !== P.pointerId) return;
-      const I = Lt(P.clientX, P.clientY);
-      I && (P.preventDefault(), P.stopPropagation(), Nt(I[0], I[1]));
+    [at, Ct, zt]
+  ), dt = B(
+    (M) => {
+      const C = h.current;
+      if (!C.active || C.pointerId !== M.pointerId) return;
+      const A = Ct(M.clientX, M.clientY);
+      A && (M.preventDefault(), M.stopPropagation(), zt(A[0], A[1]));
     },
-    [Lt, Nt]
-  ), mt = F(
-    (P) => {
-      const T = h.current;
-      if (!T.active || T.pointerId !== P.pointerId) return;
-      const I = a.current;
-      if (I && I.hasPointerCapture(P.pointerId))
+    [Ct, zt]
+  ), Q = B(
+    (M) => {
+      const C = h.current;
+      if (!C.active || C.pointerId !== M.pointerId) return;
+      const A = a.current;
+      if (A && A.hasPointerCapture(M.pointerId))
         try {
-          I.releasePointerCapture(P.pointerId);
+          A.releasePointerCapture(M.pointerId);
         } catch {
         }
-      h.current = { active: !1, pointerId: null }, rt();
+      h.current = { active: !1, pointerId: null }, K();
     },
-    [rt]
+    [K]
   );
   return X(() => {
-    let P = !1;
-    u.current = null, rt();
-    const T = 0, I = 2 ** (e.maxTierZoom - T), L = Math.ceil(e.width / I), $ = Math.ceil(e.height / I), K = Math.max(1, Math.ceil(L / e.tileSize)), gt = Math.max(1, Math.ceil($ / e.tileSize)), j = K * gt;
-    if (!W || j > R)
+    let M = !1;
+    u.current = null, K();
+    const C = 0, A = 2 ** (e.maxTierZoom - C), 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 > v)
       return;
-    const tt = document.createElement("canvas");
-    tt.width = Math.max(1, Math.round(w)), tt.height = Math.max(1, Math.round(y));
-    const pt = tt.getContext("2d");
-    if (!pt)
+    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)
       return;
-    pt.fillStyle = M, pt.fillRect(0, 0, tt.width, tt.height);
-    const J = [];
-    for (let G = 0; G < gt; G += 1)
-      for (let q = 0; q < K; q += 1) {
-        const ot = q * e.tileSize * I, st = G * e.tileSize * I, Q = Math.min((q + 1) * e.tileSize, L) * I, O = Math.min((G + 1) * e.tileSize, $) * I;
-        J.push({
-          url: Wn(e, T, q, G),
-          bounds: [ot, st, Q, O]
+    At.fillStyle = R, 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, C, G, N),
+          bounds: [ut, nt, rt, q]
         });
       }
     return Promise.allSettled(
-      J.map(async (G) => {
-        const q = !!n, ot = await fetch(G.url, {
-          headers: q ? { Authorization: n } : void 0
+      gt.map(async (N) => {
+        const G = !!n, ut = await fetch(N.url, {
+          headers: G ? { Authorization: n } : void 0
         });
-        if (!ot.ok)
-          throw new Error(`HTTP ${ot.status}`);
-        const st = await createImageBitmap(await ot.blob());
-        return { tile: G, bitmap: st };
+        if (!ut.ok)
+          throw new Error(`HTTP ${ut.status}`);
+        const nt = await createImageBitmap(await ut.blob());
+        return { tile: N, bitmap: nt };
       })
-    ).then((G) => {
-      if (P) {
-        for (const st of G)
-          st.status === "fulfilled" && st.value.bitmap.close();
+    ).then((N) => {
+      if (M) {
+        for (const nt of N)
+          nt.status === "fulfilled" && nt.value.bitmap.close();
         return;
       }
-      const q = tt.width / Math.max(1, e.width), ot = tt.height / Math.max(1, e.height);
-      for (const st of G) {
-        if (st.status !== "fulfilled") continue;
+      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 {
-          tile: { bounds: Q },
-          bitmap: O
-        } = st.value, It = Q[0] * q, B = Q[1] * ot, lt = Math.max(1, (Q[2] - Q[0]) * q), wt = Math.max(1, (Q[3] - Q[1]) * ot);
-        pt.drawImage(O, It, B, lt, wt), O.close();
+          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();
       }
-      u.current = tt, rt();
+      u.current = U, K();
     }), () => {
-      P = !0;
+      M = !0;
     };
   }, [
     e,
     n,
-    w,
-    y,
-    M,
-    W,
+    p,
+    x,
     R,
-    rt
+    $,
+    v,
+    K
   ]), X(() => {
-    rt();
-  }, [rt]), X(() => {
+    K();
+  }, [K]), X(() => {
     if (i)
-      return i.current = rt, () => {
-        i.current === rt && (i.current = null);
+      return i.current = K, () => {
+        i.current === K && (i.current = null);
       };
-  }, [i, rt]), X(
+  }, [i, K]), X(
     () => () => {
       h.current = { active: !1, pointerId: null }, g.current !== null && (cancelAnimationFrame(g.current), g.current = null), d.current = !1;
     },
     []
-  ), /* @__PURE__ */ Bt(
+  ), /* @__PURE__ */ Ft(
     "canvas",
     {
       ref: a,
       className: o,
-      style: zt,
-      onPointerDown: dt,
-      onPointerMove: it,
-      onPointerUp: mt,
-      onPointerCancel: mt,
-      onContextMenu: (P) => {
-        P.preventDefault();
+      style: vt,
+      onPointerDown: Kt,
+      onPointerMove: dt,
+      onPointerUp: Q,
+      onPointerCancel: Q,
+      onContextMenu: (M) => {
+        M.preventDefault();
       },
-      onWheel: (P) => {
-        P.preventDefault(), P.stopPropagation();
+      onWheel: (M) => {
+        M.preventDefault(), M.stopPropagation();
       }
     }
   );
 }
-function co({
+function bo({
   imageWidth: e,
   imageHeight: t,
   tiles: n,
@@ -1715,7 +1730,7 @@ function co({
   className: i,
   style: o
 }) {
-  const s = H(null), a = H(null), u = Z(
+  const s = j(null), a = j(null), u = tt(
     () => ({ width: "100%", height: "100%", display: "block", ...o }),
     [o]
   );
@@ -1723,7 +1738,7 @@ function co({
     const c = s.current;
     if (!c)
       return;
-    const h = new lr({
+    const h = new hr({
       canvas: c,
       imageWidth: e,
       imageHeight: t,
@@ -1738,9 +1753,9 @@ function co({
   }, [n]), X(() => {
     const c = a.current;
     !c || !r || c.setViewState(r);
-  }, [r]), /* @__PURE__ */ Bt("canvas", { ref: s, className: i, style: u });
+  }, [r]), /* @__PURE__ */ Ft("canvas", { ref: s, className: i, style: u });
 }
-function On(e) {
+function Vn(e) {
   return Math.max(
     0,
     Math.min(
@@ -1750,15 +1765,15 @@ function On(e) {
     )
   );
 }
-function di(e) {
+function xi(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 Vn(e) {
+function On(e) {
   const t = [];
   for (const n of e ?? []) {
-    const r = di(n);
+    const r = xi(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)
@@ -1767,7 +1782,7 @@ function Vn(e) {
   }
   return t;
 }
-function mi(e, t, n) {
+function Si(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];
@@ -1777,25 +1792,25 @@ function mi(e, t, n) {
 }
 function Gn(e, t, n) {
   for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && mi(e, t, r.ring))
+    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && Si(e, t, r.ring))
       return !0;
   return !1;
 }
-function Pe(e, t) {
+function Re(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return null;
-  const n = Vn(t ?? []);
+  const n = On(t ?? []);
   if (n.length === 0)
     return {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-  const r = On(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;
+  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;
   for (let d = 0; d < r; d += 1) {
-    const w = i[d * 2], y = i[d * 2 + 1];
-    Gn(w, y, n) && (a[h * 2] = w, a[h * 2 + 1] = y, u[h] = o[d], c && (c[h] = s[d]), h += 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 g = {
     count: h,
@@ -1804,13 +1819,13 @@ function Pe(e, t) {
   };
   return c && (g.ids = c.subarray(0, h)), g;
 }
-function gi(e, t) {
+function Ti(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return new Uint32Array(0);
-  const n = Vn(t ?? []);
+  const n = On(t ?? []);
   if (n.length === 0)
     return new Uint32Array(0);
-  const r = On(e);
+  const r = Vn(e);
   if (r === 0)
     return new Uint32Array(0);
   const i = e.positions, o = new Uint32Array(r);
@@ -1821,8 +1836,8 @@ function gi(e, t) {
   }
   return o.subarray(0, s);
 }
-let ye = null;
-const pi = `
+let xe = null;
+const Mi = `
 struct Params {
   pointCount: u32,
   boundsCount: u32,
@@ -1854,20 +1869,20 @@ fn main(@builtin(global_invocation_id) gid: vec3<u32>) {
   outputMask[i] = inside;
 }
 `;
-function bi() {
+function Ai() {
   if (typeof navigator > "u") return !1;
   const e = navigator;
   return typeof e.gpu == "object" && e.gpu !== null;
 }
 function qn() {
-  if (!bi()) return null;
+  if (!Ai()) return null;
   const t = navigator.gpu;
   if (!t || typeof t != "object") return null;
   const n = t;
   return typeof n.requestAdapter != "function" ? null : n;
 }
-const xe = globalThis.GPUShaderStage?.COMPUTE ?? 4, Be = globalThis.GPUBufferUsage?.STORAGE ?? 128, Se = globalThis.GPUBufferUsage?.COPY_DST ?? 8, wi = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, yi = globalThis.GPUBufferUsage?.UNIFORM ?? 64, xi = globalThis.GPUBufferUsage?.MAP_READ ?? 1, Si = globalThis.GPUMapMode?.READ ?? 1;
-async function lo() {
+const Se = globalThis.GPUShaderStage?.COMPUTE ?? 4, Fe = globalThis.GPUBufferUsage?.STORAGE ?? 128, Te = globalThis.GPUBufferUsage?.COPY_DST ?? 8, Pi = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, Ri = globalThis.GPUBufferUsage?.UNIFORM ?? 64, Ei = globalThis.GPUBufferUsage?.MAP_READ ?? 1, vi = globalThis.GPUMapMode?.READ ?? 1;
+async function wo() {
   const e = qn();
   if (!e)
     return { supported: !1, features: [] };
@@ -1887,8 +1902,8 @@ async function lo() {
     }
   } : { supported: !1, features: [] };
 }
-async function Ti() {
-  return ye || (ye = (async () => {
+async function Ci() {
+  return xe || (xe = (async () => {
     const e = qn();
     if (!e) return null;
     const t = await e.requestAdapter();
@@ -1897,40 +1912,40 @@ async function Ti() {
       entries: [
         {
           binding: 0,
-          visibility: xe,
+          visibility: Se,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 1,
-          visibility: xe,
+          visibility: Se,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 2,
-          visibility: xe,
+          visibility: Se,
           buffer: { type: "storage" }
         },
         {
           binding: 3,
-          visibility: xe,
+          visibility: Se,
           buffer: { type: "uniform" }
         }
       ]
     }), i = n.createComputePipeline({
       layout: n.createPipelineLayout({ bindGroupLayouts: [r] }),
       compute: {
-        module: n.createShaderModule({ code: pi }),
+        module: n.createShaderModule({ code: Mi }),
         entryPoint: "main"
       }
     });
     return { device: n, pipeline: i, bindGroupLayout: r };
-  })(), ye);
+  })(), xe);
 }
-function Te(e, t) {
+function Me(e, t) {
   return Math.ceil(e / t) * t;
 }
-async function Mi(e, t, n) {
-  const r = await Ti();
+async function Ii(e, t, n) {
+  const r = await Ci();
   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)
@@ -1942,20 +1957,20 @@ async function Mi(e, t, n) {
   if (a > h || u > h || c > h)
     return null;
   const g = r.device.createBuffer({
-    size: Te(a, 4),
-    usage: Be | Se
+    size: Me(a, 4),
+    usage: Fe | Te
   }), d = r.device.createBuffer({
-    size: Te(u, 4),
-    usage: Be | Se
-  }), w = r.device.createBuffer({
-    size: Te(c, 4),
-    usage: Be | wi
-  }), y = r.device.createBuffer({
-    size: 16,
-    usage: yi | Se
+    size: Me(u, 4),
+    usage: Fe | Te
+  }), p = r.device.createBuffer({
+    size: Me(c, 4),
+    usage: Fe | Pi
   }), x = r.device.createBuffer({
-    size: Te(c, 4),
-    usage: Se | xi
+    size: 16,
+    usage: Ri | Te
+  }), S = r.device.createBuffer({
+    size: Me(c, 4),
+    usage: Te | Ei
   });
   r.device.queue.writeBuffer(
     g,
@@ -1970,35 +1985,35 @@ async function Mi(e, t, n) {
     n.byteOffset,
     u
   ), r.device.queue.writeBuffer(
-    y,
+    x,
     0,
     new Uint32Array([s, o, 0, 0])
   );
-  const A = r.device.createBindGroup({
+  const P = r.device.createBindGroup({
     layout: r.bindGroupLayout,
     entries: [
       { binding: 0, resource: { buffer: g } },
       { binding: 1, resource: { buffer: d } },
-      { binding: 2, resource: { buffer: w } },
-      { binding: 3, resource: { buffer: y } }
+      { binding: 2, resource: { buffer: p } },
+      { binding: 3, resource: { buffer: x } }
     ]
-  }), N = r.device.createCommandEncoder(), R = N.beginComputePass();
-  R.setPipeline(r.pipeline), R.setBindGroup(0, A), R.dispatchWorkgroups(Math.ceil(s / 256)), R.end(), N.copyBufferToBuffer(w, 0, x, 0, c), r.device.queue.submit([N.finish()]), await x.mapAsync(Si);
-  const M = x.getMappedRange(), U = new Uint32Array(M.slice(0));
-  return x.unmap(), g.destroy(), d.destroy(), w.destroy(), y.destroy(), x.destroy(), U;
+  }), k = r.device.createCommandEncoder(), v = k.beginComputePass();
+  v.setPipeline(r.pipeline), v.setBindGroup(0, P), v.dispatchWorkgroups(Math.ceil(s / 256)), v.end(), k.copyBufferToBuffer(p, 0, S, 0, c), r.device.queue.submit([k.finish()]), await S.mapAsync(vi);
+  const R = S.getMappedRange(), D = new Uint32Array(R.slice(0));
+  return S.unmap(), g.destroy(), d.destroy(), p.destroy(), x.destroy(), S.destroy(), D;
 }
-function Dt() {
+function Lt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Ai(e) {
+function _i(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 Pi(e) {
+function Bi(e) {
   const t = [];
   for (const n of e ?? []) {
-    const r = Ai(n);
+    const r = _i(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)
@@ -2007,7 +2022,7 @@ function Pi(e) {
   }
   return t;
 }
-function vi(e, t, n) {
+function Ui(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];
@@ -2015,26 +2030,26 @@ function vi(e, t, n) {
   }
   return r;
 }
-function En(e, t, n) {
+function Cn(e, t, n) {
   for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && vi(e, t, r.ring))
+    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && Ui(e, t, r.ring))
       return !0;
   return !1;
 }
-async function Ri(e, t, n = {}) {
-  const r = Dt(), i = n.bridgeToDraw === !0;
+async function Fi(e, t, n = {}) {
+  const r = Lt(), i = n.bridgeToDraw === !0;
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
-  const o = Pi(t ?? []);
+  const o = Bi(t ?? []);
   if (o.length === 0)
     return {
       data: {
@@ -2044,7 +2059,7 @@ async function Ri(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2060,56 +2075,56 @@ async function Ri(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
   const u = new Float32Array(o.length * 4);
-  for (let R = 0; R < o.length; R += 1) {
-    const M = R * 4, U = o[R];
-    u[M] = U.minX, u[M + 1] = U.minY, u[M + 2] = U.maxX, u[M + 3] = U.maxY;
+  for (let v = 0; v < o.length; v += 1) {
+    const R = v * 4, D = o[v];
+    u[R] = D.minX, u[R + 1] = D.minY, u[R + 2] = D.maxX, u[R + 3] = D.maxY;
   }
   let c = null, h = !1;
   try {
-    c = await Mi(e.positions, s, u), h = !!c;
+    c = await Ii(e.positions, s, u), h = !!c;
   } catch {
     c = null, h = !1;
   }
   if (!c)
     return {
-      data: Pe(e, t),
+      data: Re(e, t),
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !1,
         candidateCount: s,
         bridgedToDraw: !1
       }
     };
   let g = 0;
-  for (let R = 0; R < s; R += 1)
-    c[R] === 1 && (g += 1);
+  for (let v = 0; v < s; v += 1)
+    c[v] === 1 && (g += 1);
   const d = new Uint32Array(g);
   if (g > 0) {
-    let R = 0;
-    for (let M = 0; M < s; M += 1)
-      c[M] === 1 && (d[R] = M, R += 1);
+    let v = 0;
+    for (let R = 0; R < s; R += 1)
+      c[R] === 1 && (d[v] = R, v += 1);
   }
   if (g === 0) {
     if (i) {
-      const R = {
+      const v = {
         count: s,
         positions: e.positions.subarray(0, s * 2),
         paletteIndices: e.paletteIndices.subarray(0, s),
         drawIndices: new Uint32Array(0)
       };
-      return a && (R.ids = a.subarray(0, s)), {
-        data: R,
+      return a && (v.ids = a.subarray(0, s)), {
+        data: v,
         meta: {
           mode: "hybrid-webgpu",
-          durationMs: Dt() - r,
+          durationMs: Lt() - r,
           usedWebGpu: !0,
           candidateCount: 0,
           bridgedToDraw: !0
@@ -2125,7 +2140,7 @@ async function Ri(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -2133,71 +2148,71 @@ async function Ri(e, t, n = {}) {
     };
   }
   if (i) {
-    const R = new Uint32Array(g);
-    let M = 0;
-    for (let nt = 0; nt < g; nt += 1) {
-      const ft = d[nt] ?? 0, ct = e.positions[ft * 2], W = e.positions[ft * 2 + 1];
-      En(ct, W, o) && (R[M] = ft, M += 1);
+    const v = new Uint32Array(g);
+    let R = 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) && (v[R] = ft, R += 1);
     }
-    const U = {
+    const D = {
       count: s,
       positions: e.positions.subarray(0, s * 2),
       paletteIndices: e.paletteIndices.subarray(0, s),
-      drawIndices: R.subarray(0, M)
+      drawIndices: v.subarray(0, R)
     };
-    return a && (U.ids = a.subarray(0, s)), {
-      data: U,
+    return a && (D.ids = a.subarray(0, s)), {
+      data: D,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Dt() - r,
+        durationMs: Lt() - r,
         usedWebGpu: !0,
         candidateCount: g,
         bridgedToDraw: !0
       }
     };
   }
-  const w = new Float32Array(g * 2), y = new Uint16Array(g), x = a ? new Uint32Array(g) : null;
-  let A = 0;
-  for (let R = 0; R < g; R += 1) {
-    const M = d[R] ?? 0, U = e.positions[M * 2], nt = e.positions[M * 2 + 1];
-    En(U, nt, o) && (w[A * 2] = U, w[A * 2 + 1] = nt, y[A] = e.paletteIndices[M], x && (x[A] = a[M]), A += 1);
+  const p = new Float32Array(g * 2), x = new Uint16Array(g), S = a ? new Uint32Array(g) : null;
+  let P = 0;
+  for (let v = 0; v < g; v += 1) {
+    const R = d[v] ?? 0, D = e.positions[R * 2], J = e.positions[R * 2 + 1];
+    Cn(D, J, o) && (p[P * 2] = D, p[P * 2 + 1] = J, x[P] = e.paletteIndices[R], S && (S[P] = a[R]), P += 1);
   }
-  const N = {
-    count: A,
-    positions: w.subarray(0, A * 2),
-    paletteIndices: y.subarray(0, A)
+  const k = {
+    count: P,
+    positions: p.subarray(0, P * 2),
+    paletteIndices: x.subarray(0, P)
   };
-  return x && (N.ids = x.subarray(0, A)), {
-    data: N,
+  return S && (k.ids = S.subarray(0, P)), {
+    data: k,
     meta: {
       mode: "hybrid-webgpu",
-      durationMs: Dt() - r,
+      durationMs: Lt() - r,
       usedWebGpu: !0,
       candidateCount: g,
       bridgedToDraw: !1
     }
   };
 }
-let Tt = null, Xe = !0, $n = 1;
+let wt = null, Ye = !0, $n = 1;
 const Vt = /* @__PURE__ */ new Map();
-function Wt() {
+function Yt() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
 function Hn() {
-  if (!Xe) return null;
-  if (Tt) return Tt;
+  if (!Ye) return null;
+  if (wt) return wt;
   try {
     const e = new Worker(new URL(
       /* @vite-ignore */
       "" + new URL("assets/roi-clip-worker-D3hALtsJ.js", import.meta.url).href,
       import.meta.url
     ), { type: "module" });
-    return e.addEventListener("message", Ge), e.addEventListener("error", qe), Tt = e, e;
+    return e.addEventListener("message", qe), e.addEventListener("error", $e), wt = e, e;
   } catch {
-    return Xe = !1, null;
+    return Ye = !1, null;
   }
 }
-function Ge(e) {
+function qe(e) {
   const t = e.data;
   if (!t) return;
   const n = Vt.get(t.id);
@@ -2216,7 +2231,7 @@ function Ge(e) {
       indices: c,
       meta: {
         mode: "worker",
-        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Wt() - n.startMs
+        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Yt() - n.startMs
       }
     });
     return;
@@ -2234,25 +2249,25 @@ function Ge(e) {
     data: a,
     meta: {
       mode: "worker",
-      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Wt() - n.startMs
+      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Yt() - n.startMs
     }
   });
 }
-function qe() {
-  Xe = !1, Tt && (Tt.removeEventListener("message", Ge), Tt.removeEventListener("error", qe), Tt.terminate(), Tt = null);
+function $e() {
+  Ye = !1, wt && (wt.removeEventListener("message", qe), wt.removeEventListener("error", $e), wt.terminate(), wt = null);
   for (const [, e] of Vt)
     e.reject(new Error("worker crashed"));
   Vt.clear();
 }
-function ho() {
-  if (Tt) {
-    Tt.removeEventListener("message", Ge), Tt.removeEventListener("error", qe), Tt.terminate(), Tt = null;
+function yo() {
+  if (wt) {
+    wt.removeEventListener("message", qe), wt.removeEventListener("error", $e), wt.terminate(), wt = null;
     for (const [, e] of Vt)
       e.reject(new Error("worker terminated"));
     Vt.clear();
   }
 }
-async function Ei(e, t) {
+async function zi(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
@@ -2260,13 +2275,13 @@ async function Ei(e, t) {
     };
   const n = Hn();
   if (!n) {
-    const c = Wt();
+    const c = Yt();
     return {
-      data: Pe(e, t),
-      meta: { mode: "sync", durationMs: Wt() - c }
+      data: Re(e, t),
+      meta: { mode: "sync", durationMs: Yt() - 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 = e.paletteIndices.slice(0, r), s = e.ids instanceof Uint32Array && e.ids.length >= r ? e.ids.slice(0, r) : null, a = $n++, u = Wt();
+  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 = {
@@ -2281,7 +2296,7 @@ async function Ei(e, t) {
     s && d.push(s.buffer), n.postMessage(g, d);
   });
 }
-async function fo(e, t) {
+async function xo(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       indices: new Uint32Array(0),
@@ -2289,13 +2304,13 @@ async function fo(e, t) {
     };
   const n = Hn();
   if (!n) {
-    const a = Wt();
+    const a = Yt();
     return {
-      indices: gi(e, t),
-      meta: { mode: "sync", durationMs: Wt() - a }
+      indices: Ti(e, t),
+      meta: { mode: "sync", durationMs: Yt() - 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 = Wt();
+  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 = {
@@ -2308,14 +2323,14 @@ async function fo(e, t) {
     n.postMessage(c, [i.buffer]);
   });
 }
-function Ci(e) {
+function Li(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 Ii(e) {
+function Di(e) {
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
     const [r, i] = e[n], [o, s] = e[n + 1];
@@ -2323,12 +2338,12 @@ function Ii(e) {
   }
   return Math.abs(t * 0.5);
 }
-function _i(e) {
+function Ni(e) {
   const t = [];
   for (let n = 0; n < e.length; n += 1) {
     const r = e[n];
     if (!r?.coordinates?.length) continue;
-    const i = Ci(r.coordinates);
+    const i = Li(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)
@@ -2341,12 +2356,12 @@ function _i(e) {
       minY: s,
       maxX: a,
       maxY: u,
-      area: Math.max(1e-6, Ii(i))
+      area: Math.max(1e-6, Di(i))
     });
   }
   return t;
 }
-function Fi(e, t, n) {
+function ki(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];
@@ -2354,7 +2369,7 @@ function Fi(e, t, n) {
   }
   return r;
 }
-function Ui(e, t) {
+function Xi(e, t) {
   if (Array.isArray(t)) {
     const n = t[e];
     if (typeof n == "string" && n.length > 0) return n;
@@ -2365,7 +2380,7 @@ function Ui(e, t) {
   }
   return String(e);
 }
-function Bi(e, t, n = {}) {
+function Yi(e, t, n = {}) {
   const r = Math.max(
     0,
     Math.min(
@@ -2377,23 +2392,23 @@ function Bi(e, t, n = {}) {
   let i = null;
   if (e?.drawIndices instanceof Uint32Array) {
     const d = e.drawIndices;
-    let w = d.length;
-    for (let y = 0; y < d.length; y += 1)
-      d[y] < r || (w -= 1);
-    if (w === d.length)
+    let p = d.length;
+    for (let x = 0; x < d.length; x += 1)
+      d[x] < r || (p -= 1);
+    if (p === d.length)
       i = d;
-    else if (w > 0) {
-      const y = new Uint32Array(w);
-      let x = 0;
-      for (let A = 0; A < d.length; A += 1) {
-        const N = d[A];
-        N >= r || (y[x] = N, x += 1);
+    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);
       }
-      i = y;
+      i = x;
     } else
       i = new Uint32Array(0);
   }
-  const o = i ? i.length : r, s = _i(t ?? []);
+  const o = i ? i.length : r, s = Ni(t ?? []);
   if (!e || o === 0 || s.length === 0)
     return {
       groups: [],
@@ -2404,32 +2419,32 @@ function Bi(e, t, n = {}) {
   const a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
   let c = 0;
   for (let d = 0; d < o; d += 1) {
-    const w = i ? i[d] : d, y = e.positions[w * 2], x = e.positions[w * 2 + 1];
-    let A = null;
-    for (const M of s)
-      y < M.minX || y > M.maxX || x < M.minY || x > M.maxY || Fi(y, x, M.ring) && (!A || M.area < A.area) && (A = M);
-    if (!A) continue;
+    const p = i ? i[d] : d, x = e.positions[p * 2], S = e.positions[p * 2 + 1];
+    let P = null;
+    for (const R of s)
+      x < R.minX || x > R.maxX || S < R.minY || S > R.maxY || ki(x, S, R.ring) && (!P || R.area < P.area) && (P = R);
+    if (!P) continue;
     c += 1;
-    const N = e.paletteIndices[w] ?? 0, R = a.get(A.regionIndex) ?? /* @__PURE__ */ new Map();
-    R.set(N, (R.get(N) ?? 0) + 1), a.set(A.regionIndex, R), u.set(
-      A.regionIndex,
-      (u.get(A.regionIndex) ?? 0) + 1
+    const k = e.paletteIndices[p] ?? 0, v = a.get(P.regionIndex) ?? /* @__PURE__ */ new Map();
+    v.set(k, (v.get(k) ?? 0) + 1), a.set(P.regionIndex, v), u.set(
+      P.regionIndex,
+      (u.get(P.regionIndex) ?? 0) + 1
     );
   }
   const h = n.includeEmptyRegions ?? !1, g = [];
   for (const d of s) {
-    const w = u.get(d.regionIndex) ?? 0;
-    if (!h && w <= 0) continue;
-    const y = a.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), x = Array.from(y.entries()).map(([A, N]) => ({
-      termId: Ui(A, n.paletteIndexToTermId),
-      paletteIndex: A,
-      count: N
-    })).sort((A, N) => N.count - A.count || A.paletteIndex - N.paletteIndex);
+    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: Xi(P, n.paletteIndexToTermId),
+      paletteIndex: P,
+      count: k
+    })).sort((P, k) => k.count - P.count || P.paletteIndex - k.paletteIndex);
     g.push({
       regionId: d.regionId,
       regionIndex: d.regionIndex,
-      totalCount: w,
-      termCounts: x
+      totalCount: p,
+      termCounts: S
     });
   }
   return {
@@ -2439,10 +2454,10 @@ function Bi(e, t, n = {}) {
     unmatchedPointCount: Math.max(0, o - c)
   };
 }
-function Me() {
+function Ae() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function zi(e, t) {
+function Wi(e, t) {
   if (!t) return !1;
   try {
     const r = new URL(e, typeof window < "u" ? window.location.href : void 0).hostname.toLowerCase();
@@ -2451,7 +2466,7 @@ function zi(e, t) {
   }
   return !0;
 }
-class Li {
+class Vi {
   constructor(t) {
     b(this, "maxConcurrency");
     b(this, "maxRetries");
@@ -2501,7 +2516,7 @@ class Li {
       const o = {
         tile: r,
         attempt: 0,
-        readyAt: Me()
+        readyAt: Ae()
       };
       this.queue.push(o), this.queuedByKey.set(r.key, o);
     }
@@ -2557,14 +2572,14 @@ class Li {
     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 - Me());
+    const n = Math.max(0, t - Ae());
     this.timerId = window.setTimeout(() => {
       this.timerId = null, this.pump();
     }, n);
   }
   takeNextReadyQueueItem() {
     if (this.queue.length === 0) return null;
-    const t = Me(), n = this.queue[0];
+    const t = Ae(), n = this.queue[0];
     return !n || n.readyAt > t ? null : (this.queue.shift(), this.queuedByKey.delete(n.tile.key), n);
   }
   startFetch(t) {
@@ -2574,7 +2589,7 @@ class Li {
       controller: n
     };
     this.inflight.set(t.tile.key, r), this.emitStateChange();
-    const i = zi(t.tile.url, this.authToken);
+    const i = Wi(t.tile.url, this.authToken);
     fetch(t.tile.url, {
       signal: n.signal,
       headers: i ? { Authorization: this.authToken } : void 0
@@ -2600,7 +2615,7 @@ class Li {
         const a = t.attempt + 1, u = this.getRetryDelay(a), c = {
           tile: t.tile,
           attempt: a,
-          readyAt: Me() + u
+          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();
         return;
@@ -2624,7 +2639,7 @@ class Li {
     this.onStateChange?.(this.getSnapshot());
   }
 }
-const Cn = 0.35, Ye = 0.5, Ni = 256, We = [
+const In = 0.35, We = 0.5, Oi = 256, Ve = [
   { zoom: 1, size: 2.8 },
   { zoom: 2, size: 3.4 },
   { zoom: 3, size: 4.2 },
@@ -2638,7 +2653,7 @@ const Cn = 0.35, Ye = 0.5, Ni = 256, We = [
   { zoom: 11, size: 22 },
   { zoom: 12, size: 28 }
 ];
-class Di {
+class Gi {
   constructor() {
     b(this, "viewportWidth", 1);
     b(this, "viewportHeight", 1);
@@ -2677,10 +2692,10 @@ class Di {
     return [o + a * h - u * g, s + a * g + u * h];
   }
   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, w = -a * g + u * h;
+    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;
     return [
       this.viewportWidth * 0.5 + d * i,
-      this.viewportHeight * 0.5 + w * i
+      this.viewportHeight * 0.5 + p * i
     ];
   }
   getViewCorners() {
@@ -2700,7 +2715,7 @@ class Di {
 function ae(e) {
   return e * Math.PI / 180;
 }
-function In() {
+function _n() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
 function Zt(e, t, n) {
@@ -2715,16 +2730,16 @@ function ze(e, t) {
 function Oe(e) {
   return e.map((t) => ({ zoom: t.zoom, size: t.size }));
 }
-function _n(e) {
-  if (!e) return Oe(We);
+function Bn(e) {
+  if (!e) return Oe(Ve);
   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(We) : Array.from(t.entries()).sort((n, r) => n[0] - r[0]).map(([n, r]) => ({ zoom: n, size: r }));
+  return t.size === 0 ? Oe(Ve) : Array.from(t.entries()).sort((n, r) => n[0] - r[0]).map(([n, r]) => ({ zoom: n, size: r }));
 }
-function ki(e, t) {
+function qi(e, t) {
   if (e === t) return !0;
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n += 1)
@@ -2732,25 +2747,25 @@ function ki(e, t) {
       return !1;
   return !0;
 }
-function Xi(e, t) {
-  if (!Number.isFinite(e)) return t[0]?.size ?? Ye;
-  if (t.length === 0) return Ye;
+function $i(e, t) {
+  if (!Number.isFinite(e)) return t[0]?.size ?? We;
+  if (t.length === 0) return We;
   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 = et((e - a.zoom) / c, 0, 1);
+    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 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 Yi {
+class Hi {
   constructor(t, n, r = {}) {
     b(this, "canvas");
     b(this, "source");
     b(this, "gl");
-    b(this, "camera", new Di());
+    b(this, "camera", new Gi());
     b(this, "onViewStateChange");
     b(this, "onStats");
     b(this, "onTileError");
@@ -2783,7 +2798,7 @@ class Yi {
     b(this, "usePointIndices", !1);
     b(this, "pointBuffersDirty", !0);
     b(this, "pointPaletteSize", 1);
-    b(this, "pointSizeStops", Oe(We));
+    b(this, "pointSizeStops", Oe(Ve));
     b(this, "lastPointData", null);
     b(this, "lastPointPalette", null);
     b(this, "cache", /* @__PURE__ */ new Map());
@@ -2795,7 +2810,7 @@ class Yi {
     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) : Cn, this.pointSizeStops = _n(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) : In, this.pointSizeStops = Bn(r.pointSizeByZoom);
     const i = t.getContext("webgl2", {
       alpha: !1,
       antialias: !1,
@@ -2805,7 +2820,7 @@ class Yi {
     });
     if (!i)
       throw new Error("WebGL2 not supported");
-    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new Li({
+    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new Vi({
       authToken: this.authToken,
       maxConcurrency: r.tileScheduler?.maxConcurrency ?? 12,
       maxRetries: r.tileScheduler?.maxRetries ?? 2,
@@ -2822,7 +2837,7 @@ class Yi {
   }
   setViewState(t) {
     const n = { ...t };
-    typeof n.zoom == "number" && (n.zoom = et(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
+    typeof n.zoom == "number" && (n.zoom = it(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
   }
   getViewState() {
     return this.camera.getViewState();
@@ -2900,8 +2915,8 @@ class Yi {
     this.interactionLocked !== n && (this.interactionLocked = n, n && this.cancelDrag());
   }
   setPointSizeByZoom(t) {
-    const n = _n(t);
-    ki(this.pointSizeStops, n) || (this.pointSizeStops = n, this.requestRender());
+    const n = Bn(t);
+    qi(this.pointSizeStops, n) || (this.pointSizeStops = n, this.requestRender());
   }
   cancelDrag() {
     if (this.pointerId !== null && this.canvas.hasPointerCapture(this.pointerId))
@@ -2933,38 +2948,38 @@ class Yi {
     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 = Xi(n, this.pointSizeStops);
-    return et(r, Ye, Ni);
+    const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t), r = $i(n, this.pointSizeStops);
+    return it(r, We, Oi);
   }
   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: et(o, this.minZoom, this.maxZoom),
+      zoom: it(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 = et(i.zoom * t, this.minZoom, this.maxZoom);
+    const i = this.camera.getViewState(), o = it(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), w = Math.sin(g), y = c / o * d - h / o * w, x = c / o * w + h / o * d;
-    this.camera.setCenter(s - y, a - x), this.clampViewState(), this.emitViewState(), this.requestRender();
+    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();
   }
   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, w = this.source.height - c + o, y = h <= g ? et(s, h, g) : this.source.width * 0.5, x = d <= w ? et(a, d, w) : this.source.height * 0.5;
-    this.camera.setCenter(y, x);
+    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);
   }
   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 et(Math.floor(n), 0, this.source.maxTierZoom);
+    return it(Math.floor(n), 0, this.source.maxTierZoom);
   }
   getViewBounds() {
     const t = this.camera.getViewCorners();
@@ -2979,40 +2994,40 @@ class Yi {
   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 = et(
+    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),
       0,
       s - 1
-    ), w = et(
+    ), p = it(
       Math.floor((h - 1) / r / this.source.tileSize),
       0,
       s - 1
-    ), y = et(
+    ), x = it(
       Math.floor(c / r / this.source.tileSize),
       0,
       a - 1
-    ), x = et(
+    ), S = it(
       Math.floor((g - 1) / r / this.source.tileSize),
       0,
       a - 1
     );
-    if (d > w || y > x)
+    if (d > p || x > S)
       return [];
-    const A = (u + h) * 0.5 / r / this.source.tileSize, N = (c + g) * 0.5 / r / this.source.tileSize, R = [];
-    for (let M = y; M <= x; M += 1)
-      for (let U = d; U <= w; U += 1) {
-        const nt = U * this.source.tileSize * r, ft = M * this.source.tileSize * r, ct = Math.min((U + 1) * this.source.tileSize, i) * r, W = Math.min((M + 1) * this.source.tileSize, o) * r, Mt = U - A, zt = M - N;
-        R.push({
-          key: `${t}/${U}/${M}`,
+    const P = (u + h) * 0.5 / r / this.source.tileSize, k = (c + g) * 0.5 / r / this.source.tileSize, v = [];
+    for (let R = x; R <= S; R += 1)
+      for (let D = d; D <= p; D += 1) {
+        const J = D * this.source.tileSize * r, ft = R * this.source.tileSize * r, at = Math.min((D + 1) * this.source.tileSize, i) * r, $ = Math.min((R + 1) * this.source.tileSize, o) * r, ht = D - P, vt = R - k;
+        v.push({
+          key: `${t}/${D}/${R}`,
           tier: t,
-          x: U,
-          y: M,
-          bounds: [nt, ft, ct, W],
-          distance2: Mt * Mt + zt * zt,
-          url: Wn(this.source, t, U, M)
+          x: D,
+          y: R,
+          bounds: [J, ft, at, $],
+          distance2: ht * ht + vt * vt,
+          url: Wn(this.source, t, D, R)
         });
       }
-    return R.sort((M, U) => M.distance2 - U.distance2), R;
+    return v.sort((R, D) => R.distance2 - D.distance2), v;
   }
   trimCache() {
     if (this.cache.size <= this.maxCacheTiles) return;
@@ -3026,7 +3041,7 @@ class Yi {
   }
   render() {
     if (this.destroyed || this.contextLost || this.gl.isContextLost()) return;
-    const t = In();
+    const t = _n();
     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);
@@ -3035,7 +3050,7 @@ class Yi {
     const u = [];
     for (const [, d] of this.cache)
       a.has(d.key) || this.intersectsBounds(d.bounds, s) && u.push(d);
-    u.sort((d, w) => d.tier - w.tier);
+    u.sort((d, p) => d.tier - p.tier);
     for (const d of u)
       d.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, d.texture), n.uniform4f(
         r.uBounds,
@@ -3047,23 +3062,23 @@ class Yi {
     let c = 0;
     const h = [];
     for (const d of o) {
-      const w = this.cache.get(d.key);
-      if (!w) {
+      const p = this.cache.get(d.key);
+      if (!p) {
         h.push(d);
         continue;
       }
-      w.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, w.texture), n.uniform4f(
+      p.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, p.texture), n.uniform4f(
         r.uBounds,
-        w.bounds[0],
-        w.bounds[1],
-        w.bounds[2],
-        w.bounds[3]
+        p.bounds[0],
+        p.bounds[1],
+        p.bounds[2],
+        p.bounds[3]
       ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), c += 1;
     }
     this.tileScheduler.schedule(h), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null);
     let g = 0;
     if (this.pointCount > 0 && (n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), n.useProgram(i.program), n.bindVertexArray(i.vao), n.uniformMatrix3fv(i.uCamera, !1, this.camera.getMatrix()), n.uniform1f(i.uPointSize, this.getPointSizeByZoom()), n.uniform1f(i.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(), w = c, y = h.length, x = u.length + c + (g > 0 ? 1 : 0);
+      const d = this.tileScheduler.getSnapshot(), p = c, x = h.length, S = u.length + c + (g > 0 ? 1 : 0);
       this.onStats({
         tier: this.currentTier,
         visible: o.length,
@@ -3076,10 +3091,10 @@ class Yi {
         retries: d.retries,
         failed: d.failed,
         aborted: d.aborted,
-        cacheHits: w,
-        cacheMisses: y,
-        drawCalls: x,
-        frameMs: In() - t
+        cacheHits: p,
+        cacheMisses: x,
+        drawCalls: S,
+        frameMs: _n() - t
       });
     }
   }
@@ -3103,7 +3118,7 @@ class Yi {
     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 / Cn, c = this.camera.getViewState();
+        const s = i - o, a = Math.atan2(Math.sin(s), Math.cos(s)), u = this.rotationDragSensitivityDegPerPixel / In, c = this.camera.getViewState();
         this.camera.setViewState({
           rotationDeg: c.rotationDeg - a * 180 / Math.PI * u
         });
@@ -3157,7 +3172,7 @@ class Yi {
     }
   }
   initTileProgram() {
-    const t = this.gl, i = gn(t, `#version 300 es
+    const t = this.gl, i = pn(t, `#version 300 es
     precision highp float;
     in vec2 aUnit;
     in vec2 aUv;
@@ -3193,7 +3208,7 @@ class Yi {
     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 };
   }
   initPointProgram() {
-    const t = this.gl, i = gn(t, `#version 300 es
+    const t = this.gl, i = pn(t, `#version 300 es
     precision highp float;
     in vec2 aPosition;
     in uint aTerm;
@@ -3232,18 +3247,18 @@ class Yi {
       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(), w = t.createTexture();
-    if (!c || !h || !g || !d || !w)
+    }`), 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)
       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);
-    const y = t.getAttribLocation(i, "aPosition");
-    if (y < 0)
-      throw new Error("point position attribute not found");
-    t.enableVertexAttribArray(y), t.vertexAttribPointer(y, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ARRAY_BUFFER, g), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
-    const x = t.getAttribLocation(i, "aTerm");
+    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)
       throw new Error("point term attribute not found");
-    return t.enableVertexAttribArray(x), t.vertexAttribIPointer(x, 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, w), 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(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(
       t.TEXTURE_2D,
       0,
       t.RGBA,
@@ -3259,7 +3274,7 @@ class Yi {
       posBuffer: h,
       termBuffer: g,
       indexBuffer: d,
-      paletteTexture: w,
+      paletteTexture: p,
       uCamera: o,
       uPointSize: s,
       uPalette: a,
@@ -3290,15 +3305,15 @@ class Yi {
     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 = [], Wi = [], Oi = {
+const Le = [], Zi = [], Ki = {
   count: 0,
   positions: new Float32Array(0),
   paletteIndices: new Uint16Array(0)
-}, Vi = 0.65, Gi = 4, qi = 24, $i = 1024, Hi = 4;
-function Zi(e) {
+}, ji = 0.65, Ji = 4, Qi = 24, to = 1024, eo = 4;
+function no(e) {
   return Math.max(0, Math.min(Math.floor(e.count ?? 0), Math.floor((e.positions?.length ?? 0) / 2), e.paletteIndices?.length ?? 0));
 }
-function Ki(e, t) {
+function ro(e, t) {
   if (!(e instanceof Uint32Array) || t <= 0 || e.length === 0)
     return null;
   let n = !1;
@@ -3317,28 +3332,28 @@ function Ki(e, t) {
   }
   return r.subarray(0, i);
 }
-function ji(e, t) {
+function io(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)) * Hi;
-  return Math.max(qi, Math.min($i, i));
+  const n = Math.max(1, e.width * e.height), i = Math.sqrt(n / Math.max(1, t)) * eo;
+  return Math.max(Qi, Math.min(to, i));
 }
-function Ji(e, t) {
+function oo(e, t) {
   if (!e || !e.positions || !e.paletteIndices)
     return null;
-  const n = Zi(e);
+  const n = no(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 = Ki(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 = ro(e.drawIndices, n), s = o ? o.length : n;
   if (s === 0)
     return null;
-  const a = ji(t, s), u = /* @__PURE__ */ new Map(), c = (h) => {
+  const a = io(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 w = Math.floor(g / a), y = Math.floor(d / a);
-    let x = u.get(w);
-    x || (x = /* @__PURE__ */ new Map(), u.set(w, x));
-    const A = x.get(y);
-    A ? A.push(h) : x.set(y, [h]);
+    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]);
   };
   if (o)
     for (let h = 0; h < o.length; h += 1)
@@ -3354,10 +3369,10 @@ function Ji(e, t) {
     buckets: u
   };
 }
-function Ve(e, t) {
+function Ge(e, t) {
   return e.id ?? t;
 }
-function Qi(e, t) {
+function so(e, t) {
   if (!Array.isArray(t) || t.length < 3) return !1;
   const [n, r] = e;
   let i = !1;
@@ -3367,19 +3382,19 @@ function Qi(e, t) {
   }
   return i;
 }
-function Fn(e, t) {
+function De(e, t) {
   for (let n = t.length - 1; n >= 0; n -= 1) {
     const r = t[n];
-    if (r?.coordinates?.length && Qi(e, r.coordinates))
+    if (r?.coordinates?.length && so(e, r.coordinates))
       return {
         region: r,
         regionIndex: n,
-        regionId: Ve(r, n)
+        regionId: Ge(r, n)
       };
   }
   return null;
 }
-function mo({
+function So({
   source: e,
   viewState: t,
   onViewStateChange: n,
@@ -3393,44 +3408,44 @@ function mo({
   rotationResetNonce: h = 0,
   authToken: g = "",
   ctrlDragRotate: d = !0,
-  pointData: w = null,
-  pointPalette: y = null,
-  pointSizeByZoom: x,
-  roiRegions: A,
-  roiPolygons: N,
-  clipPointsToRois: R = !1,
-  clipMode: M = "worker",
-  onClipStats: U,
-  onRoiPointGroups: nt,
+  pointData: p = null,
+  pointPalette: x = null,
+  pointSizeByZoom: S,
+  roiRegions: P,
+  roiPolygons: k,
+  clipPointsToRois: v = !1,
+  clipMode: R = "worker",
+  onClipStats: D,
+  onRoiPointGroups: J,
   roiPaletteIndexToTermId: ft,
-  interactionLock: ct = !1,
-  drawTool: W = "cursor",
-  stampOptions: Mt,
-  brushOptions: zt,
-  regionStrokeStyle: yt,
-  regionStrokeHoverStyle: rt,
-  regionStrokeActiveStyle: Lt,
-  patchStrokeStyle: Nt,
-  resolveRegionStrokeStyle: dt,
-  overlayShapes: it,
-  customLayers: mt,
-  patchRegions: P,
-  regionLabelStyle: T,
-  onPointerWorldMove: I,
+  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: C,
+  onPointerWorldMove: A,
   onPointHover: L,
-  onPointClick: $,
-  onRegionHover: K,
-  onRegionClick: gt,
-  onActiveRegionChange: j,
-  getCellByCoordinatesRef: tt,
-  onDrawComplete: pt,
-  onPatchComplete: J,
-  showOverviewMap: G = !1,
-  overviewMapOptions: q,
-  className: ot,
-  style: st
+  onPointClick: Z,
+  onRegionHover: et,
+  onRegionClick: mt,
+  onActiveRegionChange: yt,
+  getCellByCoordinatesRef: U,
+  onDrawComplete: At,
+  onPatchComplete: gt,
+  showOverviewMap: N = !1,
+  overviewMapOptions: G,
+  className: ut,
+  style: nt
 }) {
-  const Q = H(null), O = H(null), It = H(null), B = H(null), lt = H(n), wt = H(r), bt = H(a), [Gt, At] = Qt(!0), [qt, $t] = Qt(null), [Rt, ve] = Qt(null), [l, f] = Qt(null), [m, S] = Qt(null), v = H(null), E = H(null), D = H(null), V = H(0), k = A ?? Le, ht = P ?? Le, _t = N ?? Wi, Ft = (mt?.length ?? 0) > 0, Pt = Z(() => ({ position: "relative", width: "100%", height: "100%", ...st }), [st]), Ut = Z(
+  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), [Ut, qt] = Jt(null), [pt, ue] = Jt(null), [ce, l] = Jt(null), [f, w] = Jt(null), y = j(null), E = j(null), I = j(null), Y = j(0), V = P ?? Le, W = M ?? Le, lt = k ?? Zi, Pt = (Q?.length ?? 0) > 0, $t = tt(() => ({ position: "relative", width: "100%", height: "100%", ...nt }), [nt]), xt = tt(
     () => ({
       position: "absolute",
       top: 8,
@@ -3452,56 +3467,56 @@ function mo({
       ...u
     }),
     [u]
-  ), at = Z(() => k.length > 0 ? k : _t.length === 0 ? Le : _t.map((p, C) => ({
-    id: C,
-    coordinates: p
-  })), [k, _t]), xt = Z(() => at.map((p) => p.coordinates), [at]), [Kt, ce] = Qt(w);
+  ), 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 p = ++V.current;
-    let C = !1;
-    if (!R)
-      return ce(w), () => {
-        C = !0;
+    const m = ++Y.current;
+    let T = !1;
+    if (!v)
+      return le(p), () => {
+        T = !0;
       };
-    if (!w || !w.count || !w.positions || !w.paletteIndices)
-      return ce(null), () => {
-        C = !0;
+    if (!p || !p.count || !p.positions || !p.paletteIndices)
+      return le(null), () => {
+        T = !0;
       };
-    if (xt.length === 0)
-      return ce(Oi), U?.({
-        mode: M,
+    if (St.length === 0)
+      return le(Ki), D?.({
+        mode: R,
         durationMs: 0,
-        inputCount: w.count,
+        inputCount: p.count,
         outputCount: 0,
         polygonCount: 0
       }), () => {
-        C = !0;
+        T = !0;
       };
-    const _ = (z, ut) => {
-      if (C || p !== V.current) return;
-      const fe = z?.drawIndices ? z.drawIndices.length : z?.count ?? 0;
-      ce(z), U?.({
-        mode: ut.mode,
-        durationMs: ut.durationMs,
-        inputCount: w.count,
-        outputCount: fe,
-        polygonCount: xt.length,
-        usedWebGpu: ut.usedWebGpu,
-        candidateCount: ut.candidateCount,
-        bridgedToDraw: ut.bridgedToDraw
+    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
       });
     };
     return (async () => {
-      if (M === "sync") {
-        const z = performance.now(), ut = Pe(w, xt);
-        _(ut, {
+      if (R === "sync") {
+        const z = performance.now(), st = Re(p, St);
+        _(st, {
           mode: "sync",
           durationMs: performance.now() - z
         });
         return;
       }
-      if (M === "hybrid-webgpu") {
-        const z = await Ri(w, xt, { bridgeToDraw: !0 });
+      if (R === "hybrid-webgpu") {
+        const z = await Fi(p, St, { bridgeToDraw: !0 });
         _(z.data, {
           mode: z.meta.mode,
           durationMs: z.meta.durationMs,
@@ -3512,209 +3527,209 @@ function mo({
         return;
       }
       try {
-        const z = await Ei(w, xt);
+        const z = await zi(p, St);
         _(z.data, {
           mode: z.meta.mode,
           durationMs: z.meta.durationMs
         });
       } catch {
-        const z = performance.now(), ut = Pe(w, xt);
-        _(ut, {
+        const z = performance.now(), st = Re(p, St);
+        _(st, {
           mode: "sync",
           durationMs: performance.now() - z
         });
       }
     })(), () => {
-      C = !0;
+      T = !0;
     };
-  }, [R, M, w, xt, U]);
-  const $e = !!(L || $ || tt), vt = Z(() => $e ? Ji(Kt, e) : null, [$e, Kt, e]), Ht = F(
-    (p) => {
-      const C = O.current;
-      if (!C || !vt) return null;
-      const _ = Number(p[0]), Y = Number(p[1]);
-      if (!Number.isFinite(_) || !Number.isFinite(Y)) return null;
-      const z = Math.max(1e-6, C.getViewState().zoom), ut = C.getPointSizeByZoom(), re = Math.max(Gi, ut * Vi) / z;
+  }, [v, R, p, St, D]);
+  const He = !!(L || Z || U), Mt = tt(() => He ? oo(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(Ji, st * ji) / z;
       if (!Number.isFinite(re) || re <= 0) return null;
-      const Re = vt.cellSize, en = Math.floor(_ / Re), nn = Math.floor(Y / Re), de = Math.max(1, Math.ceil(re / Re)), tr = re * re;
-      let me = -1, rn = tr, on = 0, sn = 0;
-      for (let Ee = en - de; Ee <= en + de; Ee += 1) {
-        const an = vt.buckets.get(Ee);
-        if (an)
-          for (let Ce = nn - de; Ce <= nn + de; Ce += 1) {
-            const ge = an.get(Ce);
-            if (!(!ge || ge.length === 0))
-              for (let Ie = 0; Ie < ge.length; Ie += 1) {
-                const pe = ge[Ie];
-                if (pe >= vt.safeCount) continue;
-                const un = vt.positions[pe * 2], cn = vt.positions[pe * 2 + 1], ln = un - _, hn = cn - Y, fn = ln * ln + hn * hn;
-                fn > rn || (rn = fn, me = pe, on = un, sn = cn);
+      const Ee = Mt.cellSize, nn = Math.floor(_ / Ee), rn = Math.floor(O / Ee), me = Math.max(1, Math.ceil(re / Ee)), 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);
               }
           }
       }
-      if (me < 0) return null;
-      const er = vt.ids ? Number(vt.ids[me]) : null;
+      if (ge < 0) return null;
+      const nr = Mt.ids ? Number(Mt.ids[ge]) : null;
       return {
-        index: me,
-        id: er,
-        coordinate: [_, Y],
-        pointCoordinate: [on, sn]
+        index: ge,
+        id: nr,
+        coordinate: [_, O],
+        pointCoordinate: [sn, an]
       };
     },
-    [vt]
-  ), jt = F(
-    (p, C) => {
+    [Mt]
+  ), jt = B(
+    (m, T) => {
       if (!L) return;
-      const _ = p?.index ?? null, Y = p?.id ?? null;
-      E.current === _ && D.current === Y || (E.current = _, D.current = Y, L({
+      const _ = m?.index ?? null, O = m?.id ?? null;
+      E.current === _ && I.current === O || (E.current = _, I.current = O, L({
         index: _,
-        id: Y,
-        coordinate: C,
-        pointCoordinate: p?.pointCoordinate ?? null
+        id: O,
+        coordinate: T,
+        pointCoordinate: m?.pointCoordinate ?? null
       }));
     },
     [L]
-  ), le = F(
-    (p, C) => {
-      if (!$) return;
-      const _ = Ht(p);
-      _ && $({
+  ), he = B(
+    (m, T) => {
+      if (!Z) return;
+      const _ = Ht(m);
+      _ && Z({
         ..._,
-        button: C
+        button: T
       });
     },
-    [$, Ht]
+    [Z, Ht]
   );
-  Z(() => {
-    const p = Number(q?.width ?? 220);
-    return Number.isFinite(p) ? Math.max(64, p) : 220;
-  }, [q?.width]);
-  const He = Z(() => {
-    const p = Number(q?.height ?? 140);
-    return Number.isFinite(p) ? Math.max(48, p) : 140;
-  }, [q?.height]), kt = Z(() => {
-    const p = Number(q?.margin ?? 16);
-    return Number.isFinite(p) ? Math.max(0, p) : 16;
-  }, [q?.margin]), he = q?.position || "bottom-right";
+  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 (tt)
-      return tt.current = Ht, () => {
-        tt.current === Ht && (tt.current = null);
+    if (U)
+      return U.current = Ht, () => {
+        U.current === Ht && (U.current = null);
       };
-  }, [tt, Ht]);
-  const Jt = F(
-    (p) => {
-      ve((C) => String(C) === String(p) ? C : (j?.(p), p));
+  }, [U, Ht]);
+  const Nt = B(
+    (m) => {
+      ue((T) => String(T) === String(m) ? T : (yt?.(m), m));
     },
-    [j]
+    [yt]
   );
   X(() => {
-    lt.current = n;
+    F.current = n;
   }, [n]), X(() => {
-    wt.current = r;
+    ct.current = r;
   }, [r]), X(() => {
-    bt.current = a, a || S(null);
+    ot.current = a, a || w(null);
   }, [a]);
-  const Ze = F((p) => {
-    wt.current?.(p), bt.current && S(p);
-  }, []), Zn = Z(() => m ? [
-    `tier ${m.tier} | frame ${m.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${m.drawCalls ?? "-"}`,
-    `tiles visible ${m.visible} | rendered ${m.rendered} | fallback ${m.fallback}`,
-    `cache size ${m.cache} | hit ${m.cacheHits ?? "-"} | miss ${m.cacheMisses ?? "-"}`,
-    `queue inflight ${m.inflight} | queued ${m.queued ?? "-"} | retries ${m.retries ?? "-"} | failed ${m.failed ?? "-"} | aborted ${m.aborted ?? "-"}`,
-    `points ${m.points}`
+  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}`
   ].join(`
-`) : "stats: waiting for first frame...", [m]);
+`) : "stats: waiting for first frame...", [f]);
   X(() => {
-    !(Rt === null ? !0 : at.some((Y, z) => String(Ve(Y, z)) === String(Rt))) && Rt !== null && Jt(null);
-    const C = v.current;
-    !(C === null ? !0 : at.some((Y, z) => String(Ve(Y, z)) === String(C))) && C !== null && (v.current = null, $t(null), K?.({
+    !(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?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [at, Rt, K, Jt]), X(() => {
-    const p = E.current;
-    p !== null && (vt && p < vt.safeCount || (E.current = null, D.current = null, L?.({
+  }, [H, pt, et, Nt]), X(() => {
+    const m = E.current;
+    m !== null && (Mt && m < Mt.safeCount || (E.current = null, I.current = null, L?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     })));
-  }, [vt, L]);
-  const Ke = F(
-    (p) => {
-      Ft && f(p);
-      const C = lt.current;
-      C && C(p), It.current?.(), B.current?.();
+  }, [Mt, L]);
+  const je = B(
+    (m) => {
+      Pt && l(m);
+      const T = F.current;
+      T && T(m), It.current?.(), _t.current?.();
     },
-    [Ft]
+    [Pt]
   );
   X(() => {
-    if (!G) {
-      At(!1);
+    if (!N) {
+      Bt(!1);
       return;
     }
-    At(!0);
-  }, [G, e?.id]), X(() => {
-    W !== "cursor" && v.current !== null && (v.current = null, $t(null), K?.({
+    Bt(!0);
+  }, [N, e?.id]), X(() => {
+    $ !== "cursor" && y.current !== null && (y.current = null, qt(null), et?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [W, K]), X(() => {
-    W !== "cursor" && E.current !== null && (E.current = null, D.current = null, L?.({
+  }, [$, et]), X(() => {
+    $ !== "cursor" && E.current !== null && (E.current = null, I.current = null, L?.({
       index: null,
       id: null,
       coordinate: null,
       pointCoordinate: null
     }));
-  }, [W, L]);
-  const Xt = F((p, C) => {
-    const _ = O.current;
+  }, [$, L]);
+  const kt = B((m, T) => {
+    const _ = q.current;
     if (!_) return null;
-    const Y = _.screenToWorld(p, C);
-    if (!Array.isArray(Y) || Y.length < 2) return null;
-    const z = Number(Y[0]), ut = Number(Y[1]);
-    return !Number.isFinite(z) || !Number.isFinite(ut) ? null : [z, ut];
-  }, []), je = F((p, C) => {
-    const _ = O.current;
+    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 Y = _.worldToScreen(p, C);
-    if (!Array.isArray(Y) || Y.length < 2) return null;
-    const z = Number(Y[0]), ut = Number(Y[1]);
-    return !Number.isFinite(z) || !Number.isFinite(ut) ? null : [z, ut];
-  }, []), Je = F(() => {
-    O.current?.requestRender(), It.current?.(), B.current?.();
-  }, []), Qe = Z(() => l ?? O.current?.getViewState() ?? null, [l]), tn = Z(() => {
+    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(() => {
     if (!e) return null;
-    const p = Qe;
-    return p ? {
+    const m = tn;
+    return m ? {
       source: e,
-      viewState: p,
-      drawTool: W,
-      interactionLock: ct,
-      worldToScreen: je,
-      screenToWorld: Xt,
-      requestRedraw: Je
+      viewState: m,
+      drawTool: $,
+      interactionLock: at,
+      worldToScreen: Je,
+      screenToWorld: kt,
+      requestRedraw: Qe
     } : null;
-  }, [e, Qe, W, ct, je, Xt, Je]), Kn = F(
-    (p) => {
-      const C = p.target === Q.current, _ = Xt(p.clientX, p.clientY);
-      if (I) {
-        const fe = !!_ && _[0] >= 0 && _[1] >= 0 && !!e && _[0] <= e.width && _[1] <= e.height;
-        I({
+  }, [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: p.clientX,
-          clientY: p.clientY,
-          insideImage: fe
+          clientX: m.clientX,
+          clientY: m.clientY,
+          insideImage: de
         });
       }
-      if (W !== "cursor") return;
-      if (!C) {
-        jt(null, null), v.current !== null && (v.current = null, $t(null), K?.({
+      if ($ !== "cursor") return;
+      if (!T) {
+        jt(null, null), y.current !== null && (y.current = null, qt(null), et?.({
           region: null,
           regionId: null,
           regionIndex: -1,
@@ -3726,110 +3741,124 @@ function mo({
         jt(null, null);
         return;
       }
-      if (L && jt(Ht(_), _), !at.length) return;
-      const Y = Fn(_, at), z = Y?.regionId ?? null, ut = v.current;
-      String(ut) !== String(z) && (v.current = z, $t(z), K?.({
-        region: Y?.region ?? null,
+      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: Y?.regionIndex ?? -1,
+        regionIndex: O?.regionIndex ?? -1,
         coordinate: _
       }));
     },
-    [W, at, Xt, K, I, e, jt, Ht, L]
-  ), jn = F(() => {
-    I?.({
+    [$, H, kt, et, A, e, jt, Ht, L]
+  ), jn = B(() => {
+    A?.({
       coordinate: null,
       clientX: -1,
       clientY: -1,
       insideImage: !1
-    }), jt(null, null), v.current !== null && (v.current = null, $t(null), K?.({
+    }), jt(null, null), y.current !== null && (y.current = null, qt(null), et?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [K, I, jt]), Jn = F(
-    (p) => {
-      if (W !== "cursor" || p.target !== Q.current) return;
-      const C = Xt(p.clientX, p.clientY);
-      if (!C) return;
-      if (le(C, p.button), !at.length) {
-        Jt(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);
         return;
       }
-      const _ = Fn(C, at);
+      const _ = De(T, H);
       if (!_) {
-        Jt(null);
+        Nt(null);
         return;
       }
-      const Y = Rt !== null && String(Rt) === String(_.regionId) ? null : _.regionId;
-      Jt(Y), gt?.({
+      const O = pt !== null && String(pt) === String(_.regionId) ? null : _.regionId;
+      Nt(O), mt?.({
         region: _.region,
         regionId: _.regionId,
         regionIndex: _.regionIndex,
-        coordinate: C
+        coordinate: T
       });
     },
-    [W, at, Xt, gt, Rt, Jt, le]
-  ), Qn = F(
-    (p) => {
-      if (!$ || W !== "cursor" || p.target !== Q.current) return;
-      p.preventDefault();
-      const C = Xt(p.clientX, p.clientY);
-      C && le(C, p.button);
+    [$, 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
+      }), !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);
     },
-    [W, Xt, le, $]
+    [$, kt, he, Z]
   );
   return X(() => {
-    const p = Q.current;
-    if (!p || !e)
+    const m = rt.current;
+    if (!m || !e)
       return;
-    const C = new Yi(p, e, {
-      onViewStateChange: Ke,
-      onStats: Ze,
+    const T = new Hi(m, e, {
+      onViewStateChange: je,
+      onStats: Ke,
       onTileError: i,
       onContextLost: o,
       onContextRestored: s,
       authToken: g,
       ctrlDragRotate: d,
-      pointSizeByZoom: x
+      pointSizeByZoom: S
     });
-    return O.current = C, t && C.setViewState(t), C.setInteractionLock(ct), Ft && f(C.getViewState()), () => {
-      C.destroy(), O.current = null;
+    return q.current = T, t && T.setViewState(t), T.setInteractionLock(at), Pt && l(T.getViewState()), () => {
+      T.destroy(), q.current = null;
     };
-  }, [e, Ze, i, o, s, g, d, x, Ke, Ft]), X(() => {
-    const p = O.current;
-    !p || !t || p.setViewState(t);
+  }, [e, Ke, i, o, s, g, d, S, je, Pt]), X(() => {
+    const m = q.current;
+    !m || !t || m.setViewState(t);
   }, [t]), X(() => {
-    const p = O.current;
-    p && p.fitToImage();
+    const m = q.current;
+    m && m.fitToImage();
   }, [c]), X(() => {
-    const p = O.current;
-    p && p.resetRotation();
+    const m = q.current;
+    m && m.resetRotation();
   }, [h]), X(() => {
-    const p = O.current;
-    !p || !y || p.setPointPalette(y);
-  }, [y]), X(() => {
-    const p = O.current;
-    p && p.setPointSizeByZoom(x);
+    const m = q.current;
+    !m || !x || m.setPointPalette(x);
   }, [x]), X(() => {
-    const p = O.current;
-    p && p.setPointData(Kt);
-  }, [Kt]), X(() => {
-    if (!nt) return;
-    const C = Bi(R ? Kt : w, at, {
+    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 = Yi(v ? Tt : p, H, {
       paletteIndexToTermId: ft,
       includeEmptyRegions: !0
     });
-    nt(C);
-  }, [nt, R, w, Kt, at, ft]), X(() => {
-    const p = O.current;
-    p && p.setInteractionLock(ct);
-  }, [ct]), /* @__PURE__ */ dn("div", { className: ot, style: Pt, onPointerMove: Kn, onPointerLeave: jn, onClick: Jn, onContextMenu: Qn, children: [
-    /* @__PURE__ */ Bt(
+    J(T);
+  }, [J, v, 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: [
+    /* @__PURE__ */ Ft(
       "canvas",
       {
-        ref: Q,
+        ref: rt,
         className: "wsi-render-canvas",
         style: {
           position: "absolute",
@@ -3839,68 +3868,69 @@ function mo({
           height: "100%",
           display: "block",
           touchAction: "none",
-          cursor: W === "cursor" && qt !== null ? "pointer" : ct ? "crosshair" : "grab"
+          cursor: $ === "cursor" && Ut !== null ? "pointer" : at ? "crosshair" : "grab"
         }
       }
     ),
-    e && tn && Array.isArray(mt) && mt.length > 0 ? mt.map((p, C) => /* @__PURE__ */ Bt(
+    e && en && Array.isArray(Q) && Q.length > 0 ? Q.map((m, T) => /* @__PURE__ */ Ft(
       "div",
       {
-        className: p.className,
+        className: m.className,
         style: {
           position: "absolute",
           inset: 0,
-          zIndex: p.zIndex ?? 3,
-          pointerEvents: p.pointerEvents ?? "none",
-          ...p.style
+          zIndex: m.zIndex ?? 3,
+          pointerEvents: m.pointerEvents ?? "none",
+          ...m.style
         },
-        children: p.render(tn)
+        children: m.render(en)
       },
-      p.id ?? C
+      m.id ?? T
     )) : null,
-    e ? /* @__PURE__ */ Bt(
-      li,
+    e ? /* @__PURE__ */ Ft(
+      bi,
       {
-        tool: W,
-        enabled: W !== "cursor",
+        tool: $,
+        enabled: $ !== "cursor",
         imageWidth: e.width,
         imageHeight: e.height,
         imageMpp: e.mpp,
         imageZoom: e.maxTierZoom,
-        stampOptions: Mt,
-        brushOptions: zt,
-        projectorRef: O,
+        stampOptions: ht,
+        brushOptions: vt,
+        projectorRef: q,
+        onBrushTap: Qn,
         viewStateSignal: t,
-        persistedRegions: at,
-        patchRegions: ht,
-        regionStrokeStyle: yt,
-        regionStrokeHoverStyle: rt,
-        regionStrokeActiveStyle: Lt,
-        patchStrokeStyle: Nt,
-        resolveRegionStrokeStyle: dt,
-        overlayShapes: it,
-        hoveredRegionId: qt,
-        activeRegionId: Rt,
-        regionLabelStyle: T,
+        persistedRegions: H,
+        patchRegions: W,
+        regionStrokeStyle: Ot,
+        regionStrokeHoverStyle: K,
+        regionStrokeActiveStyle: Ct,
+        patchStrokeStyle: zt,
+        resolveRegionStrokeStyle: Kt,
+        overlayShapes: dt,
+        hoveredRegionId: Ut,
+        activeRegionId: pt,
+        regionLabelStyle: C,
         invalidateRef: It,
-        onDrawComplete: pt,
-        onPatchComplete: J
+        onDrawComplete: At,
+        onPatchComplete: gt
       }
     ) : null,
-    a ? /* @__PURE__ */ Bt("pre", { "data-open-plant-debug-overlay": !0, style: Ut, children: Zn }) : null,
-    e && G ? Gt ? /* @__PURE__ */ dn(ir, { children: [
-      /* @__PURE__ */ Bt(fi, { source: e, projectorRef: O, authToken: g, options: q, invalidateRef: B }),
-      /* @__PURE__ */ Bt(
+    a ? /* @__PURE__ */ Ft("pre", { "data-open-plant-debug-overlay": !0, style: xt, children: Zn }) : null,
+    e && N ? Gt ? /* @__PURE__ */ mn(or, { children: [
+      /* @__PURE__ */ Ft(yi, { source: e, projectorRef: q, authToken: g, options: G, invalidateRef: _t }),
+      /* @__PURE__ */ Ft(
         "button",
         {
           type: "button",
           "aria-label": "Hide overview map",
-          onClick: () => At(!1),
+          onClick: () => Bt(!1),
           style: {
             position: "absolute",
             zIndex: 6,
-            ...he.includes("left") ? { left: kt } : { right: kt },
-            ...he.includes("top") ? { top: kt + He + 8 } : { bottom: kt + He + 8 },
+            ...fe.includes("left") ? { left: Dt } : { right: Dt },
+            ...fe.includes("top") ? { top: Dt + Ze + 8 } : { bottom: Dt + Ze + 8 },
             width: 20,
             height: 20,
             borderRadius: 999,
@@ -3915,17 +3945,17 @@ function mo({
           children: "×"
         }
       )
-    ] }) : /* @__PURE__ */ Bt(
+    ] }) : /* @__PURE__ */ Ft(
       "button",
       {
         type: "button",
         "aria-label": "Show overview map",
-        onClick: () => At(!0),
+        onClick: () => Bt(!0),
         style: {
           position: "absolute",
           zIndex: 6,
-          ...he.includes("left") ? { left: kt } : { right: kt },
-          ...he.includes("top") ? { top: kt } : { bottom: kt },
+          ...fe.includes("left") ? { left: Dt } : { right: Dt },
+          ...fe.includes("top") ? { top: Dt } : { bottom: Dt },
           height: 24,
           minWidth: 40,
           borderRadius: 999,
@@ -3943,34 +3973,34 @@ function mo({
   ] });
 }
 export {
-  Bn as DEFAULT_POINT_COLOR,
-  li as DrawLayer,
-  lr as M1TileRenderer,
-  fi as OverviewMap,
-  Li as TileScheduler,
-  co as TileViewerCanvas,
-  Yi as WsiTileRenderer,
-  mo as WsiViewerCanvas,
-  ao as buildTermPalette,
-  io as calcScaleLength,
+  Fn as DEFAULT_POINT_COLOR,
+  bi as DrawLayer,
+  hr as M1TileRenderer,
+  yi as OverviewMap,
+  Vi as TileScheduler,
+  bo as TileViewerCanvas,
+  Hi as WsiTileRenderer,
+  So as WsiViewerCanvas,
+  go as buildTermPalette,
+  ho as calcScaleLength,
   zn as calcScaleResolution,
-  et as clamp,
-  Ct as closeRing,
-  Bi as computeRoiPointGroups,
-  Sn as createCircle,
-  xn as createRectangle,
-  Pe as filterPointDataByPolygons,
-  Ri as filterPointDataByPolygonsHybrid,
-  Ei as filterPointDataByPolygonsInWorker,
-  gi as filterPointIndicesByPolygons,
-  fo as filterPointIndicesByPolygonsInWorker,
-  lo as getWebGpuCapabilities,
-  Ur as hexToRgba,
-  oo as isSameViewState,
-  uo as normalizeImageInfo,
-  Mi as prefilterPointsByBoundsWebGpu,
-  ho as terminateRoiClipWorker,
-  so as toBearerToken,
+  it as clamp,
+  Et as closeRing,
+  Yi as computeRoiPointGroups,
+  Tn as createCircle,
+  Sn as createRectangle,
+  Re as filterPointDataByPolygons,
+  Fi as filterPointDataByPolygonsHybrid,
+  zi as filterPointDataByPolygonsInWorker,
+  Ti as filterPointIndicesByPolygons,
+  xo as filterPointIndicesByPolygonsInWorker,
+  wo as getWebGpuCapabilities,
+  Fr as hexToRgba,
+  fo as isSameViewState,
+  po as normalizeImageInfo,
+  Ii as prefilterPointsByBoundsWebGpu,
+  yo as terminateRoiClipWorker,
+  mo as toBearerToken,
   Wn as toTileUrl
 };
 //# sourceMappingURL=index.js.map