open-plant 1.2.1 → 1.2.2

package/dist/index.js

@@ -1,9 +1,9 @@
-var Xe = Object.defineProperty;
-var Ve = (e, t, n) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var f = (e, t, n) => Ve(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as Et, jsxs as de, Fragment as Oe } from "react/jsx-runtime";
-import { useRef as $, useMemo as et, useCallback as D, useEffect as L, useState as Ft } from "react";
-function me(e, t, n) {
+var an = Object.defineProperty;
+var cn = (e, t, n) => t in e ? an(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var d = (e, t, n) => cn(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as Mt, jsxs as Ee, Fragment as un } from "react/jsx-runtime";
+import { useRef as Z, useMemo as H, useCallback as D, useEffect as z, useState as Yt } from "react";
+function Ae(e, t, n) {
   const r = e.createShader(t);
   if (!r)
     throw new Error("Failed to create shader.");
@@ -13,8 +13,8 @@ function me(e, t, n) {
   }
   return r;
 }
-function Ge(e, t, n) {
-  const r = me(e, e.VERTEX_SHADER, t), i = me(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
+function ln(e, t, n) {
+  const r = Ae(e, e.VERTEX_SHADER, t), i = Ae(e, e.FRAGMENT_SHADER, n), o = e.createProgram();
   if (!o)
     throw e.deleteShader(r), e.deleteShader(i), new Error("Failed to create program.");
   if (e.attachShader(o, r), e.attachShader(o, i), e.linkProgram(o), e.deleteShader(r), e.deleteShader(i), !e.getProgramParameter(o, e.LINK_STATUS)) {
@@ -23,13 +23,13 @@ function Ge(e, t, n) {
   }
   return o;
 }
-function Jt(e, t, n) {
+function se(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`Failed to get uniform location: ${n}`);
   return r;
 }
-function qe(e) {
+function hn(e) {
   const t = e.getContext("webgl2", {
     alpha: !1,
     antialias: !1,
@@ -42,11 +42,11 @@ function qe(e) {
     throw new Error("WebGL2 is not available.");
   return t;
 }
-let $e = class {
+let dn = class {
   constructor() {
-    f(this, "viewportWidth", 1);
-    f(this, "viewportHeight", 1);
-    f(this, "viewState", {
+    d(this, "viewportWidth", 1);
+    d(this, "viewportHeight", 1);
+    d(this, "viewState", {
       offsetX: 0,
       offsetY: 0,
       zoom: 1
@@ -82,7 +82,7 @@ let $e = class {
     ]);
   }
 };
-const He = `#version 300 es
+const fn = `#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;
 }
-`, Ze = `#version 300 es
+`, mn = `#version 300 es
 precision highp float;
 
 in vec2 vUv;
@@ -114,28 +114,28 @@ void main() {
   outColor = texture(uTexture, vUv);
 }
 `;
-class Ke {
+class gn {
   constructor(t) {
-    f(this, "canvas");
-    f(this, "gl");
-    f(this, "camera", new $e());
-    f(this, "imageWidth");
-    f(this, "imageHeight");
-    f(this, "clearColor");
-    f(this, "program");
-    f(this, "vao");
-    f(this, "quadBuffer");
-    f(this, "uCameraLocation");
-    f(this, "uBoundsLocation");
-    f(this, "uTextureLocation");
-    f(this, "resizeObserver");
-    f(this, "tiles", []);
-    f(this, "frameId", null);
-    f(this, "loadVersion", 0);
-    f(this, "destroyed", !1);
-    f(this, "fitted", !1);
-    f(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 = qe(this.canvas), this.program = Ge(this.gl, He, Ze);
+    d(this, "canvas");
+    d(this, "gl");
+    d(this, "camera", new dn());
+    d(this, "imageWidth");
+    d(this, "imageHeight");
+    d(this, "clearColor");
+    d(this, "program");
+    d(this, "vao");
+    d(this, "quadBuffer");
+    d(this, "uCameraLocation");
+    d(this, "uBoundsLocation");
+    d(this, "uTextureLocation");
+    d(this, "resizeObserver");
+    d(this, "tiles", []);
+    d(this, "frameId", null);
+    d(this, "loadVersion", 0);
+    d(this, "destroyed", !1);
+    d(this, "fitted", !1);
+    d(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 = hn(this.canvas), this.program = ln(this.gl, fn, mn);
     const n = this.gl.createVertexArray(), r = this.gl.createBuffer();
     if (!n || !r)
       throw new Error("Failed to create WebGL buffers.");
@@ -177,15 +177,15 @@ class Ke {
       !1,
       a,
       2 * Float32Array.BYTES_PER_ELEMENT
-    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = Jt(
+    ), this.gl.bindVertexArray(null), this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null), this.uCameraLocation = se(
       this.gl,
       this.program,
       "uCamera"
-    ), this.uBoundsLocation = Jt(
+    ), this.uBoundsLocation = se(
       this.gl,
       this.program,
       "uBounds"
-    ), this.uTextureLocation = Jt(
+    ), this.uTextureLocation = se(
       this.gl,
       this.program,
       "uTexture"
@@ -310,31 +310,31 @@ class Ke {
       this.gl.deleteTexture(n.texture);
   }
 }
-const Ce = [
+const Xe = [
   160,
   160,
   160,
   255
 ];
-function Z(e, t, n) {
+function j(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function Ie(e, t, n) {
+function Ve(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 Jn(e, t, n) {
-  let i = 100 * Ie(e, t, n);
+function fr(e, t, n) {
+  let i = 100 * Ve(e, t, n);
   if (Number(e)) {
     let o = "μm";
     return i > 1e3 && (i /= 1e3, o = "mm"), `${i.toPrecision(3)} ${o}`;
   }
   return `${Math.round(i * 1e3) / 1e3} pixels`;
 }
-function Qn(e, t) {
+function mr(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 tr(e) {
+function gr(e) {
   const t = String(e ?? "").trim();
   if (!t) return "";
   if (/^bearer\s+/i.test(t)) {
@@ -343,26 +343,26 @@ function tr(e) {
   }
   return `Bearer ${t}`;
 }
-function je(e) {
+function pn(e) {
   const n = String(e ?? "").trim().match(/^#?([0-9a-fA-F]{6})$/);
-  if (!n) return [...Ce];
+  if (!n) return [...Xe];
   const r = Number.parseInt(n[1], 16);
   return [r >> 16 & 255, r >> 8 & 255, r & 255, 255];
 }
-function er(e) {
+function pr(e) {
   const t = [
-    [...Ce]
+    [...Xe]
   ], 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(je(i?.termColor)));
+    !o || n.has(o) || (n.set(o, t.length), t.push(pn(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 ge(e, t, n) {
+function Re(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");
@@ -377,7 +377,7 @@ function ge(e, t, n) {
     throw new Error(e.getProgramInfoLog(o) || "program link failed");
   return o;
 }
-const Je = "rgba(255, 77, 79, 0.16)", Qe = 3, tn = 2, _e = 96, en = 1, nn = [], ie = [], pe = 1e3, Be = 2, Ue = 2, rn = 4096, on = 0.2, At = {
+const wn = "rgba(255, 77, 79, 0.16)", bn = 3, yn = 2, Oe = 96, xn = 1, Ce = [], fe = [], Ie = 1e3, Ge = 2, qe = 2, Tn = 4096, vn = 0.2, Bt = {
   color: "#ff4d4f",
   width: 2,
   lineJoin: "round",
@@ -386,7 +386,17 @@ const Je = "rgba(255, 77, 79, 0.16)", Qe = 3, tn = 2, _e = 96, en = 1, nn = [],
   shadowBlur: 0,
   shadowOffsetX: 0,
   shadowOffsetY: 0
-}, bt = {
+}, Mn = {
+  color: "#4cc9f0",
+  width: 2,
+  lineDash: [10, 8],
+  lineJoin: "round",
+  lineCap: "round",
+  shadowColor: "rgba(0, 0, 0, 0)",
+  shadowBlur: 0,
+  shadowOffsetX: 0,
+  shadowOffsetY: 0
+}, xt = {
   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   fontSize: 12,
   fontWeight: 500,
@@ -399,82 +409,67 @@ const Je = "rgba(255, 77, 79, 0.16)", Qe = 3, tn = 2, _e = 96, en = 1, nn = [],
   offsetY: 10,
   borderRadius: 3
 };
-function Zt(e, t, n) {
+function ne(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
-function Yt(e) {
+function Zt(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 Qt(e, t) {
+function ae(e, t) {
   return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? t : e;
 }
-function sn(e) {
+function Pn(e) {
   return {
-    rectangleAreaMm2: Qt(
-      e?.rectangleAreaMm2,
-      Be
-    ),
-    circleAreaMm2: Qt(
-      e?.circleAreaMm2,
-      Ue
-    ),
-    rectanglePixelSize: Qt(
-      e?.rectanglePixelSize,
-      rn
-    )
+    rectangleAreaMm2: ae(e?.rectangleAreaMm2, Ge),
+    circleAreaMm2: ae(e?.circleAreaMm2, qe),
+    rectanglePixelSize: ae(e?.rectanglePixelSize, Tn)
   };
 }
-function an(e) {
-  return e * pe * pe;
+function Sn(e) {
+  return e * Ie * Ie;
 }
-function be(e, t) {
-  return !e || !Number.isFinite(t) || t <= 0 ? [] : St([
+function _e(e, t) {
+  return !e || !Number.isFinite(t) || t <= 0 ? [] : Pt([
     [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 un(e, t, n = _e) {
+function En(e, t, n = Oe) {
   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
-    ]);
+    r.push([e[0] + Math.cos(o) * t, e[1] + Math.sin(o) * t]);
   }
-  return St(r);
+  return Pt(r);
 }
-function St(e) {
+function Pt(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 we(e, t) {
-  return !e || !t ? [] : St([
+function Be(e, t) {
+  return !e || !t ? [] : Pt([
     [e[0], e[1]],
     [t[0], e[1]],
     [t[0], t[1]],
     [e[0], t[1]]
   ]);
 }
-function ye(e, t, n = _e) {
+function Ue(e, t, n = Oe) {
   if (!e || !t) return [];
   const r = (e[0] + t[0]) * 0.5, i = (e[1] + t[1]) * 0.5, o = Math.hypot(t[0] - e[0], t[1] - e[1]) * 0.5;
   if (o < 1) return [];
   const s = [];
   for (let a = 0; a <= n; a += 1) {
-    const l = a / n * Math.PI * 2;
-    s.push([
-      r + Math.cos(l) * o,
-      i + Math.sin(l) * o
-    ]);
+    const c = a / n * Math.PI * 2;
+    s.push([r + Math.cos(c) * o, i + Math.sin(c) * o]);
   }
-  return St(s);
+  return Pt(s);
 }
-function oe(e) {
+function me(e) {
   if (!Array.isArray(e) || e.length < 4) return 0;
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
@@ -483,40 +478,40 @@ function oe(e) {
   }
   return Math.abs(t * 0.5);
 }
-function xe(e) {
+function Fe(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 Te(e) {
-  return Array.isArray(e) && e.length >= 4 && oe(e) > en;
+function Le(e) {
+  return Array.isArray(e) && e.length >= 4 && me(e) > xn;
 }
-function Dt(e, t, n, r = !1, i = !1) {
+function Wt(e, t, n, r = !1, i = !1) {
   if (t.length !== 0) {
     e.beginPath(), e.moveTo(t[0][0], t[0][1]);
     for (let o = 1; o < t.length; o += 1)
       e.lineTo(t[o][0], t[o][1]);
-    r && e.closePath(), i && r && (e.fillStyle = Je, 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(ie), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0;
+    r && e.closePath(), i && r && (e.fillStyle = wn, 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(fe), e.shadowColor = "rgba(0, 0, 0, 0)", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0;
   }
 }
-function Fe(e) {
-  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : ie, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : At.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : At.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : At.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : At.shadowOffsetY;
+function $e(e) {
+  const t = Array.isArray(e?.lineDash) ? e.lineDash.filter((s) => Number.isFinite(s) && s >= 0) : fe, n = typeof e?.width == "number" && Number.isFinite(e.width) ? Math.max(0, e.width) : Bt.width, r = typeof e?.shadowBlur == "number" && Number.isFinite(e.shadowBlur) ? Math.max(0, e.shadowBlur) : Bt.shadowBlur, i = typeof e?.shadowOffsetX == "number" && Number.isFinite(e.shadowOffsetX) ? e.shadowOffsetX : Bt.shadowOffsetX, o = typeof e?.shadowOffsetY == "number" && Number.isFinite(e.shadowOffsetY) ? e.shadowOffsetY : Bt.shadowOffsetY;
   return {
-    color: e?.color || At.color,
+    color: e?.color || Bt.color,
     width: n,
-    lineDash: t.length ? t : ie,
-    lineJoin: e?.lineJoin || At.lineJoin,
-    lineCap: e?.lineCap || At.lineCap,
-    shadowColor: e?.shadowColor || At.shadowColor,
+    lineDash: t.length ? t : fe,
+    lineJoin: e?.lineJoin || Bt.lineJoin,
+    lineCap: e?.lineCap || Bt.lineCap,
+    shadowColor: e?.shadowColor || Bt.shadowColor,
     shadowBlur: r,
     shadowOffsetX: i,
     shadowOffsetY: o
   };
 }
-function Wt(e, t) {
-  return t ? Fe({
+function Ot(e, t) {
+  return t ? $e({
     color: t.color ?? e.color,
     width: t.width ?? e.width,
     lineDash: t.lineDash ?? e.lineDash,
@@ -528,18 +523,18 @@ function Wt(e, t) {
     shadowOffsetY: t.shadowOffsetY ?? e.shadowOffsetY
   }) : e;
 }
-function ve(e, t) {
+function De(e, t) {
   return e == null || t === null || t === void 0 ? !1 : String(e) === String(t);
 }
-function cn(e) {
-  const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : bt.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : bt.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : bt.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : bt.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : bt.offsetY, s = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : bt.borderRadius;
+function An(e) {
+  const t = typeof e?.paddingX == "number" && Number.isFinite(e.paddingX) ? Math.max(0, e.paddingX) : xt.paddingX, n = typeof e?.paddingY == "number" && Number.isFinite(e.paddingY) ? Math.max(0, e.paddingY) : xt.paddingY, r = typeof e?.fontSize == "number" && Number.isFinite(e.fontSize) ? Math.max(8, e.fontSize) : xt.fontSize, i = typeof e?.borderWidth == "number" && Number.isFinite(e.borderWidth) ? Math.max(0, e.borderWidth) : xt.borderWidth, o = typeof e?.offsetY == "number" && Number.isFinite(e.offsetY) ? e.offsetY : xt.offsetY, s = typeof e?.borderRadius == "number" && Number.isFinite(e.borderRadius) ? Math.max(0, e.borderRadius) : xt.borderRadius;
   return {
-    fontFamily: e?.fontFamily || bt.fontFamily,
+    fontFamily: e?.fontFamily || xt.fontFamily,
     fontSize: r,
-    fontWeight: e?.fontWeight || bt.fontWeight,
-    textColor: e?.textColor || bt.textColor,
-    backgroundColor: e?.backgroundColor || bt.backgroundColor,
-    borderColor: e?.borderColor || bt.borderColor,
+    fontWeight: e?.fontWeight || xt.fontWeight,
+    textColor: e?.textColor || xt.textColor,
+    backgroundColor: e?.backgroundColor || xt.backgroundColor,
+    borderColor: e?.borderColor || xt.borderColor,
     borderWidth: i,
     paddingX: t,
     paddingY: n,
@@ -547,11 +542,11 @@ function cn(e) {
     borderRadius: s
   };
 }
-function ln(e, t, n, r, i, o) {
+function Rn(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 hn(e) {
+function Cn(e) {
   if (!e.length) return null;
   let t = 1 / 0;
   for (const i of e)
@@ -562,37 +557,22 @@ function hn(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 fn(e, t, n, r, i, o) {
+function In(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 l = e.measureText(s).width + o.paddingX * 2, u = o.fontSize + o.paddingY * 2, h = Zt(
-    n[0],
-    l * 0.5 + 1,
-    r - l * 0.5 - 1
-  ), p = Zt(
-    n[1] - o.offsetY,
-    u * 0.5 + 1,
-    i - u * 0.5 - 1
-  ), d = h - l * 0.5, g = p - u * 0.5;
-  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, ln(
-    e,
-    d,
-    g,
-    l,
-    u,
-    o.borderRadius
-  ), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(s, h, p + 0.5), e.restore();
+  const c = e.measureText(s).width + o.paddingX * 2, l = o.fontSize + o.paddingY * 2, h = ne(n[0], c * 0.5 + 1, r - c * 0.5 - 1), w = ne(n[1] - o.offsetY, l * 0.5 + 1, i - l * 0.5 - 1), f = h - c * 0.5, m = w - l * 0.5;
+  e.fillStyle = o.backgroundColor, e.strokeStyle = o.borderColor, e.lineWidth = o.borderWidth, Rn(e, f, m, c, l, o.borderRadius), e.fill(), o.borderWidth > 0 && e.stroke(), e.fillStyle = o.textColor, e.fillText(s, h, w + 0.5), e.restore();
 }
-function te(e, t, n) {
-  return [Zt(e[0], 0, t), Zt(e[1], 0, n)];
+function ce(e, t, n) {
+  return [ne(e[0], 0, t), ne(e[1], 0, n)];
 }
-function ee(e) {
+function ue(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 dn({
+function _n({
   tool: e,
   imageWidth: t,
   imageHeight: n,
@@ -601,48 +581,36 @@ function dn({
   stampOptions: o,
   projectorRef: s,
   onDrawComplete: a,
+  onPatchComplete: c,
   enabled: l,
-  viewStateSignal: u,
-  persistedRegions: h,
-  persistedPolygons: p,
-  regionStrokeStyle: d,
-  regionStrokeHoverStyle: g,
-  regionStrokeActiveStyle: y,
-  resolveRegionStrokeStyle: b,
-  overlayShapes: x,
-  hoveredRegionId: A = null,
-  activeRegionId: F = null,
-  regionLabelStyle: C,
-  invalidateRef: z,
-  className: wt,
-  style: lt
+  viewStateSignal: h,
+  persistedRegions: w,
+  patchRegions: f,
+  persistedPolygons: m,
+  regionStrokeStyle: y,
+  regionStrokeHoverStyle: b,
+  regionStrokeActiveStyle: v,
+  patchStrokeStyle: S,
+  resolveRegionStrokeStyle: L,
+  overlayShapes: R,
+  hoveredRegionId: W = null,
+  activeRegionId: yt = null,
+  regionLabelStyle: st,
+  invalidateRef: X,
+  className: At,
+  style: mt
 }) {
-  const Y = $(null), yt = $(!1), ht = $(e), nt = $({
+  const lt = Z(null), Rt = Z(!1), J = Z(e), rt = Z({
     isDrawing: !1,
     pointerId: null,
     start: null,
     current: null,
     points: [],
     stampCenter: null
-  }), H = l ?? e !== "cursor", V = et(() => h && h.length > 0 ? h : !p || p.length === 0 ? nn : p.map((c, m) => ({
-    id: m,
-    coordinates: c
-  })), [h, p]), J = et(
-    () => Fe(d),
-    [d]
-  ), vt = et(
-    () => Wt(J, g),
-    [J, g]
-  ), xt = et(
-    () => Wt(J, y),
-    [J, y]
-  ), ut = et(
-    () => cn(C),
-    [C]
-  ), Tt = et(
-    () => sn(o),
-    [o]
-  ), P = et(
+  }), V = l ?? e !== "cursor", ht = H(() => w && w.length > 0 ? w : !m || m.length === 0 ? Ce : m.map((u, g) => ({
+    id: g,
+    coordinates: u
+  })), [w, m]), Ct = H(() => f ?? Ce, [f]), at = H(() => $e(y), [y]), x = H(() => Ot(at, b), [at, b]), T = H(() => Ot(at, v), [at, v]), E = H(() => Ot(Mn, S), [S]), k = H(() => An(st), [st]), O = H(() => Pn(o), [o]), gt = H(
     () => ({
       position: "absolute",
       inset: 0,
@@ -651,324 +619,309 @@ function dn({
       height: "100%",
       display: "block",
       touchAction: "none",
-      pointerEvents: H ? "auto" : "none",
-      cursor: H ? "crosshair" : "default",
-      ...lt
+      pointerEvents: V ? "auto" : "none",
+      cursor: V ? "crosshair" : "default",
+      ...mt
     }),
-    [H, lt]
-  ), E = D(() => {
-    const c = Y.current;
-    if (!c) return;
-    const m = c.getBoundingClientRect(), S = Math.max(1, window.devicePixelRatio || 1), v = Math.max(1, Math.round(m.width * S)), N = Math.max(1, Math.round(m.height * S));
-    (c.width !== v || c.height !== N) && (c.width = v, c.height = N);
-  }, []), M = D(
-    (c) => {
-      const m = s.current;
-      if (!m || c.length === 0) return [];
-      const S = new Array(c.length);
-      for (let v = 0; v < c.length; v += 1) {
-        const N = ee(
-          m.worldToScreen(c[v][0], c[v][1])
-        );
-        if (!N) return [];
-        S[v] = N;
+    [V, mt]
+  ), tt = D(() => {
+    const u = lt.current;
+    if (!u) return;
+    const g = u.getBoundingClientRect(), M = Math.max(1, window.devicePixelRatio || 1), _ = Math.max(1, Math.round(g.width * M)), A = Math.max(1, Math.round(g.height * M));
+    (u.width !== _ || u.height !== A) && (u.width = _, u.height = A);
+  }, []), q = D(
+    (u) => {
+      const g = s.current;
+      if (!g || u.length === 0) return [];
+      const M = new Array(u.length);
+      for (let _ = 0; _ < u.length; _ += 1) {
+        const A = ue(g.worldToScreen(u[_][0], u[_][1]));
+        if (!A) return [];
+        M[_] = A;
       }
-      return S;
+      return M;
     },
     [s]
-  ), I = D(
-    (c) => {
-      if (!Number.isFinite(c) || c <= 0) return 0;
-      const m = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, S = typeof i == "number" && Number.isFinite(i) ? i : 0, v = s.current?.getViewState?.().zoom, N = typeof v == "number" && Number.isFinite(v) && v > 0 ? v : 1, T = S + Math.log2(N), _ = Math.max(
-        1e-9,
-        Ie(m, S, T)
-      );
-      return c / _ / N;
+  ), et = D(
+    (u) => {
+      if (!Number.isFinite(u) || u <= 0) return 0;
+      const g = typeof r == "number" && Number.isFinite(r) && r > 0 ? r : 1, M = typeof i == "number" && Number.isFinite(i) ? i : 0, _ = s.current?.getViewState?.().zoom, A = typeof _ == "number" && Number.isFinite(_) && _ > 0 ? _ : 1, C = M + Math.log2(A), I = Math.max(1e-9, Ve(g, M, C));
+      return u / I / A;
     },
     [r, i, s]
-  ), O = D(
-    (c, m) => {
-      if (!m) return [];
-      let S = 0;
-      if (c === "stamp-rectangle-4096px") {
-        const T = Tt.rectanglePixelSize * 0.5;
-        return be(m, T).map((G) => te(G, t, n));
+  ), ct = D(
+    (u, g) => {
+      if (!g) return [];
+      let M = 0;
+      if (u === "stamp-rectangle-4096px") {
+        const C = O.rectanglePixelSize * 0.5;
+        return _e(g, C).map((G) => ce(G, t, n));
       }
-      if (c === "stamp-rectangle" || c === "stamp-rectangle-2mm2" ? S = c === "stamp-rectangle-2mm2" ? Be : Tt.rectangleAreaMm2 : (c === "stamp-circle" || c === "stamp-circle-2mm2" || c === "stamp-circle-hpf-0.2mm2") && (S = c === "stamp-circle-hpf-0.2mm2" ? on : c === "stamp-circle-2mm2" ? Ue : Tt.circleAreaMm2), !Number.isFinite(S) || S <= 0) return [];
-      const v = an(S);
-      let N = [];
-      if (c === "stamp-rectangle" || c === "stamp-rectangle-2mm2") {
-        const T = I(Math.sqrt(v) * 0.5);
-        N = be(m, T);
-      } else if (c === "stamp-circle" || c === "stamp-circle-2mm2" || c === "stamp-circle-hpf-0.2mm2") {
-        const T = I(Math.sqrt(v / Math.PI));
-        N = un(m, T);
+      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2" ? M = u === "stamp-rectangle-2mm2" ? Ge : O.rectangleAreaMm2 : (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") && (M = u === "stamp-circle-hpf-0.2mm2" ? vn : u === "stamp-circle-2mm2" ? qe : O.circleAreaMm2), !Number.isFinite(M) || M <= 0) return [];
+      const _ = Sn(M);
+      let A = [];
+      if (u === "stamp-rectangle" || u === "stamp-rectangle-2mm2") {
+        const C = et(Math.sqrt(_) * 0.5);
+        A = _e(g, C);
+      } else if (u === "stamp-circle" || u === "stamp-circle-2mm2" || u === "stamp-circle-hpf-0.2mm2") {
+        const C = et(Math.sqrt(_ / Math.PI));
+        A = En(g, C);
       }
-      return N.length ? N.map((T) => te(T, t, n)) : [];
+      return A.length ? A.map((C) => ce(C, t, n)) : [];
     },
-    [I, t, n, Tt]
-  ), it = D(() => {
-    const c = nt.current;
-    return Yt(e) ? O(e, c.stampCenter) : c.isDrawing ? e === "freehand" ? c.points : e === "rectangle" ? we(c.start, c.current) : e === "circular" ? ye(c.start, c.current) : [] : [];
-  }, [e, O]), ot = D(() => {
-    E();
-    const c = Y.current;
-    if (!c) return;
-    const m = c.getContext("2d");
-    if (!m) return;
-    const S = Math.max(1, window.devicePixelRatio || 1), v = c.width / S, N = c.height / S;
-    if (m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, c.width, c.height), m.setTransform(S, 0, 0, S, 0, 0), V.length > 0)
-      for (let T = 0; T < V.length; T += 1) {
-        const _ = V[T], G = _?.coordinates;
+    [et, t, n, O]
+  ), ut = D(() => {
+    const u = rt.current;
+    return Zt(e) ? ct(e, u.stampCenter) : u.isDrawing ? e === "freehand" ? u.points : e === "rectangle" ? Be(u.start, u.current) : e === "circular" ? Ue(u.start, u.current) : [] : [];
+  }, [e, ct]), U = D(() => {
+    tt();
+    const u = lt.current;
+    if (!u) return;
+    const g = u.getContext("2d");
+    if (!g) return;
+    const M = Math.max(1, window.devicePixelRatio || 1), _ = u.width / M, A = u.height / M;
+    if (g.setTransform(1, 0, 0, 1, 0, 0), g.clearRect(0, 0, u.width, u.height), g.setTransform(M, 0, 0, M, 0, 0), ht.length > 0)
+      for (let C = 0; C < ht.length; C += 1) {
+        const I = ht[C], G = I?.coordinates;
         if (!G || G.length < 3) continue;
-        const tt = St(G), dt = M(tt);
-        if (dt.length >= 4) {
-          const Rt = _.id ?? T, j = ve(
-            F,
-            Rt
-          ) ? "active" : ve(A, Rt) ? "hover" : "default";
-          let pt = j === "active" ? xt : j === "hover" ? vt : J;
-          if (b) {
-            const _t = b({
-              region: _,
-              regionId: Rt,
-              regionIndex: T,
-              state: j
+        const it = Pt(G), ot = q(it);
+        if (ot.length >= 4) {
+          const St = I.id ?? C, It = De(yt, St) ? "active" : De(W, St) ? "hover" : "default";
+          let Vt = It === "active" ? T : It === "hover" ? x : at;
+          if (L) {
+            const ie = L({
+              region: I,
+              regionId: St,
+              regionIndex: C,
+              state: It
             });
-            pt = Wt(pt, _t || void 0);
+            Vt = Ot(Vt, ie || void 0);
           }
-          Dt(m, dt, pt, !0, !1);
+          Wt(g, ot, Vt, !0, !1);
         }
       }
-    if (Array.isArray(x) && x.length > 0)
-      for (let T = 0; T < x.length; T += 1) {
-        const _ = x[T];
-        if (!_?.coordinates?.length) continue;
-        const G = _.closed ?? !1, tt = G ? St(_.coordinates) : _.coordinates, dt = M(tt);
-        if (dt.length < 2) continue;
-        const Rt = Wt(
-          J,
-          _.strokeStyle
-        );
-        Dt(m, dt, Rt, G, _.fill ?? !1);
+    if (Ct.length > 0)
+      for (let C = 0; C < Ct.length; C += 1) {
+        const G = Ct[C]?.coordinates;
+        if (!G || G.length < 3) continue;
+        const it = Pt(G), ot = q(it);
+        ot.length < 4 || Wt(g, ot, E, !0, !1);
       }
-    if (H) {
-      const T = it();
-      if (T.length > 0)
+    if (Array.isArray(R) && R.length > 0)
+      for (let C = 0; C < R.length; C += 1) {
+        const I = R[C];
+        if (!I?.coordinates?.length) continue;
+        const G = I.closed ?? !1, it = G ? Pt(I.coordinates) : I.coordinates, ot = q(it);
+        if (ot.length < 2) continue;
+        const St = Ot(at, I.strokeStyle);
+        Wt(g, ot, St, G, I.fill ?? !1);
+      }
+    if (V) {
+      const C = ut();
+      if (C.length > 0)
         if (e === "freehand") {
-          const _ = M(T);
-          _.length >= 2 && Dt(m, _, J, !1, !1), _.length >= 3 && Dt(
-            m,
-            M(St(T)),
-            J,
-            !0,
-            !0
-          );
+          const I = q(C);
+          I.length >= 2 && Wt(g, I, at, !1, !1), I.length >= 3 && Wt(g, q(Pt(C)), at, !0, !0);
         } else {
-          const _ = M(T);
-          _.length >= 4 && Dt(m, _, J, !0, !0);
+          const I = q(C);
+          I.length >= 4 && Wt(g, I, at, !0, !0);
         }
     }
-    if (V.length > 0)
-      for (const T of V) {
-        if (!T.label) continue;
-        const _ = T?.coordinates;
-        if (!_ || _.length < 3) continue;
-        const G = St(_), tt = hn(G);
-        if (!tt) continue;
-        const dt = ee(
-          s.current?.worldToScreen(tt[0], tt[1]) ?? []
-        );
-        dt && fn(
-          m,
-          T.label,
-          dt,
-          v,
-          N,
-          ut
-        );
+    if (ht.length > 0)
+      for (const C of ht) {
+        if (!C.label) continue;
+        const I = C?.coordinates;
+        if (!I || I.length < 3) continue;
+        const G = Pt(I), it = Cn(G);
+        if (!it) continue;
+        const ot = ue(s.current?.worldToScreen(it[0], it[1]) ?? []);
+        ot && In(g, C.label, ot, _, A, k);
       }
   }, [
-    H,
+    V,
     e,
-    it,
-    E,
-    M,
+    ut,
+    tt,
+    q,
     s,
-    V,
+    ht,
+    R,
+    W,
+    yt,
+    at,
     x,
-    A,
-    F,
-    J,
-    vt,
-    xt,
-    b,
-    ut
-  ]), R = D(() => {
-    yt.current || (yt.current = !0, requestAnimationFrame(() => {
-      yt.current = !1, ot();
+    T,
+    Ct,
+    E,
+    L,
+    k
+  ]), P = D(() => {
+    Rt.current || (Rt.current = !0, requestAnimationFrame(() => {
+      Rt.current = !1, U();
     }));
-  }, [ot]), W = D(() => {
-    const c = nt.current, m = Y.current;
-    if (m && c.pointerId !== null && m.hasPointerCapture(c.pointerId))
+  }, [U]), Y = D(() => {
+    const u = rt.current, g = lt.current;
+    if (g && u.pointerId !== null && g.hasPointerCapture(u.pointerId))
       try {
-        m.releasePointerCapture(c.pointerId);
+        g.releasePointerCapture(u.pointerId);
       } catch {
       }
-    c.isDrawing = !1, c.pointerId = null, c.start = null, c.current = null, c.points = [], c.stampCenter = null;
-  }, []), st = D(
-    (c) => {
-      const m = s.current;
-      if (!m || t <= 0 || n <= 0) return null;
-      const S = ee(
-        m.screenToWorld(c.clientX, c.clientY)
-      );
-      return S ? te(S, t, n) : null;
+    u.isDrawing = !1, u.pointerId = null, u.start = null, u.current = null, u.points = [], u.stampCenter = null;
+  }, []), $ = D(
+    (u) => {
+      const g = s.current;
+      if (!g || t <= 0 || n <= 0) return null;
+      const M = ue(g.screenToWorld(u.clientX, u.clientY));
+      return M ? ce(M, t, n) : null;
     },
     [s, t, n]
-  ), ft = D(() => {
-    const c = nt.current;
-    if (!c.isDrawing) {
-      W(), R();
+  ), Q = D(() => {
+    const u = rt.current;
+    if (!u.isDrawing) {
+      Y(), P();
       return;
     }
-    let m = [];
-    e === "freehand" ? c.points.length >= Qe && (m = St(c.points)) : e === "rectangle" ? m = we(c.start, c.current) : e === "circular" && (m = ye(c.start, c.current)), (e === "freehand" || e === "rectangle" || e === "circular") && Te(m) && a && a({
+    let g = [];
+    e === "freehand" ? u.points.length >= bn && (g = Pt(u.points)) : e === "rectangle" ? g = Be(u.start, u.current) : e === "circular" && (g = Ue(u.start, u.current)), (e === "freehand" || e === "rectangle" || e === "circular") && Le(g) && a && a({
       tool: e,
-      coordinates: m,
-      bbox: xe(m),
-      areaPx: oe(m)
-    }), W(), R();
-  }, [e, a, W, R]), X = D(
-    (c, m) => {
-      const S = O(c, m);
-      !Te(S) || !a || a({
-        tool: c,
-        coordinates: S,
-        bbox: xe(S),
-        areaPx: oe(S)
-      });
+      intent: "roi",
+      coordinates: g,
+      bbox: Fe(g),
+      areaPx: me(g)
+    }), Y(), P();
+  }, [e, a, Y, P]), dt = D(
+    (u, g) => {
+      const M = ct(u, g);
+      if (!Le(M)) return;
+      const _ = u === "stamp-rectangle-4096px" ? "patch" : "roi", A = {
+        tool: u,
+        intent: _,
+        coordinates: M,
+        bbox: Fe(M),
+        areaPx: me(M)
+      };
+      a?.(A), _ === "patch" && c && c(A);
     },
-    [O, a]
-  ), K = D(
-    (c) => {
-      if (!H || e === "cursor" || c.button !== 0) return;
-      const m = st(c);
-      if (!m) return;
-      if (c.preventDefault(), c.stopPropagation(), Yt(e)) {
-        const N = nt.current;
-        N.stampCenter = m, X(e, m), R();
+    [ct, a, c]
+  ), Lt = D(
+    (u) => {
+      if (!V || e === "cursor" || u.button !== 0) return;
+      const g = $(u);
+      if (!g) return;
+      if (u.preventDefault(), u.stopPropagation(), Zt(e)) {
+        const A = rt.current;
+        A.stampCenter = g, dt(e, g), P();
         return;
       }
-      const S = Y.current;
-      S && S.setPointerCapture(c.pointerId);
-      const v = nt.current;
-      v.isDrawing = !0, v.pointerId = c.pointerId, v.start = m, v.current = m, v.points = e === "freehand" ? [m] : [], R();
+      const M = lt.current;
+      M && M.setPointerCapture(u.pointerId);
+      const _ = rt.current;
+      _.isDrawing = !0, _.pointerId = u.pointerId, _.start = g, _.current = g, _.points = e === "freehand" ? [g] : [], P();
     },
-    [H, e, st, X, R]
-  ), rt = D(
-    (c) => {
-      if (!H || e === "cursor") return;
-      const m = st(c);
-      if (!m) return;
-      if (Yt(e)) {
-        const v = nt.current;
-        v.stampCenter = m, c.preventDefault(), c.stopPropagation(), R();
+    [V, e, $, dt, P]
+  ), Tt = D(
+    (u) => {
+      if (!V || e === "cursor") return;
+      const g = $(u);
+      if (!g) return;
+      if (Zt(e)) {
+        const _ = rt.current;
+        _.stampCenter = g, u.preventDefault(), u.stopPropagation(), P();
         return;
       }
-      const S = nt.current;
-      if (!(!S.isDrawing || S.pointerId !== c.pointerId)) {
-        if (c.preventDefault(), c.stopPropagation(), e === "freehand") {
-          const v = s.current, N = Math.max(1e-6, v?.getViewState?.().zoom ?? 1), T = tn / N, _ = T * T, G = S.points[S.points.length - 1];
+      const M = rt.current;
+      if (!(!M.isDrawing || M.pointerId !== u.pointerId)) {
+        if (u.preventDefault(), u.stopPropagation(), e === "freehand") {
+          const _ = s.current, A = Math.max(1e-6, _?.getViewState?.().zoom ?? 1), C = yn / A, I = C * C, G = M.points[M.points.length - 1];
           if (!G)
-            S.points.push(m);
+            M.points.push(g);
           else {
-            const tt = m[0] - G[0], dt = m[1] - G[1];
-            tt * tt + dt * dt >= _ && S.points.push(m);
+            const it = g[0] - G[0], ot = g[1] - G[1];
+            it * it + ot * ot >= I && M.points.push(g);
           }
         } else
-          S.current = m;
-        R();
+          M.current = g;
+        P();
       }
     },
-    [H, e, st, R, s]
-  ), q = D(
-    (c) => {
-      const m = nt.current;
-      if (!m.isDrawing || m.pointerId !== c.pointerId) return;
-      c.preventDefault(), c.stopPropagation();
-      const S = Y.current;
-      if (S && S.hasPointerCapture(c.pointerId))
+    [V, e, $, P, s]
+  ), vt = D(
+    (u) => {
+      const g = rt.current;
+      if (!g.isDrawing || g.pointerId !== u.pointerId) return;
+      u.preventDefault(), u.stopPropagation();
+      const M = lt.current;
+      if (M && M.hasPointerCapture(u.pointerId))
         try {
-          S.releasePointerCapture(c.pointerId);
+          M.releasePointerCapture(u.pointerId);
         } catch {
         }
-      ft();
+      Q();
     },
-    [ft]
-  ), Q = D(() => {
-    if (!Yt(e)) return;
-    const c = nt.current;
-    c.stampCenter && (c.stampCenter = null, R());
-  }, [e, R]);
-  return L(() => {
-    E(), R();
-    const c = Y.current;
-    if (!c) return;
-    const m = new ResizeObserver(() => {
-      E(), R();
+    [Q]
+  ), bt = D(() => {
+    if (!Zt(e)) return;
+    const u = rt.current;
+    u.stampCenter && (u.stampCenter = null, P());
+  }, [e, P]);
+  return z(() => {
+    tt(), P();
+    const u = lt.current;
+    if (!u) return;
+    const g = new ResizeObserver(() => {
+      tt(), P();
     });
-    return m.observe(c), () => {
-      m.disconnect();
+    return g.observe(u), () => {
+      g.disconnect();
     };
-  }, [E, R]), L(() => {
-    H || W(), R();
-  }, [H, R, W]), L(() => {
-    ht.current !== e && (ht.current = e, W(), R());
-  }, [e, W, R]), L(() => {
-    R();
-  }, [u, V, x, R]), L(() => {
-    if (z)
-      return z.current = R, () => {
-        z.current === R && (z.current = null);
+  }, [tt, P]), z(() => {
+    V || Y(), P();
+  }, [V, P, Y]), z(() => {
+    J.current !== e && (J.current = e, Y(), P());
+  }, [e, Y, P]), z(() => {
+    P();
+  }, [h, ht, R, P]), z(() => {
+    if (X)
+      return X.current = P, () => {
+        X.current === P && (X.current = null);
       };
-  }, [z, R]), L(() => {
-    if (!H) return;
-    const c = (m) => {
-      m.key === "Escape" && (W(), R());
+  }, [X, P]), z(() => {
+    if (!V) return;
+    const u = (g) => {
+      g.key === "Escape" && (Y(), P());
     };
-    return window.addEventListener("keydown", c), () => {
-      window.removeEventListener("keydown", c);
+    return window.addEventListener("keydown", u), () => {
+      window.removeEventListener("keydown", u);
     };
-  }, [H, W, R]), /* @__PURE__ */ Et(
+  }, [V, Y, P]), /* @__PURE__ */ Mt(
     "canvas",
     {
-      ref: Y,
-      className: wt,
-      style: P,
-      onPointerDown: K,
-      onPointerMove: rt,
-      onPointerUp: q,
-      onPointerCancel: q,
-      onPointerLeave: Q,
-      onContextMenu: (c) => {
-        H && c.preventDefault();
+      ref: lt,
+      className: At,
+      style: gt,
+      onPointerDown: Lt,
+      onPointerMove: Tt,
+      onPointerUp: vt,
+      onPointerCancel: vt,
+      onPointerLeave: bt,
+      onContextMenu: (u) => {
+        V && u.preventDefault();
       },
-      onWheel: (c) => {
-        H && c.preventDefault();
+      onWheel: (u) => {
+        V && u.preventDefault();
       }
     }
   );
 }
-function Pe(e) {
+function Ne(e) {
   return String(e ?? "").replace(/\/+$/, "");
 }
-function De(e) {
+function He(e) {
   const t = String(e ?? "");
   return t.startsWith("/") ? t : `/${t}`;
 }
-function mn(e) {
-  const t = Pe(e);
+function Bn(e) {
+  const t = Ne(e);
   if (!t) return "";
   if (/\/TileGroup\d+$/i.test(t)) return t;
   let n = null;
@@ -978,41 +931,41 @@ function mn(e) {
     n = null;
   }
   if (n) {
-    const r = `${n.protocol}//${n.host}`, i = Pe(n.pathname || "");
+    const r = `${n.protocol}//${n.host}`, i = Ne(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 nr(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), l = String(n.path ?? e?.path ?? ""), u = Number(n.mpp ?? e?.mpp ?? 0);
-  if (!i || !o || !s || !l)
+function wr(e, t) {
+  const n = e?.imsInfo || {}, r = !!e?.imsInfo, i = Number(n.width ?? e?.width ?? 0), o = Number(n.height ?? e?.height ?? 0), s = Number(n.tileSize ?? e?.tileSize ?? 0), a = Number(n.zoom ?? e?.zoom ?? 0), c = String(n.path ?? e?.path ?? ""), l = Number(n.mpp ?? e?.mpp ?? 0);
+  if (!i || !o || !s || !c)
     throw new Error("이미지 메타데이터가 불완전합니다. width/height/tileSize/path 확인 필요");
   const h = Array.isArray(e?.terms) ? e.terms.map((y) => ({
     termId: String(y?.termId ?? ""),
     termName: String(y?.termName ?? ""),
     termColor: String(y?.termColor ?? "")
-  })) : [], p = De(l), d = mn(t), g = r ? (y, b, x) => `${d}${p}/${y}/${x}_${b}.webp` : void 0;
+  })) : [], w = He(c), f = Bn(t), m = r ? (y, b, v) => `${f}${w}/${y}/${v}_${b}.webp` : void 0;
   return {
     id: e?._id || "unknown",
     name: e?.name || "unknown",
     width: i,
     height: o,
-    mpp: Number.isFinite(u) && u > 0 ? u : void 0,
+    mpp: Number.isFinite(l) && l > 0 ? l : void 0,
     tileSize: s,
     maxTierZoom: Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0,
-    tilePath: l,
+    tilePath: c,
     tileBaseUrl: t,
     terms: h,
-    tileUrlBuilder: g
+    tileUrlBuilder: m
   };
 }
-function Le(e, t, n, r) {
+function Ze(e, t, n, r) {
   if (e.tileUrlBuilder)
     return e.tileUrlBuilder(t, n, r);
-  const i = De(e.tilePath);
+  const i = He(e.tilePath);
   return `${e.tileBaseUrl}${i}/${t}/${r}_${n}.webp`;
 }
-const mt = {
+const pt = {
   width: 220,
   height: 140,
   margin: 16,
@@ -1027,13 +980,13 @@ const mt = {
   showThumbnail: !0,
   maxThumbnailTiles: 16
 };
-function Ut(e, t, n = 1) {
+function Xt(e, t, n = 1) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(n, e);
 }
-function Xt(e) {
+function Kt(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 gn({
+function Un({
   source: e,
   projectorRef: t,
   authToken: n = "",
@@ -1042,253 +995,253 @@ function gn({
   className: o,
   style: s
 }) {
-  const a = $(null), l = $(null), u = $(null), h = $({
+  const a = Z(null), c = Z(null), l = Z(null), h = Z({
     active: !1,
     pointerId: null
-  }), p = $(null), d = $(!1), g = Ut(
+  }), w = Z(null), f = Z(!1), m = Xt(
     r?.width,
-    mt.width,
+    pt.width,
     64
-  ), y = Ut(
+  ), y = Xt(
     r?.height,
-    mt.height,
+    pt.height,
     48
-  ), b = Ut(
+  ), b = Xt(
     r?.margin,
-    mt.margin,
+    pt.margin,
     0
-  ), x = Ut(
+  ), v = Xt(
     r?.borderRadius,
-    mt.borderRadius,
+    pt.borderRadius,
     0
-  ), A = Ut(
+  ), S = Xt(
     r?.borderWidth,
-    mt.borderWidth,
+    pt.borderWidth,
     0
-  ), F = Math.max(
+  ), L = Math.max(
     1,
     Math.round(
-      Ut(
+      Xt(
         r?.maxThumbnailTiles,
-        mt.maxThumbnailTiles,
+        pt.maxThumbnailTiles,
         1
       )
     )
-  ), C = r?.backgroundColor || mt.backgroundColor, z = r?.borderColor || mt.borderColor, wt = r?.viewportStrokeColor || mt.viewportStrokeColor, lt = r?.viewportFillColor || mt.viewportFillColor, Y = r?.interactive ?? mt.interactive, yt = r?.showThumbnail ?? mt.showThumbnail, ht = r?.position || mt.position, nt = et(() => {
-    const P = {};
-    return ht === "top-left" || ht === "bottom-left" ? P.left = b : P.right = b, ht === "top-left" || ht === "top-right" ? P.top = b : P.bottom = b, {
+  ), R = r?.backgroundColor || pt.backgroundColor, W = r?.borderColor || pt.borderColor, yt = r?.viewportStrokeColor || pt.viewportStrokeColor, st = r?.viewportFillColor || pt.viewportFillColor, X = r?.interactive ?? pt.interactive, At = r?.showThumbnail ?? pt.showThumbnail, mt = r?.position || pt.position, lt = H(() => {
+    const x = {};
+    return mt === "top-left" || mt === "bottom-left" ? x.left = b : x.right = b, mt === "top-left" || mt === "top-right" ? x.top = b : x.bottom = b, {
       position: "absolute",
-      ...P,
-      width: g,
+      ...x,
+      width: m,
       height: y,
-      borderRadius: x,
+      borderRadius: v,
       overflow: "hidden",
       zIndex: 4,
-      pointerEvents: Y ? "auto" : "none",
+      pointerEvents: X ? "auto" : "none",
       touchAction: "none",
       boxShadow: "0 10px 22px rgba(0, 0, 0, 0.3)",
       ...s
     };
-  }, [b, ht, g, y, x, Y, s]), H = D(() => {
-    const P = a.current;
-    if (!P) return;
-    const E = P.getContext("2d");
-    if (!E) return;
-    const M = g, I = y, O = Math.max(1, window.devicePixelRatio || 1), it = Math.max(1, Math.round(M * O)), ot = Math.max(1, Math.round(I * O));
-    (P.width !== it || P.height !== ot) && (P.width = it, P.height = ot), E.setTransform(1, 0, 0, 1, 0, 0), E.clearRect(0, 0, P.width, P.height), E.setTransform(O, 0, 0, O, 0, 0), E.fillStyle = C, E.fillRect(0, 0, M, I);
-    const R = l.current;
-    R && E.drawImage(R, 0, 0, M, I), E.strokeStyle = z, E.lineWidth = A, E.strokeRect(
-      A * 0.5,
-      A * 0.5,
-      M - A,
-      I - A
+  }, [b, mt, m, y, v, X, s]), Rt = D(() => {
+    const x = a.current;
+    if (!x) return;
+    const T = x.getContext("2d");
+    if (!T) return;
+    const E = m, k = y, O = Math.max(1, window.devicePixelRatio || 1), gt = Math.max(1, Math.round(E * O)), tt = Math.max(1, Math.round(k * O));
+    (x.width !== gt || x.height !== tt) && (x.width = gt, x.height = tt), T.setTransform(1, 0, 0, 1, 0, 0), T.clearRect(0, 0, x.width, x.height), T.setTransform(O, 0, 0, O, 0, 0), T.fillStyle = R, T.fillRect(0, 0, E, k);
+    const q = c.current;
+    q && T.drawImage(q, 0, 0, E, k), T.strokeStyle = W, T.lineWidth = S, T.strokeRect(
+      S * 0.5,
+      S * 0.5,
+      E - S,
+      k - S
     );
-    const W = t.current, st = W?.getViewBounds?.(), ft = W?.getViewCorners?.(), X = Xt(st) ? st : Xt(u.current) ? u.current : null;
-    if (!X) return;
-    u.current = X;
-    const K = M / Math.max(1, e.width), rt = I / Math.max(1, e.height), q = Array.isArray(ft) && ft.length >= 4 && ft.every(
-      (T) => Array.isArray(T) && T.length >= 2 && Number.isFinite(T[0]) && Number.isFinite(T[1])
-    ) ? ft : null;
-    if (q) {
-      E.beginPath();
-      for (let T = 0; T < q.length; T += 1) {
-        const _ = q[T], G = Z(_[0] * K, 0, M), tt = Z(_[1] * rt, 0, I);
-        T === 0 ? E.moveTo(G, tt) : E.lineTo(G, tt);
+    const et = t.current, ct = et?.getViewBounds?.(), ut = et?.getViewCorners?.(), U = Kt(ct) ? ct : Kt(l.current) ? l.current : null;
+    if (!U) return;
+    l.current = U;
+    const P = E / Math.max(1, e.width), Y = k / Math.max(1, e.height), $ = Array.isArray(ut) && ut.length >= 4 && ut.every(
+      (u) => Array.isArray(u) && u.length >= 2 && Number.isFinite(u[0]) && Number.isFinite(u[1])
+    ) ? ut : null;
+    if ($) {
+      T.beginPath();
+      for (let u = 0; u < $.length; u += 1) {
+        const g = $[u], M = j(g[0] * P, 0, E), _ = j(g[1] * Y, 0, k);
+        u === 0 ? T.moveTo(M, _) : T.lineTo(M, _);
       }
-      E.closePath(), E.fillStyle = lt, E.fill(), E.strokeStyle = wt, E.lineWidth = 1.5, E.stroke();
+      T.closePath(), T.fillStyle = st, T.fill(), T.strokeStyle = yt, T.lineWidth = 1.5, T.stroke();
       return;
     }
-    const Q = Z(X[0] * K, 0, M), c = Z(X[1] * rt, 0, I), m = Z(X[2] * K, 0, M), S = Z(X[3] * rt, 0, I), v = Math.max(1, m - Q), N = Math.max(1, S - c);
-    E.fillStyle = lt, E.fillRect(Q, c, v, N), E.strokeStyle = wt, E.lineWidth = 1.5, E.strokeRect(
+    const Q = j(U[0] * P, 0, E), dt = j(U[1] * Y, 0, k), Lt = j(U[2] * P, 0, E), Tt = j(U[3] * Y, 0, k), vt = Math.max(1, Lt - Q), bt = Math.max(1, Tt - dt);
+    T.fillStyle = st, T.fillRect(Q, dt, vt, bt), T.strokeStyle = yt, T.lineWidth = 1.5, T.strokeRect(
       Q + 0.5,
-      c + 0.5,
-      Math.max(1, v - 1),
-      Math.max(1, N - 1)
+      dt + 0.5,
+      Math.max(1, vt - 1),
+      Math.max(1, bt - 1)
     );
   }, [
-    g,
+    m,
     y,
-    C,
-    z,
-    A,
+    R,
+    W,
+    S,
     t,
     e.width,
     e.height,
-    lt,
-    wt
-  ]), V = D(() => {
-    d.current || (d.current = !0, p.current = requestAnimationFrame(() => {
-      d.current = !1, p.current = null, H();
+    st,
+    yt
+  ]), J = D(() => {
+    f.current || (f.current = !0, w.current = requestAnimationFrame(() => {
+      f.current = !1, w.current = null, Rt();
     }));
-  }, [H]), J = D(
-    (P, E) => {
-      const M = a.current;
-      if (!M) return null;
-      const I = M.getBoundingClientRect();
-      if (!I.width || !I.height) return null;
-      const O = Z((P - I.left) / I.width, 0, 1), it = Z((E - I.top) / I.height, 0, 1);
-      return [O * e.width, it * e.height];
+  }, [Rt]), rt = D(
+    (x, T) => {
+      const E = a.current;
+      if (!E) return null;
+      const k = E.getBoundingClientRect();
+      if (!k.width || !k.height) return null;
+      const O = j((x - k.left) / k.width, 0, 1), gt = j((T - k.top) / k.height, 0, 1);
+      return [O * e.width, gt * e.height];
     },
     [e.width, e.height]
-  ), vt = D(
-    (P, E) => {
-      const M = t.current;
-      if (!M) return;
-      if (M.setViewCenter) {
-        M.setViewCenter(P, E), V();
+  ), V = D(
+    (x, T) => {
+      const E = t.current;
+      if (!E) return;
+      if (E.setViewCenter) {
+        E.setViewCenter(x, T), J();
         return;
       }
-      const I = M.getViewBounds?.(), O = Xt(I) ? I : Xt(u.current) ? u.current : null;
+      const k = E.getViewBounds?.(), O = Kt(k) ? k : Kt(l.current) ? l.current : null;
       if (!O) return;
-      const it = Math.max(1e-6, O[2] - O[0]), ot = Math.max(1e-6, O[3] - O[1]);
-      M.setViewState({
-        offsetX: P - it * 0.5,
-        offsetY: E - ot * 0.5
-      }), V();
+      const gt = Math.max(1e-6, O[2] - O[0]), tt = Math.max(1e-6, O[3] - O[1]);
+      E.setViewState({
+        offsetX: x - gt * 0.5,
+        offsetY: T - tt * 0.5
+      }), J();
     },
-    [t, V]
-  ), xt = D(
-    (P) => {
-      if (!Y || P.button !== 0) return;
-      const E = a.current;
-      if (!E) return;
-      const M = J(P.clientX, P.clientY);
-      M && (P.preventDefault(), P.stopPropagation(), E.setPointerCapture(P.pointerId), h.current = { active: !0, pointerId: P.pointerId }, vt(M[0], M[1]));
+    [t, J]
+  ), ht = D(
+    (x) => {
+      if (!X || x.button !== 0) return;
+      const T = a.current;
+      if (!T) return;
+      const E = rt(x.clientX, x.clientY);
+      E && (x.preventDefault(), x.stopPropagation(), T.setPointerCapture(x.pointerId), h.current = { active: !0, pointerId: x.pointerId }, V(E[0], E[1]));
     },
-    [Y, J, vt]
-  ), ut = D(
-    (P) => {
-      const E = h.current;
-      if (!E.active || E.pointerId !== P.pointerId) return;
-      const M = J(P.clientX, P.clientY);
-      M && (P.preventDefault(), P.stopPropagation(), vt(M[0], M[1]));
+    [X, rt, V]
+  ), Ct = D(
+    (x) => {
+      const T = h.current;
+      if (!T.active || T.pointerId !== x.pointerId) return;
+      const E = rt(x.clientX, x.clientY);
+      E && (x.preventDefault(), x.stopPropagation(), V(E[0], E[1]));
     },
-    [J, vt]
-  ), Tt = D(
-    (P) => {
-      const E = h.current;
-      if (!E.active || E.pointerId !== P.pointerId) return;
-      const M = a.current;
-      if (M && M.hasPointerCapture(P.pointerId))
+    [rt, V]
+  ), at = D(
+    (x) => {
+      const T = h.current;
+      if (!T.active || T.pointerId !== x.pointerId) return;
+      const E = a.current;
+      if (E && E.hasPointerCapture(x.pointerId))
         try {
-          M.releasePointerCapture(P.pointerId);
+          E.releasePointerCapture(x.pointerId);
         } catch {
         }
-      h.current = { active: !1, pointerId: null }, V();
+      h.current = { active: !1, pointerId: null }, J();
     },
-    [V]
+    [J]
   );
-  return L(() => {
-    let P = !1;
-    l.current = null, V();
-    const E = 0, M = 2 ** (e.maxTierZoom - E), I = Math.ceil(e.width / M), O = Math.ceil(e.height / M), it = Math.max(1, Math.ceil(I / e.tileSize)), ot = Math.max(1, Math.ceil(O / e.tileSize)), R = it * ot;
-    if (!yt || R > F)
+  return z(() => {
+    let x = !1;
+    c.current = null, J();
+    const T = 0, E = 2 ** (e.maxTierZoom - T), k = Math.ceil(e.width / E), O = Math.ceil(e.height / E), gt = Math.max(1, Math.ceil(k / e.tileSize)), tt = Math.max(1, Math.ceil(O / e.tileSize)), q = gt * tt;
+    if (!At || q > L)
       return;
-    const W = document.createElement("canvas");
-    W.width = Math.max(1, Math.round(g)), W.height = Math.max(1, Math.round(y));
-    const st = W.getContext("2d");
-    if (!st)
+    const et = document.createElement("canvas");
+    et.width = Math.max(1, Math.round(m)), et.height = Math.max(1, Math.round(y));
+    const ct = et.getContext("2d");
+    if (!ct)
       return;
-    st.fillStyle = C, st.fillRect(0, 0, W.width, W.height);
-    const ft = [];
-    for (let X = 0; X < ot; X += 1)
-      for (let K = 0; K < it; K += 1) {
-        const rt = K * e.tileSize * M, q = X * e.tileSize * M, Q = Math.min((K + 1) * e.tileSize, I) * M, c = Math.min((X + 1) * e.tileSize, O) * M;
-        ft.push({
-          url: Le(e, E, K, X),
-          bounds: [rt, q, Q, c]
+    ct.fillStyle = R, ct.fillRect(0, 0, et.width, et.height);
+    const ut = [];
+    for (let U = 0; U < tt; U += 1)
+      for (let P = 0; P < gt; P += 1) {
+        const Y = P * e.tileSize * E, $ = U * e.tileSize * E, Q = Math.min((P + 1) * e.tileSize, k) * E, dt = Math.min((U + 1) * e.tileSize, O) * E;
+        ut.push({
+          url: Ze(e, T, P, U),
+          bounds: [Y, $, Q, dt]
         });
       }
     return Promise.allSettled(
-      ft.map(async (X) => {
-        const K = !!n, rt = await fetch(X.url, {
-          headers: K ? { Authorization: n } : void 0
+      ut.map(async (U) => {
+        const P = !!n, Y = await fetch(U.url, {
+          headers: P ? { Authorization: n } : void 0
         });
-        if (!rt.ok)
-          throw new Error(`HTTP ${rt.status}`);
-        const q = await createImageBitmap(await rt.blob());
-        return { tile: X, bitmap: q };
+        if (!Y.ok)
+          throw new Error(`HTTP ${Y.status}`);
+        const $ = await createImageBitmap(await Y.blob());
+        return { tile: U, bitmap: $ };
       })
-    ).then((X) => {
-      if (P) {
-        for (const q of X)
-          q.status === "fulfilled" && q.value.bitmap.close();
+    ).then((U) => {
+      if (x) {
+        for (const $ of U)
+          $.status === "fulfilled" && $.value.bitmap.close();
         return;
       }
-      const K = W.width / Math.max(1, e.width), rt = W.height / Math.max(1, e.height);
-      for (const q of X) {
-        if (q.status !== "fulfilled") continue;
+      const P = et.width / Math.max(1, e.width), Y = et.height / Math.max(1, e.height);
+      for (const $ of U) {
+        if ($.status !== "fulfilled") continue;
         const {
           tile: { bounds: Q },
-          bitmap: c
-        } = q.value, m = Q[0] * K, S = Q[1] * rt, v = Math.max(1, (Q[2] - Q[0]) * K), N = Math.max(1, (Q[3] - Q[1]) * rt);
-        st.drawImage(c, m, S, v, N), c.close();
+          bitmap: dt
+        } = $.value, Lt = Q[0] * P, Tt = Q[1] * Y, vt = Math.max(1, (Q[2] - Q[0]) * P), bt = Math.max(1, (Q[3] - Q[1]) * Y);
+        ct.drawImage(dt, Lt, Tt, vt, bt), dt.close();
       }
-      l.current = W, V();
+      c.current = et, J();
     }), () => {
-      P = !0;
+      x = !0;
     };
   }, [
     e,
     n,
-    g,
+    m,
     y,
-    C,
-    yt,
-    F,
-    V
-  ]), L(() => {
-    V();
-  }, [V]), L(() => {
+    R,
+    At,
+    L,
+    J
+  ]), z(() => {
+    J();
+  }, [J]), z(() => {
     if (i)
-      return i.current = V, () => {
-        i.current === V && (i.current = null);
+      return i.current = J, () => {
+        i.current === J && (i.current = null);
       };
-  }, [i, V]), L(
+  }, [i, J]), z(
     () => () => {
-      h.current = { active: !1, pointerId: null }, p.current !== null && (cancelAnimationFrame(p.current), p.current = null), d.current = !1;
+      h.current = { active: !1, pointerId: null }, w.current !== null && (cancelAnimationFrame(w.current), w.current = null), f.current = !1;
     },
     []
-  ), /* @__PURE__ */ Et(
+  ), /* @__PURE__ */ Mt(
     "canvas",
     {
       ref: a,
       className: o,
-      style: nt,
-      onPointerDown: xt,
-      onPointerMove: ut,
-      onPointerUp: Tt,
-      onPointerCancel: Tt,
-      onContextMenu: (P) => {
-        P.preventDefault();
+      style: lt,
+      onPointerDown: ht,
+      onPointerMove: Ct,
+      onPointerUp: at,
+      onPointerCancel: at,
+      onContextMenu: (x) => {
+        x.preventDefault();
       },
-      onWheel: (P) => {
-        P.preventDefault(), P.stopPropagation();
+      onWheel: (x) => {
+        x.preventDefault(), x.stopPropagation();
       }
     }
   );
 }
-function rr({
+function br({
   imageWidth: e,
   imageHeight: t,
   tiles: n,
@@ -1296,16 +1249,16 @@ function rr({
   className: i,
   style: o
 }) {
-  const s = $(null), a = $(null), l = et(
+  const s = Z(null), a = Z(null), c = H(
     () => ({ width: "100%", height: "100%", display: "block", ...o }),
     [o]
   );
-  return L(() => {
-    const u = s.current;
-    if (!u)
+  return z(() => {
+    const l = s.current;
+    if (!l)
       return;
-    const h = new Ke({
-      canvas: u,
+    const h = new gn({
+      canvas: l,
       imageWidth: e,
       imageHeight: t,
       initialViewState: r
@@ -1313,69 +1266,96 @@ function rr({
     return a.current = h, h.setTiles(n), () => {
       h.destroy(), a.current = null;
     };
-  }, [e, t]), L(() => {
-    const u = a.current;
-    u && u.setTiles(n);
-  }, [n]), L(() => {
-    const u = a.current;
-    !u || !r || u.setViewState(r);
-  }, [r]), /* @__PURE__ */ Et("canvas", { ref: s, className: i, style: l });
+  }, [e, t]), z(() => {
+    const l = a.current;
+    l && l.setTiles(n);
+  }, [n]), z(() => {
+    const l = a.current;
+    !l || !r || l.setViewState(r);
+  }, [r]), /* @__PURE__ */ Mt("canvas", { ref: s, className: i, style: c });
+}
+function Ke(e) {
+  return Math.max(
+    0,
+    Math.min(
+      Math.floor(e.count ?? 0),
+      Math.floor((e.positions?.length ?? 0) / 2),
+      e.paletteIndices?.length ?? 0
+    )
+  );
 }
-function pn(e) {
+function Fn(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 bn(e) {
+function je(e) {
   const t = [];
   for (const n of e ?? []) {
-    const r = pn(n);
+    const r = Fn(n);
     if (r.length < 4) continue;
     let i = 1 / 0, o = 1 / 0, s = -1 / 0, a = -1 / 0;
-    for (const [l, u] of r)
-      l < i && (i = l), l > s && (s = l), u < o && (o = u), u > a && (a = u);
+    for (const [c, l] of r)
+      c < i && (i = c), c > s && (s = c), l < o && (o = l), l > a && (a = l);
     !Number.isFinite(i) || !Number.isFinite(o) || t.push({ ring: r, minX: i, minY: o, maxX: s, maxY: a });
   }
   return t;
 }
-function wn(e, t, n) {
+function Ln(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], l = n[o][0], u = n[o][1];
-    a > t != u > t && e < (l - s) * (t - a) / (u - a || Number.EPSILON) + s && (r = !r);
+    const s = n[i][0], a = n[i][1], c = n[o][0], l = n[o][1];
+    a > t != l > t && e < (c - s) * (t - a) / (l - a || Number.EPSILON) + s && (r = !r);
   }
   return r;
 }
-function yn(e, t, n) {
+function Je(e, t, n) {
   for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && wn(e, t, r.ring))
+    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && Ln(e, t, r.ring))
       return !0;
   return !1;
 }
-function Kt(e, t) {
+function re(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return null;
-  const n = bn(t ?? []);
+  const n = je(t ?? []);
   if (n.length === 0)
     return {
       count: 0,
       positions: new Float32Array(0),
       paletteIndices: new Uint16Array(0)
     };
-  const r = e.count, i = e.positions, o = e.paletteIndices, s = new Float32Array(r * 2), a = new Uint16Array(r);
-  let l = 0;
-  for (let u = 0; u < r; u += 1) {
-    const h = i[u * 2], p = i[u * 2 + 1];
-    yn(h, p, n) && (s[l * 2] = h, s[l * 2 + 1] = p, a[l] = o[u], l += 1);
+  const r = Ke(e), i = e.positions, o = e.paletteIndices, s = new Float32Array(r * 2), a = new Uint16Array(r);
+  let c = 0;
+  for (let l = 0; l < r; l += 1) {
+    const h = i[l * 2], w = i[l * 2 + 1];
+    Je(h, w, n) && (s[c * 2] = h, s[c * 2 + 1] = w, a[c] = o[l], c += 1);
   }
   return {
-    count: l,
-    positions: s.subarray(0, l * 2),
-    paletteIndices: a.subarray(0, l)
+    count: c,
+    positions: s.subarray(0, c * 2),
+    paletteIndices: a.subarray(0, c)
   };
 }
-let Vt = null;
-const xn = `
+function Dn(e, t) {
+  if (!e || !e.count || !e.positions || !e.paletteIndices)
+    return new Uint32Array(0);
+  const n = je(t ?? []);
+  if (n.length === 0)
+    return new Uint32Array(0);
+  const r = Ke(e);
+  if (r === 0)
+    return new Uint32Array(0);
+  const i = e.positions, o = new Uint32Array(r);
+  let s = 0;
+  for (let a = 0; a < r; a += 1) {
+    const c = i[a * 2], l = i[a * 2 + 1];
+    Je(c, l, n) && (o[s] = a, s += 1);
+  }
+  return o.subarray(0, s);
+}
+let jt = null;
+const Nn = `
 struct Params {
   pointCount: u32,
   boundsCount: u32,
@@ -1407,21 +1387,21 @@ fn main(@builtin(global_invocation_id) gid: vec3<u32>) {
   outputMask[i] = inside;
 }
 `;
-function Tn() {
+function zn() {
   if (typeof navigator > "u") return !1;
   const e = navigator;
   return typeof e.gpu == "object" && e.gpu !== null;
 }
-function ze() {
-  if (!Tn()) return null;
+function Qe() {
+  if (!zn()) return null;
   const t = navigator.gpu;
   if (!t || typeof t != "object") return null;
   const n = t;
   return typeof n.requestAdapter != "function" ? null : n;
 }
-const Ot = globalThis.GPUShaderStage?.COMPUTE ?? 4, ne = globalThis.GPUBufferUsage?.STORAGE ?? 128, Gt = globalThis.GPUBufferUsage?.COPY_DST ?? 8, vn = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, Pn = globalThis.GPUBufferUsage?.UNIFORM ?? 64, En = globalThis.GPUBufferUsage?.MAP_READ ?? 1, Sn = globalThis.GPUMapMode?.READ ?? 1;
-async function ir() {
-  const e = ze();
+const Jt = globalThis.GPUShaderStage?.COMPUTE ?? 4, le = globalThis.GPUBufferUsage?.STORAGE ?? 128, Qt = globalThis.GPUBufferUsage?.COPY_DST ?? 8, kn = globalThis.GPUBufferUsage?.COPY_SRC ?? 4, Yn = globalThis.GPUBufferUsage?.UNIFORM ?? 64, Wn = globalThis.GPUBufferUsage?.MAP_READ ?? 1, Xn = globalThis.GPUMapMode?.READ ?? 1;
+async function yr() {
+  const e = Qe();
   if (!e)
     return { supported: !1, features: [] };
   const t = await e.requestAdapter();
@@ -1440,9 +1420,9 @@ async function ir() {
     }
   } : { supported: !1, features: [] };
 }
-async function Mn() {
-  return Vt || (Vt = (async () => {
-    const e = ze();
+async function Vn() {
+  return jt || (jt = (async () => {
+    const e = Qe();
     if (!e) return null;
     const t = await e.requestAdapter();
     if (!t) return null;
@@ -1450,40 +1430,40 @@ async function Mn() {
       entries: [
         {
           binding: 0,
-          visibility: Ot,
+          visibility: Jt,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 1,
-          visibility: Ot,
+          visibility: Jt,
           buffer: { type: "read-only-storage" }
         },
         {
           binding: 2,
-          visibility: Ot,
+          visibility: Jt,
           buffer: { type: "storage" }
         },
         {
           binding: 3,
-          visibility: Ot,
+          visibility: Jt,
           buffer: { type: "uniform" }
         }
       ]
     }), i = n.createComputePipeline({
       layout: n.createPipelineLayout({ bindGroupLayouts: [r] }),
       compute: {
-        module: n.createShaderModule({ code: xn }),
+        module: n.createShaderModule({ code: Nn }),
         entryPoint: "main"
       }
     });
     return { device: n, pipeline: i, bindGroupLayout: r };
-  })(), Vt);
+  })(), jt);
 }
-function qt(e, t) {
+function te(e, t) {
   return Math.ceil(e / t) * t;
 }
-async function An(e, t, n) {
-  const r = await Mn();
+async function On(e, t, n) {
+  const r = await Vn();
   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)
@@ -1491,103 +1471,103 @@ async function An(e, t, n) {
   const s = Math.min(i, Math.floor(e.length / 2));
   if (s === 0)
     return new Uint32Array(0);
-  const a = s * 2 * Float32Array.BYTES_PER_ELEMENT, l = o * 4 * Float32Array.BYTES_PER_ELEMENT, u = s * Uint32Array.BYTES_PER_ELEMENT, h = Number(r.device.limits.maxStorageBufferBindingSize);
-  if (a > h || l > h || u > h)
+  const a = s * 2 * Float32Array.BYTES_PER_ELEMENT, c = o * 4 * Float32Array.BYTES_PER_ELEMENT, l = s * Uint32Array.BYTES_PER_ELEMENT, h = Number(r.device.limits.maxStorageBufferBindingSize);
+  if (a > h || c > h || l > h)
     return null;
-  const p = r.device.createBuffer({
-    size: qt(a, 4),
-    usage: ne | Gt
-  }), d = r.device.createBuffer({
-    size: qt(l, 4),
-    usage: ne | Gt
-  }), g = r.device.createBuffer({
-    size: qt(u, 4),
-    usage: ne | vn
+  const w = r.device.createBuffer({
+    size: te(a, 4),
+    usage: le | Qt
+  }), f = r.device.createBuffer({
+    size: te(c, 4),
+    usage: le | Qt
+  }), m = r.device.createBuffer({
+    size: te(l, 4),
+    usage: le | kn
   }), y = r.device.createBuffer({
     size: 16,
-    usage: Pn | Gt
+    usage: Yn | Qt
   }), b = r.device.createBuffer({
-    size: qt(u, 4),
-    usage: Gt | En
+    size: te(l, 4),
+    usage: Qt | Wn
   });
   r.device.queue.writeBuffer(
-    p,
+    w,
     0,
     e.buffer,
     e.byteOffset,
     a
   ), r.device.queue.writeBuffer(
-    d,
+    f,
     0,
     n.buffer,
     n.byteOffset,
-    l
+    c
   ), r.device.queue.writeBuffer(
     y,
     0,
     new Uint32Array([s, o, 0, 0])
   );
-  const x = r.device.createBindGroup({
+  const v = r.device.createBindGroup({
     layout: r.bindGroupLayout,
     entries: [
-      { binding: 0, resource: { buffer: p } },
-      { binding: 1, resource: { buffer: d } },
-      { binding: 2, resource: { buffer: g } },
+      { binding: 0, resource: { buffer: w } },
+      { binding: 1, resource: { buffer: f } },
+      { binding: 2, resource: { buffer: m } },
       { binding: 3, resource: { buffer: y } }
     ]
-  }), A = r.device.createCommandEncoder(), F = A.beginComputePass();
-  F.setPipeline(r.pipeline), F.setBindGroup(0, x), F.dispatchWorkgroups(Math.ceil(s / 256)), F.end(), A.copyBufferToBuffer(g, 0, b, 0, u), r.device.queue.submit([A.finish()]), await b.mapAsync(Sn);
-  const C = b.getMappedRange(), z = new Uint32Array(C.slice(0));
-  return b.unmap(), p.destroy(), d.destroy(), g.destroy(), y.destroy(), b.destroy(), z;
+  }), S = r.device.createCommandEncoder(), L = S.beginComputePass();
+  L.setPipeline(r.pipeline), L.setBindGroup(0, v), L.dispatchWorkgroups(Math.ceil(s / 256)), L.end(), S.copyBufferToBuffer(m, 0, b, 0, l), r.device.queue.submit([S.finish()]), await b.mapAsync(Xn);
+  const R = b.getMappedRange(), W = new Uint32Array(R.slice(0));
+  return b.unmap(), w.destroy(), f.destroy(), m.destroy(), y.destroy(), b.destroy(), W;
 }
-function Pt() {
+function Et() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Rn(e) {
+function Gn(e) {
   if (!Array.isArray(e) || e.length < 3) return [];
   const t = e.map(([i, o]) => [i, o]), n = t[0], r = t[t.length - 1];
   return !n || !r ? [] : ((n[0] !== r[0] || n[1] !== r[1]) && t.push([n[0], n[1]]), t);
 }
-function Cn(e) {
+function qn(e) {
   const t = [];
   for (const n of e ?? []) {
-    const r = Rn(n);
+    const r = Gn(n);
     if (r.length < 4) continue;
     let i = 1 / 0, o = 1 / 0, s = -1 / 0, a = -1 / 0;
-    for (const [l, u] of r)
-      l < i && (i = l), l > s && (s = l), u < o && (o = u), u > a && (a = u);
+    for (const [c, l] of r)
+      c < i && (i = c), c > s && (s = c), l < o && (o = l), l > a && (a = l);
     !Number.isFinite(i) || !Number.isFinite(o) || t.push({ ring: r, minX: i, minY: o, maxX: s, maxY: a });
   }
   return t;
 }
-function In(e, t, n) {
+function $n(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], l = n[o][0], u = n[o][1];
-    a > t != u > t && e < (l - s) * (t - a) / (u - a || Number.EPSILON) + s && (r = !r);
+    const s = n[i][0], a = n[i][1], c = n[o][0], l = n[o][1];
+    a > t != l > t && e < (c - s) * (t - a) / (l - a || Number.EPSILON) + s && (r = !r);
   }
   return r;
 }
-function Ee(e, t, n) {
+function ze(e, t, n) {
   for (const r of n)
-    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && In(e, t, r.ring))
+    if (!(e < r.minX || e > r.maxX || t < r.minY || t > r.maxY) && $n(e, t, r.ring))
       return !0;
   return !1;
 }
-async function _n(e, t, n = {}) {
-  const r = Pt(), i = n.bridgeToDraw === !0;
+async function Hn(e, t, n = {}) {
+  const r = Et(), i = n.bridgeToDraw === !0;
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
       }
     };
-  const o = Cn(t ?? []);
+  const o = qn(t ?? []);
   if (o.length === 0)
     return {
       data: {
@@ -1597,7 +1577,7 @@ async function _n(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -1613,7 +1593,7 @@ async function _n(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !1,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -1621,21 +1601,21 @@ async function _n(e, t, n = {}) {
     };
   const a = new Float32Array(o.length * 4);
   for (let b = 0; b < o.length; b += 1) {
-    const x = b * 4, A = o[b];
-    a[x] = A.minX, a[x + 1] = A.minY, a[x + 2] = A.maxX, a[x + 3] = A.maxY;
+    const v = b * 4, S = o[b];
+    a[v] = S.minX, a[v + 1] = S.minY, a[v + 2] = S.maxX, a[v + 3] = S.maxY;
   }
-  let l = null, u = !1;
+  let c = null, l = !1;
   try {
-    l = await An(e.positions, s, a), u = !!l;
+    c = await On(e.positions, s, a), l = !!c;
   } catch {
-    l = null, u = !1;
+    c = null, l = !1;
   }
-  if (!l)
+  if (!c)
     return {
-      data: Kt(e, t),
+      data: re(e, t),
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !1,
         candidateCount: s,
         bridgedToDraw: !1
@@ -1643,12 +1623,12 @@ async function _n(e, t, n = {}) {
     };
   let h = 0;
   for (let b = 0; b < s; b += 1)
-    l[b] === 1 && (h += 1);
-  const p = new Uint32Array(h);
+    c[b] === 1 && (h += 1);
+  const w = new Uint32Array(h);
   if (h > 0) {
     let b = 0;
-    for (let x = 0; x < s; x += 1)
-      l[x] === 1 && (p[b] = x, b += 1);
+    for (let v = 0; v < s; v += 1)
+      c[v] === 1 && (w[b] = v, b += 1);
   }
   if (h === 0)
     return i ? {
@@ -1660,7 +1640,7 @@ async function _n(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !0
@@ -1673,7 +1653,7 @@ async function _n(e, t, n = {}) {
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !0,
         candidateCount: 0,
         bridgedToDraw: !1
@@ -1681,76 +1661,95 @@ async function _n(e, t, n = {}) {
     };
   if (i) {
     const b = new Uint32Array(h);
-    let x = 0;
-    for (let A = 0; A < h; A += 1) {
-      const F = p[A] ?? 0, C = e.positions[F * 2], z = e.positions[F * 2 + 1];
-      Ee(C, z, o) && (b[x] = F, x += 1);
+    let v = 0;
+    for (let S = 0; S < h; S += 1) {
+      const L = w[S] ?? 0, R = e.positions[L * 2], W = e.positions[L * 2 + 1];
+      ze(R, W, o) && (b[v] = L, v += 1);
     }
     return {
       data: {
         count: s,
         positions: e.positions.subarray(0, s * 2),
         paletteIndices: e.paletteIndices.subarray(0, s),
-        drawIndices: b.subarray(0, x)
+        drawIndices: b.subarray(0, v)
       },
       meta: {
         mode: "hybrid-webgpu",
-        durationMs: Pt() - r,
+        durationMs: Et() - r,
         usedWebGpu: !0,
         candidateCount: h,
         bridgedToDraw: !0
       }
     };
   }
-  const d = new Float32Array(h * 2), g = new Uint16Array(h);
+  const f = new Float32Array(h * 2), m = new Uint16Array(h);
   let y = 0;
   for (let b = 0; b < h; b += 1) {
-    const x = p[b] ?? 0, A = e.positions[x * 2], F = e.positions[x * 2 + 1];
-    Ee(A, F, o) && (d[y * 2] = A, d[y * 2 + 1] = F, g[y] = e.paletteIndices[x], y += 1);
+    const v = w[b] ?? 0, S = e.positions[v * 2], L = e.positions[v * 2 + 1];
+    ze(S, L, o) && (f[y * 2] = S, f[y * 2 + 1] = L, m[y] = e.paletteIndices[v], y += 1);
   }
   return {
     data: {
       count: y,
-      positions: d.subarray(0, y * 2),
-      paletteIndices: g.subarray(0, y)
+      positions: f.subarray(0, y * 2),
+      paletteIndices: m.subarray(0, y)
     },
     meta: {
       mode: "hybrid-webgpu",
-      durationMs: Pt() - r,
+      durationMs: Et() - r,
       usedWebGpu: !0,
       candidateCount: h,
       bridgedToDraw: !1
     }
   };
 }
-let gt = null, se = !0, Bn = 1;
-const It = /* @__PURE__ */ new Map();
-function Ht() {
+let wt = null, ge = !0, tn = 1;
+const Ft = /* @__PURE__ */ new Map();
+function Ut() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Un() {
-  if (!se) return null;
-  if (gt) return gt;
+function en() {
+  if (!ge) return null;
+  if (wt) return wt;
   try {
     const e = new Worker(new URL(
       /* @vite-ignore */
-      "" + new URL("assets/roi-clip-worker-i1SE1Dpa.js", import.meta.url).href,
+      "" + new URL("assets/roi-clip-worker-DdVYCepx.js", import.meta.url).href,
       import.meta.url
     ), { type: "module" });
-    return e.addEventListener("message", ue), e.addEventListener("error", ce), gt = e, e;
+    return e.addEventListener("message", we), e.addEventListener("error", be), wt = e, e;
   } catch {
-    return se = !1, null;
+    return ge = !1, null;
   }
 }
-function ue(e) {
+function we(e) {
   const t = e.data;
   if (!t) return;
-  const n = It.get(t.id);
+  const n = Ft.get(t.id);
   if (!n) return;
-  if (It.delete(t.id), t.type === "roi-clip-failure") {
+  if (Ft.delete(t.id), t.type === "roi-clip-failure") {
     n.reject(new Error(t.error || "worker clip failed"));
     return;
   }
+  if (t.type === "roi-clip-index-success") {
+    if (n.kind !== "index") {
+      n.reject(new Error("worker response mismatch: expected point data result"));
+      return;
+    }
+    const a = Math.max(0, Math.floor(t.count)), c = new Uint32Array(t.indices).subarray(0, a);
+    n.resolve({
+      indices: c,
+      meta: {
+        mode: "worker",
+        durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Ut() - n.startMs
+      }
+    });
+    return;
+  }
+  if (n.kind !== "data") {
+    n.reject(new Error("worker response mismatch: expected index result"));
+    return;
+  }
   const r = Math.max(0, Math.floor(t.count)), i = new Float32Array(t.positions), o = new Uint16Array(t.paletteIndices), s = {
     count: r,
     positions: i.subarray(0, r * 2),
@@ -1760,41 +1759,41 @@ function ue(e) {
     data: s,
     meta: {
       mode: "worker",
-      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Ht() - n.startMs
+      durationMs: Number.isFinite(t.durationMs) ? t.durationMs : Ut() - n.startMs
     }
   });
 }
-function ce() {
-  se = !1, gt && (gt.removeEventListener("message", ue), gt.removeEventListener("error", ce), gt.terminate(), gt = null);
-  for (const [, e] of It)
+function be() {
+  ge = !1, wt && (wt.removeEventListener("message", we), wt.removeEventListener("error", be), wt.terminate(), wt = null);
+  for (const [, e] of Ft)
     e.reject(new Error("worker crashed"));
-  It.clear();
+  Ft.clear();
 }
-function or() {
-  if (gt) {
-    gt.removeEventListener("message", ue), gt.removeEventListener("error", ce), gt.terminate(), gt = null;
-    for (const [, e] of It)
+function xr() {
+  if (wt) {
+    wt.removeEventListener("message", we), wt.removeEventListener("error", be), wt.terminate(), wt = null;
+    for (const [, e] of Ft)
       e.reject(new Error("worker terminated"));
-    It.clear();
+    Ft.clear();
   }
 }
-async function Fn(e, t) {
+async function Zn(e, t) {
   if (!e || !e.count || !e.positions || !e.paletteIndices)
     return {
       data: null,
       meta: { mode: "worker", durationMs: 0 }
     };
-  const n = Un();
+  const n = en();
   if (!n) {
-    const l = Ht();
+    const c = Ut();
     return {
-      data: Kt(e, t),
-      meta: { mode: "sync", durationMs: Ht() - l }
+      data: re(e, t),
+      meta: { mode: "sync", durationMs: Ut() - 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 = Bn++, a = Ht();
-  return new Promise((l, u) => {
-    It.set(s, { resolve: l, reject: u, startMs: 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 = e.paletteIndices.slice(0, r), s = tn++, a = Ut();
+  return new Promise((c, l) => {
+    Ft.set(s, { kind: "data", resolve: c, reject: l, startMs: a });
     const h = {
       type: "roi-clip-request",
       id: s,
@@ -1806,14 +1805,41 @@ async function Fn(e, t) {
     n.postMessage(h, [i.buffer, o.buffer]);
   });
 }
-function Dn(e) {
+async function Tr(e, t) {
+  if (!e || !e.count || !e.positions || !e.paletteIndices)
+    return {
+      indices: new Uint32Array(0),
+      meta: { mode: "worker", durationMs: 0 }
+    };
+  const n = en();
+  if (!n) {
+    const a = Ut();
+    return {
+      indices: Dn(e, t),
+      meta: { mode: "sync", durationMs: Ut() - 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 = tn++, s = Ut();
+  return new Promise((a, c) => {
+    Ft.set(o, { kind: "index", resolve: a, reject: c, startMs: s });
+    const l = {
+      type: "roi-clip-index-request",
+      id: o,
+      count: r,
+      positions: i.buffer,
+      polygons: t ?? []
+    };
+    n.postMessage(l, [i.buffer]);
+  });
+}
+function Kn(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 Ln(e) {
+function jn(e) {
   let t = 0;
   for (let n = 0; n < e.length - 1; n += 1) {
     const [r, i] = e[n], [o, s] = e[n + 1];
@@ -1821,38 +1847,38 @@ function Ln(e) {
   }
   return Math.abs(t * 0.5);
 }
-function zn(e) {
+function Jn(e) {
   const t = [];
   for (let n = 0; n < e.length; n += 1) {
     const r = e[n];
     if (!r?.coordinates?.length) continue;
-    const i = Dn(r.coordinates);
+    const i = Kn(r.coordinates);
     if (i.length < 4) continue;
-    let o = 1 / 0, s = 1 / 0, a = -1 / 0, l = -1 / 0;
-    for (const [u, h] of i)
-      u < o && (o = u), u > a && (a = u), h < s && (s = h), h > l && (l = h);
-    !Number.isFinite(o) || !Number.isFinite(s) || !Number.isFinite(a) || !Number.isFinite(l) || t.push({
+    let o = 1 / 0, s = 1 / 0, a = -1 / 0, c = -1 / 0;
+    for (const [l, h] of i)
+      l < o && (o = l), l > a && (a = l), h < s && (s = h), h > c && (c = h);
+    !Number.isFinite(o) || !Number.isFinite(s) || !Number.isFinite(a) || !Number.isFinite(c) || t.push({
       regionId: r.id ?? n,
       regionIndex: n,
       ring: i,
       minX: o,
       minY: s,
       maxX: a,
-      maxY: l,
-      area: Math.max(1e-6, Ln(i))
+      maxY: c,
+      area: Math.max(1e-6, jn(i))
     });
   }
   return t;
 }
-function Nn(e, t, n) {
+function Qn(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], l = n[o][0], u = n[o][1];
-    a > t != u > t && e < (l - s) * (t - a) / (u - a || Number.EPSILON) + s && (r = !r);
+    const s = n[i][0], a = n[i][1], c = n[o][0], l = n[o][1];
+    a > t != l > t && e < (c - s) * (t - a) / (l - a || Number.EPSILON) + s && (r = !r);
   }
   return r;
 }
-function kn(e, t) {
+function tr(e, t) {
   if (Array.isArray(t)) {
     const n = t[e];
     if (typeof n == "string" && n.length > 0) return n;
@@ -1863,7 +1889,7 @@ function kn(e, t) {
   }
   return String(e);
 }
-function Yn(e, t, n = {}) {
+function er(e, t, n = {}) {
   const r = Math.max(
     0,
     Math.min(
@@ -1874,24 +1900,24 @@ function Yn(e, t, n = {}) {
   );
   let i = null;
   if (e?.drawIndices instanceof Uint32Array) {
-    const d = e.drawIndices;
-    let g = d.length;
-    for (let y = 0; y < d.length; y += 1)
-      d[y] < r || (g -= 1);
-    if (g === d.length)
-      i = d;
-    else if (g > 0) {
-      const y = new Uint32Array(g);
+    const f = e.drawIndices;
+    let m = f.length;
+    for (let y = 0; y < f.length; y += 1)
+      f[y] < r || (m -= 1);
+    if (m === f.length)
+      i = f;
+    else if (m > 0) {
+      const y = new Uint32Array(m);
       let b = 0;
-      for (let x = 0; x < d.length; x += 1) {
-        const A = d[x];
-        A >= r || (y[b] = A, b += 1);
+      for (let v = 0; v < f.length; v += 1) {
+        const S = f[v];
+        S >= r || (y[b] = S, b += 1);
       }
       i = y;
     } else
       i = new Uint32Array(0);
   }
-  const o = i ? i.length : r, s = zn(t ?? []);
+  const o = i ? i.length : r, s = Jn(t ?? []);
   if (!e || o === 0 || s.length === 0)
     return {
       groups: [],
@@ -1899,48 +1925,48 @@ function Yn(e, t, n = {}) {
       pointsInsideAnyRegion: 0,
       unmatchedPointCount: o
     };
-  const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-  let u = 0;
-  for (let d = 0; d < o; d += 1) {
-    const g = i ? i[d] : d, y = e.positions[g * 2], b = e.positions[g * 2 + 1];
-    let x = null;
-    for (const C of s)
-      y < C.minX || y > C.maxX || b < C.minY || b > C.maxY || Nn(y, b, C.ring) && (!x || C.area < x.area) && (x = C);
-    if (!x) continue;
-    u += 1;
-    const A = e.paletteIndices[g] ?? 0, F = a.get(x.regionIndex) ?? /* @__PURE__ */ new Map();
-    F.set(A, (F.get(A) ?? 0) + 1), a.set(x.regionIndex, F), l.set(
-      x.regionIndex,
-      (l.get(x.regionIndex) ?? 0) + 1
+  const a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  let l = 0;
+  for (let f = 0; f < o; f += 1) {
+    const m = i ? i[f] : f, y = e.positions[m * 2], b = e.positions[m * 2 + 1];
+    let v = null;
+    for (const R of s)
+      y < R.minX || y > R.maxX || b < R.minY || b > R.maxY || Qn(y, b, R.ring) && (!v || R.area < v.area) && (v = R);
+    if (!v) continue;
+    l += 1;
+    const S = e.paletteIndices[m] ?? 0, L = a.get(v.regionIndex) ?? /* @__PURE__ */ new Map();
+    L.set(S, (L.get(S) ?? 0) + 1), a.set(v.regionIndex, L), c.set(
+      v.regionIndex,
+      (c.get(v.regionIndex) ?? 0) + 1
     );
   }
-  const h = n.includeEmptyRegions ?? !1, p = [];
-  for (const d of s) {
-    const g = l.get(d.regionIndex) ?? 0;
-    if (!h && g <= 0) continue;
-    const y = a.get(d.regionIndex) ?? /* @__PURE__ */ new Map(), b = Array.from(y.entries()).map(([x, A]) => ({
-      termId: kn(x, n.paletteIndexToTermId),
-      paletteIndex: x,
-      count: A
-    })).sort((x, A) => A.count - x.count || x.paletteIndex - A.paletteIndex);
-    p.push({
-      regionId: d.regionId,
-      regionIndex: d.regionIndex,
-      totalCount: g,
+  const h = n.includeEmptyRegions ?? !1, w = [];
+  for (const f of s) {
+    const m = c.get(f.regionIndex) ?? 0;
+    if (!h && m <= 0) continue;
+    const y = a.get(f.regionIndex) ?? /* @__PURE__ */ new Map(), b = Array.from(y.entries()).map(([v, S]) => ({
+      termId: tr(v, n.paletteIndexToTermId),
+      paletteIndex: v,
+      count: S
+    })).sort((v, S) => S.count - v.count || v.paletteIndex - S.paletteIndex);
+    w.push({
+      regionId: f.regionId,
+      regionIndex: f.regionIndex,
+      totalCount: m,
       termCounts: b
     });
   }
   return {
-    groups: p,
+    groups: w,
     inputPointCount: o,
-    pointsInsideAnyRegion: u,
-    unmatchedPointCount: Math.max(0, o - u)
+    pointsInsideAnyRegion: l,
+    unmatchedPointCount: Math.max(0, o - l)
   };
 }
-function $t() {
+function ee() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Wn(e, t) {
+function nr(e, t) {
   if (!t) return !1;
   try {
     const r = new URL(e, typeof window < "u" ? window.location.href : void 0).hostname.toLowerCase();
@@ -1949,25 +1975,25 @@ function Wn(e, t) {
   }
   return !0;
 }
-class Xn {
+class rr {
   constructor(t) {
-    f(this, "maxConcurrency");
-    f(this, "maxRetries");
-    f(this, "retryBaseDelayMs");
-    f(this, "retryMaxDelayMs");
-    f(this, "onTileLoad");
-    f(this, "onTileError");
-    f(this, "onStateChange");
-    f(this, "authToken");
-    f(this, "destroyed", !1);
-    f(this, "queue", []);
-    f(this, "queuedByKey", /* @__PURE__ */ new Map());
-    f(this, "inflight", /* @__PURE__ */ new Map());
-    f(this, "visibleKeys", /* @__PURE__ */ new Set());
-    f(this, "timerId", null);
-    f(this, "abortedCount", 0);
-    f(this, "retryCount", 0);
-    f(this, "failedCount", 0);
+    d(this, "maxConcurrency");
+    d(this, "maxRetries");
+    d(this, "retryBaseDelayMs");
+    d(this, "retryMaxDelayMs");
+    d(this, "onTileLoad");
+    d(this, "onTileError");
+    d(this, "onStateChange");
+    d(this, "authToken");
+    d(this, "destroyed", !1);
+    d(this, "queue", []);
+    d(this, "queuedByKey", /* @__PURE__ */ new Map());
+    d(this, "inflight", /* @__PURE__ */ new Map());
+    d(this, "visibleKeys", /* @__PURE__ */ new Set());
+    d(this, "timerId", null);
+    d(this, "abortedCount", 0);
+    d(this, "retryCount", 0);
+    d(this, "failedCount", 0);
     this.maxConcurrency = Math.max(1, Math.floor(t.maxConcurrency ?? 12)), this.maxRetries = Math.max(0, Math.floor(t.maxRetries ?? 2)), this.retryBaseDelayMs = Math.max(
       10,
       Math.floor(t.retryBaseDelayMs ?? 120)
@@ -1999,7 +2025,7 @@ class Xn {
       const o = {
         tile: r,
         attempt: 0,
-        readyAt: $t()
+        readyAt: ee()
       };
       this.queue.push(o), this.queuedByKey.set(r.key, o);
     }
@@ -2055,14 +2081,14 @@ class Xn {
     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 - $t());
+    const n = Math.max(0, t - ee());
     this.timerId = window.setTimeout(() => {
       this.timerId = null, this.pump();
     }, n);
   }
   takeNextReadyQueueItem() {
     if (this.queue.length === 0) return null;
-    const t = $t(), n = this.queue[0];
+    const t = ee(), n = this.queue[0];
     return !n || n.readyAt > t ? null : (this.queue.shift(), this.queuedByKey.delete(n.tile.key), n);
   }
   startFetch(t) {
@@ -2072,7 +2098,7 @@ class Xn {
       controller: n
     };
     this.inflight.set(t.tile.key, r), this.emitStateChange();
-    const i = Wn(t.tile.url, this.authToken);
+    const i = nr(t.tile.url, this.authToken);
     fetch(t.tile.url, {
       signal: n.signal,
       headers: i ? { Authorization: this.authToken } : void 0
@@ -2095,12 +2121,12 @@ class Xn {
         return;
       if (t.attempt < this.maxRetries && this.visibleKeys.has(t.tile.key)) {
         this.retryCount += 1;
-        const a = t.attempt + 1, l = this.getRetryDelay(a), u = {
+        const a = t.attempt + 1, c = this.getRetryDelay(a), l = {
           tile: t.tile,
           attempt: a,
-          readyAt: $t() + l
+          readyAt: ee() + c
         }, h = this.queuedByKey.get(t.tile.key);
-        h ? (h.tile = u.tile, h.readyAt = Math.min(h.readyAt, u.readyAt), h.attempt = Math.max(h.attempt, u.attempt)) : (this.queue.push(u), this.queuedByKey.set(u.tile.key, u)), this.sortQueue();
+        h ? (h.tile = l.tile, h.readyAt = Math.min(h.readyAt, l.readyAt), h.attempt = Math.max(h.attempt, l.attempt)) : (this.queue.push(l), this.queuedByKey.set(l.tile.key, l)), this.sortQueue();
         return;
       }
       this.failedCount += 1, this.onTileError?.(t.tile, o, t.attempt + 1);
@@ -2122,12 +2148,12 @@ class Xn {
     this.onStateChange?.(this.getSnapshot());
   }
 }
-const Se = 0.35;
-class Vn {
+const ke = 0.35;
+class ir {
   constructor() {
-    f(this, "viewportWidth", 1);
-    f(this, "viewportHeight", 1);
-    f(this, "viewState", {
+    d(this, "viewportWidth", 1);
+    d(this, "viewportHeight", 1);
+    d(this, "viewState", {
       zoom: 1,
       offsetX: 0,
       offsetY: 0,
@@ -2158,14 +2184,14 @@ class Vn {
     this.viewState.offsetX = t - this.viewportWidth / (2 * r), this.viewState.offsetY = n - this.viewportHeight / (2 * r);
   }
   screenToWorld(t, n) {
-    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = (t - this.viewportWidth * 0.5) / i, l = (n - this.viewportHeight * 0.5) / i, u = Lt(r.rotationDeg), h = Math.cos(u), p = Math.sin(u);
-    return [o + a * h - l * p, s + a * p + l * h];
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = (t - this.viewportWidth * 0.5) / i, c = (n - this.viewportHeight * 0.5) / i, l = Gt(r.rotationDeg), h = Math.cos(l), w = Math.sin(l);
+    return [o + a * h - c * w, s + a * w + c * h];
   }
   worldToScreen(t, n) {
-    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = t - o, l = n - s, u = Lt(r.rotationDeg), h = Math.cos(u), p = Math.sin(u), d = a * h + l * p, g = -a * p + l * h;
+    const r = this.viewState, i = Math.max(1e-6, r.zoom), [o, s] = this.getCenter(), a = t - o, c = n - s, l = Gt(r.rotationDeg), h = Math.cos(l), w = Math.sin(l), f = a * h + c * w, m = -a * w + c * h;
     return [
-      this.viewportWidth * 0.5 + d * i,
-      this.viewportHeight * 0.5 + g * i
+      this.viewportWidth * 0.5 + f * i,
+      this.viewportHeight * 0.5 + m * i
     ];
   }
   getViewCorners() {
@@ -2178,75 +2204,75 @@ class Vn {
     ];
   }
   getMatrix() {
-    const t = Math.max(1e-6, this.viewState.zoom), [n, r] = this.getCenter(), i = Lt(this.viewState.rotationDeg), o = Math.cos(i), s = Math.sin(i), a = 2 * t * o / this.viewportWidth, l = 2 * t * s / this.viewportWidth, u = 2 * t * s / this.viewportHeight, h = -2 * t * o / this.viewportHeight, p = -(a * n + l * r), d = -(u * n + h * r);
-    return new Float32Array([a, u, 0, l, h, 0, p, d, 1]);
+    const t = Math.max(1e-6, this.viewState.zoom), [n, r] = this.getCenter(), i = Gt(this.viewState.rotationDeg), o = Math.cos(i), s = Math.sin(i), a = 2 * t * o / this.viewportWidth, c = 2 * t * s / this.viewportWidth, l = 2 * t * s / this.viewportHeight, h = -2 * t * o / this.viewportHeight, w = -(a * n + c * r), f = -(l * n + h * r);
+    return new Float32Array([a, l, 0, c, h, 0, w, f, 1]);
   }
 }
-function Lt(e) {
+function Gt(e) {
   return e * Math.PI / 180;
 }
-function Me() {
+function Ye() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-function Ct(e, t, n) {
+function Nt(e, t, n) {
   const r = e.getUniformLocation(t, n);
   if (!r)
     throw new Error(`uniform location lookup failed: ${n}`);
   return r;
 }
-function re(e, t) {
+function he(e, t) {
   return !e || !t ? e === t : e.buffer === t.buffer && e.byteOffset === t.byteOffset && e.byteLength === t.byteLength;
 }
-class On {
+class or {
   constructor(t, n, r = {}) {
-    f(this, "canvas");
-    f(this, "source");
-    f(this, "gl");
-    f(this, "camera", new Vn());
-    f(this, "onViewStateChange");
-    f(this, "onStats");
-    f(this, "onTileError");
-    f(this, "onContextLost");
-    f(this, "onContextRestored");
-    f(this, "resizeObserver");
-    f(this, "tileProgram");
-    f(this, "pointProgram");
-    f(this, "tileScheduler");
-    f(this, "authToken");
-    f(this, "destroyed", !1);
-    f(this, "contextLost", !1);
-    f(this, "frame", null);
-    f(this, "frameSerial", 0);
-    f(this, "dragging", !1);
-    f(this, "interactionMode", "none");
-    f(this, "rotateLastAngleRad", null);
-    f(this, "pointerId", null);
-    f(this, "lastPointerX", 0);
-    f(this, "lastPointerY", 0);
-    f(this, "interactionLocked", !1);
-    f(this, "ctrlDragRotate", !0);
-    f(this, "rotationDragSensitivityDegPerPixel", 0.35);
-    f(this, "maxCacheTiles");
-    f(this, "fitZoom", 1);
-    f(this, "minZoom", 1e-6);
-    f(this, "maxZoom", 1);
-    f(this, "currentTier", 0);
-    f(this, "pointCount", 0);
-    f(this, "usePointIndices", !1);
-    f(this, "pointBuffersDirty", !0);
-    f(this, "pointPaletteSize", 1);
-    f(this, "lastPointData", null);
-    f(this, "lastPointPalette", null);
-    f(this, "cache", /* @__PURE__ */ new Map());
-    f(this, "boundPointerDown");
-    f(this, "boundPointerMove");
-    f(this, "boundPointerUp");
-    f(this, "boundWheel");
-    f(this, "boundDoubleClick");
-    f(this, "boundContextMenu");
-    f(this, "boundContextLost");
-    f(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) : Se;
+    d(this, "canvas");
+    d(this, "source");
+    d(this, "gl");
+    d(this, "camera", new ir());
+    d(this, "onViewStateChange");
+    d(this, "onStats");
+    d(this, "onTileError");
+    d(this, "onContextLost");
+    d(this, "onContextRestored");
+    d(this, "resizeObserver");
+    d(this, "tileProgram");
+    d(this, "pointProgram");
+    d(this, "tileScheduler");
+    d(this, "authToken");
+    d(this, "destroyed", !1);
+    d(this, "contextLost", !1);
+    d(this, "frame", null);
+    d(this, "frameSerial", 0);
+    d(this, "dragging", !1);
+    d(this, "interactionMode", "none");
+    d(this, "rotateLastAngleRad", null);
+    d(this, "pointerId", null);
+    d(this, "lastPointerX", 0);
+    d(this, "lastPointerY", 0);
+    d(this, "interactionLocked", !1);
+    d(this, "ctrlDragRotate", !0);
+    d(this, "rotationDragSensitivityDegPerPixel", 0.35);
+    d(this, "maxCacheTiles");
+    d(this, "fitZoom", 1);
+    d(this, "minZoom", 1e-6);
+    d(this, "maxZoom", 1);
+    d(this, "currentTier", 0);
+    d(this, "pointCount", 0);
+    d(this, "usePointIndices", !1);
+    d(this, "pointBuffersDirty", !0);
+    d(this, "pointPaletteSize", 1);
+    d(this, "lastPointData", null);
+    d(this, "lastPointPalette", null);
+    d(this, "cache", /* @__PURE__ */ new Map());
+    d(this, "boundPointerDown");
+    d(this, "boundPointerMove");
+    d(this, "boundPointerUp");
+    d(this, "boundWheel");
+    d(this, "boundDoubleClick");
+    d(this, "boundContextMenu");
+    d(this, "boundContextLost");
+    d(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) : ke;
     const i = t.getContext("webgl2", {
       alpha: !1,
       antialias: !1,
@@ -2256,7 +2282,7 @@ class On {
     });
     if (!i)
       throw new Error("WebGL2 not supported");
-    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new Xn({
+    this.gl = i, this.tileProgram = this.initTileProgram(), this.pointProgram = this.initPointProgram(), this.tileScheduler = new rr({
       authToken: this.authToken,
       maxConcurrency: r.tileScheduler?.maxConcurrency ?? 12,
       maxRetries: r.tileScheduler?.maxRetries ?? 2,
@@ -2273,7 +2299,7 @@ class On {
   }
   setViewState(t) {
     const n = { ...t };
-    typeof n.zoom == "number" && (n.zoom = Z(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
+    typeof n.zoom == "number" && (n.zoom = j(n.zoom, this.minZoom, this.maxZoom)), this.camera.setViewState(n), this.clampViewState(), this.emitViewState(), this.requestRender();
   }
   getViewState() {
     return this.camera.getViewState();
@@ -2310,7 +2336,7 @@ class On {
         t.paletteIndices.length
       )
     ), r = t.positions.subarray(0, n * 2), i = t.paletteIndices.subarray(0, n), o = t.drawIndices instanceof Uint32Array, s = o ? this.sanitizeDrawIndices(t.drawIndices, n) : null, a = this.lastPointData;
-    let l = this.pointBuffersDirty || !a || a.count !== n || !re(a.positions, r) || !re(a.paletteIndices, i), u = this.pointBuffersDirty || o && (!a?.drawIndices || !re(a.drawIndices, s)) || !o && !!a?.drawIndices;
+    let c = this.pointBuffersDirty || !a || a.count !== n || !he(a.positions, r) || !he(a.paletteIndices, i), l = this.pointBuffersDirty || o && (!a?.drawIndices || !he(a.drawIndices, s)) || !o && !!a?.drawIndices;
     if (this.lastPointData = {
       count: n,
       positions: r,
@@ -2318,15 +2344,15 @@ class On {
       drawIndices: o ? s ?? void 0 : void 0
     }, this.contextLost || this.gl.isContextLost()) return;
     const h = this.gl;
-    l && (h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.posBuffer), h.bufferData(h.ARRAY_BUFFER, this.lastPointData.positions, h.STATIC_DRAW), h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.termBuffer), h.bufferData(
+    c && (h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.posBuffer), h.bufferData(h.ARRAY_BUFFER, this.lastPointData.positions, h.STATIC_DRAW), h.bindBuffer(h.ARRAY_BUFFER, this.pointProgram.termBuffer), h.bufferData(
       h.ARRAY_BUFFER,
       this.lastPointData.paletteIndices,
       h.STATIC_DRAW
-    ), h.bindBuffer(h.ARRAY_BUFFER, null)), o && u && (h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), h.bufferData(
+    ), h.bindBuffer(h.ARRAY_BUFFER, null)), o && l && (h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, this.pointProgram.indexBuffer), h.bufferData(
       h.ELEMENT_ARRAY_BUFFER,
       s ?? new Uint32Array(0),
       h.DYNAMIC_DRAW
-    ), h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = o, this.pointCount = o ? s?.length ?? 0 : this.lastPointData.count, (l || u) && (this.pointBuffersDirty = !1), this.requestRender();
+    ), h.bindBuffer(h.ELEMENT_ARRAY_BUFFER, null)), this.usePointIndices = o, this.pointCount = o ? s?.length ?? 0 : this.lastPointData.count, (c || l) && (this.pointBuffersDirty = !1), this.requestRender();
   }
   sanitizeDrawIndices(t, n) {
     if (n <= 0 || t.length === 0)
@@ -2396,35 +2422,35 @@ class On {
     ];
     let i = r[0][1];
     for (let s = 1; s < r.length; s += 1) {
-      const [a, l] = r[s - 1], [u, h] = r[s];
+      const [a, c] = r[s - 1], [l, h] = r[s];
       if (n <= a) break;
-      const p = Z((n - a) / Math.max(1e-6, u - a), 0, 1);
-      i = l + (h - l) * p;
+      const w = j((n - a) / Math.max(1e-6, l - a), 0, 1);
+      i = c + (h - c) * w;
     }
     const o = r[r.length - 1];
-    return n > o[0] && (i += (n - o[0]) * 4), Z(i, 2.2, 36);
+    return n > o[0] && (i += (n - o[0]) * 4), j(i, 2.2, 36);
   }
   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: Z(o, this.minZoom, this.maxZoom),
+      zoom: j(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 = Z(i.zoom * t, this.minZoom, this.maxZoom);
+    const i = this.camera.getViewState(), o = j(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 l = this.camera.getViewport(), u = n - l.width * 0.5, h = r - l.height * 0.5, p = Lt(this.camera.getViewState().rotationDeg), d = Math.cos(p), g = Math.sin(p), y = u / o * d - h / o * g, b = u / o * g + h / o * d;
+    const c = this.camera.getViewport(), l = n - c.width * 0.5, h = r - c.height * 0.5, w = Gt(this.camera.getViewState().rotationDeg), f = Math.cos(w), m = Math.sin(w), y = l / o * f - h / o * m, b = l / o * m + h / o * f;
     this.camera.setCenter(s - y, a - b), 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(), l = n * 0.5, u = r * 0.5, h = l - i, p = this.source.width - l + i, d = u - o, g = this.source.height - u + o, y = h <= p ? Z(s, h, p) : this.source.width * 0.5, b = d <= g ? Z(a, d, g) : this.source.height * 0.5;
+    const t = this.getViewBounds(), n = Math.max(1e-6, t[2] - t[0]), r = Math.max(1e-6, t[3] - t[1]), i = n * 0.2, o = r * 0.2, [s, a] = this.camera.getCenter(), c = n * 0.5, l = r * 0.5, h = c - i, w = this.source.width - c + i, f = l - o, m = this.source.height - l + o, y = h <= w ? j(s, h, w) : this.source.width * 0.5, b = f <= m ? j(a, f, m) : this.source.height * 0.5;
     this.camera.setCenter(y, b);
   }
   emitViewState() {
@@ -2432,7 +2458,7 @@ class On {
   }
   selectTier() {
     const t = Math.max(1e-6, this.camera.getViewState().zoom), n = this.source.maxTierZoom + Math.log2(t);
-    return Z(Math.floor(n), 0, this.source.maxTierZoom);
+    return j(Math.floor(n), 0, this.source.maxTierZoom);
   }
   getViewBounds() {
     const t = this.camera.getViewCorners();
@@ -2447,40 +2473,40 @@ class On {
   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)), l = n[0], u = n[1], h = n[2], p = n[3], d = Z(
-      Math.floor(l / r / this.source.tileSize),
+    const n = this.getViewBounds(), r = Math.pow(2, this.source.maxTierZoom - t), i = Math.ceil(this.source.width / r), o = Math.ceil(this.source.height / r), s = Math.max(1, Math.ceil(i / this.source.tileSize)), a = Math.max(1, Math.ceil(o / this.source.tileSize)), c = n[0], l = n[1], h = n[2], w = n[3], f = j(
+      Math.floor(c / r / this.source.tileSize),
       0,
       s - 1
-    ), g = Z(
+    ), m = j(
       Math.floor((h - 1) / r / this.source.tileSize),
       0,
       s - 1
-    ), y = Z(
-      Math.floor(u / r / this.source.tileSize),
+    ), y = j(
+      Math.floor(l / r / this.source.tileSize),
       0,
       a - 1
-    ), b = Z(
-      Math.floor((p - 1) / r / this.source.tileSize),
+    ), b = j(
+      Math.floor((w - 1) / r / this.source.tileSize),
       0,
       a - 1
     );
-    if (d > g || y > b)
+    if (f > m || y > b)
       return [];
-    const x = (l + h) * 0.5 / r / this.source.tileSize, A = (u + p) * 0.5 / r / this.source.tileSize, F = [];
-    for (let C = y; C <= b; C += 1)
-      for (let z = d; z <= g; z += 1) {
-        const wt = z * this.source.tileSize * r, lt = C * this.source.tileSize * r, Y = Math.min((z + 1) * this.source.tileSize, i) * r, yt = Math.min((C + 1) * this.source.tileSize, o) * r, ht = z - x, nt = C - A;
-        F.push({
-          key: `${t}/${z}/${C}`,
+    const v = (c + h) * 0.5 / r / this.source.tileSize, S = (l + w) * 0.5 / r / this.source.tileSize, L = [];
+    for (let R = y; R <= b; R += 1)
+      for (let W = f; W <= m; W += 1) {
+        const yt = W * this.source.tileSize * r, st = R * this.source.tileSize * r, X = Math.min((W + 1) * this.source.tileSize, i) * r, At = Math.min((R + 1) * this.source.tileSize, o) * r, mt = W - v, lt = R - S;
+        L.push({
+          key: `${t}/${W}/${R}`,
           tier: t,
-          x: z,
-          y: C,
-          bounds: [wt, lt, Y, yt],
-          distance2: ht * ht + nt * nt,
-          url: Le(this.source, t, z, C)
+          x: W,
+          y: R,
+          bounds: [yt, st, X, At],
+          distance2: mt * mt + lt * lt,
+          url: Ze(this.source, t, W, R)
         });
       }
-    return F.sort((C, z) => C.distance2 - z.distance2), F;
+    return L.sort((R, W) => R.distance2 - W.distance2), L;
   }
   trimCache() {
     if (this.cache.size <= this.maxCacheTiles) return;
@@ -2494,60 +2520,60 @@ class On {
   }
   render() {
     if (this.destroyed || this.contextLost || this.gl.isContextLost()) return;
-    const t = Me();
+    const t = Ye();
     this.frameSerial += 1;
     const n = this.gl, r = this.tileProgram, i = this.pointProgram;
     n.clearColor(0.03, 0.06, 0.1, 1), n.clear(n.COLOR_BUFFER_BIT);
-    const o = this.getVisibleTiles(), s = this.getViewBounds(), a = new Set(o.map((d) => d.key));
+    const o = this.getVisibleTiles(), s = this.getViewBounds(), a = new Set(o.map((f) => f.key));
     n.useProgram(r.program), n.bindVertexArray(r.vao), n.uniformMatrix3fv(r.uCamera, !1, this.camera.getMatrix()), n.uniform1i(r.uTexture, 0);
-    const l = [];
-    for (const [, d] of this.cache)
-      a.has(d.key) || this.intersectsBounds(d.bounds, s) && l.push(d);
-    l.sort((d, g) => d.tier - g.tier);
-    for (const d of l)
-      d.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, d.texture), n.uniform4f(
+    const c = [];
+    for (const [, f] of this.cache)
+      a.has(f.key) || this.intersectsBounds(f.bounds, s) && c.push(f);
+    c.sort((f, m) => f.tier - m.tier);
+    for (const f of c)
+      f.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, f.texture), n.uniform4f(
         r.uBounds,
-        d.bounds[0],
-        d.bounds[1],
-        d.bounds[2],
-        d.bounds[3]
+        f.bounds[0],
+        f.bounds[1],
+        f.bounds[2],
+        f.bounds[3]
       ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4);
-    let u = 0;
+    let l = 0;
     const h = [];
-    for (const d of o) {
-      const g = this.cache.get(d.key);
-      if (!g) {
-        h.push(d);
+    for (const f of o) {
+      const m = this.cache.get(f.key);
+      if (!m) {
+        h.push(f);
         continue;
       }
-      g.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, g.texture), n.uniform4f(
+      m.lastUsed = this.frameSerial, n.activeTexture(n.TEXTURE0), n.bindTexture(n.TEXTURE_2D, m.texture), n.uniform4f(
         r.uBounds,
-        g.bounds[0],
-        g.bounds[1],
-        g.bounds[2],
-        g.bounds[3]
-      ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), u += 1;
+        m.bounds[0],
+        m.bounds[1],
+        m.bounds[2],
+        m.bounds[3]
+      ), n.drawArrays(n.TRIANGLE_STRIP, 0, 4), l += 1;
     }
     this.tileScheduler.schedule(h), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null);
-    let p = 0;
-    if (this.pointCount > 0 && (n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), n.useProgram(i.program), n.bindVertexArray(i.vao), n.uniformMatrix3fv(i.uCamera, !1, this.camera.getMatrix()), n.uniform1f(i.uPointSize, this.getPointSizeByZoom()), n.uniform1f(i.uPaletteSize, this.pointPaletteSize), n.uniform1i(i.uPalette, 1), n.activeTexture(n.TEXTURE1), n.bindTexture(n.TEXTURE_2D, i.paletteTexture), this.usePointIndices ? n.drawElements(n.POINTS, this.pointCount, n.UNSIGNED_INT, 0) : n.drawArrays(n.POINTS, 0, this.pointCount), n.bindTexture(n.TEXTURE_2D, null), n.bindVertexArray(null), p = this.pointCount), this.onStats) {
-      const d = this.tileScheduler.getSnapshot(), g = u, y = h.length, b = l.length + u + (p > 0 ? 1 : 0);
+    let w = 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), w = this.pointCount), this.onStats) {
+      const f = this.tileScheduler.getSnapshot(), m = l, y = h.length, b = c.length + l + (w > 0 ? 1 : 0);
       this.onStats({
         tier: this.currentTier,
         visible: o.length,
-        rendered: u,
-        points: p,
-        fallback: l.length,
+        rendered: l,
+        points: w,
+        fallback: c.length,
         cache: this.cache.size,
-        inflight: d.inflight,
-        queued: d.queued,
-        retries: d.retries,
-        failed: d.failed,
-        aborted: d.aborted,
-        cacheHits: g,
+        inflight: f.inflight,
+        queued: f.queued,
+        retries: f.retries,
+        failed: f.failed,
+        aborted: f.aborted,
+        cacheHits: m,
         cacheMisses: y,
         drawCalls: b,
-        frameMs: Me() - t
+        frameMs: Ye() - t
       });
     }
   }
@@ -2571,15 +2597,15 @@ class On {
     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)), l = this.rotationDragSensitivityDegPerPixel / Se, u = this.camera.getViewState();
+        const s = i - o, a = Math.atan2(Math.sin(s), Math.cos(s)), c = this.rotationDragSensitivityDegPerPixel / ke, l = this.camera.getViewState();
         this.camera.setViewState({
-          rotationDeg: u.rotationDeg - a * 180 / Math.PI * l
+          rotationDeg: l.rotationDeg - a * 180 / Math.PI * c
         });
       }
     } else {
-      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), s = Lt(i.rotationDeg), a = Math.cos(s), l = Math.sin(s), u = (n * a - r * l) / o, h = (n * l + r * a) / o;
+      const i = this.camera.getViewState(), o = Math.max(1e-6, i.zoom), s = Gt(i.rotationDeg), a = Math.cos(s), c = Math.sin(s), l = (n * a - r * c) / o, h = (n * c + r * a) / o;
       this.camera.setViewState({
-        offsetX: i.offsetX - u,
+        offsetX: i.offsetX - l,
         offsetY: i.offsetY - h
       });
     }
@@ -2625,7 +2651,7 @@ class On {
     }
   }
   initTileProgram() {
-    const t = this.gl, i = ge(t, `#version 300 es
+    const t = this.gl, i = Re(t, `#version 300 es
     precision highp float;
     in vec2 aUnit;
     in vec2 aUv;
@@ -2647,21 +2673,21 @@ class On {
     out vec4 outColor;
     void main() {
       outColor = texture(uTexture, vUv);
-    }`), o = Ct(t, i, "uCamera"), s = Ct(t, i, "uBounds"), a = Ct(t, i, "uTexture"), l = t.createVertexArray(), u = t.createBuffer();
-    if (!l || !u)
+    }`), o = Nt(t, i, "uCamera"), s = Nt(t, i, "uBounds"), a = Nt(t, i, "uTexture"), c = t.createVertexArray(), l = t.createBuffer();
+    if (!c || !l)
       throw new Error("buffer allocation failed");
-    t.bindVertexArray(l), t.bindBuffer(t.ARRAY_BUFFER, u), t.bufferData(
+    t.bindVertexArray(c), t.bindBuffer(t.ARRAY_BUFFER, l), t.bufferData(
       t.ARRAY_BUFFER,
       new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 1, 1]),
       t.STATIC_DRAW
     );
-    const h = t.getAttribLocation(i, "aUnit"), p = t.getAttribLocation(i, "aUv");
-    if (h < 0 || p < 0)
+    const h = t.getAttribLocation(i, "aUnit"), w = t.getAttribLocation(i, "aUv");
+    if (h < 0 || w < 0)
       throw new Error("tile attribute lookup failed");
-    return t.enableVertexAttribArray(h), t.enableVertexAttribArray(p), t.vertexAttribPointer(h, 2, t.FLOAT, !1, 16, 0), t.vertexAttribPointer(p, 2, t.FLOAT, !1, 16, 8), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), { program: i, vao: l, vbo: u, uCamera: o, uBounds: s, uTexture: a };
+    return t.enableVertexAttribArray(h), t.enableVertexAttribArray(w), t.vertexAttribPointer(h, 2, t.FLOAT, !1, 16, 0), t.vertexAttribPointer(w, 2, t.FLOAT, !1, 16, 8), t.bindVertexArray(null), t.bindBuffer(t.ARRAY_BUFFER, null), { program: i, vao: c, vbo: l, uCamera: o, uBounds: s, uTexture: a };
   }
   initPointProgram() {
-    const t = this.gl, i = ge(t, `#version 300 es
+    const t = this.gl, i = Re(t, `#version 300 es
     precision highp float;
     in vec2 aPosition;
     in uint aTerm;
@@ -2700,18 +2726,18 @@ class On {
       if (alpha <= 0.001) discard;
 
       outColor = vec4(color.rgb * alpha, alpha);
-    }`), o = Ct(t, i, "uCamera"), s = Ct(t, i, "uPointSize"), a = Ct(t, i, "uPalette"), l = Ct(t, i, "uPaletteSize"), u = t.createVertexArray(), h = t.createBuffer(), p = t.createBuffer(), d = t.createBuffer(), g = t.createTexture();
-    if (!u || !h || !p || !d || !g)
+    }`), o = Nt(t, i, "uCamera"), s = Nt(t, i, "uPointSize"), a = Nt(t, i, "uPalette"), c = Nt(t, i, "uPaletteSize"), l = t.createVertexArray(), h = t.createBuffer(), w = t.createBuffer(), f = t.createBuffer(), m = t.createTexture();
+    if (!l || !h || !w || !f || !m)
       throw new Error("point buffer allocation failed");
-    t.bindVertexArray(u), t.bindBuffer(t.ARRAY_BUFFER, h), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
+    t.bindVertexArray(l), 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, p), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
+    t.enableVertexAttribArray(y), t.vertexAttribPointer(y, 2, t.FLOAT, !1, 0, 0), t.bindBuffer(t.ARRAY_BUFFER, w), t.bufferData(t.ARRAY_BUFFER, 0, t.DYNAMIC_DRAW);
     const b = t.getAttribLocation(i, "aTerm");
     if (b < 0)
       throw new Error("point term attribute not found");
-    return t.enableVertexAttribArray(b), t.vertexAttribIPointer(b, 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, g), 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(b), t.vertexAttribIPointer(b, 1, t.UNSIGNED_SHORT, 0, 0), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, f), 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, m), 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,
@@ -2723,15 +2749,15 @@ class On {
       new Uint8Array([160, 160, 160, 255])
     ), t.bindTexture(t.TEXTURE_2D, null), {
       program: i,
-      vao: u,
+      vao: l,
       posBuffer: h,
-      termBuffer: p,
-      indexBuffer: d,
-      paletteTexture: g,
+      termBuffer: w,
+      indexBuffer: f,
+      paletteTexture: m,
       uCamera: o,
       uPointSize: s,
       uPalette: a,
-      uPaletteSize: l
+      uPaletteSize: c
     };
   }
   handleTileLoaded(t, n) {
@@ -2758,37 +2784,37 @@ class On {
     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 Ae = [], Gn = [], qn = {
+const de = [], sr = [], ar = {
   count: 0,
   positions: new Float32Array(0),
   paletteIndices: new Uint16Array(0)
 };
-function ae(e, t) {
+function pe(e, t) {
   return e.id ?? t;
 }
-function $n(e, t) {
+function cr(e, t) {
   if (!Array.isArray(t) || t.length < 3) return !1;
   const [n, r] = e;
   let i = !1;
   for (let o = 0, s = t.length - 1; o < t.length; s = o++) {
-    const [a, l] = t[o], [u, h] = t[s];
-    l > r != h > r && n < (u - a) * (r - l) / Math.max(1e-12, h - l) + a && (i = !i);
+    const [a, c] = t[o], [l, h] = t[s];
+    c > r != h > r && n < (l - a) * (r - c) / Math.max(1e-12, h - c) + a && (i = !i);
   }
   return i;
 }
-function Re(e, t) {
+function We(e, t) {
   for (let n = t.length - 1; n >= 0; n -= 1) {
     const r = t[n];
-    if (r?.coordinates?.length && $n(e, r.coordinates))
+    if (r?.coordinates?.length && cr(e, r.coordinates))
       return {
         region: r,
         regionIndex: n,
-        regionId: ae(r, n)
+        regionId: pe(r, n)
       };
   }
   return null;
 }
-function sr({
+function vr({
   source: e,
   viewState: t,
   onViewStateChange: n,
@@ -2797,40 +2823,44 @@ function sr({
   onContextLost: o,
   onContextRestored: s,
   debugOverlay: a = !1,
-  debugOverlayStyle: l,
-  fitNonce: u = 0,
+  debugOverlayStyle: c,
+  fitNonce: l = 0,
   rotationResetNonce: h = 0,
-  authToken: p = "",
-  ctrlDragRotate: d = !0,
-  pointData: g = null,
+  authToken: w = "",
+  ctrlDragRotate: f = !0,
+  pointData: m = null,
   pointPalette: y = null,
   roiRegions: b,
-  roiPolygons: x,
-  clipPointsToRois: A = !1,
-  clipMode: F = "worker",
-  onClipStats: C,
-  onRoiPointGroups: z,
-  roiPaletteIndexToTermId: wt,
-  interactionLock: lt = !1,
-  drawTool: Y = "cursor",
-  stampOptions: yt,
-  regionStrokeStyle: ht,
-  regionStrokeHoverStyle: nt,
-  regionStrokeActiveStyle: H,
-  resolveRegionStrokeStyle: V,
-  overlayShapes: J,
-  regionLabelStyle: vt,
-  onPointerWorldMove: xt,
-  onRegionHover: ut,
-  onRegionClick: Tt,
-  onActiveRegionChange: P,
-  onDrawComplete: E,
-  showOverviewMap: M = !1,
-  overviewMapOptions: I,
-  className: O,
-  style: it
+  roiPolygons: v,
+  clipPointsToRois: S = !1,
+  clipMode: L = "worker",
+  onClipStats: R,
+  onRoiPointGroups: W,
+  roiPaletteIndexToTermId: yt,
+  interactionLock: st = !1,
+  drawTool: X = "cursor",
+  stampOptions: At,
+  regionStrokeStyle: mt,
+  regionStrokeHoverStyle: lt,
+  regionStrokeActiveStyle: Rt,
+  patchStrokeStyle: J,
+  resolveRegionStrokeStyle: rt,
+  overlayShapes: V,
+  customLayers: ht,
+  patchRegions: Ct,
+  regionLabelStyle: at,
+  onPointerWorldMove: x,
+  onRegionHover: T,
+  onRegionClick: E,
+  onActiveRegionChange: k,
+  onDrawComplete: O,
+  onPatchComplete: gt,
+  showOverviewMap: tt = !1,
+  overviewMapOptions: q,
+  className: et,
+  style: ct
 }) {
-  const ot = $(null), R = $(null), W = $(null), st = $(null), ft = $(n), X = $(r), K = $(a), [rt, q] = Ft(!0), [Q, c] = Ft(null), [m, S] = Ft(null), [v, N] = Ft(null), T = $(null), _ = $(0), G = b ?? Ae, tt = x ?? Gn, dt = et(() => ({ position: "relative", width: "100%", height: "100%", ...it }), [it]), Rt = et(
+  const ut = Z(null), U = Z(null), P = Z(null), Y = Z(null), $ = Z(n), Q = Z(r), dt = Z(a), [Lt, Tt] = Yt(!0), [vt, bt] = Yt(null), [u, g] = Yt(null), [M, _] = Yt(null), [A, C] = Yt(null), I = Z(null), G = Z(0), it = b ?? de, ot = Ct ?? de, St = v ?? sr, It = (ht?.length ?? 0) > 0, Vt = H(() => ({ position: "relative", width: "100%", height: "100%", ...ct }), [ct]), ie = H(
     () => ({
       position: "absolute",
       top: 8,
@@ -2849,171 +2879,192 @@ function sr({
       border: "1px solid rgba(173, 216, 255, 0.28)",
       borderRadius: 8,
       boxShadow: "0 8px 22px rgba(0,0,0,0.35)",
-      ...l
+      ...c
     }),
-    [l]
-  ), j = et(() => G.length > 0 ? G : tt.length === 0 ? Ae : tt.map((w, B) => ({
+    [c]
+  ), ft = H(() => it.length > 0 ? it : St.length === 0 ? de : St.map((p, B) => ({
     id: B,
-    coordinates: w
-  })), [G, tt]), pt = et(() => j.map((w) => w.coordinates), [j]), [_t, zt] = Ft(g);
-  L(() => {
-    const w = ++_.current;
+    coordinates: p
+  })), [it, St]), Dt = H(() => ft.map((p) => p.coordinates), [ft]), [qt, $t] = Yt(m);
+  z(() => {
+    const p = ++G.current;
     let B = !1;
-    if (!A)
-      return zt(g), () => {
+    if (!S)
+      return $t(m), () => {
         B = !0;
       };
-    if (!g || !g.count || !g.positions || !g.paletteIndices)
-      return zt(null), () => {
+    if (!m || !m.count || !m.positions || !m.paletteIndices)
+      return $t(null), () => {
         B = !0;
       };
-    if (pt.length === 0)
-      return zt(qn), C?.({
-        mode: F,
+    if (Dt.length === 0)
+      return $t(ar), R?.({
+        mode: L,
         durationMs: 0,
-        inputCount: g.count,
+        inputCount: m.count,
         outputCount: 0,
         polygonCount: 0
       }), () => {
         B = !0;
       };
-    const k = (U, ct) => {
-      if (B || w !== _.current) return;
-      const jt = U?.drawIndices ? U.drawIndices.length : U?.count ?? 0;
-      zt(U), C?.({
-        mode: ct.mode,
-        durationMs: ct.durationMs,
-        inputCount: g.count,
-        outputCount: jt,
-        polygonCount: pt.length,
-        usedWebGpu: ct.usedWebGpu,
-        candidateCount: ct.candidateCount,
-        bridgedToDraw: ct.bridgedToDraw
+    const N = (F, nt) => {
+      if (B || p !== G.current) return;
+      const oe = F?.drawIndices ? F.drawIndices.length : F?.count ?? 0;
+      $t(F), R?.({
+        mode: nt.mode,
+        durationMs: nt.durationMs,
+        inputCount: m.count,
+        outputCount: oe,
+        polygonCount: Dt.length,
+        usedWebGpu: nt.usedWebGpu,
+        candidateCount: nt.candidateCount,
+        bridgedToDraw: nt.bridgedToDraw
       });
     };
     return (async () => {
-      if (F === "sync") {
-        const U = performance.now(), ct = Kt(g, pt);
-        k(ct, {
+      if (L === "sync") {
+        const F = performance.now(), nt = re(m, Dt);
+        N(nt, {
           mode: "sync",
-          durationMs: performance.now() - U
+          durationMs: performance.now() - F
         });
         return;
       }
-      if (F === "hybrid-webgpu") {
-        const U = await _n(
-          g,
-          pt,
-          { bridgeToDraw: !0 }
-        );
-        k(U.data, {
-          mode: U.meta.mode,
-          durationMs: U.meta.durationMs,
-          usedWebGpu: U.meta.usedWebGpu,
-          candidateCount: U.meta.candidateCount,
-          bridgedToDraw: U.meta.bridgedToDraw
+      if (L === "hybrid-webgpu") {
+        const F = await Hn(m, Dt, { bridgeToDraw: !0 });
+        N(F.data, {
+          mode: F.meta.mode,
+          durationMs: F.meta.durationMs,
+          usedWebGpu: F.meta.usedWebGpu,
+          candidateCount: F.meta.candidateCount,
+          bridgedToDraw: F.meta.bridgedToDraw
         });
         return;
       }
       try {
-        const U = await Fn(g, pt);
-        k(U.data, {
-          mode: U.meta.mode,
-          durationMs: U.meta.durationMs
+        const F = await Zn(m, Dt);
+        N(F.data, {
+          mode: F.meta.mode,
+          durationMs: F.meta.durationMs
         });
       } catch {
-        const U = performance.now(), ct = Kt(g, pt);
-        k(ct, {
+        const F = performance.now(), nt = re(m, Dt);
+        N(nt, {
           mode: "sync",
-          durationMs: performance.now() - U
+          durationMs: performance.now() - F
         });
       }
     })(), () => {
       B = !0;
     };
-  }, [A, F, g, pt, C]), et(() => {
-    const w = Number(I?.width ?? 220);
-    return Number.isFinite(w) ? Math.max(64, w) : 220;
-  }, [I?.width]);
-  const le = et(() => {
-    const w = Number(I?.height ?? 140);
-    return Number.isFinite(w) ? Math.max(48, w) : 140;
-  }, [I?.height]), Mt = et(() => {
-    const w = Number(I?.margin ?? 16);
-    return Number.isFinite(w) ? Math.max(0, w) : 16;
-  }, [I?.margin]), Nt = I?.position || "bottom-right", Bt = D(
-    (w) => {
-      S((B) => String(B) === String(w) ? B : (P?.(w), w));
+  }, [S, L, m, Dt, R]), H(() => {
+    const p = Number(q?.width ?? 220);
+    return Number.isFinite(p) ? Math.max(64, p) : 220;
+  }, [q?.width]);
+  const ye = H(() => {
+    const p = Number(q?.height ?? 140);
+    return Number.isFinite(p) ? Math.max(48, p) : 140;
+  }, [q?.height]), _t = H(() => {
+    const p = Number(q?.margin ?? 16);
+    return Number.isFinite(p) ? Math.max(0, p) : 16;
+  }, [q?.margin]), Ht = q?.position || "bottom-right", zt = D(
+    (p) => {
+      g((B) => String(B) === String(p) ? B : (k?.(p), p));
     },
-    [P]
+    [k]
   );
-  L(() => {
-    ft.current = n;
-  }, [n]), L(() => {
-    X.current = r;
-  }, [r]), L(() => {
-    K.current = a, a || N(null);
+  z(() => {
+    $.current = n;
+  }, [n]), z(() => {
+    Q.current = r;
+  }, [r]), z(() => {
+    dt.current = a, a || C(null);
   }, [a]);
-  const he = D((w) => {
-    X.current?.(w), K.current && N(w);
-  }, []), Ne = et(() => v ? [
-    `tier ${v.tier} | frame ${v.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${v.drawCalls ?? "-"}`,
-    `tiles visible ${v.visible} | rendered ${v.rendered} | fallback ${v.fallback}`,
-    `cache size ${v.cache} | hit ${v.cacheHits ?? "-"} | miss ${v.cacheMisses ?? "-"}`,
-    `queue inflight ${v.inflight} | queued ${v.queued ?? "-"} | retries ${v.retries ?? "-"} | failed ${v.failed ?? "-"} | aborted ${v.aborted ?? "-"}`,
-    `points ${v.points}`
+  const xe = D((p) => {
+    Q.current?.(p), dt.current && C(p);
+  }, []), nn = H(() => A ? [
+    `tier ${A.tier} | frame ${A.frameMs?.toFixed(2) ?? "-"} ms | drawCalls ${A.drawCalls ?? "-"}`,
+    `tiles visible ${A.visible} | rendered ${A.rendered} | fallback ${A.fallback}`,
+    `cache size ${A.cache} | hit ${A.cacheHits ?? "-"} | miss ${A.cacheMisses ?? "-"}`,
+    `queue inflight ${A.inflight} | queued ${A.queued ?? "-"} | retries ${A.retries ?? "-"} | failed ${A.failed ?? "-"} | aborted ${A.aborted ?? "-"}`,
+    `points ${A.points}`
   ].join(`
-`) : "stats: waiting for first frame...", [v]);
-  L(() => {
-    !(m === null ? !0 : j.some((at, U) => String(ae(at, U)) === String(m))) && m !== null && Bt(null);
-    const B = T.current;
-    !(B === null ? !0 : j.some((at, U) => String(ae(at, U)) === String(B))) && B !== null && (T.current = null, c(null), ut?.({
+`) : "stats: waiting for first frame...", [A]);
+  z(() => {
+    !(u === null ? !0 : ft.some((K, F) => String(pe(K, F)) === String(u))) && u !== null && zt(null);
+    const B = I.current;
+    !(B === null ? !0 : ft.some((K, F) => String(pe(K, F)) === String(B))) && B !== null && (I.current = null, bt(null), T?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [j, m, ut, Bt]);
-  const fe = D((w) => {
-    const B = ft.current;
-    B && B(w), W.current?.(), st.current?.();
-  }, []);
-  L(() => {
-    if (!M) {
-      q(!1);
+  }, [ft, u, T, zt]);
+  const Te = D(
+    (p) => {
+      It && _(p);
+      const B = $.current;
+      B && B(p), P.current?.(), Y.current?.();
+    },
+    [It]
+  );
+  z(() => {
+    if (!tt) {
+      Tt(!1);
       return;
     }
-    q(!0);
-  }, [M, e?.id]), L(() => {
-    Y !== "cursor" && T.current !== null && (T.current = null, c(null), ut?.({
+    Tt(!0);
+  }, [tt, e?.id]), z(() => {
+    X !== "cursor" && I.current !== null && (I.current = null, bt(null), T?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [Y, ut]);
-  const kt = D((w, B) => {
-    const k = R.current;
-    if (!k) return null;
-    const at = k.screenToWorld(w, B);
-    if (!Array.isArray(at) || at.length < 2) return null;
-    const U = Number(at[0]), ct = Number(at[1]);
-    return !Number.isFinite(U) || !Number.isFinite(ct) ? null : [U, ct];
-  }, []), ke = D(
-    (w) => {
-      const B = w.target === ot.current, k = kt(w.clientX, w.clientY);
-      if (xt) {
-        const jt = !!k && k[0] >= 0 && k[1] >= 0 && !!e && k[0] <= e.width && k[1] <= e.height;
-        xt({
-          coordinate: k,
-          clientX: w.clientX,
-          clientY: w.clientY,
-          insideImage: jt
+  }, [X, T]);
+  const kt = D((p, B) => {
+    const N = U.current;
+    if (!N) return null;
+    const K = N.screenToWorld(p, B);
+    if (!Array.isArray(K) || K.length < 2) return null;
+    const F = Number(K[0]), nt = Number(K[1]);
+    return !Number.isFinite(F) || !Number.isFinite(nt) ? null : [F, nt];
+  }, []), ve = D((p, B) => {
+    const N = U.current;
+    if (!N) return null;
+    const K = N.worldToScreen(p, B);
+    if (!Array.isArray(K) || K.length < 2) return null;
+    const F = Number(K[0]), nt = Number(K[1]);
+    return !Number.isFinite(F) || !Number.isFinite(nt) ? null : [F, nt];
+  }, []), Me = D(() => {
+    U.current?.requestRender(), P.current?.(), Y.current?.();
+  }, []), Pe = H(() => M ?? U.current?.getViewState() ?? null, [M]), Se = H(() => {
+    if (!e) return null;
+    const p = Pe;
+    return p ? {
+      source: e,
+      viewState: p,
+      drawTool: X,
+      interactionLock: st,
+      worldToScreen: ve,
+      screenToWorld: kt,
+      requestRedraw: Me
+    } : null;
+  }, [e, Pe, X, st, ve, kt, Me]), rn = D(
+    (p) => {
+      const B = p.target === ut.current, N = kt(p.clientX, p.clientY);
+      if (x) {
+        const oe = !!N && N[0] >= 0 && N[1] >= 0 && !!e && N[0] <= e.width && N[1] <= e.height;
+        x({
+          coordinate: N,
+          clientX: p.clientX,
+          clientY: p.clientY,
+          insideImage: oe
         });
       }
-      if (Y !== "cursor") return;
+      if (X !== "cursor") return;
       if (!B) {
-        T.current !== null && (T.current = null, c(null), ut?.({
+        I.current !== null && (I.current = null, bt(null), T?.({
           region: null,
           regionId: null,
           regionIndex: -1,
@@ -3021,98 +3072,98 @@ function sr({
         }));
         return;
       }
-      if (!k || !j.length) return;
-      const at = Re(k, j), U = at?.regionId ?? null, ct = T.current;
-      String(ct) !== String(U) && (T.current = U, c(U), ut?.({
-        region: at?.region ?? null,
-        regionId: U,
-        regionIndex: at?.regionIndex ?? -1,
-        coordinate: k
+      if (!N || !ft.length) return;
+      const K = We(N, ft), F = K?.regionId ?? null, nt = I.current;
+      String(nt) !== String(F) && (I.current = F, bt(F), T?.({
+        region: K?.region ?? null,
+        regionId: F,
+        regionIndex: K?.regionIndex ?? -1,
+        coordinate: N
       }));
     },
-    [Y, j, kt, ut, xt, e]
-  ), Ye = D(() => {
-    xt?.({
+    [X, ft, kt, T, x, e]
+  ), on = D(() => {
+    x?.({
       coordinate: null,
       clientX: -1,
       clientY: -1,
       insideImage: !1
-    }), T.current !== null && (T.current = null, c(null), ut?.({
+    }), I.current !== null && (I.current = null, bt(null), T?.({
       region: null,
       regionId: null,
       regionIndex: -1,
       coordinate: null
     }));
-  }, [ut, xt]), We = D(
-    (w) => {
-      if (Y !== "cursor" || w.target !== ot.current) return;
-      if (!j.length) {
-        Bt(null);
+  }, [T, x]), sn = D(
+    (p) => {
+      if (X !== "cursor" || p.target !== ut.current) return;
+      if (!ft.length) {
+        zt(null);
         return;
       }
-      const B = kt(w.clientX, w.clientY);
+      const B = kt(p.clientX, p.clientY);
       if (!B) return;
-      const k = Re(B, j);
-      if (!k) {
-        Bt(null);
+      const N = We(B, ft);
+      if (!N) {
+        zt(null);
         return;
       }
-      const at = m !== null && String(m) === String(k.regionId) ? null : k.regionId;
-      Bt(at), Tt?.({
-        region: k.region,
-        regionId: k.regionId,
-        regionIndex: k.regionIndex,
+      const K = u !== null && String(u) === String(N.regionId) ? null : N.regionId;
+      zt(K), E?.({
+        region: N.region,
+        regionId: N.regionId,
+        regionIndex: N.regionIndex,
         coordinate: B
       });
     },
-    [Y, j, kt, Tt, m, Bt]
+    [X, ft, kt, E, u, zt]
   );
-  return L(() => {
-    const w = ot.current;
-    if (!w || !e)
+  return z(() => {
+    const p = ut.current;
+    if (!p || !e)
       return;
-    const B = new On(w, e, {
-      onViewStateChange: fe,
-      onStats: he,
+    const B = new or(p, e, {
+      onViewStateChange: Te,
+      onStats: xe,
       onTileError: i,
       onContextLost: o,
       onContextRestored: s,
-      authToken: p,
-      ctrlDragRotate: d
+      authToken: w,
+      ctrlDragRotate: f
     });
-    return R.current = B, t && B.setViewState(t), B.setInteractionLock(lt), () => {
-      B.destroy(), R.current = null;
+    return U.current = B, t && B.setViewState(t), B.setInteractionLock(st), It && _(B.getViewState()), () => {
+      B.destroy(), U.current = null;
     };
-  }, [e, he, i, o, s, p, d, fe]), L(() => {
-    const w = R.current;
-    !w || !t || w.setViewState(t);
-  }, [t]), L(() => {
-    const w = R.current;
-    w && w.fitToImage();
-  }, [u]), L(() => {
-    const w = R.current;
-    w && w.resetRotation();
-  }, [h]), L(() => {
-    const w = R.current;
-    !w || !y || w.setPointPalette(y);
-  }, [y]), L(() => {
-    const w = R.current;
-    w && w.setPointData(_t);
-  }, [_t]), L(() => {
-    if (!z) return;
-    const B = Yn(A ? _t : g, j, {
-      paletteIndexToTermId: wt,
+  }, [e, xe, i, o, s, w, f, Te, It]), z(() => {
+    const p = U.current;
+    !p || !t || p.setViewState(t);
+  }, [t]), z(() => {
+    const p = U.current;
+    p && p.fitToImage();
+  }, [l]), z(() => {
+    const p = U.current;
+    p && p.resetRotation();
+  }, [h]), z(() => {
+    const p = U.current;
+    !p || !y || p.setPointPalette(y);
+  }, [y]), z(() => {
+    const p = U.current;
+    p && p.setPointData(qt);
+  }, [qt]), z(() => {
+    if (!W) return;
+    const B = er(S ? qt : m, ft, {
+      paletteIndexToTermId: yt,
       includeEmptyRegions: !0
     });
-    z(B);
-  }, [z, A, g, _t, j, wt]), L(() => {
-    const w = R.current;
-    w && w.setInteractionLock(lt);
-  }, [lt]), /* @__PURE__ */ de("div", { className: O, style: dt, onPointerMove: ke, onPointerLeave: Ye, onClick: We, children: [
-    /* @__PURE__ */ Et(
+    W(B);
+  }, [W, S, m, qt, ft, yt]), z(() => {
+    const p = U.current;
+    p && p.setInteractionLock(st);
+  }, [st]), /* @__PURE__ */ Ee("div", { className: et, style: Vt, onPointerMove: rn, onPointerLeave: on, onClick: sn, children: [
+    /* @__PURE__ */ Mt(
       "canvas",
       {
-        ref: ot,
+        ref: ut,
         className: "wsi-render-canvas",
         style: {
           position: "absolute",
@@ -3122,49 +3173,67 @@ function sr({
           height: "100%",
           display: "block",
           touchAction: "none",
-          cursor: Y === "cursor" && Q !== null ? "pointer" : lt ? "crosshair" : "grab"
+          cursor: X === "cursor" && vt !== null ? "pointer" : st ? "crosshair" : "grab"
         }
       }
     ),
-    e ? /* @__PURE__ */ Et(
-      dn,
+    e && Se && Array.isArray(ht) && ht.length > 0 ? ht.map((p, B) => /* @__PURE__ */ Mt(
+      "div",
+      {
+        className: p.className,
+        style: {
+          position: "absolute",
+          inset: 0,
+          zIndex: p.zIndex ?? 3,
+          pointerEvents: p.pointerEvents ?? "none",
+          ...p.style
+        },
+        children: p.render(Se)
+      },
+      p.id ?? B
+    )) : null,
+    e ? /* @__PURE__ */ Mt(
+      _n,
       {
-        tool: Y,
-        enabled: Y !== "cursor",
+        tool: X,
+        enabled: X !== "cursor",
         imageWidth: e.width,
         imageHeight: e.height,
         imageMpp: e.mpp,
         imageZoom: e.maxTierZoom,
-        stampOptions: yt,
-        projectorRef: R,
+        stampOptions: At,
+        projectorRef: U,
         viewStateSignal: t,
-        persistedRegions: j,
-        regionStrokeStyle: ht,
-        regionStrokeHoverStyle: nt,
-        regionStrokeActiveStyle: H,
-        resolveRegionStrokeStyle: V,
-        overlayShapes: J,
-        hoveredRegionId: Q,
-        activeRegionId: m,
-        regionLabelStyle: vt,
-        invalidateRef: W,
-        onDrawComplete: E
+        persistedRegions: ft,
+        patchRegions: ot,
+        regionStrokeStyle: mt,
+        regionStrokeHoverStyle: lt,
+        regionStrokeActiveStyle: Rt,
+        patchStrokeStyle: J,
+        resolveRegionStrokeStyle: rt,
+        overlayShapes: V,
+        hoveredRegionId: vt,
+        activeRegionId: u,
+        regionLabelStyle: at,
+        invalidateRef: P,
+        onDrawComplete: O,
+        onPatchComplete: gt
       }
     ) : null,
-    a ? /* @__PURE__ */ Et("pre", { "data-open-plant-debug-overlay": !0, style: Rt, children: Ne }) : null,
-    e && M ? rt ? /* @__PURE__ */ de(Oe, { children: [
-      /* @__PURE__ */ Et(gn, { source: e, projectorRef: R, authToken: p, options: I, invalidateRef: st }),
-      /* @__PURE__ */ Et(
+    a ? /* @__PURE__ */ Mt("pre", { "data-open-plant-debug-overlay": !0, style: ie, children: nn }) : null,
+    e && tt ? Lt ? /* @__PURE__ */ Ee(un, { children: [
+      /* @__PURE__ */ Mt(Un, { source: e, projectorRef: U, authToken: w, options: q, invalidateRef: Y }),
+      /* @__PURE__ */ Mt(
         "button",
         {
           type: "button",
           "aria-label": "Hide overview map",
-          onClick: () => q(!1),
+          onClick: () => Tt(!1),
           style: {
             position: "absolute",
             zIndex: 6,
-            ...Nt.includes("left") ? { left: Mt } : { right: Mt },
-            ...Nt.includes("top") ? { top: Mt + le + 8 } : { bottom: Mt + le + 8 },
+            ...Ht.includes("left") ? { left: _t } : { right: _t },
+            ...Ht.includes("top") ? { top: _t + ye + 8 } : { bottom: _t + ye + 8 },
             width: 20,
             height: 20,
             borderRadius: 999,
@@ -3179,17 +3248,17 @@ function sr({
           children: "×"
         }
       )
-    ] }) : /* @__PURE__ */ Et(
+    ] }) : /* @__PURE__ */ Mt(
       "button",
       {
         type: "button",
         "aria-label": "Show overview map",
-        onClick: () => q(!0),
+        onClick: () => Tt(!0),
         style: {
           position: "absolute",
           zIndex: 6,
-          ...Nt.includes("left") ? { left: Mt } : { right: Mt },
-          ...Nt.includes("top") ? { top: Mt } : { bottom: Mt },
+          ...Ht.includes("left") ? { left: _t } : { right: _t },
+          ...Ht.includes("top") ? { top: _t } : { bottom: _t },
           height: 24,
           minWidth: 40,
           borderRadius: 999,
@@ -3207,32 +3276,34 @@ function sr({
   ] });
 }
 export {
-  Ce as DEFAULT_POINT_COLOR,
-  dn as DrawLayer,
-  Ke as M1TileRenderer,
-  gn as OverviewMap,
-  Xn as TileScheduler,
-  rr as TileViewerCanvas,
-  On as WsiTileRenderer,
-  sr as WsiViewerCanvas,
-  er as buildTermPalette,
-  Jn as calcScaleLength,
-  Ie as calcScaleResolution,
-  Z as clamp,
-  St as closeRing,
-  Yn as computeRoiPointGroups,
-  ye as createCircle,
-  we as createRectangle,
-  Kt as filterPointDataByPolygons,
-  _n as filterPointDataByPolygonsHybrid,
-  Fn as filterPointDataByPolygonsInWorker,
-  ir as getWebGpuCapabilities,
-  je as hexToRgba,
-  Qn as isSameViewState,
-  nr as normalizeImageInfo,
-  An as prefilterPointsByBoundsWebGpu,
-  or as terminateRoiClipWorker,
-  tr as toBearerToken,
-  Le as toTileUrl
+  Xe as DEFAULT_POINT_COLOR,
+  _n as DrawLayer,
+  gn as M1TileRenderer,
+  Un as OverviewMap,
+  rr as TileScheduler,
+  br as TileViewerCanvas,
+  or as WsiTileRenderer,
+  vr as WsiViewerCanvas,
+  pr as buildTermPalette,
+  fr as calcScaleLength,
+  Ve as calcScaleResolution,
+  j as clamp,
+  Pt as closeRing,
+  er as computeRoiPointGroups,
+  Ue as createCircle,
+  Be as createRectangle,
+  re as filterPointDataByPolygons,
+  Hn as filterPointDataByPolygonsHybrid,
+  Zn as filterPointDataByPolygonsInWorker,
+  Dn as filterPointIndicesByPolygons,
+  Tr as filterPointIndicesByPolygonsInWorker,
+  yr as getWebGpuCapabilities,
+  pn as hexToRgba,
+  mr as isSameViewState,
+  wr as normalizeImageInfo,
+  On as prefilterPointsByBoundsWebGpu,
+  xr as terminateRoiClipWorker,
+  gr as toBearerToken,
+  Ze as toTileUrl
 };
 //# sourceMappingURL=index.js.map