@nebula-spatial/viewer 0.2.4 → 0.3.0

package/dist/index.js

@@ -1,14 +1,14 @@
-var ze = Object.defineProperty;
-var He = (n, e, t) => e in n ? ze(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var a = (n, e, t) => He(n, typeof e != "symbol" ? e + "" : e, t);
-import { Texture as Ye, Vector3 as w, MathUtils as R, Scene as ee, Group as Ie, Raycaster as Xe, Vector2 as q, WebGLRenderer as _e, Color as qe, Euler as We, OrthographicCamera as te, PerspectiveCamera as $e, MOUSE as W, TOUCH as ie, Vector4 as je, Plane as Ue, WebGLRenderTarget as Ke, Box3 as S, Object3D as Ge, PMREMGenerator as Ze, EquirectangularReflectionMapping as Je, BoxHelper as Qe, Box3Helper as et, BoxGeometry as tt, Mesh as it, MeshBasicMaterial as rt, LineSegments as nt, EdgesGeometry as st, LineBasicMaterial as ot } from "three";
-import { RoomEnvironment as at } from "three/addons/environments/RoomEnvironment.js";
-import { MapControls as lt } from "three/addons/controls/MapControls.js";
-import { OrbitControls as ct } from "three/addons/controls/OrbitControls.js";
-import { HDRLoader as dt } from "three/addons/loaders/HDRLoader.js";
-import { createCadDocumentSession as ht, getCadDocumentRenderResource as ut, formatCadInsertId as pt } from "@nebula-spatial/cad-loader";
-import { configureCadTextBuilder as _i } from "@nebula-spatial/cad-loader";
-const mt = [
+var $e = Object.defineProperty;
+var Ke = (n, e, t) => e in n ? $e(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var c = (n, e, t) => Ke(n, typeof e != "symbol" ? e + "" : e, t);
+import { Texture as qe, Vector3 as C, MathUtils as I, Scene as ie, Group as Te, Raycaster as je, Vector2 as U, WebGLRenderer as We, Color as Ge, Euler as Ze, OrthographicCamera as re, PerspectiveCamera as Je, MOUSE as $, TOUCH as ne, Vector4 as Qe, Plane as et, WebGLRenderTarget as tt, Box3 as R, Object3D as it, PMREMGenerator as rt, EquirectangularReflectionMapping as nt, BoxHelper as st, Box3Helper as ot, BoxGeometry as at, Mesh as lt, MeshBasicMaterial as ct, LineSegments as dt, EdgesGeometry as ht, LineBasicMaterial as ut } from "three";
+import { RoomEnvironment as pt } from "three/addons/environments/RoomEnvironment.js";
+import { MapControls as mt } from "three/addons/controls/MapControls.js";
+import { OrbitControls as vt } from "three/addons/controls/OrbitControls.js";
+import { HDRLoader as ft } from "three/addons/loaders/HDRLoader.js";
+import { createCadDocumentSession as bt, getCadDocumentRenderResource as gt, formatCadInsertId as se } from "@nebula-spatial/cad-loader";
+import { configureCadTextBuilder as dr } from "@nebula-spatial/cad-loader";
+const yt = [
   "alphaMap",
   "aoMap",
   "bumpMap",
@@ -34,31 +34,31 @@ const mt = [
   "thicknessMap",
   "transmissionMap"
 ];
-function X(n, e) {
+function Y(n, e) {
   e.has(n) || (e.add(n), n.dispose());
 }
-function vt(n, e, t) {
+function xt(n, e, t) {
   if (e) {
     const i = n;
-    for (const r of mt) {
+    for (const r of yt) {
       const s = i[r];
-      s instanceof Ye && X(s, t);
+      s instanceof qe && Y(s, t);
     }
   }
-  X(n, t);
+  Y(n, t);
 }
-function re(n, e = {}) {
+function oe(n, e = {}) {
   const t = e.disposedResources ?? /* @__PURE__ */ new WeakSet(), i = e.disposeTextures !== !1;
   n.traverse((r) => {
     const s = r;
-    s.geometry && X(s.geometry, t);
+    s.geometry && Y(s.geometry, t);
     const o = Array.isArray(s.material) ? s.material : [s.material];
-    for (const c of o)
-      c && vt(c, i, t);
-    s.renderTarget && X(s.renderTarget, t);
+    for (const a of o)
+      a && xt(a, i, t);
+    s.renderTarget && Y(s.renderTarget, t);
   });
 }
-function ft(n) {
+function wt(n) {
   const {
     dxPx: e,
     dyPx: t,
@@ -66,58 +66,58 @@ function ft(n) {
     viewportHeightPx: r,
     orbitDistance: s,
     fovDeg: o,
-    aspect: c,
-    orbitYaw: l,
-    panSpeed: d
+    aspect: a,
+    orbitYaw: d,
+    panSpeed: l
   } = n;
-  if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(i) || !Number.isFinite(r) || !Number.isFinite(s) || !Number.isFinite(o) || !Number.isFinite(c) || !Number.isFinite(l) || !Number.isFinite(d) || i <= 0 || r <= 0 || s <= 0 || o <= 0 || o >= 180 || c <= 0)
+  if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(i) || !Number.isFinite(r) || !Number.isFinite(s) || !Number.isFinite(o) || !Number.isFinite(a) || !Number.isFinite(d) || !Number.isFinite(l) || i <= 0 || r <= 0 || s <= 0 || o <= 0 || o >= 180 || a <= 0)
     return { x: 0, y: 0, z: 0 };
-  const h = 2 * s * Math.tan(o * Math.PI / 360), u = h / r, f = h * c / i, p = Math.sin(l), m = Math.cos(l), b = -p, g = m, y = -m, P = -p, x = -e * f * d, E = t * u * d;
+  const h = 2 * s * Math.tan(o * Math.PI / 360), u = h / r, b = h * a / i, v = Math.sin(d), y = Math.cos(d), m = -v, f = y, g = -y, w = -v, x = -e * b * l, E = t * u * l;
   return {
-    x: b * x + y * E,
-    y: g * x + P * E,
+    x: m * x + g * E,
+    y: f * x + w * E,
     z: 0
   };
 }
-function bt(n, e) {
+function Ct(n, e) {
   return !Number.isFinite(n.x) || !Number.isFinite(n.y) || !Number.isFinite(n.z) || !Number.isFinite(e.x) || !Number.isFinite(e.y) || !Number.isFinite(e.z) ? { x: 0, y: 0, z: 0 } : {
     x: n.x - e.x,
     y: n.y - e.y,
     z: 0
   };
 }
-function gt(n, e, t) {
+function Pt(n, e, t) {
   if (!Number.isFinite(n.x) || !Number.isFinite(n.y) || !Number.isFinite(n.z))
     return { x: 0, y: 0, z: 0 };
-  const i = bt(e, t);
+  const i = Ct(e, t);
   return {
     x: n.x + i.x,
     y: n.y + i.y,
     z: n.z
   };
 }
-const yt = 0.35, L = 1, xt = 1, wt = 170;
-function N(n, e, t) {
+const St = 0.35, A = 1, Et = 1, It = 170;
+function V(n, e, t) {
   return Math.max(e, Math.min(t, n));
 }
-function M(n, e, t, i) {
+function k(n, e, t, i) {
   const r = Number.isFinite(n) ? n : e;
-  return N(r, t, i);
+  return V(r, t, i);
 }
-function Me(n) {
-  return Number.isFinite(n) ? N(n, 0.1, 0.95) : yt;
+function De(n) {
+  return Number.isFinite(n) ? V(n, 0.1, 0.95) : St;
 }
-function Ct(n, e) {
+function Rt(n, e) {
   return !Number.isFinite(n) || !Number.isFinite(e) || n <= 0 || e <= 0 ? 1 : n / e;
 }
-function ke(n) {
-  const e = M(n, 50, xt, wt), t = Math.tan(e * Math.PI / 360);
+function Ae(n) {
+  const e = k(n, 50, Et, It), t = Math.tan(e * Math.PI / 360);
   return Math.max(t, 1e-4);
 }
-function Pt(n) {
+function kt(n) {
   return Number.isFinite(n) ? Math.max(0.2, Math.abs(Math.sin(n))) : 0.2;
 }
-function St(n) {
+function Mt(n) {
   return Number.isFinite(n) ? {
     sinAbs: Math.max(1e-4, Math.abs(Math.sin(n))),
     cosAbs: Math.abs(Math.cos(n))
@@ -126,94 +126,94 @@ function St(n) {
     cosAbs: Math.sqrt(1 - 0.2 * 0.2)
   };
 }
-function Te(n, e, t) {
-  const i = Math.max(1e-4, 2 * n * e / Pt(t)), { sinAbs: r, cosAbs: s } = St(t), o = n * e, c = r * r - o * o * s * s;
-  if (!Number.isFinite(c) || c <= 1e-4)
+function Le(n, e, t) {
+  const i = Math.max(1e-4, 2 * n * e / kt(t)), { sinAbs: r, cosAbs: s } = Mt(t), o = n * e, a = r * r - o * o * s * s;
+  if (!Number.isFinite(a) || a <= 1e-4)
     return i;
-  const l = 2 * o * r / c;
-  return !Number.isFinite(l) || l <= 1e-4 ? i : l;
+  const d = 2 * o * r / a;
+  return !Number.isFinite(d) || d <= 1e-4 ? i : d;
 }
-function Rt(n) {
-  const e = Me(n.ndcBand), t = n.useFixedOrientation ? n.fixedOrbitYaw : n.orbitYaw, i = n.useFixedOrientation ? n.fixedOrbitPitch : n.orbitPitch, r = Math.max(M(n.orthoFrustumSize, L, L, Number.MAX_VALUE), L), s = ke(n.perspectiveFovDeg), o = Te(e, s, i), c = M(n.orbitDistanceMin, 500, 1, Number.MAX_VALUE), l = Math.max(c, M(n.orbitDistanceMax, 2e5, c, Number.MAX_VALUE)), d = N(r / o, c, l);
+function Tt(n) {
+  const e = De(n.ndcBand), t = n.useFixedOrientation ? n.fixedOrbitYaw : n.orbitYaw, i = n.useFixedOrientation ? n.fixedOrbitPitch : n.orbitPitch, r = Math.max(k(n.orthoFrustumSize, A, A, Number.MAX_VALUE), A), s = Ae(n.perspectiveFovDeg), o = Le(e, s, i), a = k(n.orbitDistanceMin, 500, 1, Number.MAX_VALUE), d = Math.max(a, k(n.orbitDistanceMax, 2e5, a, Number.MAX_VALUE)), l = V(r / o, a, d);
   return {
     orbitTarget: { x: n.orthoCenterX, y: n.orthoCenterY, z: 0 },
-    orbitDistance: d,
+    orbitDistance: l,
     orbitYaw: t,
     orbitPitch: i
   };
 }
-function Et(n) {
-  const e = Ct(n.viewportWidthPx, n.viewportHeightPx), t = Me(n.ndcBand), i = ke(n.perspectiveFovDeg), r = Te(t, i, n.orbitPitch), s = M(n.orthoFrustumMin, 1e3, L, Number.MAX_VALUE), o = Math.max(s, M(n.orthoFrustumMax, 1e5, s, Number.MAX_VALUE)), c = Math.max(M(n.orbitDistance, s, s, Number.MAX_VALUE), L), l = c * r, d = Number.isFinite(l) && l >= L ? l : N(c / Math.max(0.5, Math.min(2, e)), s, o);
+function Dt(n) {
+  const e = Rt(n.viewportWidthPx, n.viewportHeightPx), t = De(n.ndcBand), i = Ae(n.perspectiveFovDeg), r = Le(t, i, n.orbitPitch), s = k(n.orthoFrustumMin, 1e3, A, Number.MAX_VALUE), o = Math.max(s, k(n.orthoFrustumMax, 1e5, s, Number.MAX_VALUE)), a = Math.max(k(n.orbitDistance, s, s, Number.MAX_VALUE), A), d = a * r, l = Number.isFinite(d) && d >= A ? d : V(a / Math.max(0.5, Math.min(2, e)), s, o);
   return {
     orthoCenterX: n.orbitTarget.x,
     orthoCenterY: n.orbitTarget.y,
-    orthoFrustumSize: N(d, s, o)
+    orthoFrustumSize: V(l, s, o)
   };
 }
-function It(n) {
-  const e = Math.max(n.xmax - n.xmin, n.ymax - n.ymin, 1), t = Math.max(1e-4, Math.tan(n.fovDeg * Math.PI / 360)), i = Math.max(1e-4, Math.abs(Math.sin(n.orbitPitchRad))), r = Math.abs(Math.cos(n.orbitPitchRad)), s = n.ndcBand * t, o = i * i - s * s * r * r, c = Math.max(
+function At(n) {
+  const e = Math.max(n.xmax - n.xmin, n.ymax - n.ymin, 1), t = Math.max(1e-4, Math.tan(n.fovDeg * Math.PI / 360)), i = Math.max(1e-4, Math.abs(Math.sin(n.orbitPitchRad))), r = Math.abs(Math.cos(n.orbitPitchRad)), s = n.ndcBand * t, o = i * i - s * s * r * r, a = Math.max(
     1e-4,
     2 * n.ndcBand * t / Math.max(0.2, i)
-  ), l = Number.isFinite(o) && o > 1e-4 ? Math.max(1e-4, 2 * s * i / o) : c;
-  return e / l;
+  ), d = Number.isFinite(o) && o > 1e-4 ? Math.max(1e-4, 2 * s * i / o) : a;
+  return e / d;
 }
-function Mt(n, e, t, i = 40) {
+function Lt(n, e, t, i = 40) {
   return e === 1 ? n * i : e === 2 ? n * t : n;
 }
-function kt(n) {
-  const { valuePx: e, ctrlKey: t, eventTimeMs: i, state: r, resetMs: s } = n, o = Math.abs(e), c = r.lastEventTimeMs === 0 ? 0 : i - r.lastEventTimeMs;
-  let l = r.type;
+function Ft(n) {
+  const { valuePx: e, ctrlKey: t, eventTimeMs: i, state: r, resetMs: s } = n, o = Math.abs(e), a = r.lastEventTimeMs === 0 ? 0 : i - r.lastEventTimeMs;
+  let d = r.type;
   if (t)
-    l = "trackpad";
+    d = "trackpad";
   else if (o > 0 && o < 4)
-    l = "trackpad";
-  else if (r.lastEventTimeMs === 0 || c > s)
-    l = "wheel";
-  else if (!l) {
-    const d = Math.abs(e - r.lastValue);
-    l = o >= 4 && d <= 4 ? "wheel" : "trackpad";
+    d = "trackpad";
+  else if (r.lastEventTimeMs === 0 || a > s)
+    d = "wheel";
+  else if (!d) {
+    const l = Math.abs(e - r.lastValue);
+    d = o >= 4 && l <= 4 ? "wheel" : "trackpad";
   }
   return {
     lastEventTimeMs: i,
     lastValue: e,
-    type: l
+    type: d
   };
 }
-function Tt(n, e, t) {
+function Ot(n, e, t) {
   if (!Number.isFinite(n) || n === 0) return 1;
   const i = e === "wheel" ? t.wheelZoomRate : t.trackpadZoomRate;
   if (e === "wheel") {
-    const o = Math.log(t.maxScalePerFrame), c = Math.max(-o, Math.min(o, n * i));
-    return Math.exp(c);
+    const o = Math.log(t.maxScalePerFrame), a = Math.max(-o, Math.min(o, n * i));
+    return Math.exp(a);
   }
   let r = t.maxScalePerFrame / (1 + Math.exp(-Math.abs(n * i)));
   n < 0 && r !== 0 && (r = 1 / r);
   const s = 1 / t.maxScalePerFrame;
   return Math.max(s, Math.min(t.maxScalePerFrame, r));
 }
-const $ = 500, ne = 2e5, j = 0.95, se = -Math.PI / 2, oe = R.degToRad(55);
-function k(n, e, t = 1e-4) {
+const K = 500, ae = 2e5, q = 0.95, le = -Math.PI / 2, ce = I.degToRad(55);
+function M(n, e, t = 1e-4) {
   return Math.abs(n - e) <= t;
 }
-class Dt {
+class Nt {
   constructor() {
-    a(this, "orbitTarget", new w(0, 0, 0));
-    a(this, "orbitDistance", 14e3);
-    a(this, "orbitYaw", se);
-    a(this, "orbitPitch", oe);
-    a(this, "viewportSnapshotBefore3D", null);
-    a(this, "orbitSnapshotOn3DEntry", null);
-    a(this, "dragMode", null);
-    a(this, "dragPointerId", null);
-    a(this, "dragPrevX", 0);
-    a(this, "dragPrevY", 0);
-    a(this, "groundPanAnchor", null);
-    a(this, "wheelClassifier", {
+    c(this, "orbitTarget", new C(0, 0, 0));
+    c(this, "orbitDistance", 14e3);
+    c(this, "orbitYaw", le);
+    c(this, "orbitPitch", ce);
+    c(this, "viewportSnapshotBefore3D", null);
+    c(this, "orbitSnapshotOn3DEntry", null);
+    c(this, "dragMode", null);
+    c(this, "dragPointerId", null);
+    c(this, "dragPrevX", 0);
+    c(this, "dragPrevY", 0);
+    c(this, "groundPanAnchor", null);
+    c(this, "wheelClassifier", {
       lastEventTimeMs: 0,
       lastValue: 0,
       type: null
     });
-    a(this, "runtime", null);
+    c(this, "runtime", null);
   }
   attach(e) {
     this.runtime = e, e.controls3d.enabled = !1, this.bindInput(e), this.syncPerspectiveCamera();
@@ -238,18 +238,18 @@ class Dt {
   fit3D(e) {
     const t = this.runtime;
     if (!t) return;
-    const i = e.getSize(new w()), r = e.getCenter(new w());
+    const i = e.getSize(new C()), r = e.getCenter(new C());
     this.orbitTarget.set(r.x, r.y, 0);
-    const s = It({
+    const s = At({
       xmin: e.min.x,
       ymin: e.min.y,
       xmax: e.max.x,
       ymax: e.max.y,
       fovDeg: t.camera3d.fov,
       orbitPitchRad: this.orbitPitch,
-      ndcBand: j
-    }), o = t.camera3d.fov * Math.PI / 180, c = Math.max(i.length() / 2, 1e-6) / Math.max(Math.sin(o / 2), 1e-6) * 1.05;
-    this.orbitDistance = this.clampDistance(Math.max(s, c)), this.syncPerspectiveCamera();
+      ndcBand: q
+    }), o = t.camera3d.fov * Math.PI / 180, a = Math.max(i.length() / 2, 1e-6) / Math.max(Math.sin(o / 2), 1e-6) * 1.05;
+    this.orbitDistance = this.clampDistance(Math.max(s, a)), this.syncPerspectiveCamera();
   }
   getVisibleDocumentRect() {
     const e = this.runtime;
@@ -276,18 +276,18 @@ class Dt {
     };
   }
   applyOrbitSnapshot(e) {
-    this.runtime && (this.orbitTarget.set(e.targetX, e.targetY, e.targetZ), this.orbitDistance = this.clampDistance(e.distance), this.orbitYaw = e.yaw, this.orbitPitch = R.clamp(e.pitch, R.degToRad(5), R.degToRad(85)), this.syncPerspectiveCamera({ sync2D: !1 }));
+    this.runtime && (this.orbitTarget.set(e.targetX, e.targetY, e.targetZ), this.orbitDistance = this.clampDistance(e.distance), this.orbitYaw = e.yaw, this.orbitPitch = I.clamp(e.pitch, I.degToRad(5), I.degToRad(85)), this.syncPerspectiveCamera({ sync2D: !1 }));
   }
   bindInput(e) {
     const t = e.renderer.domElement;
     e.bindRuntimeEvent(t, "contextmenu", (r) => {
       e.viewMode === "3d" && r.preventDefault();
     }), e.bindRuntimeEvent(t, "pointerdown", (r) => {
-      var c;
+      var a;
       const s = r;
       if (e.viewMode !== "3d") return;
       const o = s.button === 0 ? "pan" : s.button === 2 ? "rotate" : null;
-      !o || this.dragPointerId !== null || ((c = s.preventDefault) == null || c.call(s), this.beginDrag(o, s.pointerId, s.clientX, s.clientY));
+      !o || this.dragPointerId !== null || ((a = s.preventDefault) == null || a.call(s), this.beginDrag(o, s.pointerId, s.clientX, s.clientY));
     });
     const i = typeof globalThis.window > "u" ? t : globalThis.window;
     e.bindRuntimeEvent(i, "pointermove", (r) => {
@@ -319,7 +319,7 @@ class Dt {
       if (this.dragMode === "pan") {
         const i = this.screenToGround(e.clientX, e.clientY);
         if (this.groundPanAnchor && i) {
-          const r = gt(this.orbitTarget, this.groundPanAnchor, i);
+          const r = Pt(this.orbitTarget, this.groundPanAnchor, i);
           this.translateOrbit(r.x - this.orbitTarget.x, r.y - this.orbitTarget.y);
         } else
           this.panByScreenDelta(
@@ -335,31 +335,31 @@ class Dt {
     e.pointerId === this.dragPointerId && this.clearDrag();
   }
   handleWheel(e) {
-    var d;
+    var l;
     const t = this.runtime;
     if (!t || t.viewMode !== "3d") return;
-    (d = e.preventDefault) == null || d.call(e);
-    const i = Math.max(1, t.canvasArea.clientHeight), r = Mt(e.deltaY, e.deltaMode, i);
-    this.wheelClassifier = kt({
+    (l = e.preventDefault) == null || l.call(e);
+    const i = Math.max(1, t.canvasArea.clientHeight), r = Lt(e.deltaY, e.deltaMode, i);
+    this.wheelClassifier = Ft({
       valuePx: r,
       ctrlKey: e.ctrlKey,
       eventTimeMs: typeof performance > "u" ? Date.now() : performance.now(),
       state: this.wheelClassifier,
       resetMs: 400
     });
-    const s = this.wheelClassifier.type ?? "trackpad", o = s === "wheel" ? Math.sign(r) * 100 : r, c = Tt(-o, s, {
+    const s = this.wheelClassifier.type ?? "trackpad", o = s === "wheel" ? Math.sign(r) * 100 : r, a = Ot(-o, s, {
       trackpadZoomRate: 1 / 700,
       wheelZoomRate: 1 / 3200,
       maxScalePerFrame: 2
     });
-    if (!Number.isFinite(c) || c <= 0) return;
-    const l = this.clampDistance(this.orbitDistance / c);
-    l !== this.orbitDistance && (this.orbitDistance = l, this.syncPerspectiveCamera());
+    if (!Number.isFinite(a) || a <= 0) return;
+    const d = this.clampDistance(this.orbitDistance / a);
+    d !== this.orbitDistance && (this.orbitDistance = d, this.syncPerspectiveCamera());
   }
   panByScreenDelta(e, t) {
     const i = this.runtime;
     if (!i) return;
-    const r = ft({
+    const r = wt({
       dxPx: e,
       dyPx: t,
       viewportWidthPx: Math.max(1, i.canvasArea.clientWidth),
@@ -373,10 +373,10 @@ class Dt {
     this.translateOrbit(r.x, r.y);
   }
   rotateByScreenDelta(e, t) {
-    const i = this.orbitYaw - e * 5e-3, r = R.clamp(
+    const i = this.orbitYaw - e * 5e-3, r = I.clamp(
       this.orbitPitch + t * 5e-3,
-      R.degToRad(5),
-      R.degToRad(85)
+      I.degToRad(5),
+      I.degToRad(85)
     );
     i === this.orbitYaw && r === this.orbitPitch || (this.orbitYaw = i, this.orbitPitch = r, this.syncPerspectiveCamera());
   }
@@ -388,31 +388,31 @@ class Dt {
     return i ? i.screenToWorldOnPlane(e, t, 0) : null;
   }
   syncOrbitFrom2D(e) {
-    var c, l;
+    var a, d;
     const t = this.runtime;
     if (!t) return;
-    const i = t.camera2d, r = i.zoom > 0 ? i.zoom : 1, s = Math.max((i.top - i.bottom) / r, 1), o = Rt({
-      orthoCenterX: ((c = t.controls2d.target) == null ? void 0 : c.x) ?? i.position.x,
-      orthoCenterY: ((l = t.controls2d.target) == null ? void 0 : l.y) ?? i.position.y,
+    const i = t.camera2d, r = i.zoom > 0 ? i.zoom : 1, s = Math.max((i.top - i.bottom) / r, 1), o = Tt({
+      orthoCenterX: ((a = t.controls2d.target) == null ? void 0 : a.x) ?? i.position.x,
+      orthoCenterY: ((d = t.controls2d.target) == null ? void 0 : d.y) ?? i.position.y,
       orthoFrustumSize: s,
       viewportWidthPx: Math.max(1, t.canvasArea.clientWidth),
       viewportHeightPx: Math.max(1, t.canvasArea.clientHeight),
       perspectiveFovDeg: t.camera3d.fov,
       orbitYaw: this.orbitYaw,
       orbitPitch: this.orbitPitch,
-      orbitDistanceMin: $,
-      orbitDistanceMax: ne,
+      orbitDistanceMin: K,
+      orbitDistanceMax: ae,
       useFixedOrientation: e,
-      fixedOrbitYaw: se,
-      fixedOrbitPitch: oe,
-      ndcBand: j
+      fixedOrbitYaw: le,
+      fixedOrbitPitch: ce,
+      ndcBand: q
     });
     this.orbitTarget.set(o.orbitTarget.x, o.orbitTarget.y, o.orbitTarget.z), this.orbitDistance = this.clampDistance(o.orbitDistance), this.orbitYaw = o.orbitYaw, this.orbitPitch = o.orbitPitch;
   }
   sync2DFromOrbit() {
     const e = this.runtime;
     if (!e) return;
-    const t = e.camera2d, i = Math.max(1, e.canvasArea.clientWidth), r = Math.max(1, e.canvasArea.clientHeight), s = i / r, o = t.top - t.bottom, c = o > 0 ? o : 2, l = e.controls2d.minZoom > 0 ? e.controls2d.minZoom : 2e-3, d = Math.max(l, e.controls2d.maxZoom > 0 ? e.controls2d.maxZoom : 5e4), h = Math.max(1, c / d), u = Math.max(h, c / l), v = Et({
+    const t = e.camera2d, i = Math.max(1, e.canvasArea.clientWidth), r = Math.max(1, e.canvasArea.clientHeight), s = i / r, o = t.top - t.bottom, a = o > 0 ? o : 2, d = e.controls2d.minZoom > 0 ? e.controls2d.minZoom : 2e-3, l = Math.max(d, e.controls2d.maxZoom > 0 ? e.controls2d.maxZoom : 5e4), h = Math.max(1, a / l), u = Math.max(h, a / d), p = Dt({
       orbitTarget: { x: this.orbitTarget.x, y: this.orbitTarget.y, z: this.orbitTarget.z },
       orbitDistance: this.orbitDistance,
       orbitYaw: this.orbitYaw,
@@ -422,24 +422,24 @@ class Dt {
       viewportHeightPx: r,
       orthoFrustumMin: h,
       orthoFrustumMax: u,
-      ndcBand: j
-    }), f = v.orthoFrustumSize > 0 ? v.orthoFrustumSize : c, p = c / 2;
+      ndcBand: q
+    }), b = p.orthoFrustumSize > 0 ? p.orthoFrustumSize : a, v = a / 2;
     e.setOrthographicViewport({
-      left: -p * s,
-      right: p * s,
-      top: p,
-      bottom: -p,
-      zoom: R.clamp(c / f, l, d),
-      positionX: v.orthoCenterX,
-      positionY: v.orthoCenterY,
-      targetX: v.orthoCenterX,
-      targetY: v.orthoCenterY
+      left: -v * s,
+      right: v * s,
+      top: v,
+      bottom: -v,
+      zoom: I.clamp(a / b, d, l),
+      positionX: p.orthoCenterX,
+      positionY: p.orthoCenterY,
+      targetX: p.orthoCenterX,
+      targetY: p.orthoCenterY
     });
   }
   syncPerspectiveCamera(e = {}) {
     const t = this.runtime;
     if (!t) return;
-    const i = Math.cos(this.orbitPitch), r = new w(
+    const i = Math.cos(this.orbitPitch), r = new C(
       this.orbitTarget.x + this.orbitDistance * Math.cos(this.orbitYaw) * i,
       this.orbitTarget.y + this.orbitDistance * Math.sin(this.orbitYaw) * i,
       this.orbitTarget.z + this.orbitDistance * Math.sin(this.orbitPitch)
@@ -464,7 +464,7 @@ class Dt {
   }
   isOrbitUnchangedFrom3DEntry() {
     const e = this.orbitSnapshotOn3DEntry;
-    return e ? k(this.orbitTarget.x, e.targetX) && k(this.orbitTarget.y, e.targetY) && k(this.orbitTarget.z, e.targetZ) && k(this.orbitDistance, e.distance) && k(this.orbitYaw, e.yaw) && k(this.orbitPitch, e.pitch) : !1;
+    return e ? M(this.orbitTarget.x, e.targetX) && M(this.orbitTarget.y, e.targetY) && M(this.orbitTarget.z, e.targetZ) && M(this.orbitDistance, e.distance) && M(this.orbitYaw, e.yaw) && M(this.orbitPitch, e.pitch) : !1;
   }
   getPerspectiveDocumentRect() {
     const e = this.runtime;
@@ -472,12 +472,12 @@ class Dt {
     const t = [];
     for (const i of [-1, 1])
       for (const r of [-1, 1]) {
-        const s = new w(i, r, -1).unproject(e.camera3d), c = new w(i, r, 1).unproject(e.camera3d).sub(s).normalize();
-        if (Math.abs(c.z) < 1e-8) continue;
-        const l = (0 - s.z) / c.z;
-        !Number.isFinite(l) || l < 0 || t.push({
-          x: s.x + c.x * l,
-          y: s.y + c.y * l
+        const s = new C(i, r, -1).unproject(e.camera3d), a = new C(i, r, 1).unproject(e.camera3d).sub(s).normalize();
+        if (Math.abs(a.z) < 1e-8) continue;
+        const d = (0 - s.z) / a.z;
+        !Number.isFinite(d) || d < 0 || t.push({
+          x: s.x + a.x * d,
+          y: s.y + a.y * d
         });
       }
     if (t.length === 0) {
@@ -497,10 +497,10 @@ class Dt {
     };
   }
   clampDistance(e) {
-    return R.clamp(
-      Number.isFinite(e) ? e : $,
-      $,
-      ne
+    return I.clamp(
+      Number.isFinite(e) ? e : K,
+      K,
+      ae
     );
   }
   clearDrag(e = {}) {
@@ -515,77 +515,77 @@ class Dt {
       }
   }
 }
-const Lt = 1e3, At = -1e4, Ft = 1e4, ae = 1e3, Nt = 2e6, Ot = 1.15, Vt = 1.1, le = new We(Math.PI / 2, 0, Math.PI * 0.98 * 0.8);
-class Bt {
+const Vt = 1e3, Bt = -1e4, zt = 1e4, de = 1e3, Ht = 2e6, _t = 1.15, Yt = 1.1, he = new Ze(Math.PI / 2, 0, Math.PI * 0.98 * 0.8);
+class Xt {
   constructor(e) {
-    a(this, "canvasArea");
-    a(this, "canvas");
-    a(this, "scene", new ee());
-    a(this, "overlayRoot", new Ie());
-    a(this, "renderer");
-    a(this, "camera2d");
-    a(this, "camera3d");
-    a(this, "activeCamera");
-    a(this, "controls2d");
-    a(this, "controls3d");
-    a(this, "options");
-    a(this, "mountedObjects", /* @__PURE__ */ new Set());
-    a(this, "ownedObjects", /* @__PURE__ */ new Set());
-    a(this, "overlays", /* @__PURE__ */ new Map());
-    a(this, "eventCleanups", []);
-    a(this, "raycaster", new Xe());
-    a(this, "pointerNdc", new q());
-    a(this, "viewModeValue");
-    a(this, "initialized", !1);
-    a(this, "disposed", !1);
-    a(this, "renderRequested", !0);
-    a(this, "animationFrameId", null);
-    a(this, "animationLoopActive", !1);
-    a(this, "lastFrameTime", null);
-    a(this, "infoFrames", 0);
-    a(this, "infoLastTime", 0);
-    a(this, "fpsCurrent", 0);
-    a(this, "viewerOrbit", null);
-    a(this, "previewScene", null);
-    a(this, "previewCamera", null);
-    a(this, "previewRenderTarget", null);
-    a(this, "previewRenderTargetSize", { width: 0, height: 0 });
-    a(this, "previewPixelBuffer", null);
-    a(this, "previewImageDataBuffer", null);
-    a(this, "environmentResource", null);
-    a(this, "environmentLoadGeneration", 0);
+    c(this, "canvasArea");
+    c(this, "canvas");
+    c(this, "scene", new ie());
+    c(this, "overlayRoot", new Te());
+    c(this, "renderer");
+    c(this, "camera2d");
+    c(this, "camera3d");
+    c(this, "activeCamera");
+    c(this, "controls2d");
+    c(this, "controls3d");
+    c(this, "options");
+    c(this, "mountedObjects", /* @__PURE__ */ new Set());
+    c(this, "ownedObjects", /* @__PURE__ */ new Set());
+    c(this, "overlays", /* @__PURE__ */ new Map());
+    c(this, "eventCleanups", []);
+    c(this, "raycaster", new je());
+    c(this, "pointerNdc", new U());
+    c(this, "viewModeValue");
+    c(this, "initialized", !1);
+    c(this, "disposed", !1);
+    c(this, "renderRequested", !0);
+    c(this, "animationFrameId", null);
+    c(this, "animationLoopActive", !1);
+    c(this, "lastFrameTime", null);
+    c(this, "infoFrames", 0);
+    c(this, "infoLastTime", 0);
+    c(this, "fpsCurrent", 0);
+    c(this, "viewerOrbit", null);
+    c(this, "previewScene", null);
+    c(this, "previewCamera", null);
+    c(this, "previewRenderTarget", null);
+    c(this, "previewRenderTargetSize", { width: 0, height: 0 });
+    c(this, "previewPixelBuffer", null);
+    c(this, "previewImageDataBuffer", null);
+    c(this, "environmentResource", null);
+    c(this, "environmentLoadGeneration", 0);
     this.options = e, this.canvasArea = e.canvasArea, this.canvas = e.canvas, this.viewModeValue = e.initialViewMode ?? "2d", this.overlayRoot.name = "scene-runtime:overlays", this.scene.add(this.overlayRoot);
   }
   initialize() {
     if (this.disposed) throw new Error("SceneRuntime has been disposed.");
     if (this.initialized) return;
-    const e = this.options.factories, t = (e == null ? void 0 : e.createRenderer) ?? ((l) => new _e(l)), i = (e == null ? void 0 : e.createMapControls) ?? ((l, d) => new lt(l, d)), r = (e == null ? void 0 : e.createOrbitControls) ?? ((l, d) => new ct(l, d));
+    const e = this.options.factories, t = (e == null ? void 0 : e.createRenderer) ?? ((d) => new We(d)), i = (e == null ? void 0 : e.createMapControls) ?? ((d, l) => new mt(d, l)), r = (e == null ? void 0 : e.createOrbitControls) ?? ((d, l) => new vt(d, l));
     this.renderer = t({
       canvas: this.canvas,
       antialias: this.options.antialias ?? !0,
       alpha: this.options.alpha ?? !1,
       powerPreference: this.options.powerPreference ?? "high-performance"
-    }), this.options.clearColor !== void 0 && this.renderer.setClearColor(new qe(this.options.clearColor));
-    const s = Math.max(1, this.canvasArea.clientWidth || 1), o = Math.max(1, this.canvasArea.clientHeight || 1), c = s / o;
+    }), this.options.clearColor !== void 0 && this.renderer.setClearColor(new Ge(this.options.clearColor));
+    const s = Math.max(1, this.canvasArea.clientWidth || 1), o = Math.max(1, this.canvasArea.clientHeight || 1), a = s / o;
     if (this.renderer.setPixelRatio(this.readDevicePixelRatio()), this.renderer.setSize(s, o, !1), this.options.environment) {
-      const l = (e == null ? void 0 : e.createEnvironment) ?? zt;
-      this.scene.environmentIntensity = Vt, this.scene.environmentRotation.copy(le), this.scene.backgroundRotation.copy(le);
-      const d = ++this.environmentLoadGeneration, h = l(this.renderer, this.options.environment);
-      Ht(h) ? h.then(
-        (u) => this.applyEnvironmentResource(u, d),
+      const d = (e == null ? void 0 : e.createEnvironment) ?? Ut;
+      this.scene.environmentIntensity = Yt, this.scene.environmentRotation.copy(he), this.scene.backgroundRotation.copy(he);
+      const l = ++this.environmentLoadGeneration, h = d(this.renderer, this.options.environment);
+      $t(h) ? h.then(
+        (u) => this.applyEnvironmentResource(u, l),
         (u) => {
-          !this.disposed && d === this.environmentLoadGeneration && console.warn("Failed to load scene environment HDR.", u);
+          !this.disposed && l === this.environmentLoadGeneration && console.warn("Failed to load scene environment HDR.", u);
         }
-      ) : this.applyEnvironmentResource(h, d);
+      ) : this.applyEnvironmentResource(h, l);
     }
-    this.camera2d = new te(-c, c, 1, -1, At, Ft), this.camera2d.position.set(0, 0, 1), this.camera2d.lookAt(0, 0, 0), this.camera3d = new $e(40, c, ae, Nt), this.camera3d.up.set(0, 0, 1), this.camera3d.position.set(1e4, 0, 1e4), this.camera3d.lookAt(0, 0, 0), this.controls2d = i(this.camera2d, this.renderer.domElement), this.controls2d.enableRotate = !1, this.controls2d.screenSpacePanning = !0, this.controls2d.zoomToCursor = !0, this.controls2d.minZoom = 2e-3, this.controls2d.maxZoom = 5e4, this.controls2d.mouseButtons = {
-      LEFT: W.PAN,
-      MIDDLE: W.DOLLY,
-      RIGHT: W.PAN
+    this.camera2d = new re(-a, a, 1, -1, Bt, zt), this.camera2d.position.set(0, 0, 1), this.camera2d.lookAt(0, 0, 0), this.camera3d = new Je(40, a, de, Ht), this.camera3d.up.set(0, 0, 1), this.camera3d.position.set(1e4, 0, 1e4), this.camera3d.lookAt(0, 0, 0), this.controls2d = i(this.camera2d, this.renderer.domElement), this.controls2d.enableRotate = !1, this.controls2d.screenSpacePanning = !0, this.controls2d.zoomToCursor = !0, this.controls2d.minZoom = 2e-3, this.controls2d.maxZoom = 5e4, this.controls2d.mouseButtons = {
+      LEFT: $.PAN,
+      MIDDLE: $.DOLLY,
+      RIGHT: $.PAN
     }, this.controls2d.touches = {
-      ONE: ie.PAN,
-      TWO: ie.DOLLY_PAN
-    }, this.controls3d = r(this.camera3d, this.renderer.domElement), this.controls3d.enablePan = !1, this.listen(this.controls2d, "change", () => this.requestRender()), this.listen(this.controls3d, "change", () => this.requestRender()), this.options.navigationPolicy === "viewer" && (this.viewerOrbit = new Dt(), this.viewerOrbit.attach(this)), this.initialized = !0, this.setViewMode(this.viewModeValue);
+      ONE: ne.PAN,
+      TWO: ne.DOLLY_PAN
+    }, this.controls3d = r(this.camera3d, this.renderer.domElement), this.controls3d.enablePan = !1, this.listen(this.controls2d, "change", () => this.requestRender()), this.listen(this.controls3d, "change", () => this.requestRender()), this.options.navigationPolicy === "viewer" && (this.viewerOrbit = new Nt(), this.viewerOrbit.attach(this)), this.initialized = !0, this.setViewMode(this.viewModeValue);
   }
   get isInitialized() {
     return this.initialized;
@@ -642,7 +642,7 @@ class Bt {
     if (!this.mountedObjects.has(e) && e.parent !== this.scene) return !1;
     e.removeFromParent(), this.mountedObjects.delete(e);
     const i = this.ownedObjects.delete(e);
-    return (t.dispose === !0 || t.dispose === void 0 && i) && re(e), this.requestRender(), !0;
+    return (t.dispose === !0 || t.dispose === void 0 && i) && oe(e), this.requestRender(), !0;
   }
   setObjectVisible(e, t) {
     e.visible !== t && (e.visible = t, this.requestRender());
@@ -652,7 +652,7 @@ class Bt {
   }
   removeOverlay(e, t = {}) {
     const i = this.overlays.get(e);
-    return i ? (this.overlays.delete(e), i.object.removeFromParent(), (t.dispose === !0 || t.dispose === void 0 && i.owned) && re(i.object), this.requestRender(), i.object) : null;
+    return i ? (this.overlays.delete(e), i.object.removeFromParent(), (t.dispose === !0 || t.dispose === void 0 && i.owned) && oe(i.object), this.requestRender(), i.object) : null;
   }
   setHighlight(e, t = {}) {
     if (!e) {
@@ -675,20 +675,20 @@ class Bt {
     if (!this.camera2d || !this.camera3d) return !1;
     const i = this.resolveBox3(e);
     if (!i || i.isEmpty()) return !1;
-    const r = i.getSize(new w()), s = i.getCenter(new w());
+    const r = i.getSize(new C()), s = i.getCenter(new C());
     if (![r.x, r.y, r.z, s.x, s.y, s.z].every(Number.isFinite)) return !1;
     const o = Math.max(1, t.padding ?? 1.05);
     if ((t.viewMode ?? this.viewModeValue) === "2d") {
-      const l = Math.max(r.x, 1e-6) * o, d = Math.max(r.y, 1e-6) * o, h = Math.max(1, this.canvasArea.clientWidth), u = Math.max(1, this.canvasArea.clientHeight), v = h / u;
-      let f = l / 2, p = d / 2;
-      f / p < v ? f = p * v : p = f / v, this.camera2d.left = -f, this.camera2d.right = f, this.camera2d.top = p, this.camera2d.bottom = -p, this.camera2d.zoom = 1, this.camera2d.position.set(s.x, s.y, Math.max(s.z + 1, 1)), this.camera2d.updateProjectionMatrix(), this.controls2d.target.copy(s), this.controls2d.update();
+      const d = Math.max(r.x, 1e-6) * o, l = Math.max(r.y, 1e-6) * o, h = Math.max(1, this.canvasArea.clientWidth), u = Math.max(1, this.canvasArea.clientHeight), p = h / u;
+      let b = d / 2, v = l / 2;
+      b / v < p ? b = v * p : v = b / p, this.camera2d.left = -b, this.camera2d.right = b, this.camera2d.top = v, this.camera2d.bottom = -v, this.camera2d.zoom = 1, this.camera2d.position.set(s.x, s.y, Math.max(s.z + 1, 1)), this.camera2d.updateProjectionMatrix(), this.controls2d.target.copy(s), this.controls2d.update();
     } else if (this.viewerOrbit)
       this.viewerOrbit.fit3D(i);
     else {
-      const l = s.clone(), d = this.camera3d.fov * Math.PI / 180, h = 2 * Math.atan(Math.tan(d / 2) * Math.max(this.camera3d.aspect, 1e-6)), u = Math.max(r.length() / 2, 1e-6), v = Math.max(Math.min(d, h) / 2, 1e-6), f = u / Math.sin(v) * o, p = this.camera3d.position.clone().sub(this.controls3d.target);
-      p.lengthSq() <= 1e-12 && p.set(1, -1, 1), p.normalize(), this.controls3d.target.copy(l), this.camera3d.position.copy(l).addScaledVector(p, f), this.camera3d.lookAt(l), this.camera3d.near = Math.min(
-        ae,
-        Math.max(f * 0.01, 1e-6)
+      const d = s.clone(), l = this.camera3d.fov * Math.PI / 180, h = 2 * Math.atan(Math.tan(l / 2) * Math.max(this.camera3d.aspect, 1e-6)), u = Math.max(r.length() / 2, 1e-6), p = Math.max(Math.min(l, h) / 2, 1e-6), b = u / Math.sin(p) * o, v = this.camera3d.position.clone().sub(this.controls3d.target);
+      v.lengthSq() <= 1e-12 && v.set(1, -1, 1), v.normalize(), this.controls3d.target.copy(d), this.camera3d.position.copy(d).addScaledVector(v, b), this.camera3d.lookAt(d), this.camera3d.near = Math.min(
+        de,
+        Math.max(b * 0.01, 1e-6)
       ), this.camera3d.updateProjectionMatrix(), this.controls3d.update();
     }
     return this.requestRender(), !0;
@@ -751,36 +751,36 @@ class Bt {
     };
   }
   renderOrthographicPreview(e, t, i) {
-    var J;
-    if (!this.renderer || this.disposed || t.parent || !Yt(i)) return !1;
-    const r = Math.max(1, Math.floor(e.clientWidth || e.width || 0)), s = Math.max(1, Math.floor(e.clientHeight || e.height || 0)), o = this.resolveRendererPixelRatio(), c = Math.min(2, o), l = Math.max(1, Math.floor(r * c)), d = Math.max(1, Math.floor(s * c)), h = l / o, u = d / o, v = Math.min(h, u), f = (i.minX + i.maxX) / 2, p = (i.minY + i.maxY) / 2, b = Math.max(i.maxX - i.minX, i.maxY - i.minY, 1) * Ot / 2, g = this.getOrCreatePreviewRenderTarget(l, d), y = this.getOrCreatePreviewCamera();
-    y.left = -b, y.right = b, y.top = b, y.bottom = -b, y.position.set(f, p, 1), y.up.copy(((J = this.camera2d) == null ? void 0 : J.up) ?? new w(0, 1, 0)), y.lookAt(f, p, 0), y.updateProjectionMatrix(), y.updateMatrixWorld(!0);
-    const P = this.getOrCreatePreviewScene(), x = this.renderer, E = x.getRenderTarget(), Oe = x.getClearAlpha(), Ve = x.autoClear, A = new je();
-    x.getViewport(A);
-    const Be = x.getScissorTest();
-    P.add(t);
+    var ee;
+    if (!this.renderer || this.disposed || t.parent || !Kt(i)) return !1;
+    const r = Math.max(1, Math.floor(e.clientWidth || e.width || 0)), s = Math.max(1, Math.floor(e.clientHeight || e.height || 0)), o = this.resolveRendererPixelRatio(), a = Math.min(2, o), d = Math.max(1, Math.floor(r * a)), l = Math.max(1, Math.floor(s * a)), h = d / o, u = l / o, p = Math.min(h, u), b = (i.minX + i.maxX) / 2, v = (i.minY + i.maxY) / 2, m = Math.max(i.maxX - i.minX, i.maxY - i.minY, 1) * _t / 2, f = this.getOrCreatePreviewRenderTarget(d, l), g = this.getOrCreatePreviewCamera();
+    g.left = -m, g.right = m, g.top = m, g.bottom = -m, g.position.set(b, v, 1), g.up.copy(((ee = this.camera2d) == null ? void 0 : ee.up) ?? new C(0, 1, 0)), g.lookAt(b, v, 0), g.updateProjectionMatrix(), g.updateMatrixWorld(!0);
+    const w = this.getOrCreatePreviewScene(), x = this.renderer, E = x.getRenderTarget(), Ye = x.getClearAlpha(), Xe = x.autoClear, F = new Qe();
+    x.getViewport(F);
+    const Ue = x.getScissorTest();
+    w.add(t);
     try {
-      x.setRenderTarget(g), x.setViewport(0, 0, h, u), x.setScissorTest(!1), x.setClearAlpha(0), x.autoClear = !1, x.clear(), x.setViewport(
-        Math.floor((h - v) / 2),
-        Math.floor((u - v) / 2),
-        v,
-        v
-      ), x.render(P, y);
-      const Q = this.getOrCreatePreviewPixelBuffer(l, d);
-      return x.readRenderTargetPixels(g, 0, 0, l, d, Q), this.blitPreviewPixelsToCanvas(e, Q, l, d);
+      x.setRenderTarget(f), x.setViewport(0, 0, h, u), x.setScissorTest(!1), x.setClearAlpha(0), x.autoClear = !1, x.clear(), x.setViewport(
+        Math.floor((h - p) / 2),
+        Math.floor((u - p) / 2),
+        p,
+        p
+      ), x.render(w, g);
+      const te = this.getOrCreatePreviewPixelBuffer(d, l);
+      return x.readRenderTargetPixels(f, 0, 0, d, l, te), this.blitPreviewPixelsToCanvas(e, te, d, l);
     } finally {
-      t.removeFromParent(), x.setRenderTarget(E), x.setClearAlpha(Oe), x.autoClear = Ve, x.setViewport(
-        A.x,
-        A.y,
-        A.z,
-        A.w
-      ), x.setScissorTest(Be), this.requestRender();
+      t.removeFromParent(), x.setRenderTarget(E), x.setClearAlpha(Ye), x.autoClear = Xe, x.setViewport(
+        F.x,
+        F.y,
+        F.z,
+        F.w
+      ), x.setScissorTest(Ue), this.requestRender();
     }
   }
   bindRuntimeEvent(e, t, i, r) {
     this.listen(e, t, i, r);
   }
-  clientToNdc(e, t, i = new q()) {
+  clientToNdc(e, t, i = new U()) {
     var o;
     const r = (o = this.renderer) == null ? void 0 : o.domElement;
     if (!r) return null;
@@ -792,9 +792,9 @@ class Bt {
   }
   screenToWorldOnPlane(e, t, i = 0) {
     const r = this.clientToNdc(e, t, this.pointerNdc);
-    return !r || !this.activeCamera ? null : (this.raycaster.setFromCamera(r, this.activeCamera), this.raycaster.ray.intersectPlane(new Ue(new w(0, 0, 1), -i), new w()));
+    return !r || !this.activeCamera ? null : (this.raycaster.setFromCamera(r, this.activeCamera), this.raycaster.ray.intersectPlane(new et(new C(0, 0, 1), -i), new C()));
   }
-  worldToClient(e, t = new q()) {
+  worldToClient(e, t = new U()) {
     var o;
     const i = (o = this.renderer) == null ? void 0 : o.domElement;
     if (!i || !this.activeCamera) return null;
@@ -811,36 +811,36 @@ class Bt {
     if (!r || !this.activeCamera) return null;
     const s = i.roots ?? [...this.mountedObjects], o = i.includeInvisible ? s : s.filter((h) => h.visible);
     this.raycaster.setFromCamera(r, this.activeCamera);
-    const [c] = this.raycaster.intersectObjects([...o], i.recursive !== !1);
-    if (!c) return null;
-    const d = o.find((h) => h === c.object || this.isDescendantOf(c.object, h)) ?? c.object;
+    const [a] = this.raycaster.intersectObjects([...o], i.recursive !== !1);
+    if (!a) return null;
+    const l = o.find((h) => h === a.object || this.isDescendantOf(a.object, h)) ?? a.object;
     return {
-      object: c.object,
-      root: d,
-      point: c.point.clone(),
-      distance: c.distance,
-      faceIndex: c.faceIndex ?? null,
-      instanceId: c.instanceId,
-      intersection: c
+      object: a.object,
+      root: l,
+      point: a.point.clone(),
+      distance: a.distance,
+      faceIndex: a.faceIndex ?? null,
+      instanceId: a.instanceId,
+      intersection: a
     };
   }
   startAnimation(e = {}) {
     if (this.disposed || this.animationLoopActive) return;
     this.animationLoopActive = !0, this.infoFrames = 0, this.infoLastTime = performance.now();
-    const t = e.infoUpdateIntervalMs ?? Lt, i = (r = performance.now()) => {
-      var c, l, d, h, u, v, f;
+    const t = e.infoUpdateIntervalMs ?? Vt, i = (r = performance.now()) => {
+      var a, d, l, h, u, p, b;
       if (!this.animationLoopActive || this.disposed) {
         this.animationFrameId = null;
         return;
       }
       this.animationFrameId = requestAnimationFrame(i);
       const s = this.lastFrameTime === null ? 0 : Math.max(0, (r - this.lastFrameTime) / 1e3);
-      this.lastFrameTime = r, this.viewModeValue === "2d" && ((c = this.controls2d) == null || c.update()), (l = e.onFrame) == null || l.call(e, r, s);
+      this.lastFrameTime = r, this.viewModeValue === "2d" && ((a = this.controls2d) == null || a.update()), (d = e.onFrame) == null || d.call(e, r, s);
       let o = !1;
-      if (this.renderRequested && (((d = e.shouldRender) == null ? void 0 : d.call(e, r)) ?? !0) && ((h = e.beforeRender) == null || h.call(e, r), this.renderer.render(this.scene, this.activeCamera), this.renderRequested = !1, o = !0, (u = e.afterRender) == null || u.call(e, r)), this.infoFrames += 1, r - this.infoLastTime >= t) {
-        const p = Math.max(1, r - this.infoLastTime);
-        this.fpsCurrent = this.infoFrames * 1e3 / p, this.infoFrames = 0, this.infoLastTime = r, (v = e.onInfoUpdate) == null || v.call(e);
-      } else o && ((f = e.onInfoUpdate) == null || f.call(e));
+      if (this.renderRequested && (((l = e.shouldRender) == null ? void 0 : l.call(e, r)) ?? !0) && ((h = e.beforeRender) == null || h.call(e, r), this.renderer.render(this.scene, this.activeCamera), this.renderRequested = !1, o = !0, (u = e.afterRender) == null || u.call(e, r)), this.infoFrames += 1, r - this.infoLastTime >= t) {
+        const v = Math.max(1, r - this.infoLastTime);
+        this.fpsCurrent = this.infoFrames * 1e3 / v, this.infoFrames = 0, this.infoLastTime = r, (p = e.onInfoUpdate) == null || p.call(e);
+      } else o && ((b = e.onInfoUpdate) == null || b.call(e));
     };
     i();
   }
@@ -848,12 +848,12 @@ class Bt {
     this.animationLoopActive = !1, this.animationFrameId !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null, this.lastFrameTime = null;
   }
   dispose() {
-    var e, t, i, r, s, o, c, l, d;
+    var e, t, i, r, s, o, a, d, l;
     if (!this.disposed) {
       for (this.disposed = !0, this.stopAnimation(), (e = this.viewerOrbit) == null || e.dispose(), this.viewerOrbit = null; this.eventCleanups.length > 0; ) (t = this.eventCleanups.pop()) == null || t();
       for (const h of [...this.overlays.keys()]) this.removeOverlay(h);
       for (const h of [...this.mountedObjects]) this.removeObject(h);
-      (r = (i = this.controls2d) == null ? void 0 : i.dispose) == null || r.call(i), (o = (s = this.controls3d) == null ? void 0 : s.dispose) == null || o.call(s), this.disposePreviewResources(), this.environmentLoadGeneration += 1, this.scene.environment = null, (c = this.environmentResource) == null || c.dispose(), this.environmentResource = null, (d = (l = this.renderer) == null ? void 0 : l.dispose) == null || d.call(l);
+      (r = (i = this.controls2d) == null ? void 0 : i.dispose) == null || r.call(i), (o = (s = this.controls3d) == null ? void 0 : s.dispose) == null || o.call(s), this.disposePreviewResources(), this.environmentLoadGeneration += 1, this.scene.environment = null, (a = this.environmentResource) == null || a.dispose(), this.environmentResource = null, (l = (d = this.renderer) == null ? void 0 : d.dispose) == null || l.call(d);
     }
   }
   applyEnvironmentResource(e, t) {
@@ -865,14 +865,14 @@ class Bt {
     (i = this.environmentResource) == null || i.dispose(), this.environmentResource = e, this.scene.environment = e.texture, this.requestRender();
   }
   getOrCreatePreviewScene() {
-    return this.previewScene || (this.previewScene = new ee()), this.previewScene;
+    return this.previewScene || (this.previewScene = new ie()), this.previewScene;
   }
   getOrCreatePreviewCamera() {
-    return this.previewCamera || (this.previewCamera = new te(-1, 1, 1, -1, -1e6, 1e6)), this.previewCamera;
+    return this.previewCamera || (this.previewCamera = new re(-1, 1, 1, -1, -1e6, 1e6)), this.previewCamera;
   }
   getOrCreatePreviewRenderTarget(e, t) {
     var i;
-    return this.previewRenderTarget && this.previewRenderTargetSize.width === e && this.previewRenderTargetSize.height === t ? this.previewRenderTarget : ((i = this.previewRenderTarget) == null || i.dispose(), this.previewRenderTarget = new Ke(e, t), this.previewRenderTargetSize = { width: e, height: t }, this.previewRenderTarget);
+    return this.previewRenderTarget && this.previewRenderTargetSize.width === e && this.previewRenderTargetSize.height === t ? this.previewRenderTarget : ((i = this.previewRenderTarget) == null || i.dispose(), this.previewRenderTarget = new tt(e, t), this.previewRenderTargetSize = { width: e, height: t }, this.previewRenderTarget);
   }
   getOrCreatePreviewPixelBuffer(e, t) {
     const i = e * t * 4;
@@ -884,13 +884,13 @@ class Bt {
     if (!s) return !1;
     const o = i * r * 4;
     (!this.previewImageDataBuffer || this.previewImageDataBuffer.length !== o) && (this.previewImageDataBuffer = new Uint8ClampedArray(o));
-    const c = this.previewImageDataBuffer, l = i * 4;
+    const a = this.previewImageDataBuffer, d = i * 4;
     for (let h = 0; h < r; h += 1) {
-      const u = (r - 1 - h) * l;
-      c.set(t.subarray(u, u + l), h * l);
+      const u = (r - 1 - h) * d;
+      a.set(t.subarray(u, u + d), h * d);
     }
-    const d = s.createImageData(i, r);
-    return d.data.set(c), s.putImageData(d, 0, 0), !0;
+    const l = s.createImageData(i, r);
+    return l.data.set(a), s.putImageData(l, 0, 0), !0;
   }
   resolveRendererPixelRatio() {
     const e = this.renderer.getPixelRatio();
@@ -905,10 +905,10 @@ class Bt {
     return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 1;
   }
   resolveBox3(e) {
-    if (e instanceof S) return e.clone();
-    if (e instanceof Ge) return new S().setFromObject(e);
+    if (e instanceof R) return e.clone();
+    if (e instanceof it) return new R().setFromObject(e);
     const { minX: t, minY: i, maxX: r, maxY: s } = e;
-    return ![t, i, r, s].every(Number.isFinite) || r < t || s < i ? null : new S(new w(t, i, 0), new w(r, s, 0));
+    return ![t, i, r, s].every(Number.isFinite) || r < t || s < i ? null : new R(new C(t, i, 0), new C(r, s, 0));
   }
   isDescendantOf(e, t) {
     let i = e.parent;
@@ -925,9 +925,9 @@ class Bt {
     });
   }
 }
-function zt(n, e) {
+function Ut(n, e) {
   if (e === "room") {
-    const t = new Ze(n), i = new at(), r = t.fromScene(i);
+    const t = new rt(n), i = new pt(), r = t.fromScene(i);
     return i.dispose(), t.dispose(), {
       texture: r.texture,
       dispose: () => r.dispose()
@@ -935,23 +935,23 @@ function zt(n, e) {
   }
   if (e.type !== "hdr" || e.url.trim().length === 0)
     throw new Error("HDR scene environment requires a non-empty URL.");
-  return new dt().loadAsync(e.url).then((t) => (t.mapping = Je, {
+  return new ft().loadAsync(e.url).then((t) => (t.mapping = nt, {
     texture: t,
     dispose: () => t.dispose()
   }));
 }
-function Ht(n) {
+function $t(n) {
   return typeof (n == null ? void 0 : n.then) == "function";
 }
-function Yt(n) {
+function Kt(n) {
   return Number.isFinite(n.minX) && Number.isFinite(n.minY) && Number.isFinite(n.maxX) && Number.isFinite(n.maxY) && n.maxX >= n.minX && n.maxY >= n.minY;
 }
 const Z = 1;
-function Xt() {
-  return typeof globalThis.localStorage > "u" ? _t() : {
+function qt() {
+  return typeof globalThis.localStorage > "u" ? jt() : {
     read(n) {
       try {
-        const e = globalThis.localStorage.getItem(ce(n));
+        const e = globalThis.localStorage.getItem(ue(n));
         return e ? JSON.parse(e) : null;
       } catch {
         return null;
@@ -959,13 +959,13 @@ function Xt() {
     },
     write(n, e) {
       try {
-        globalThis.localStorage.setItem(ce(n), JSON.stringify(e));
+        globalThis.localStorage.setItem(ue(n), JSON.stringify(e));
       } catch {
       }
     }
   };
 }
-function _t() {
+function jt() {
   const n = /* @__PURE__ */ new Map();
   return {
     read(e) {
@@ -976,17 +976,46 @@ function _t() {
     }
   };
 }
-function qt(n, e) {
+function Wt(n, e) {
   if (!n || !e) return null;
   const t = n.read(e);
-  if (!t || typeof t != "object") return null;
-  const i = t;
-  return i.schemaVersion !== Z || i.viewMode !== "2d" && i.viewMode !== "3d" || i.viewMode === "2d" && !i.orthographic || i.viewMode === "3d" && !i.orbit ? null : i;
+  return Fe(t) ? t : null;
 }
-function Wt(n, e, t) {
+function Fe(n) {
+  if (!n || typeof n != "object") return !1;
+  const e = n;
+  if (e.schemaVersion !== Z) return !1;
+  if (e.viewMode === "2d") {
+    const t = e.orthographic;
+    return !t || ![
+      t.left,
+      t.right,
+      t.top,
+      t.bottom,
+      t.zoom,
+      t.positionX,
+      t.positionY,
+      t.targetX,
+      t.targetY
+    ].every(Number.isFinite) ? !1 : t.left < t.right && t.bottom < t.top && t.zoom > 0;
+  }
+  if (e.viewMode === "3d") {
+    const t = e.orbit;
+    return !t || ![
+      t.targetX,
+      t.targetY,
+      t.targetZ,
+      t.distance,
+      t.yaw,
+      t.pitch
+    ].every(Number.isFinite) ? !1 : t.distance > 0;
+  }
+  return !1;
+}
+function Gt(n, e, t) {
   !n || !e || n.write(e, t);
 }
-function $t(n) {
+function Zt(n) {
   return {
     schemaVersion: Z,
     viewMode: n.viewMode,
@@ -994,322 +1023,404 @@ function $t(n) {
     ...n.orbit ? { orbit: n.orbit } : {}
   };
 }
-function ce(n) {
+function ue(n) {
   return `nebula-viewer:camera:v${Z}:${n}`;
 }
-function V(n) {
-  return new S(
-    new w(n.minX, n.minY, n.minZ),
-    new w(n.maxX, n.maxY, n.maxZ)
+function O(n) {
+  return new R(
+    new C(n.minX, n.minY, n.minZ),
+    new C(n.maxX, n.maxY, n.maxZ)
   );
 }
-function De(n) {
+function Oe(n) {
   const [e, t, i] = n;
   return (e & 255) << 16 | (t & 255) << 8 | i & 255;
 }
-class jt {
+class Jt {
   constructor() {
-    a(this, "rows", []);
-    a(this, "allColor", null);
-    a(this, "renderNode", null);
-    a(this, "onChange", () => {
+    c(this, "rows", []);
+    c(this, "allColor", null);
+    c(this, "revision", 0);
+    c(this, "renderNode", null);
+    c(this, "onChange", () => {
     });
-    a(this, "visibilityRevision", 0);
-  }
-  bind(e, t) {
-    this.renderNode = e, this.onChange = t;
-  }
-  sync(e) {
-    const t = new Map(this.rows.map((i) => [i.index, i.color]));
-    this.rows = e.getLayers().map((i) => ({
-      index: i.index,
-      name: i.name,
-      visible: i.visible,
-      color: t.get(i.index) ?? this.allColor,
-      sourceColor: i.color
-    })), this.onChange();
+    c(this, "assertActive", () => {
+    });
+    c(this, "visibilityRevision", 0);
+  }
+  bind(e, t, i) {
+    this.renderNode = e, this.onChange = t, i && (this.assertActive = i);
+  }
+  sync(e, t = !0) {
+    const i = new Map(this.rows.map((s) => [s.index, s.color])), r = e.getLayers().map((s) => ({
+      index: s.index,
+      name: s.name,
+      visible: s.visible,
+      color: i.has(s.index) ? i.get(s.index) : this.allColor,
+      sourceColor: s.color
+    }));
+    ii(this.rows, r) || (this.rows = r, this.revision += 1, t && this.onChange());
   }
-  clear() {
-    this.rows = [], this.allColor = null, this.renderNode = null, this.onChange();
+  clear(e = !0) {
+    const t = this.rows.length > 0 || this.allColor !== null;
+    return this.renderNode = null, t ? (this.rows = [], this.allColor = null, this.revision += 1, e && this.onChange(), !0) : !1;
   }
   getVisibilityRevision() {
     return this.visibilityRevision;
   }
   toggle(e) {
-    const t = this.rows.find((r) => r.index === e);
-    if (!t || !this.renderNode) return;
-    const i = !t.visible;
-    this.renderNode.setLayerVisible(e, i), t.visible = i, this.visibilityRevision += 1, this.onChange();
+    this.assertActive();
+    const t = this.rows.find((i) => i.index === e);
+    !t || !this.renderNode || this.setVisible(e, !t.visible);
   }
-  showAll() {
-    if (this.renderNode) {
-      for (const e of this.rows)
-        e.visible || (this.renderNode.setLayerVisible(e.index, !0), e.visible = !0);
-      this.visibilityRevision += 1, this.onChange();
+  setVisible(e, t) {
+    this.assertActive();
+    const i = this.rows.find((r) => r.index === e);
+    return !i || !this.renderNode || i.visible === t ? !1 : (this.renderNode.setLayerVisible(e, t), i.visible = t, this.visibilityRevision += 1, this.revision += 1, this.onChange(), !0);
+  }
+  setVisibleBatch(e) {
+    if (this.assertActive(), !this.renderNode || e.length === 0) return 0;
+    const t = /* @__PURE__ */ new Map();
+    for (const s of e)
+      t.set(s.index, s.visible);
+    const i = new Map(this.rows.map((s) => [s.index, s])), r = [];
+    for (const [s, o] of t) {
+      const a = i.get(s);
+      a && a.visible !== o && r.push({ index: s, visible: o });
     }
+    if (r.length === 0) return 0;
+    this.renderNode.setLayerVisibleBatch(r.map(({ index: s, visible: o }) => ({
+      layerIndex: s,
+      visible: o
+    })));
+    for (const { index: s, visible: o } of r) i.get(s).visible = o;
+    return this.visibilityRevision += 1, this.revision += 1, this.onChange(), r.length;
+  }
+  showAll() {
+    this.setVisibleBatch(this.rows.map((e) => ({ index: e.index, visible: !0 })));
   }
   hideAll() {
-    if (this.renderNode) {
-      for (const e of this.rows)
-        e.visible && (this.renderNode.setLayerVisible(e.index, !1), e.visible = !1);
-      this.visibilityRevision += 1, this.onChange();
-    }
+    this.setVisibleBatch(this.rows.map((e) => ({ index: e.index, visible: !1 })));
   }
   setColor(e, t) {
-    if (!this.renderNode) return;
+    if (this.assertActive(), !this.renderNode) return;
     this.renderNode.setLayerColorOverride(e, t);
     const i = this.rows.find((r) => r.index === e);
-    i && (i.color = t);
+    i && i.color !== t && (i.color = t, this.revision += 1, this.onChange());
   }
   setAllColor(e) {
-    if (this.renderNode) {
-      for (const t of this.rows)
-        this.renderNode.setLayerColorOverride(t.index, e), t.color = e;
-      this.allColor = e;
-    }
+    if (this.assertActive(), !this.renderNode) return;
+    let t = this.allColor !== e;
+    for (const i of this.rows)
+      this.renderNode.setLayerColorOverride(i.index, e), t || (t = i.color !== e), i.color = e;
+    t && (this.allColor = e, this.revision += 1, this.onChange());
   }
 }
-class Ut {
+class Qt {
   constructor() {
-    a(this, "usages", []);
-    a(this, "renderNode", null);
-    a(this, "onChange", () => {
+    c(this, "usages", []);
+    c(this, "revision", 0);
+    c(this, "renderNode", null);
+    c(this, "onChange", () => {
     });
-    a(this, "visibilityRevision", 0);
-  }
-  bind(e, t) {
-    this.renderNode = e, this.onChange = t;
-  }
-  sync(e) {
-    this.usages = e.listInsertUsages().map((t) => ({
-      insertId: t.insertId,
-      blockName: t.blockName,
-      layerName: t.layerName,
-      layerIndex: t.layerIndex,
-      variantId: t.variantId,
-      instanceId: t.instanceId,
-      label: t.label,
-      canHighlight: t.canHighlight,
-      visible: t.visible
-    })), this.onChange();
+    c(this, "assertActive", () => {
+    });
+    c(this, "visibilityRevision", 0);
+  }
+  bind(e, t, i) {
+    this.renderNode = e, this.onChange = t, i && (this.assertActive = i);
+  }
+  sync(e, t = !0) {
+    const i = e.listInsertUsages().map((r) => ({
+      insertId: r.insertId,
+      blockName: r.blockName,
+      layerName: r.layerName,
+      layerIndex: r.layerIndex,
+      variantId: r.variantId,
+      instanceId: r.instanceId,
+      label: r.label,
+      canHighlight: r.canHighlight,
+      visible: r.visible
+    }));
+    ri(this.usages, i) || (this.usages = i, this.revision += 1, t && this.onChange());
   }
-  clear() {
-    this.usages = [], this.renderNode = null, this.onChange();
+  clear(e = !0) {
+    const t = this.usages.length > 0;
+    return this.renderNode = null, t ? (this.usages = [], this.revision += 1, e && this.onChange(), !0) : !1;
   }
   getVisibilityRevision() {
     return this.visibilityRevision;
   }
   toggleInsert(e, t) {
-    if (!this.renderNode) return;
+    if (this.assertActive(), !this.renderNode) return;
     const i = this.usages.find((s) => s.insertId === e);
     if (!i) return;
     const r = t ?? !i.visible;
-    this.renderNode.setInsertVisible(e, r), i.visible = r, this.visibilityRevision += 1, this.onChange();
+    i.visible !== r && (this.renderNode.setInsertVisible(e, r), i.visible = r, this.visibilityRevision += 1, this.revision += 1, this.onChange());
   }
   batchToggleInserts(e) {
-    if (!this.renderNode || e.length === 0) return;
+    if (this.assertActive(), !this.renderNode || e.length === 0) return;
     const t = [];
-    for (const i of e) {
-      const r = this.usages.find((s) => s.insertId === i.insertId);
-      r && (t.push(i), r.visible = i.visible);
+    let i = !1;
+    for (const r of e) {
+      const s = this.usages.find((o) => o.insertId === r.insertId);
+      s && (t.push(r), i || (i = s.visible !== r.visible), s.visible = r.visible);
     }
-    t.length !== 0 && (this.renderNode.setInsertVisibleBatch(t), this.visibilityRevision += 1, this.onChange());
+    t.length !== 0 && (this.renderNode.setInsertVisibleBatch(t), i && (this.visibilityRevision += 1, this.revision += 1, this.onChange()));
   }
 }
-class Kt {
+class ei {
   constructor() {
-    a(this, "selection", null);
-    a(this, "details", null);
-    a(this, "textSelection", null);
-    a(this, "textDetails", null);
+    c(this, "selection", null);
+    c(this, "details", null);
+    c(this, "textSelection", null);
+    c(this, "textDetails", null);
+    c(this, "revision", 0);
   }
   setSelection(e, t) {
-    this.selection = e, this.details = t, this.textSelection = null, this.textDetails = null;
+    this.selection = e, this.details = t, this.textSelection = null, this.textDetails = null, this.revision += 1;
   }
   setTextSelection(e, t) {
-    this.selection = null, this.details = null, this.textSelection = e, this.textDetails = t;
+    this.selection = null, this.details = null, this.textSelection = e, this.textDetails = t, this.revision += 1;
   }
   clear() {
-    this.selection = null, this.details = null, this.textSelection = null, this.textDetails = null;
+    return !this.selection && !this.details && !this.textSelection && !this.textDetails ? !1 : (this.selection = null, this.details = null, this.textSelection = null, this.textDetails = null, this.revision += 1, !0);
   }
 }
-class Gt {
+class ti {
   constructor() {
-    a(this, "filename", null);
-    a(this, "fileCount", 0);
-    a(this, "visibleLayerCount", 0);
-    a(this, "totalLayerCount", 0);
-    a(this, "statusMessage", "");
-    a(this, "zoomLabel", "");
-    a(this, "orbitDistanceLabel", "");
-    a(this, "scaleRuler", null);
-    a(this, "viewportVertexCount", 0);
-    a(this, "drawCalls", 0);
-    a(this, "fps", 0);
-    a(this, "lineRenderMode", "");
-    a(this, "entityCount", 0);
-    a(this, "lineCount", 0);
-    a(this, "fillCount", 0);
-    a(this, "dotCount", 0);
-    a(this, "textCount", 0);
-    a(this, "renderableCount", 0);
-    a(this, "submittedVertexRefs", 0);
-    a(this, "blockVariantCount", 0);
-    a(this, "blockInstanceCount", 0);
-    a(this, "splitBlockLayerGroupCount", 0);
-    a(this, "renderDebugBreakdown", []);
-    a(this, "splitBlockLayerDetails", []);
-    a(this, "phase", null);
+    c(this, "revision", 0);
+    c(this, "filename", null);
+    c(this, "fileCount", 0);
+    c(this, "visibleLayerCount", 0);
+    c(this, "totalLayerCount", 0);
+    c(this, "statusMessage", "");
+    c(this, "zoomLabel", "");
+    c(this, "orbitDistanceLabel", "");
+    c(this, "scaleRuler", null);
+    c(this, "viewportVertexCount", 0);
+    c(this, "drawCalls", 0);
+    c(this, "fps", 0);
+    c(this, "lineRenderMode", "");
+    c(this, "entityCount", 0);
+    c(this, "lineCount", 0);
+    c(this, "fillCount", 0);
+    c(this, "dotCount", 0);
+    c(this, "textCount", 0);
+    c(this, "renderableCount", 0);
+    c(this, "submittedVertexRefs", 0);
+    c(this, "blockVariantCount", 0);
+    c(this, "blockInstanceCount", 0);
+    c(this, "splitBlockLayerGroupCount", 0);
+    c(this, "renderDebugBreakdown", []);
+    c(this, "splitBlockLayerDetails", []);
+    c(this, "phase", null);
   }
   sync(e) {
-    var s, o, c, l;
-    this.filename = e.filename, this.fileCount = e.hasDocument ? 1 : 0, this.totalLayerCount = e.layers.length, this.visibleLayerCount = e.layers.filter((d) => d.visible).length, this.statusMessage = ((s = e.statusMessage) == null ? void 0 : s.trim()) ?? "";
+    var s, o, a, d, l;
+    this.revision += 1, this.filename = e.filename, this.fileCount = e.hasDocument ? 1 : 0, this.totalLayerCount = e.layers.length, this.visibleLayerCount = e.layers.filter((h) => h.visible).length, this.statusMessage = ((s = e.statusMessage) == null ? void 0 : s.trim()) ?? "";
     const t = e.host.runtime.getRenderStats();
     this.viewportVertexCount = t.submittedVertexRefs, this.drawCalls = t.drawCalls, this.fps = t.fps;
     const i = e.diagnostics;
     this.lineRenderMode = (i == null ? void 0 : i.lineRenderMode) ?? "", this.entityCount = (i == null ? void 0 : i.entityCount) ?? 0, this.lineCount = (i == null ? void 0 : i.lineCount) ?? 0, this.fillCount = (i == null ? void 0 : i.fillCount) ?? 0, this.dotCount = (i == null ? void 0 : i.dotCount) ?? 0, this.textCount = (i == null ? void 0 : i.textCount) ?? 0, this.renderableCount = (i == null ? void 0 : i.renderableCount) ?? 0, this.submittedVertexRefs = (i == null ? void 0 : i.submittedVertexRefs) ?? 0, this.blockVariantCount = (i == null ? void 0 : i.blockVariantCount) ?? 0, this.blockInstanceCount = (i == null ? void 0 : i.blockInstanceCount) ?? 0, this.splitBlockLayerGroupCount = (i == null ? void 0 : i.splitBlockLayerGroupCount) ?? 0, this.renderDebugBreakdown = (i == null ? void 0 : i.renderDebugBreakdown) ?? [], this.splitBlockLayerDetails = (i == null ? void 0 : i.splitBlockLayerDetails) ?? [], this.phase = e.phase ?? null;
     const r = e.host.runtime.getWorldUnitsPerPixel();
     if (e.host.viewMode === "2d" && Number.isFinite(r) && r > 0) {
-      const d = r * 100, h = (c = (o = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : o.orthographic) == null ? void 0 : c.zoom;
-      this.zoomLabel = Number.isFinite(h) && (h ?? 0) > 0 ? `${Math.round(h * 100)}%` : "", this.scaleRuler = {
+      const h = r * 100, u = (a = (o = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : o.orthographic) == null ? void 0 : a.zoom;
+      this.zoomLabel = Number.isFinite(u) && (u ?? 0) > 0 ? `${Math.round(u * 100)}%` : "", this.scaleRuler = {
         visible: !0,
-        worldLength: d,
-        lengthLabel: Zt(d)
+        worldLength: h,
+        lengthLabel: ni(h, ((d = e.units) == null ? void 0 : d.source) ?? "mm")
       }, this.orbitDistanceLabel = "";
     } else {
-      const d = (l = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : l.orbit;
-      this.zoomLabel = "", this.orbitDistanceLabel = d ? `${Math.round(d.distance)}` : "", this.scaleRuler = null;
+      const h = (l = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : l.orbit;
+      this.zoomLabel = "", this.orbitDistanceLabel = h ? `${Math.round(h.distance)}` : "", this.scaleRuler = null;
     }
   }
   clear() {
-    this.filename = null, this.fileCount = 0, this.visibleLayerCount = 0, this.totalLayerCount = 0, this.statusMessage = "", this.zoomLabel = "", this.orbitDistanceLabel = "", this.scaleRuler = null, this.viewportVertexCount = 0, this.drawCalls = 0, this.fps = 0, this.lineRenderMode = "", this.entityCount = 0, this.lineCount = 0, this.fillCount = 0, this.dotCount = 0, this.textCount = 0, this.renderableCount = 0, this.submittedVertexRefs = 0, this.blockVariantCount = 0, this.blockInstanceCount = 0, this.splitBlockLayerGroupCount = 0, this.renderDebugBreakdown = [], this.splitBlockLayerDetails = [], this.phase = null;
+    return this.filename !== null || this.fileCount !== 0 || this.visibleLayerCount !== 0 || this.totalLayerCount !== 0 || this.statusMessage !== "" || this.zoomLabel !== "" || this.orbitDistanceLabel !== "" || this.scaleRuler !== null || this.viewportVertexCount !== 0 || this.drawCalls !== 0 || this.fps !== 0 || this.lineRenderMode !== "" || this.entityCount !== 0 || this.lineCount !== 0 || this.fillCount !== 0 || this.dotCount !== 0 || this.textCount !== 0 || this.renderableCount !== 0 || this.submittedVertexRefs !== 0 || this.blockVariantCount !== 0 || this.blockInstanceCount !== 0 || this.splitBlockLayerGroupCount !== 0 || this.renderDebugBreakdown.length > 0 || this.splitBlockLayerDetails.length > 0 || this.phase !== null ? (this.revision += 1, this.filename = null, this.fileCount = 0, this.visibleLayerCount = 0, this.totalLayerCount = 0, this.statusMessage = "", this.zoomLabel = "", this.orbitDistanceLabel = "", this.scaleRuler = null, this.viewportVertexCount = 0, this.drawCalls = 0, this.fps = 0, this.lineRenderMode = "", this.entityCount = 0, this.lineCount = 0, this.fillCount = 0, this.dotCount = 0, this.textCount = 0, this.renderableCount = 0, this.submittedVertexRefs = 0, this.blockVariantCount = 0, this.blockInstanceCount = 0, this.splitBlockLayerGroupCount = 0, this.renderDebugBreakdown = [], this.splitBlockLayerDetails = [], this.phase = null, !0) : !1;
   }
 }
-function Zt(n) {
-  return n >= 1e6 ? `${(n / 1e6).toFixed(2)} km` : n >= 1e3 ? `${(n / 1e3).toFixed(2)} m` : `${n.toFixed(2)} mm`;
+function ii(n, e) {
+  return n.length === e.length && n.every((t, i) => {
+    const r = e[i];
+    return r !== void 0 && t.index === r.index && t.name === r.name && t.visible === r.visible && t.color === r.color && t.sourceColor[0] === r.sourceColor[0] && t.sourceColor[1] === r.sourceColor[1] && t.sourceColor[2] === r.sourceColor[2];
+  });
+}
+function ri(n, e) {
+  return n.length === e.length && n.every((t, i) => {
+    const r = e[i];
+    return r !== void 0 && t.insertId === r.insertId && t.blockName === r.blockName && t.layerName === r.layerName && t.layerIndex === r.layerIndex && t.variantId === r.variantId && t.instanceId === r.instanceId && t.label === r.label && t.canHighlight === r.canHighlight && t.visible === r.visible;
+  });
+}
+function ni(n, e) {
+  if (e === "mm") {
+    if (n >= 1e6) return `${(n / 1e6).toFixed(2)} km`;
+    if (n >= 1e3) return `${(n / 1e3).toFixed(2)} m`;
+  }
+  return `${n.toFixed(2)}${e ? ` ${e}` : ""}`;
 }
-function de(n) {
+function pe(n) {
   return {
     documentKey: n.documentKey,
     filename: n.filename,
     phase: n.phase,
     headerBounds: n.headerBounds,
-    layerCount: n.layerCount
+    layerCount: n.layerCount,
+    // Preserve the historical viewer labels when older packs carry no unit
+    // metadata; packs that explicitly declare `unitless` still round-trip it.
+    units: n.units ?? { source: "mm" }
   };
 }
-const Jt = 160;
-class Qt {
+const si = 160, me = 5e3;
+class oi {
   constructor(e) {
-    a(this, "layers", new jt());
-    a(this, "blocks", new Ut());
-    a(this, "inspector", new Kt());
-    a(this, "hud", new Gt());
-    a(this, "document", null);
-    a(this, "loadTiming", null);
-    a(this, "listeners", /* @__PURE__ */ new Map());
-    a(this, "host");
-    a(this, "disposed", !1);
-    a(this, "openEpoch", 0);
-    a(this, "cameraSettled", !1);
-    a(this, "initialDemandSettled", !1);
-    a(this, "initialCameraRestored", !1);
-    a(this, "cameraChangedDuringInitialLoad", !1);
-    a(this, "statusMessage", "");
-    a(this, "session", null);
-    a(this, "renderNode", null);
-    a(this, "unsubscribers", []);
-    a(this, "viewportDemandTimer", null);
-    this.host = e, this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks }));
+    c(this, "layers", new Jt());
+    c(this, "blocks", new Qt());
+    c(this, "inspector", new ei());
+    c(this, "hud", new ti());
+    c(this, "document", null);
+    c(this, "loadTiming", null);
+    c(this, "capabilities", {
+      insertSelection: !0,
+      textSelection: !0,
+      insertPreview: !0,
+      batchVisibility: !0
+    });
+    c(this, "listeners", /* @__PURE__ */ new Map());
+    c(this, "host");
+    c(this, "disposed", !1);
+    c(this, "openEpoch", 0);
+    c(this, "cameraSettled", !1);
+    c(this, "initialDemandSettled", !1);
+    c(this, "initialCameraRestored", !1);
+    c(this, "cameraChangedDuringInitialLoad", !1);
+    c(this, "statusMessage", "");
+    c(this, "session", null);
+    c(this, "renderNode", null);
+    c(this, "unsubscribers", []);
+    c(this, "viewportDemandTimer", null);
+    c(this, "revision", 0);
+    this.host = e, this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers }), () => this.assertActive()), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks }), () => this.assertActive());
   }
   async open(e, t = {}) {
+    var d;
     this.assertActive(), this.closeInternal();
     const i = ++this.openEpoch;
     this.cameraSettled = !1, this.initialDemandSettled = !1, this.initialCameraRestored = !1, this.cameraChangedDuringInitialLoad = !1, this.loadTiming = null;
-    const r = t.documentKey ?? ei(e), s = ht(e, {
-      documentKey: r ?? void 0,
-      filename: t.filename,
-      loadAnnotations: t.loadAnnotations,
-      workerUrl: t.workerUrl,
-      workerFactory: t.workerFactory,
-      fontResolver: t.fontResolver,
-      resolveTextFont: t.resolveTextFont,
-      textWarmup: t.textWarmup
-    });
+    const r = t.documentKey ?? hi(e);
+    let s;
+    try {
+      s = bt(e, {
+        documentKey: r ?? void 0,
+        filename: t.filename,
+        loadAnnotations: t.loadAnnotations,
+        workerUrl: t.workerUrl,
+        workerFactory: t.workerFactory,
+        fontResolver: t.fontResolver,
+        resolveTextFont: t.resolveTextFont,
+        textWarmup: t.textWarmup,
+        signal: t.signal
+      });
+    } catch (l) {
+      const h = l instanceof Error ? l : new Error(String(l)), u = Object.assign(new Error(h.message), {
+        name: h.name,
+        code: h.code,
+        cause: h
+      });
+      throw this.emit("error", { ...N(u, !0, e), error: u }), u;
+    }
     this.session = s, this.loadTiming = s.loadTiming, this.statusMessage = "加载中…";
-    const o = ut(s);
+    const o = gt(s);
     this.renderNode = o, this.layers.bind(o, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(o, () => this.emit("block-change", { blocks: this.blocks })), this.unsubscribers.push(
       o.onChange(() => {
         this.host.requestRender(), this.host.emitContentChange();
       }),
       s.on("content-appended", ({ kind: l }) => {
-        var d;
-        this.openEpoch === i && (!this.initialDemandSettled && l === "geometry" && (this.statusMessage = "增量渲染中…"), this.layers.sync(s), this.blocks.sync(s), this.refreshInspectorDetails(s), this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? null), this.host.requestRender(), this.host.emitContentChange(), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }));
+        var h;
+        this.openEpoch === i && (!this.initialDemandSettled && l === "geometry" && (this.statusMessage = "增量渲染中…"), this.layers.sync(s), this.blocks.sync(s), this.refreshInspectorDetails(s), this.syncHud(((h = this.document) == null ? void 0 : h.filename) ?? null), this.host.requestRender(), this.host.emitContentChange(), this.emit("hud-change", { hud: this.hud }));
       }),
       s.on("phase-change", (l) => {
-        var d;
-        this.openEpoch === i && (l.phase === "header-ready" || l.phase === "initial-loading" ? this.statusMessage = "解析中…" : l.phase === "interactive" && !this.initialDemandSettled ? this.statusMessage = "增量渲染中…" : (l.phase === "failed" || l.phase === "disposed") && (this.statusMessage = ""), this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? t.filename ?? null), this.document && (this.publishDocumentPhase(
+        var h;
+        this.openEpoch === i && (l.phase === "header-ready" || l.phase === "initial-loading" ? this.statusMessage = "解析中…" : l.phase === "interactive" && !this.initialDemandSettled ? this.statusMessage = "增量渲染中…" : (l.phase === "failed" || l.phase === "disposed") && (this.statusMessage = ""), this.syncHud(((h = this.document) == null ? void 0 : h.filename) ?? t.filename ?? null), this.document && (this.publishDocumentPhase(
           l.phase === "interactive" && !this.initialDemandSettled ? "initial-loading" : l.phase
         ), this.emit("hud-change", { hud: this.hud })));
       }),
       s.on("fatal-error", ({ error: l }) => {
-        this.openEpoch === i && console.error("[cad-viewer] CAD session failed", l);
+        this.openEpoch === i && (console.error("[cad-viewer] CAD session failed", l), this.emit("error", { ...N(l, !0, e), error: l }));
+      }),
+      s.on("non-fatal-error", ({ error: l }) => {
+        this.openEpoch === i && this.emit("error", { ...N(l, !1, e), error: l });
       }),
       s.on("load-timing", ({ timing: l }) => {
         this.openEpoch === i && (this.loadTiming = l, this.emit("load-timing", { timing: l }));
       }),
       s.on("demand-progress", (l) => {
-        var d, h;
+        var h, u, p;
         if (this.openEpoch === i) {
-          if (this.statusMessage = l.settled ? "" : "增量渲染中…", this.syncHud(((d = this.document) == null ? void 0 : d.filename) ?? t.filename ?? null), !l.settled || this.initialDemandSettled) {
+          if (this.statusMessage = l.settled ? "" : "增量渲染中…", this.emit("load-progress", {
+            progress: l.settled ? 1 : l.loaded + l.pending > 0 ? l.loaded / (l.loaded + l.pending) : 0,
+            phase: ((h = this.document) == null ? void 0 : h.phase) ?? s.phase,
+            pending: l.pending,
+            loaded: l.loaded,
+            settled: l.settled
+          }), this.syncHud(((u = this.document) == null ? void 0 : u.filename) ?? t.filename ?? null), !l.settled || this.initialDemandSettled) {
             this.emit("hud-change", { hud: this.hud });
             return;
           }
           if (this.initialDemandSettled = !0, this.layers.sync(s), this.blocks.sync(s), !this.initialCameraRestored && !this.cameraChangedDuringInitialLoad) {
-            const u = o.getAuthoritativeBounds({
+            const b = o.getAuthoritativeBounds({
               includeUnmountedExternal: !0
             });
-            u && this.host.fitBox3(V(u));
+            b && this.host.fitBox3(O(b));
           }
-          this.syncDisplayContext(), this.syncHud(((h = this.document) == null ? void 0 : h.filename) ?? null), this.publishDocumentPhase(s.phase), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand();
+          this.syncDisplayContext(), this.syncHud(((p = this.document) == null ? void 0 : p.filename) ?? null), this.publishDocumentPhase(s.phase), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand();
         }
       })
     ), this.host.mountCadObject(o.object), this.host.runtime.resize(), this.syncDisplayContext(), this.syncHud(t.filename ?? null), this.emit("hud-change", { hud: this.hud });
-    const c = await s.headerReady;
+    let a;
+    try {
+      a = await s.headerReady;
+    } catch (l) {
+      const h = l instanceof Error ? l : new Error(String(l)), u = this.openEpoch !== i, p = h.name === "AbortError" || ((d = t.signal) == null ? void 0 : d.aborted), b = Object.assign(new Error(
+        u ? "CAD open superseded" : p ? "CAD open aborted" : h.message
+      ), {
+        name: u ? "AbortError" : h.name,
+        code: u ? "E_SUPERSEDED" : p ? "E_ABORTED" : h.code,
+        cause: h
+      });
+      throw !u && this.openEpoch === i && p && this.emit("error", {
+        ...N(b, !0, e),
+        code: u ? "E_SUPERSEDED" : p ? "E_ABORTED" : N(b, !0, e).code,
+        error: b
+      }), b;
+    }
     if (this.openEpoch !== i)
-      throw new Error("CAD open superseded");
-    return this.layers.sync(s), this.blocks.sync(s), this.syncHud(t.filename ?? c.filename ?? null), this.initialCameraRestored = this.tryRestoreCamera(r), !this.initialCameraRestored && c.bounds && this.host.fitBox3(V(c.bounds)), this.cameraSettled = !0, this.document = de({
+      throw Object.assign(new Error("CAD open superseded"), {
+        name: "AbortError",
+        code: "E_SUPERSEDED"
+      });
+    return this.layers.sync(s, !1), this.blocks.sync(s, !1), this.syncHud(t.filename ?? a.filename ?? null), this.initialCameraRestored = this.tryRestoreCamera(r), !this.initialCameraRestored && a.bounds && this.host.fitBox3(O(a.bounds)), this.cameraSettled = !0, this.syncDisplayContext(), this.document = pe({
       documentKey: r,
-      filename: t.filename ?? c.filename ?? null,
+      filename: t.filename ?? a.filename ?? null,
       phase: s.phase === "interactive" && !this.initialDemandSettled ? "initial-loading" : s.phase,
-      headerBounds: c.bounds,
-      layerCount: c.layers.length
-    }), this.emit("document-change", { document: this.document }), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand(), s.initialContentReady.then(() => {
+      headerBounds: a.bounds,
+      layerCount: a.layers.length,
+      units: a.units ? {
+        source: a.units.source,
+        ...a.units.scaleToMeters === void 0 ? {} : { scaleToMeters: a.units.scaleToMeters }
+      } : void 0
+    }), this.syncHud(this.document.filename), this.emit("document-change", { document: this.document }), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }), this.flushViewportDemand(), s.initialContentReady.then(() => {
       var l;
-      this.openEpoch !== i || !this.session || (this.layers.sync(s), this.blocks.sync(s), this.syncHud(((l = this.document) == null ? void 0 : l.filename) ?? null), this.flushViewportDemand(), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("hud-change", { hud: this.hud }));
+      this.openEpoch !== i || !this.session || (this.layers.sync(s), this.blocks.sync(s), this.syncHud(((l = this.document) == null ? void 0 : l.filename) ?? null), this.flushViewportDemand(), this.emit("hud-change", { hud: this.hud }));
     }).catch(() => {
     }), this.document;
   }
   close() {
     this.assertActive(), this.closeInternal();
   }
-  selectInsert(e) {
-    var i;
-    if (!e || !this.session) {
-      this.setInsertSelection(null, null);
-      return;
-    }
-    const t = this.session.getBlockDetails(e);
-    if (!t) {
-      this.setInsertSelection(null, null);
-      return;
-    }
-    this.setInsertSelection({
-      documentKey: ((i = this.document) == null ? void 0 : i.documentKey) ?? null,
-      id: t.id
-    }, t);
-  }
   renderInsertPreview(e) {
     var r;
+    this.assertActive();
     const t = this.inspector.selection, i = t ? ((r = this.renderNode) == null ? void 0 : r.createInsertPreview(t.id.instanceId)) ?? null : null;
     if (!i) return !1;
     try {
@@ -1348,7 +1459,7 @@ class Qt {
       details: s.details
     } : null;
   }
-  pickTextAtScreen(e, t) {
+  pickTextAtScreenInternal(e, t) {
     var s, o;
     if (!this.session) return null;
     const i = this.host.screenToWorldOnPlane(e, t, 0);
@@ -1363,20 +1474,21 @@ class Qt {
     return this.layers.getVisibilityRevision() + this.blocks.getVisibilityRevision();
   }
   setInsertSelection(e, t) {
-    this.inspector.setSelection(e, t), this.emit("inspector-change", { inspector: this.inspector });
+    ai(this.inspector.selection, e) && ci(this.inspector.details, t) && !this.inspector.textSelection || (this.inspector.setSelection(e, t), this.emit("inspector-change", { inspector: this.inspector }));
   }
-  setTextSelection(e, t) {
-    this.inspector.setTextSelection(e, t), this.emit("inspector-change", { inspector: this.inspector });
+  /** @internal Used by the viewer's managed interaction pipeline. */
+  setTextSelectionInternal(e, t) {
+    li(this.inspector.textSelection, e) && di(this.inspector.textDetails, t) && !this.inspector.selection || (this.inspector.setTextSelection(e, t), this.emit("inspector-change", { inspector: this.inspector }));
   }
   getAuthoritativeBoundsBox() {
     if (!this.session) return null;
     const e = this.session.getBounds({});
-    return e ? V(e) : null;
+    return e ? O(e) : null;
   }
   getMountedBoundsBox() {
     var t;
     const e = ((t = this.renderNode) == null ? void 0 : t.getMountedBounds({})) ?? null;
-    return e ? V(e) : null;
+    return e ? O(e) : null;
   }
   onViewportChanged() {
     var e;
@@ -1388,29 +1500,96 @@ class Qt {
   onInteractionChanged() {
     this.cameraSettled && (this.clearViewportDemandTimer(), this.syncDisplayContext(), this.flushViewportDemand());
   }
-  onCameraChanged() {
-    var e;
-    this.cameraSettled && (this.initialDemandSettled || (this.cameraChangedDuringInitialLoad = !0), this.persistCurrentCamera(), this.host.emitCameraChange(), this.scheduleViewportDemand(), this.syncHud(((e = this.document) == null ? void 0 : e.filename) ?? null), this.emit("hud-change", { hud: this.hud }));
+  onCameraChanged(e) {
+    var t;
+    this.host.emitCameraChange(e), this.cameraSettled && (this.initialDemandSettled || (this.cameraChangedDuringInitialLoad = !0), this.persistCurrentCamera(), this.syncDisplayContext(), this.scheduleViewportDemand(), this.syncHud(((t = this.document) == null ? void 0 : t.filename) ?? null), this.emit("hud-change", { hud: this.hud }));
   }
   onRuntimeStatsChanged() {
     this.document && (this.syncHud(this.document.filename), this.emit("hud-change", { hud: this.hud }));
   }
   closeInternal() {
     this.openEpoch += 1, this.clearViewportDemandTimer(), this.cameraSettled && this.persistCurrentCamera(), this.cameraSettled = !1, this.initialDemandSettled = !1, this.initialCameraRestored = !1, this.cameraChangedDuringInitialLoad = !1, this.statusMessage = "", this.loadTiming = null;
-    for (const e of this.unsubscribers) e();
-    this.unsubscribers = [], this.session && (this.session.dispose(), this.session = null), this.renderNode = null, this.host.unmountCadObject(), this.document = null, this.layers.clear(), this.blocks.clear(), this.inspector.clear(), this.hud.clear(), this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks })), this.emit("document-change", { document: null }), this.emit("layer-change", { layers: this.layers }), this.emit("block-change", { blocks: this.blocks }), this.emit("inspector-change", { inspector: this.inspector }), this.emit("hud-change", { hud: this.hud });
+    for (const o of this.unsubscribers) o();
+    this.unsubscribers = [], this.session && (this.session.dispose(), this.session = null), this.renderNode = null, this.host.unmountCadObject();
+    const e = this.document !== null;
+    this.document = null;
+    const t = this.layers.clear(!1), i = this.blocks.clear(!1), r = this.inspector.clear(), s = this.hud.clear();
+    this.layers.bind(null, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(null, () => this.emit("block-change", { blocks: this.blocks })), e && this.emit("document-change", { document: null }), t && this.emit("layer-change", { layers: this.layers }), i && this.emit("block-change", { blocks: this.blocks }), r && this.emit("inspector-change", { inspector: this.inspector }), s && this.emit("hud-change", { hud: this.hud });
+  }
+  hitTest(e, t, i = {}) {
+    this.assertActive();
+    const r = i.kinds ?? ["insert", "text"];
+    if (r.includes("insert")) {
+      const s = this.pickInsertAtScreen(e, t);
+      if (s) return { kind: "insert", selection: s.selection, details: s.details };
+    }
+    if (r.includes("text")) {
+      const s = this.pickTextAtScreenInternal(e, t);
+      if (s) return { kind: "text", selection: s.selection, details: s.details };
+    }
+    return null;
+  }
+  select(e) {
+    var t, i, r;
+    this.assertActive(), e ? !this.document || !this.session || e.selection.documentKey !== this.document.documentKey ? this.clearSelection() : e.kind === "insert" ? this.setInsertSelection(e.selection, ((t = this.session) == null ? void 0 : t.getBlockDetails(se(e.selection.id))) ?? null) : this.setTextSelectionInternal(e.selection, ((r = (i = this.session) == null ? void 0 : i.getTextDetails) == null ? void 0 : r.call(i, e.selection.id)) ?? null) : this.clearSelection();
+  }
+  clearSelection() {
+    this.assertActive(), !(!this.inspector.selection && !this.inspector.textSelection) && (this.inspector.clear(), this.emit("inspector-change", { inspector: this.inspector }));
+  }
+  getSnapshot() {
+    const e = (i) => typeof structuredClone == "function" ? structuredClone(i) : JSON.parse(JSON.stringify(i)), t = {
+      revision: this.revision,
+      document: e(this.document),
+      layers: { rows: e(this.layers.rows), allColor: this.layers.allColor ?? null, revision: this.layers.revision },
+      blocks: { usages: e(this.blocks.usages), revision: this.blocks.revision },
+      inspector: e({
+        selection: this.inspector.selection,
+        details: this.inspector.details,
+        textSelection: this.inspector.textSelection,
+        textDetails: this.inspector.textDetails,
+        revision: this.inspector.revision
+      }),
+      hud: e(this.hud),
+      loadTiming: e(this.loadTiming)
+    };
+    return Ne(t);
+  }
+  fitDocument() {
+    this.assertActive();
+    const e = this.getAuthoritativeBoundsBox();
+    return e ? this.host.fitBox3(e) : !1;
+  }
+  fitSelection() {
+    var l;
+    this.assertActive();
+    const e = (l = this.inspector.details) == null ? void 0 : l.bbox;
+    if (!e) return !1;
+    let { minX: t, minY: i, maxX: r, maxY: s } = e;
+    const o = r - t, a = s - i, d = Math.max(o, a);
+    if (o > 0 && a > 0 && d < me) {
+      const h = (t + r) / 2, u = (i + s) / 2, p = me / 2;
+      t = h - p, i = u - p, r = h + p, s = u + p;
+    }
+    return this.host.fitBox3(O({
+      minX: t,
+      minY: i,
+      maxX: r,
+      maxY: s,
+      minZ: -0.01,
+      maxZ: 0.01
+    }));
   }
   refreshInspectorDetails(e) {
     const t = this.inspector.selection;
     if (!t) return;
-    const i = e.getBlockDetails(pt(t.id));
+    const i = e.getBlockDetails(se(t.id));
     if (!i) return;
     const r = this.inspector.details, s = r == null ? void 0 : r.bbox;
     (s == null ? void 0 : s.minX) === i.bbox.minX && (s == null ? void 0 : s.minY) === i.bbox.minY && (s == null ? void 0 : s.maxX) === i.bbox.maxX && (s == null ? void 0 : s.maxY) === i.bbox.maxY || (this.inspector.setSelection(t, i), this.emit("inspector-change", { inspector: this.inspector }));
   }
   tryRestoreCamera(e) {
     const t = this.host.readCameraSnapshot(e);
-    return t ? this.host.runtime.applyCameraSnapshot(t) : !1;
+    return t ? this.host.applyCameraSnapshot(t, "restore") : !1;
   }
   persistCurrentCamera() {
     var t;
@@ -1418,7 +1597,7 @@ class Qt {
     const e = this.host.runtime.captureCameraSnapshot();
     e && this.host.persistCameraSnapshot(
       this.document.documentKey,
-      $t(e)
+      Zt(e)
     );
   }
   syncDisplayContext() {
@@ -1447,11 +1626,6 @@ class Qt {
       viewMode: this.host.viewMode,
       interaction: this.host.interaction,
       visibilityRevision: this.host.visibilityRevision
-    }), this.host.emitViewportChange({
-      viewportWidthPx: t,
-      viewportHeightPx: i,
-      worldUnitsPerPixel: r,
-      interaction: this.host.interaction
     });
   }
   /**
@@ -1469,13 +1643,13 @@ class Qt {
     }
     this.viewportDemandTimer === null && (this.viewportDemandTimer = globalThis.setTimeout(() => {
       this.viewportDemandTimer = null, !(this.disposed || !this.session) && this.host.interaction === "active" && this.flushViewportDemand();
-    }, Math.max(0, this.host.viewportDemandCoalesceMs ?? Jt)));
+    }, Math.max(0, this.host.viewportDemandCoalesceMs ?? si)));
   }
   clearViewportDemandTimer() {
     this.viewportDemandTimer !== null && (globalThis.clearTimeout(this.viewportDemandTimer), this.viewportDemandTimer = null);
   }
   syncHud(e) {
-    var t;
+    var t, i;
     this.hud.sync({
       filename: e,
       hasDocument: this.session !== null,
@@ -1483,19 +1657,22 @@ class Qt {
       host: this.host,
       statusMessage: this.statusMessage,
       diagnostics: this.renderNode && typeof this.renderNode.getDiagnostics == "function" ? this.renderNode.getDiagnostics() : null,
-      phase: ((t = this.document) == null ? void 0 : t.phase) ?? null
+      phase: ((t = this.document) == null ? void 0 : t.phase) ?? null,
+      units: (i = this.document) == null ? void 0 : i.units
     });
   }
   publishDocumentPhase(e) {
-    this.document && (this.document = de({
+    this.document && (this.document = pe({
       documentKey: this.document.documentKey,
       filename: this.document.filename,
       phase: e,
       headerBounds: this.document.headerBounds,
-      layerCount: this.document.layerCount
+      layerCount: this.document.layerCount,
+      units: this.document.units
     }), this.emit("document-change", { document: this.document }));
   }
   emit(e, t) {
+    this.revision += 1;
     for (const i of this.listeners.get(e) ?? [])
       i(t);
   }
@@ -1503,7 +1680,19 @@ class Qt {
     if (this.disposed) throw new Error("Viewer has been disposed.");
   }
 }
-function ei(n) {
+function ai(n, e) {
+  return n === e || !!(n && e && n.documentKey === e.documentKey && n.id.layerIndex === e.id.layerIndex && n.id.variantId === e.id.variantId && n.id.instanceId === e.id.instanceId);
+}
+function li(n, e) {
+  return n === e || !!(n && e && n.documentKey === e.documentKey && n.id.textId === e.id.textId);
+}
+function ci(n, e) {
+  return n === e || !!(n && e && n.id.layerIndex === e.id.layerIndex && n.id.variantId === e.id.variantId && n.id.instanceId === e.id.instanceId && n.label === e.label && n.blockName === e.blockName && n.layerName === e.layerName && n.layerIndex === e.layerIndex && n.tx === e.tx && n.ty === e.ty && n.rotation === e.rotation && n.scaleX === e.scaleX && n.scaleY === e.scaleY && n.bbox.minX === e.bbox.minX && n.bbox.minY === e.bbox.minY && n.bbox.maxX === e.bbox.maxX && n.bbox.maxY === e.bbox.maxY);
+}
+function di(n, e) {
+  return n === e || !!(n && e && n.id.textId === e.id.textId && n.content === e.content && n.x === e.x && n.y === e.y && n.height === e.height && n.rotation === e.rotation && n.layerName === e.layerName && n.layerIndex === e.layerIndex);
+}
+function hi(n) {
   let e = null;
   if (typeof n == "string" ? e = n : typeof URL < "u" && n instanceof URL ? e = n.href : typeof n == "object" && n !== null && "kind" in n && n.kind === "url" && (e = n.url), !e) return null;
   let t = 2166136261;
@@ -1511,16 +1700,27 @@ function ei(n) {
     t ^= e.charCodeAt(i), t = Math.imul(t, 16777619);
   return `reference:src-${(t >>> 0).toString(16)}`;
 }
-const he = 1;
-class ti {
+function Ne(n) {
+  if (!n || typeof n != "object") return n;
+  Object.freeze(n);
+  for (const e of Object.values(n))
+    e && typeof e == "object" && !Object.isFrozen(e) && Ne(e);
+  return n;
+}
+function N(n, e, t) {
+  const i = n.code, r = n.name, s = n.message.toLowerCase(), o = /external block|sidecar|variant .*fetch/.test(s), a = /annotation/.test(s), d = /font|troika/.test(s), l = i === "E_SUPERSEDED" ? "E_SUPERSEDED" : r === "AbortError" || i === "E_DISPOSED" ? "E_ABORTED" : o ? "E_SIDECAR_FETCH" : a ? "E_ANNOTATION" : d ? "E_FONT" : i === "E_SOURCE" ? "E_SOURCE" : i === "E_PACK_HTTP" || i === "E_PACK_NETWORK" ? "E_FETCH" : i === "E_HEADER" || i === "E_HEADER_JSON" || i === "E_UNSUPPORTED_PACK_VERSION" ? "E_PARSE_HEADER" : i === "E_WORKER" || i === "E_MAIN_BUFFER_PROTOCOL" || i === "E_MAIN_BUFFER_MISSING" || /worker/.test(s) ? "E_WORKER" : "E_PARSE_GEOMETRY";
+  return { code: l, stage: l === "E_FETCH" ? "source" : l === "E_PARSE_HEADER" ? "header" : l === "E_WORKER" ? "worker" : l === "E_PARSE_GEOMETRY" ? "geometry" : l === "E_SIDECAR_FETCH" ? "sidecar" : l === "E_ANNOTATION" ? "annotation" : l === "E_FONT" ? "font" : l === "E_ABORTED" || l === "E_SUPERSEDED" ? "lifecycle" : "source", fatal: e, source: t };
+}
+const ve = 1;
+class ui {
   constructor(e) {
-    a(this, "startX", 0);
-    a(this, "startY", 0);
-    a(this, "lastX", 0);
-    a(this, "lastY", 0);
-    a(this, "primaryPointerDown", !1);
-    a(this, "exceededDragThreshold", !1);
-    a(this, "travelPx", 0);
+    c(this, "startX", 0);
+    c(this, "startY", 0);
+    c(this, "lastX", 0);
+    c(this, "lastY", 0);
+    c(this, "primaryPointerDown", !1);
+    c(this, "exceededDragThreshold", !1);
+    c(this, "travelPx", 0);
     this.thresholds = e;
   }
   get isPrimaryPointerDown() {
@@ -1557,21 +1757,21 @@ class ti {
     this.release(), this.resetMotion(), this.startX = 0, this.startY = 0, this.lastX = 0, this.lastY = 0;
   }
   isTrackingPrimaryPointer(e) {
-    return this.primaryPointerDown || (e & he) === he;
+    return this.primaryPointerDown || (e & ve) === ve;
   }
 }
-function U(n, e) {
+function W(n, e) {
   return `${n}:${e}`;
 }
-class ii {
+class pi {
   constructor() {
-    a(this, "expandedLayers", /* @__PURE__ */ new Set());
-    a(this, "expandedBlocks", /* @__PURE__ */ new Set());
-    a(this, "blockVisibilitySnapshots", /* @__PURE__ */ new Map());
-    a(this, "filterText", "");
-    a(this, "scopeKey", null);
-    a(this, "revealedSelectionKey", null);
-    a(this, "suppressedSelectionKey", null);
+    c(this, "expandedLayers", /* @__PURE__ */ new Set());
+    c(this, "expandedBlocks", /* @__PURE__ */ new Set());
+    c(this, "blockVisibilitySnapshots", /* @__PURE__ */ new Map());
+    c(this, "filterText", "");
+    c(this, "scopeKey", null);
+    c(this, "revealedSelectionKey", null);
+    c(this, "suppressedSelectionKey", null);
   }
   collapseAll(e = null) {
     this.expandedLayers.clear(), this.expandedBlocks.clear(), this.suppressedSelectionKey = e;
@@ -1583,7 +1783,7 @@ class ii {
     this.expandedLayers.has(e) ? this.expandedLayers.delete(e) : this.expandedLayers.add(e), this.suppressedSelectionKey = null;
   }
   toggleBlockExpanded(e, t) {
-    const i = U(e, t);
+    const i = W(e, t);
     this.expandedBlocks.has(i) ? this.expandedBlocks.delete(i) : this.expandedBlocks.add(i), this.suppressedSelectionKey = null;
   }
   prune(e, t) {
@@ -1595,7 +1795,7 @@ class ii {
       t.has(i) || this.blockVisibilitySnapshots.delete(i);
   }
   ensureSelectionVisible(e, t, i) {
-    this.suppressedSelectionKey !== e && (this.suppressedSelectionKey !== null && (this.suppressedSelectionKey = null), this.expandedLayers.add(t), this.expandedBlocks.add(U(t, i)));
+    this.suppressedSelectionKey !== e && (this.suppressedSelectionKey !== null && (this.suppressedSelectionKey = null), this.expandedLayers.add(t), this.expandedBlocks.add(W(t, i)));
   }
   needsSelectionReveal(e) {
     return this.revealedSelectionKey !== e;
@@ -1607,10 +1807,251 @@ class ii {
     this.revealedSelectionKey = null, this.suppressedSelectionKey = null;
   }
 }
-function ri(n) {
+function S(n) {
+  return n.replace(/[&<>"']/g, (e) => ({
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  })[e] ?? e);
+}
+const mi = {
+  "panel.layers": "图层",
+  "panel.properties": "属性",
+  "panel.layers.aria": "图层面板",
+  "panel.properties.aria": "属性面板",
+  "panel.collapse": "收起",
+  "panel.expand": "展开",
+  "panel.toggle": "{action}{panel}",
+  "infobar.collapse": "收起信息栏",
+  "infobar.expand": "展开信息栏",
+  "toolbar.viewControls": "视图控制",
+  "toolbar.viewMode": "视图模式",
+  "toolbar.fit": "适应",
+  "toolbar.details": "详细",
+  "toolbar.zoom": "缩放 {value}",
+  "toolbar.vertices": "顶点 {value}",
+  "toolbar.drawCalls": "DrawCalls {value}",
+  "toolbar.fps": "{value} FPS",
+  "toolbar.fpsEmpty": "— FPS",
+  "toolbar.lineMode": "线模式 {value}",
+  "toolbar.layerSummary": "{visible} / {total} 图层",
+  "toolbar.debugSummary": "Debug · Block {blocks} · 跨层 {split}",
+  "toolbar.debug.submitted": "提交",
+  "toolbar.debug.lineMode": "线模式",
+  "toolbar.debug.layers": "图层",
+  "toolbar.debug.drawCallSource": "DrawCall 来源",
+  "toolbar.debug.block": "Block",
+  "toolbar.debug.splitLayer": "分散 layer",
+  "toolbar.debug.splitLayerCount": "跨层 {count}",
+  "toolbar.debug.moreSplitLayers": "另有 {count} 个跨层 block",
+  "toolbar.debug.renderables": "{renderables} renderables / {calls} calls",
+  "toolbar.debug.breakdown": "{renderables} call-ish / {vertices} vertices",
+  "toolbar.debug.blockCount": "{variants} / INSERT {instances}",
+  "toolbar.debug.layerCount": "{visible} / {total}",
+  "toolbar.debug.spreadMeta": "{layers} layer / {instances} insert",
+  "layer.searchPlaceholder": "搜索图层…",
+  "layer.showAll": "全显",
+  "layer.hideAll": "全隐",
+  "layer.collapse": "折叠",
+  "layer.collapseTitle": "折叠全部已展开层级",
+  "layer.all": "全部图层",
+  "layer.colorOverride": "覆盖颜色（右键重置）",
+  "layer.colorOverrideAll": "全部图层颜色覆盖（右键重置）",
+  "layer.unnamed": "(未命名)",
+  "layer.hide": "隐藏图层",
+  "layer.show": "显示图层",
+  "layer.hideInsert": "隐藏该 insert",
+  "layer.showInsert": "显示该 insert",
+  "layer.hideBlock": "隐藏整个 block",
+  "layer.showBlockRestore": "显示整个 block（恢复子 insert 状态）",
+  "layer.hideBlockKeep": "隐藏整个 block（保留子 insert 状态）",
+  "layer.noHighlightBlock": "该 block 无可高亮几何",
+  "layer.noHighlightInsert": "该 insert 无可高亮几何",
+  "layer.empty": "加载 CAD 文档后显示图层。",
+  "property.empty": "点击画布中的对象查看属性",
+  "property.insert": "INSERT",
+  "property.text": "文本",
+  "property.basic": "基本",
+  "property.transform": "变换",
+  "property.block": "Block",
+  "property.layer": "图层",
+  "property.instance": "Instance",
+  "property.currentShape": "当前形态",
+  "property.normalShape": "普通图形",
+  "property.content": "内容",
+  "property.height": "高度",
+  "property.rotation": "旋转",
+  "scale.title": "当前视图比例尺（按图纸单位）",
+  "status.created": "状态 创建",
+  "status.headerReady": "状态 头部就绪",
+  "status.initialLoading": "状态 加载中",
+  "status.interactive": "状态 就绪",
+  "status.failed": "状态 失败",
+  "status.disposed": "状态 已关闭",
+  "status.3dDistance": "3D 距离 {value}",
+  "status.loading": "加载中…",
+  "status.parsing": "解析中…",
+  "status.incrementalLoading": "增量渲染中…",
+  "unit.mm": "mm"
+}, vi = {
+  "panel.layers": "Layers",
+  "panel.properties": "Properties",
+  "panel.layers.aria": "Layers panel",
+  "panel.properties.aria": "Properties panel",
+  "panel.collapse": "Collapse",
+  "panel.expand": "Expand",
+  "panel.toggle": "{action} {panel}",
+  "infobar.collapse": "Collapse info bar",
+  "infobar.expand": "Expand info bar",
+  "toolbar.viewControls": "View controls",
+  "toolbar.viewMode": "View mode",
+  "toolbar.fit": "Fit",
+  "toolbar.details": "Details",
+  "toolbar.zoom": "Zoom {value}",
+  "toolbar.vertices": "Vertices {value}",
+  "toolbar.drawCalls": "DrawCalls {value}",
+  "toolbar.fps": "{value} FPS",
+  "toolbar.fpsEmpty": "— FPS",
+  "toolbar.lineMode": "Line mode {value}",
+  "toolbar.layerSummary": "{visible} / {total} layers",
+  "toolbar.debugSummary": "Debug · Block {blocks} · split {split}",
+  "toolbar.debug.submitted": "Submitted",
+  "toolbar.debug.lineMode": "Line mode",
+  "toolbar.debug.layers": "Layers",
+  "toolbar.debug.drawCallSource": "DrawCall source",
+  "toolbar.debug.block": "Block",
+  "toolbar.debug.splitLayer": "Split layer",
+  "toolbar.debug.splitLayerCount": "Split {count}",
+  "toolbar.debug.moreSplitLayers": "{count} more split blocks",
+  "toolbar.debug.renderables": "{renderables} renderables / {calls} calls",
+  "toolbar.debug.breakdown": "{renderables} call-ish / {vertices} vertices",
+  "toolbar.debug.blockCount": "{variants} / INSERT {instances}",
+  "toolbar.debug.layerCount": "{visible} / {total}",
+  "toolbar.debug.spreadMeta": "{layers} layers / {instances} inserts",
+  "layer.searchPlaceholder": "Search layers…",
+  "layer.showAll": "Show all",
+  "layer.hideAll": "Hide all",
+  "layer.collapse": "Collapse",
+  "layer.collapseTitle": "Collapse all expanded levels",
+  "layer.all": "All layers",
+  "layer.colorOverride": "Override color (right-click to reset)",
+  "layer.colorOverrideAll": "Override all layer colors (right-click to reset)",
+  "layer.unnamed": "(unnamed)",
+  "layer.hide": "Hide layer",
+  "layer.show": "Show layer",
+  "layer.hideInsert": "Hide insert",
+  "layer.showInsert": "Show insert",
+  "layer.hideBlock": "Hide block",
+  "layer.showBlockRestore": "Show block (restore child insert state)",
+  "layer.hideBlockKeep": "Hide block (keep child insert state)",
+  "layer.noHighlightBlock": "This block has no highlightable geometry",
+  "layer.noHighlightInsert": "This insert has no highlightable geometry",
+  "layer.empty": "Load a CAD document to show layers.",
+  "property.empty": "Click an object on the canvas to view its properties",
+  "property.insert": "INSERT",
+  "property.text": "Text",
+  "property.basic": "Basic",
+  "property.transform": "Transform",
+  "property.block": "Block",
+  "property.layer": "Layer",
+  "property.instance": "Instance",
+  "property.currentShape": "Current shape",
+  "property.normalShape": "Normal geometry",
+  "property.content": "Content",
+  "property.height": "Height",
+  "property.rotation": "Rotation",
+  "scale.title": "Current view scale (drawing units)",
+  "status.created": "Status Created",
+  "status.headerReady": "Status Header ready",
+  "status.initialLoading": "Status Loading",
+  "status.interactive": "Status Ready",
+  "status.failed": "Status Failed",
+  "status.disposed": "Status Closed",
+  "status.3dDistance": "3D distance {value}",
+  "status.loading": "Loading…",
+  "status.parsing": "Parsing…",
+  "status.incrementalLoading": "Rendering incrementally…",
+  "unit.mm": "mm"
+};
+function fi(n, e) {
+  return e ? n.replace(/\{([a-zA-Z0-9_]+)\}/g, (t, i) => {
+    const r = e[i];
+    return r === void 0 ? t : String(r);
+  }) : n;
+}
+function bi(n) {
+  try {
+    return new Intl.NumberFormat(n, { maximumFractionDigits: 4, useGrouping: !1 });
+  } catch {
+    return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4, useGrouping: !1 });
+  }
+}
+function gi(n) {
+  try {
+    return new Intl.NumberFormat(n, { maximumFractionDigits: 0 });
+  } catch {
+    return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 0 });
+  }
+}
+function Ve(n) {
+  var o;
+  const e = ((o = n.locale) == null ? void 0 : o.trim()) || "zh-CN", t = e.toLowerCase().startsWith("en") ? vi : mi, i = bi(e), r = gi(e), s = {
+    locale: e,
+    t(a, d) {
+      var u;
+      let l;
+      if (n.messageResolver)
+        try {
+          l = n.messageResolver(a, d);
+        } catch {
+          l = void 0;
+        }
+      const h = l ?? ((u = n.messages) == null ? void 0 : u[a]) ?? t[a] ?? a;
+      return fi(h, d);
+    },
+    formatNumber(a) {
+      return a == null || !Number.isFinite(a) ? "—" : i.format(a);
+    },
+    formatInteger(a) {
+      return Number.isFinite(a) ? r.format(a) : "—";
+    },
+    formatUnit(a, d, l = "2d") {
+      if (a == null || !Number.isFinite(a)) return "—";
+      if (n.unitFormatter)
+        try {
+          return n.unitFormatter(a, { unit: d, viewMode: l });
+        } catch {
+        }
+      return d ? `${s.formatNumber(a)} ${d}` : s.formatNumber(a);
+    },
+    formatScaleLabel(a, d = "mm", l = "2d") {
+      if (!Number.isFinite(a)) return "—";
+      if (n.unitFormatter) return s.formatUnit(a, d, l);
+      if (d === "mm") {
+        if (a >= 1e6) return `${(a / 1e6).toFixed(2)} km`;
+        if (a >= 1e3) return `${(a / 1e3).toFixed(2)} m`;
+      }
+      return d ? `${a.toFixed(2)} ${d}` : a.toFixed(2);
+    }
+  };
+  return s;
+}
+const yi = {
+  "加载中…": "status.loading",
+  "解析中…": "status.parsing",
+  "增量渲染中…": "status.incrementalLoading"
+};
+function xi(n, e) {
+  const t = n.trim(), i = yi[t];
+  return i ? e.t(i) : t;
+}
+const J = Ve({});
+function wi(n) {
   const e = /* @__PURE__ */ new Map();
   for (const i of n.usages) {
-    const r = e.get(i.layerIndex) ?? /* @__PURE__ */ new Map(), s = U(i.layerIndex, i.variantId);
+    const r = e.get(i.layerIndex) ?? /* @__PURE__ */ new Map(), s = W(i.layerIndex, i.variantId);
     let o = r.get(s);
     o || (o = {
       key: s,
@@ -1632,26 +2073,26 @@ function ri(n) {
     t.set(i, [...r.values()]);
   return t;
 }
-function ni(n, e) {
+function Ci(n, e) {
   return n ? e.toLowerCase().includes(n) : !0;
 }
-function _(n, e) {
-  n.dataset.visible = e ? "1" : "0", n.classList.toggle("off", !e), n.textContent = e ? "●" : "○", n.title = e ? "隐藏该 insert" : "显示该 insert";
+function X(n, e, t) {
+  n.dataset.visible = e ? "1" : "0", n.classList.toggle("off", !e), n.textContent = e ? "●" : "○", n.title = e ? t.t("layer.hideInsert") : t.t("layer.showInsert");
 }
-function Y(n, e) {
-  n.classList.toggle("off", e === "none"), n.classList.toggle("mixed", e === "mixed"), n.textContent = e === "all" ? "●" : e === "none" ? "○" : "◐", n.title = e === "all" ? "隐藏整个 block" : e === "none" ? "显示整个 block（恢复子 insert 状态）" : "隐藏整个 block（保留子 insert 状态）";
+function _(n, e, t) {
+  n.classList.toggle("off", e === "none"), n.classList.toggle("mixed", e === "mixed"), n.textContent = e === "all" ? "●" : e === "none" ? "○" : "◐", n.title = e === "all" ? t.t("layer.hideBlock") : e === "none" ? t.t("layer.showBlockRestore") : t.t("layer.hideBlockKeep");
 }
-function si(n) {
+function Pi(n) {
   let e = 0;
   for (const t of n) t.visible && (e += 1);
   return e <= 0 ? "none" : e >= n.length ? "all" : "mixed";
 }
-function Le(n, e, t, i) {
+function Be(n, e, t, i) {
   if (!n) return !1;
   const r = n.id;
   return r.layerIndex !== e || r.variantId !== t ? !1 : i === void 0 ? !0 : r.instanceId === i;
 }
-function ue(n) {
+function fe(n) {
   const e = n.querySelector(".vui-lrow-insert.active") ?? n.querySelector(".vui-lrow-block.active");
   if (!e) return !1;
   const t = n.getBoundingClientRect(), i = e.getBoundingClientRect();
@@ -1659,38 +2100,38 @@ function ue(n) {
   const r = i.top - t.top, s = n.scrollTop + r - (t.height - i.height) / 2;
   return n.scrollTop = Math.max(0, s), !0;
 }
-function Ae(n, e, t = 0) {
+function ze(n, e, t = 0) {
   const i = () => {
     const r = n.getBoundingClientRect(), s = e.getBoundingClientRect();
     if (r.height <= 0) return;
-    const o = r.top + t, c = r.bottom;
-    if (!(s.top >= o && s.bottom <= c)) {
+    const o = r.top + t, a = r.bottom;
+    if (!(s.top >= o && s.bottom <= a)) {
       if (s.top < o) {
-        const l = s.top - r.top + n.scrollTop, d = Math.max(0, l - t);
-        n.scrollTop = d;
+        const d = s.top - r.top + n.scrollTop, l = Math.max(0, d - t);
+        n.scrollTop = l;
         return;
       }
-      if (s.bottom > c) {
-        const l = s.bottom - r.top + n.scrollTop, d = Math.max(0, l - r.height);
-        n.scrollTop = d;
+      if (s.bottom > a) {
+        const d = s.bottom - r.top + n.scrollTop, l = Math.max(0, d - r.height);
+        n.scrollTop = l;
       }
     }
   };
   i(), typeof requestAnimationFrame == "function" && requestAnimationFrame(i);
 }
-function oi(n, e) {
+function Si(n, e) {
   const t = e.trim().toLowerCase();
   n.querySelectorAll(".vui-lrow-wrap").forEach((i) => {
-    var c, l;
+    var a, d;
     const r = i.querySelector(".vui-lrow:not(.vui-lrow-all)");
     if (!r) return;
-    const s = ((l = (c = r.querySelector(".vui-lrow-name")) == null ? void 0 : c.textContent) == null ? void 0 : l.toLowerCase()) ?? "", o = !t || s.includes(t);
+    const s = ((d = (a = r.querySelector(".vui-lrow-name")) == null ? void 0 : a.textContent) == null ? void 0 : d.toLowerCase()) ?? "", o = !t || s.includes(t);
     i.style.display = o ? "" : "none";
   });
 }
-function ai(n, e) {
-  if (n.querySelectorAll(".vui-lrow-block.active, .vui-lrow-insert.active").forEach((c) => {
-    c.classList.remove("active");
+function Ei(n, e) {
+  if (n.querySelectorAll(".vui-lrow-block.active, .vui-lrow-insert.active").forEach((a) => {
+    a.classList.remove("active");
   }), !e) return;
   const { layerIndex: t, variantId: i, instanceId: r } = e.id, s = n.querySelector(
     `.vui-lrow[data-layer-index="${t}"] ~ .vui-lrow-blocks .vui-lrow-block[data-variant-id="${i}"]`
@@ -1701,60 +2142,80 @@ function ai(n, e) {
   );
   o && o.classList.add("active");
 }
-function pe(n, e, t) {
-  var f;
+function Ii(n, e, t, i = J) {
+  var d;
+  const r = new Map(e.map((l) => [l.index, l]));
+  n.querySelectorAll(".vui-lrow[data-layer-index]:not(.vui-lrow-all)").forEach((l) => {
+    const h = r.get(Number(l.dataset.layerIndex));
+    if (!h) return;
+    const u = l.querySelector(".vui-lrow-eye");
+    u && (u.textContent = h.visible ? "●" : "○", u.title = h.visible ? i.t("layer.hide") : i.t("layer.show")), l.classList.toggle("off", !h.visible), He(l, Q(h));
+  });
+  const s = n.querySelector(".vui-lrow-all"), o = t === null ? "#c8c8c8" : L(t);
+  (d = s == null ? void 0 : s.querySelector(".vui-lrow-clr")) == null || d.style.setProperty("background", o);
+  const a = s == null ? void 0 : s.querySelector('input[type="color"]');
+  a && a.value !== o && (a.value = o);
+}
+function Ri(n, e, t) {
+  var v;
+  const i = t.text ?? J;
   e.resetForScope(t.scopeKey);
-  const i = e.filterText.trim().toLowerCase(), r = t.layers.rows, s = ri(t.blocks);
-  if (n.list.replaceChildren(), n.count.textContent = String(r.length), r.length === 0) {
-    n.list.appendChild(di("加载 CAD 文档后显示图层。"));
+  const r = e.filterText.trim().toLowerCase(), s = t.layers.rows, o = wi(t.blocks);
+  if (n.list.replaceChildren(), n.count.textContent = String(s.length), s.length === 0) {
+    n.list.appendChild(Mi(i.t("layer.empty")));
     return;
   }
-  const o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
-  for (const p of r) {
-    o.add(p.index);
-    for (const m of s.get(p.index) ?? []) c.add(m.key);
+  const a = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
+  for (const y of s) {
+    a.add(y.index);
+    for (const m of o.get(y.index) ?? []) d.add(m.key);
   }
-  e.prune(o, c);
-  const l = (f = t.selection) == null ? void 0 : f.id, d = l ? `${l.layerIndex}:${l.variantId}:${l.instanceId}` : null;
-  l && d && e.needsSelectionReveal(d) ? e.ensureSelectionVisible(d, l.layerIndex, l.variantId) : l || e.clearSelectionReveal();
-  const h = document.createElement("div");
-  h.className = "vui-lrow vui-lrow-all", h.innerHTML = `
+  e.prune(a, d);
+  const l = (v = t.selection) == null ? void 0 : v.id, h = l ? `${l.layerIndex}:${l.variantId}:${l.instanceId}` : null;
+  l && h && e.needsSelectionReveal(h) ? e.ensureSelectionVisible(h, l.layerIndex, l.variantId) : l || e.clearSelectionReveal();
+  const u = document.createElement("div");
+  u.className = "vui-lrow vui-lrow-all", u.innerHTML = `
     <span class="vui-lrow-eye">◎</span>
     <span class="vui-lrow-dot"></span>
     <span class="vui-lrow-toggle placeholder">▶</span>
-    <span class="vui-lrow-name">全部图层</span>
-    <span class="vui-lrow-clr" style="background: ${t.layers.allColor == null ? "#c8c8c8" : `#${t.layers.allColor.toString(16).padStart(6, "0")}`}" title="全部图层颜色覆盖（右键重置）">
+    <span class="vui-lrow-name">${S(i.t("layer.all"))}</span>
+    <span class="vui-lrow-clr" style="background: ${t.layers.allColor == null ? "#c8c8c8" : `#${t.layers.allColor.toString(16).padStart(6, "0")}`}" title="${S(i.t("layer.colorOverrideAll"))}">
       <input type="color" value="#${(t.layers.allColor ?? 13158600).toString(16).padStart(6, "0")}">
     </span>`;
-  const u = h.querySelector('input[type="color"]');
-  u && u.addEventListener("input", () => {
-    var g;
-    const p = Number.parseInt(u.value.slice(1), 16), m = Number.isFinite(p) ? p : null;
-    if (t.setAllLayerColor) t.setAllLayerColor(m);
-    else for (const y of r) t.setLayerColor(y.index, m);
-    const b = m === null ? "#c8c8c8" : O(m);
-    (g = u.closest(".vui-lrow-clr")) == null || g.style.setProperty("background", b), me(n.list, r, m);
-  }), u == null || u.addEventListener("click", (p) => p.stopPropagation());
-  const v = h.querySelector(".vui-lrow-clr");
-  v && v.addEventListener("contextmenu", (p) => {
+  const p = u.querySelector('input[type="color"]');
+  p && p.addEventListener("input", () => {
+    var f, g, w;
+    const y = Number.parseInt(p.value.slice(1), 16), m = Number.isFinite(y) ? y : null;
+    (f = t.beginLayerColorPreview) == null || f.call(t, p);
+    try {
+      if (t.setAllLayerColor) t.setAllLayerColor(m);
+      else for (const E of s) t.setLayerColor(E.index, m);
+      const x = m === null ? "#c8c8c8" : L(m);
+      (g = p.closest(".vui-lrow-clr")) == null || g.style.setProperty("background", x), be(n.list, s, m);
+    } finally {
+      (w = t.endLayerColorPreview) == null || w.call(t, p);
+    }
+  }), p == null || p.addEventListener("click", (y) => y.stopPropagation());
+  const b = u.querySelector(".vui-lrow-clr");
+  b && b.addEventListener("contextmenu", (y) => {
     var m;
-    if (p.preventDefault(), p.stopPropagation(), t.setAllLayerColor) t.setAllLayerColor(null);
-    else for (const b of r) t.setLayerColor(b.index, null);
-    (m = u == null ? void 0 : u.closest(".vui-lrow-clr")) == null || m.style.setProperty("background", "#c8c8c8"), u && (u.value = "#c8c8c8"), me(n.list, r, null);
-  }), n.list.appendChild(h);
-  for (const p of r)
-    ni(i, p.name) && n.list.appendChild(ci(p, e, t, s.get(p.index) ?? []));
-  d && e.needsSelectionReveal(d) && (ue(n.list) && e.markSelectionRevealed(d), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
-    e.needsSelectionReveal(d) && ue(n.list) && e.markSelectionRevealed(d);
+    if (y.preventDefault(), y.stopPropagation(), t.setAllLayerColor) t.setAllLayerColor(null);
+    else for (const f of s) t.setLayerColor(f.index, null);
+    (m = p == null ? void 0 : p.closest(".vui-lrow-clr")) == null || m.style.setProperty("background", "#c8c8c8"), p && (p.value = "#c8c8c8"), be(n.list, s, null);
+  }), n.list.appendChild(u);
+  for (const y of s)
+    Ci(r, y.name) && n.list.appendChild(ki(y, e, t, o.get(y.index) ?? [], i));
+  h && e.needsSelectionReveal(h) && (fe(n.list) && e.markSelectionRevealed(h), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
+    e.needsSelectionReveal(h) && fe(n.list) && e.markSelectionRevealed(h);
   }));
 }
-function O(n) {
+function L(n) {
   return `#${n.toString(16).padStart(6, "0")}`;
 }
-function Fe(n) {
-  return n.color !== null ? O(n.color) : O(De(n.sourceColor));
+function Q(n) {
+  return n.color !== null ? L(n.color) : L(Oe(n.sourceColor));
 }
-function li(n, e) {
+function He(n, e) {
   var r;
   (r = n.querySelector(".vui-lrow-dot")) == null || r.style.setProperty("background", e);
   const t = n.querySelector(".vui-lrow-clr");
@@ -1762,219 +2223,209 @@ function li(n, e) {
   const i = n.querySelector('input[type="color"]');
   i && i.value !== e && (i.value = e);
 }
-function me(n, e, t) {
+function be(n, e, t) {
   const i = new Map(e.map((r) => [r.index, r]));
   n.querySelectorAll(".vui-lrow[data-layer-index]").forEach((r) => {
     const s = i.get(Number(r.dataset.layerIndex));
-    s && li(r, t === null ? Fe(s) : O(t));
+    s && He(r, t === null ? Q(s) : L(t));
   });
 }
-function ci(n, e, t, i) {
-  const r = i.length > 0, s = e.expandedLayers.has(n.index), o = Fe(n), c = document.createElement("div");
-  c.className = "vui-lrow-wrap";
+function ki(n, e, t, i, r) {
+  const s = i.length > 0, o = e.expandedLayers.has(n.index), a = Q(n), d = document.createElement("div");
+  d.className = "vui-lrow-wrap";
   const l = document.createElement("div");
   l.className = `vui-lrow${n.visible ? "" : " off"}`, l.dataset.layerIndex = String(n.index);
-  const d = document.createElement("button");
-  d.type = "button", d.className = "vui-lrow-eye", d.textContent = n.visible ? "●" : "○", d.title = n.visible ? "隐藏图层" : "显示图层", d.addEventListener("click", (b) => {
-    b.stopPropagation();
+  const h = document.createElement("button");
+  h.type = "button", h.className = "vui-lrow-eye", h.textContent = n.visible ? "●" : "○", h.title = n.visible ? r.t("layer.hide") : r.t("layer.show"), h.addEventListener("click", (f) => {
+    f.stopPropagation();
     const g = !n.visible;
-    d.textContent = g ? "●" : "○", d.title = g ? "隐藏图层" : "显示图层", l.classList.toggle("off", !g), t.toggleLayer(n.index);
+    h.textContent = g ? "●" : "○", h.title = g ? r.t("layer.hide") : r.t("layer.show"), l.classList.toggle("off", !g), t.toggleLayer(n.index);
   });
-  const h = document.createElement("span");
-  h.className = "vui-lrow-dot", h.style.background = o;
-  const u = document.createElement("button");
-  u.type = "button", u.className = `vui-lrow-toggle${r ? "" : " placeholder"}`, u.textContent = s ? "▼" : "▶", u.disabled = !r;
-  const v = (b) => {
-    if (b.stopPropagation(), !r) return;
+  const u = document.createElement("span");
+  u.className = "vui-lrow-dot", u.style.background = a;
+  const p = document.createElement("button");
+  p.type = "button", p.className = `vui-lrow-toggle${s ? "" : " placeholder"}`, p.textContent = o ? "▼" : "▶", p.disabled = !s;
+  const b = (f) => {
+    if (f.stopPropagation(), !s) return;
     e.toggleLayerExpanded(n.index);
     const g = e.expandedLayers.has(n.index);
-    u.textContent = g ? "▼" : "▶";
-    let y = c.querySelector(":scope > .vui-lrow-blocks");
+    p.textContent = g ? "▼" : "▶";
+    let w = d.querySelector(":scope > .vui-lrow-blocks");
     if (g)
-      if (y)
-        y.classList.add("open");
+      if (w)
+        w.classList.add("open");
       else {
-        y = document.createElement("div"), y.className = "vui-lrow-blocks open";
-        for (const P of i)
-          y.appendChild(ve(P, e, t));
-        c.appendChild(y);
+        w = document.createElement("div"), w.className = "vui-lrow-blocks open";
+        for (const x of i)
+          w.appendChild(ge(x, e, t, r));
+        d.appendChild(w);
       }
     else {
-      y == null || y.classList.remove("open");
-      const P = c.closest(".vui-section-list") ?? c.parentElement;
-      P && Ae(P, l, 0);
+      w == null || w.classList.remove("open");
+      const x = d.closest(".vui-section-list") ?? d.parentElement;
+      x && ze(x, l, 0);
     }
   };
-  u.addEventListener("click", v);
-  const f = document.createElement("span");
-  f.className = "vui-lrow-name", f.textContent = n.name || "(unnamed)", f.title = n.name;
-  const p = document.createElement("span");
-  p.className = "vui-lrow-clr", p.style.background = o, p.title = "覆盖颜色（右键重置）";
+  p.addEventListener("click", b);
+  const v = document.createElement("span");
+  v.className = "vui-lrow-name", v.textContent = n.name || r.t("layer.unnamed"), v.title = n.name;
+  const y = document.createElement("span");
+  y.className = "vui-lrow-clr", y.style.background = a, y.title = r.t("layer.colorOverride");
   const m = document.createElement("input");
-  if (m.type = "color", m.value = o, m.addEventListener("input", () => {
-    const b = Number.parseInt(m.value.slice(1), 16);
-    t.setLayerColor(n.index, Number.isFinite(b) ? b : null), h.style.background = m.value, p.style.background = m.value;
-  }), m.addEventListener("click", (b) => b.stopPropagation()), p.addEventListener("contextmenu", (b) => {
-    b.preventDefault(), b.stopPropagation(), t.setLayerColor(n.index, null);
-    const g = O(De(n.sourceColor));
-    m.value = g, h.style.background = g, p.style.background = g;
-  }), p.appendChild(m), l.append(d, h, u, f, p), l.addEventListener("click", (b) => {
-    const g = b.target;
+  if (m.type = "color", m.value = a, m.addEventListener("input", () => {
+    var g, w;
+    const f = Number.parseInt(m.value.slice(1), 16);
+    (g = t.beginLayerColorPreview) == null || g.call(t, m);
+    try {
+      t.setLayerColor(n.index, Number.isFinite(f) ? f : null), u.style.background = m.value, y.style.background = m.value;
+    } finally {
+      (w = t.endLayerColorPreview) == null || w.call(t, m);
+    }
+  }), m.addEventListener("click", (f) => f.stopPropagation()), y.addEventListener("contextmenu", (f) => {
+    f.preventDefault(), f.stopPropagation(), t.setLayerColor(n.index, null);
+    const g = L(Oe(n.sourceColor));
+    m.value = g, u.style.background = g, y.style.background = g;
+  }), y.appendChild(m), l.append(h, u, p, v, y), l.addEventListener("click", (f) => {
+    const g = f.target;
     if (g instanceof HTMLInputElement && g.type === "color" || g.closest(".vui-lrow-clr") || g.closest(".vui-lrow-toggle") || g.closest(".vui-lrow-eye")) return;
-    const y = !n.visible;
-    d.textContent = y ? "●" : "○", d.title = y ? "隐藏图层" : "显示图层", l.classList.toggle("off", !y), t.toggleLayer(n.index);
-  }), c.appendChild(l), r && s) {
-    const b = document.createElement("div");
-    b.className = "vui-lrow-blocks open";
+    const w = !n.visible;
+    h.textContent = w ? "●" : "○", h.title = w ? r.t("layer.hide") : r.t("layer.show"), l.classList.toggle("off", !w), t.toggleLayer(n.index);
+  }), d.appendChild(l), s && o) {
+    const f = document.createElement("div");
+    f.className = "vui-lrow-blocks open";
     for (const g of i)
-      b.appendChild(ve(g, e, t));
-    c.appendChild(b);
+      f.appendChild(ge(g, e, t, r));
+    d.appendChild(f);
   }
-  return c;
+  return d;
 }
-function ve(n, e, t) {
-  const i = document.createElement("div");
-  i.className = "vui-lrow-block-wrap";
-  const r = e.expandedBlocks.has(n.key), s = si(n.inserts), o = Le(t.selection, n.layerIndex, n.variantId), c = document.createElement("div");
-  c.className = `vui-lrow-block${o ? " active" : ""}${n.canHighlight ? "" : " disabled"}`, c.dataset.variantId = String(n.variantId), c.dataset.layerIndex = String(n.layerIndex), n.canHighlight || (c.title = "该 block 无可高亮几何");
+function ge(n, e, t, i) {
+  const r = document.createElement("div");
+  r.className = "vui-lrow-block-wrap";
+  const s = e.expandedBlocks.has(n.key), o = Pi(n.inserts), a = Be(t.selection, n.layerIndex, n.variantId), d = document.createElement("div");
+  d.className = `vui-lrow-block${a ? " active" : ""}${n.canHighlight ? "" : " disabled"}`, d.dataset.variantId = String(n.variantId), d.dataset.layerIndex = String(n.layerIndex), n.canHighlight || (d.title = i.t("layer.noHighlightBlock"));
   const l = document.createElement("button");
-  l.type = "button", l.className = "vui-lrow-block-visibility", Y(l, s), l.addEventListener("click", (f) => {
-    if (f.stopPropagation(), s === "none") {
-      const m = e.blockVisibilitySnapshots.get(n.key), b = [];
+  l.type = "button", l.className = "vui-lrow-block-visibility", _(l, o, i), l.addEventListener("click", (v) => {
+    if (v.stopPropagation(), o === "none") {
+      const m = e.blockVisibilitySnapshots.get(n.key), f = [];
       for (const g of n.inserts) {
-        const y = (m == null ? void 0 : m.get(g.instanceId)) ?? !0;
-        g.visible !== y && b.push({ insertId: g.insertId, visible: y });
+        const w = (m == null ? void 0 : m.get(g.instanceId)) ?? !0;
+        g.visible !== w && f.push({ insertId: g.insertId, visible: w });
       }
-      if (Y(l, "all"), i.querySelectorAll(".vui-lrow-insert-visibility").forEach((g) => {
-        _(g, !0);
-      }), t.batchToggleInserts && b.length > 0)
-        t.batchToggleInserts(b);
+      if (_(l, "all", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((g) => {
+        X(g, !0, i);
+      }), t.batchToggleInserts && f.length > 0)
+        t.batchToggleInserts(f);
       else
-        for (const g of b) t.toggleInsert(g.insertId, g.visible);
+        for (const g of f) t.toggleInsert(g.insertId, g.visible);
       return;
     }
     e.blockVisibilitySnapshots.set(
       n.key,
       new Map(n.inserts.map((m) => [m.instanceId, m.visible]))
     );
-    const p = n.inserts.filter((m) => m.visible).map((m) => ({ insertId: m.insertId, visible: !1 }));
-    if (Y(l, "none"), i.querySelectorAll(".vui-lrow-insert-visibility").forEach((m) => {
-      _(m, !1);
-    }), t.batchToggleInserts && p.length > 0)
-      t.batchToggleInserts(p);
+    const y = n.inserts.filter((m) => m.visible).map((m) => ({ insertId: m.insertId, visible: !1 }));
+    if (_(l, "none", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((m) => {
+      X(m, !1, i);
+    }), t.batchToggleInserts && y.length > 0)
+      t.batchToggleInserts(y);
     else
-      for (const m of p) t.toggleInsert(m.insertId, !1);
+      for (const m of y) t.toggleInsert(m.insertId, !1);
   });
-  const d = document.createElement("button");
-  d.type = "button", d.className = "vui-lrow-block-toggle", d.textContent = r ? "▼" : "▶";
-  const h = (f) => {
-    f.stopPropagation(), e.toggleBlockExpanded(n.layerIndex, n.variantId);
-    const p = e.expandedBlocks.has(n.key);
-    d.textContent = p ? "▼" : "▶";
-    let m = i.querySelector(":scope > .vui-lrow-inserts");
-    if (p)
-      m ? m.classList.add("open") : (m = fe(n, e, t, l), i.appendChild(m));
+  const h = document.createElement("button");
+  h.type = "button", h.className = "vui-lrow-block-toggle", h.textContent = s ? "▼" : "▶";
+  const u = (v) => {
+    v.stopPropagation(), e.toggleBlockExpanded(n.layerIndex, n.variantId);
+    const y = e.expandedBlocks.has(n.key);
+    h.textContent = y ? "▼" : "▶";
+    let m = r.querySelector(":scope > .vui-lrow-inserts");
+    if (y)
+      m ? m.classList.add("open") : (m = ye(n, e, t, l, i), r.appendChild(m));
     else {
       m == null || m.classList.remove("open");
-      const b = i.closest(".vui-section-list") ?? i.parentElement;
-      b && Ae(b, c, 24);
+      const f = r.closest(".vui-section-list") ?? r.parentElement;
+      f && ze(f, d, 24);
     }
   };
-  d.addEventListener("click", h);
-  const u = document.createElement("span");
-  u.className = "vui-lrow-block-name", u.textContent = n.blockName, u.title = n.blockName;
-  const v = document.createElement("span");
-  return v.className = "vui-lrow-block-count", v.textContent = `×${n.inserts.length}`, c.append(l, d, u, v), n.inserts.length === 1 && c.addEventListener("click", () => {
+  h.addEventListener("click", u);
+  const p = document.createElement("span");
+  p.className = "vui-lrow-block-name", p.textContent = n.blockName, p.title = n.blockName;
+  const b = document.createElement("span");
+  return b.className = "vui-lrow-block-count", b.textContent = `×${n.inserts.length}`, d.append(l, h, p, b), n.inserts.length === 1 && d.addEventListener("click", () => {
     if (!n.canHighlight) return;
-    const f = n.inserts[0], p = `${n.layerIndex}:${n.variantId}:${f.instanceId}`;
-    e.markSelectionRevealed(p), t.selectInsert(f.insertId);
-  }), i.appendChild(c), r && i.appendChild(fe(n, e, t, l)), i;
-}
-function fe(n, e, t, i) {
-  const r = document.createElement("div");
-  r.className = "vui-lrow-inserts open";
-  for (const s of n.inserts) {
-    const o = document.createElement("div");
-    o.className = `vui-lrow-insert${Le(t.selection, n.layerIndex, n.variantId, s.instanceId) ? " active" : ""}${s.canHighlight === !1 ? " disabled" : ""}`, o.dataset.layerIndex = String(n.layerIndex), o.dataset.variantId = String(n.variantId), o.dataset.instanceId = String(s.instanceId), o.dataset.insertId = s.insertId, s.canHighlight === !1 && (o.title = "该 insert 无可高亮几何");
-    const c = document.createElement("button");
-    c.type = "button", c.className = "vui-lrow-insert-visibility", _(c, s.visible), c.addEventListener("click", (d) => {
-      d.stopPropagation();
-      const h = !s.visible;
-      _(c, h);
-      const u = r.querySelectorAll(".vui-lrow-insert-visibility");
-      let v = 0;
-      u.forEach((p) => {
-        p.dataset.visible === "1" && v++;
+    const v = n.inserts[0], y = `${n.layerIndex}:${n.variantId}:${v.instanceId}`;
+    e.markSelectionRevealed(y), t.selectInsert(v.insertId);
+  }), r.appendChild(d), s && r.appendChild(ye(n, e, t, l, i)), r;
+}
+function ye(n, e, t, i, r) {
+  const s = document.createElement("div");
+  s.className = "vui-lrow-inserts open";
+  for (const o of n.inserts) {
+    const a = document.createElement("div");
+    a.className = `vui-lrow-insert${Be(t.selection, n.layerIndex, n.variantId, o.instanceId) ? " active" : ""}${o.canHighlight === !1 ? " disabled" : ""}`, a.dataset.layerIndex = String(n.layerIndex), a.dataset.variantId = String(n.variantId), a.dataset.instanceId = String(o.instanceId), a.dataset.insertId = o.insertId, o.canHighlight === !1 && (a.title = r.t("layer.noHighlightInsert"));
+    const d = document.createElement("button");
+    d.type = "button", d.className = "vui-lrow-insert-visibility", X(d, o.visible, r), d.addEventListener("click", (h) => {
+      h.stopPropagation();
+      const u = !o.visible;
+      X(d, u, r);
+      const p = s.querySelectorAll(".vui-lrow-insert-visibility");
+      let b = 0;
+      p.forEach((y) => {
+        y.dataset.visible === "1" && b++;
       });
-      const f = v === 0 ? "none" : v === u.length ? "all" : "mixed";
-      Y(i, f), t.toggleInsert(s.insertId, h);
+      const v = b === 0 ? "none" : b === p.length ? "all" : "mixed";
+      _(i, v, r), t.toggleInsert(o.insertId, u);
     });
     const l = document.createElement("span");
-    l.className = "vui-lrow-insert-label", l.textContent = s.label, l.title = s.label, o.append(c, l), o.addEventListener("click", () => {
-      if (s.canHighlight === !1) return;
-      const d = `${n.layerIndex}:${n.variantId}:${s.instanceId}`;
-      e.markSelectionRevealed(d), t.selectInsert(s.insertId);
-    }), r.appendChild(o);
+    l.className = "vui-lrow-insert-label", l.textContent = o.label, l.title = o.label, a.append(d, l), a.addEventListener("click", () => {
+      if (o.canHighlight === !1) return;
+      const h = `${n.layerIndex}:${n.variantId}:${o.instanceId}`;
+      e.markSelectionRevealed(h), t.selectInsert(o.insertId);
+    }), s.appendChild(a);
   }
-  return r;
+  return s;
 }
-function di(n) {
+function Mi(n) {
   const e = document.createElement("div");
   return e.className = "vui-empty-note", e.textContent = n, e;
 }
-function hi(n, e) {
+function Ti(n, e) {
   const t = () => {
     e(n.value);
   };
   return n.addEventListener("input", t), () => n.removeEventListener("input", t);
 }
-function F(n) {
-  return n.replace(/[&<>"']/g, (e) => ({
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  })[e] ?? e);
-}
-function K(n) {
-  return n == null || !Number.isFinite(n) ? "—" : n.toFixed(4).replace(/\.0+$/, "").replace(/(\.\d*?)0+$/, "$1");
-}
-function I(n, e) {
-  const t = K(n);
-  return t === "—" ? t : `${t} ${e}`;
-}
-function be(n, e) {
+function xe(n, e, t = J, i = "mm") {
   if (n.body.replaceChildren(), e.textSelection && e.textDetails) {
-    D(n, !1), pi(n.body, e.textDetails), ge(n.body);
+    D(n, !1), Ai(n.body, e.textDetails, t, i), we(n.body);
     return;
   }
   if (!e.selection || !e.details) {
-    D(n, !1), n.body.appendChild(mi("点击画布中的对象查看属性"));
+    D(n, !1), n.body.appendChild(Li(t.t("property.empty")));
     return;
   }
-  ui(n.body, e.details), ge(n.body);
+  Di(n.body, e.details, t, i), we(n.body);
 }
 function D(n, e) {
   if (!n.previewWrap || !n.previewCanvas || (n.previewWrap.hidden = !e, e)) return;
   const t = n.previewCanvas.getContext("2d");
   t == null || t.clearRect(0, 0, n.previewCanvas.width, n.previewCanvas.height);
 }
-function ui(n, e) {
-  Ne(n, "INSERT", e.blockName), G(n, "基本", (t) => {
-    C(t, "Block", e.blockName), C(t, "图层", e.layerName), C(t, "Instance", `#${e.id.instanceId}`), C(t, "当前形态", "普通图形");
-  }), G(n, "变换", (t) => {
-    C(t, "X", I(e.tx, "mm")), C(t, "Y", I(e.ty, "mm")), C(t, "旋转", I(e.rotation, "°")), C(t, "Sx", K(e.scaleX)), C(t, "Sy", K(e.scaleY));
+function Di(n, e, t, i) {
+  _e(n, t.t("property.insert"), e.blockName), G(n, t.t("property.basic"), (r) => {
+    P(r, t.t("property.block"), e.blockName), P(r, t.t("property.layer"), e.layerName), P(r, t.t("property.instance"), `#${e.id.instanceId}`), P(r, t.t("property.currentShape"), t.t("property.normalShape"));
+  }), G(n, t.t("property.transform"), (r) => {
+    P(r, "X", t.formatUnit(e.tx, i)), P(r, "Y", t.formatUnit(e.ty, i)), P(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°")), P(r, "Sx", t.formatNumber(e.scaleX)), P(r, "Sy", t.formatNumber(e.scaleY));
   });
 }
-function pi(n, e) {
-  Ne(n, "文本", e.content), G(n, "基本", (t) => {
-    C(t, "图层", e.layerName), C(t, "内容", e.content), C(t, "高度", I(e.height, "mm")), C(t, "X", I(e.x, "mm")), C(t, "Y", I(e.y, "mm")), C(t, "旋转", I(e.rotation, "°"));
+function Ai(n, e, t, i) {
+  _e(n, t.t("property.text"), e.content), G(n, t.t("property.basic"), (r) => {
+    P(r, t.t("property.layer"), e.layerName), P(r, t.t("property.content"), e.content), P(r, t.t("property.height"), t.formatUnit(e.height, i)), P(r, "X", t.formatUnit(e.x, i)), P(r, "Y", t.formatUnit(e.y, i)), P(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°"));
   });
 }
-function Ne(n, e, t) {
+function _e(n, e, t) {
   const i = document.createElement("div");
-  i.className = "vui-pp-section vui-pp-title-row", i.innerHTML = `<strong>${F(e)}</strong><span>·</span><span>${F(t)}</span>`, n.appendChild(i);
+  i.className = "vui-pp-section vui-pp-title-row", i.innerHTML = `<strong>${S(e)}</strong><span>·</span><span>${S(t)}</span>`, n.appendChild(i);
 }
 function G(n, e, t) {
   const i = document.createElement("section");
@@ -1982,15 +2433,15 @@ function G(n, e, t) {
   const r = document.createElement("div");
   r.className = "vui-pp-section-label", r.textContent = e, i.appendChild(r), t(i), n.appendChild(i);
 }
-function C(n, e, t) {
+function P(n, e, t) {
   const i = document.createElement("div");
-  i.className = "vui-pp-row", i.innerHTML = `<span class="label">${F(e)}</span><span class="value" title="${F(t)}">${F(t)}</span>`, n.appendChild(i);
+  i.className = "vui-pp-row", i.innerHTML = `<span class="label">${S(e)}</span><span class="value" title="${S(t)}">${S(t)}</span>`, n.appendChild(i);
 }
-function mi(n) {
+function Li(n) {
   const e = document.createElement("div");
   return e.className = "vui-empty-note", e.textContent = n, e;
 }
-function ge(n) {
+function we(n) {
   if (n.querySelector('input:not([type="color"])'))
     throw new Error("Property panel must not contain editable inputs");
   if (n.querySelector('[contenteditable=""], [contenteditable="true"]'))
@@ -1998,17 +2449,17 @@ function ge(n) {
   if (n.querySelector("textarea"))
     throw new Error("Property panel must not contain textarea elements");
 }
-const vi = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(globalThis) : (n) => globalThis.setTimeout(() => n(performance.now()), 16), fi = typeof cancelAnimationFrame == "function" ? cancelAnimationFrame.bind(globalThis) : (n) => {
+const Fi = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(globalThis) : (n) => globalThis.setTimeout(() => n(performance.now()), 16), Oi = typeof cancelAnimationFrame == "function" ? cancelAnimationFrame.bind(globalThis) : (n) => {
   globalThis.clearTimeout(n);
 };
-class bi {
+class Ni {
   constructor(e) {
-    a(this, "onFlush");
-    a(this, "requestFrame");
-    a(this, "cancelFrame");
-    a(this, "pending", /* @__PURE__ */ new Map());
-    a(this, "scheduledHandle", null);
-    this.onFlush = e.onFlush, this.requestFrame = e.requestFrame ?? vi, this.cancelFrame = e.cancelFrame ?? fi;
+    c(this, "onFlush");
+    c(this, "requestFrame");
+    c(this, "cancelFrame");
+    c(this, "pending", /* @__PURE__ */ new Map());
+    c(this, "scheduledHandle", null);
+    this.onFlush = e.onFlush, this.requestFrame = e.requestFrame ?? Fi, this.cancelFrame = e.cancelFrame ?? Oi;
   }
   enqueue(e, t) {
     this.pending.set(e, t), this.scheduledHandle === null && (this.scheduledHandle = this.requestFrame(() => {
@@ -2032,7 +2483,7 @@ class bi {
     this.pending.clear(), this.scheduledHandle !== null && (this.cancelFrame(this.scheduledHandle), this.scheduledHandle = null);
   }
 }
-const gi = `
+const Vi = `
 :host {
   display: block;
   width: 100%;
@@ -2896,7 +3347,7 @@ button, input { font: inherit; }
   .vui-infobar-content { max-width: calc(100vw - 48px); }
   .vui-infobar-tools .vui-info-text { max-width: min(180px, 45vw); }
 }
-`, yi = {
+`, Bi = {
   dark: `
 :host, .vui-root[data-theme="dark"] {
   --vui-bg: #0A0B0F;
@@ -3006,10 +3457,24 @@ button, input { font: inherit; }
 }
 `
 };
-function xi(n = "dark") {
-  return `${yi[n]}${gi}`;
-}
-const wi = {
+function zi(n = "dark", e = {}) {
+  const t = {
+    accent: "--vui-accent",
+    panelBackground: "--vui-bg2",
+    background: "--vui-bg",
+    text: "--vui-text",
+    textDim: "--vui-text-dim",
+    border: "--vui-border",
+    hudBackground: "--vui-hud-bg"
+  }, i = Object.entries(e).filter(([, r]) => typeof r == "string" && r.trim().length > 0).map(([r, s]) => `${t[r]}: ${s};`).join(`
+`);
+  return `${Bi[n]}${i ? `
+:host, .vui-root[data-theme="${n}"] {
+${i}
+}
+` : ""}${Vi}`;
+}
+const Hi = {
   layerPanel: !0,
   propertyPanel: !0,
   hud: !0,
@@ -3019,7 +3484,8 @@ const wi = {
   infobarLineMode: !0,
   infobarPhase: !0,
   infobarDebug: !0
-}, ye = "dxf-parser:reference-property-panel:open", xe = "dxf-parser:reference-layer-panel:open", we = 300, Ce = 180, Ci = 2;
+}, Ce = "property-panel:open", Pe = "layer-panel:open", Se = 300, Ee = 180, _i = 2;
+let Yi = 0;
 function T(n, ...e) {
   const t = document.createElement("div");
   t.className = "vui-debug-row";
@@ -3028,7 +3494,7 @@ function T(n, ...e) {
   const r = document.createElement("div");
   return r.className = "vui-debug-value", r.append(...e), t.append(i, r), t;
 }
-function Pe(n, e, t) {
+function Ie(n, e, t) {
   const i = document.createElement("div");
   i.className = "vui-debug-spread";
   const r = document.createElement("b");
@@ -3040,131 +3506,190 @@ function Pe(n, e, t) {
   }
   return i;
 }
-function Se(n) {
+function Re(n) {
   const e = document.createElement("div");
   return e.className = "vui-debug-spread-list", e.append(...n), e;
 }
-function Pi(n) {
+function Xi(n, e) {
   switch (n) {
     case "created":
-      return "状态 创建";
+      return e.t("status.created");
     case "header-ready":
-      return "状态 头部就绪";
+      return e.t("status.headerReady");
     case "initial-loading":
-      return "状态 加载中";
+      return e.t("status.initialLoading");
     case "interactive":
-      return "状态 就绪";
+      return e.t("status.interactive");
     case "failed":
-      return "状态 失败";
+      return e.t("status.failed");
     case "disposed":
-      return "状态 已关闭";
+      return e.t("status.disposed");
     default:
       return "";
   }
 }
-class Si {
+function ke(n) {
+  return (typeof n.composedPath == "function" ? n.composedPath() : [n.target]).some((t) => {
+    var o, a;
+    if (!t || typeof t != "object") return !1;
+    const i = t, r = (o = i.tagName) == null ? void 0 : o.toLowerCase();
+    if (r === "input" || r === "textarea" || r === "select" || i.isContentEditable) return !0;
+    const s = (a = i.getAttribute) == null ? void 0 : a.call(i, "contenteditable");
+    return s === "" || s === "true" || s === "plaintext-only";
+  });
+}
+class Ui {
   constructor(e, t) {
-    a(this, "parts");
-    a(this, "layerPanelState", new ii());
-    a(this, "shadow", null);
-    a(this, "layerPanelRefs", null);
-    a(this, "propertyPanelRefs", null);
-    a(this, "scalebarRefs", null);
-    a(this, "infobarRefs", null);
-    a(this, "btnFit", null);
-    a(this, "btnView2d", null);
-    a(this, "btnView3d", null);
-    a(this, "layerPanelShell", null);
-    a(this, "layerPanelToggle", null);
-    a(this, "infobar", null);
-    a(this, "infobarToggle", null);
-    a(this, "propertyPanelShell", null);
-    a(this, "propertyPanelToggle", null);
-    a(this, "propertyPanelAutoOpened", !1);
-    a(this, "propertyPreviewRenderHandle", null);
-    a(this, "propertyPreviewLayoutWaitAbort", null);
-    a(this, "propertyPreviewKey", null);
-    a(this, "toolbarInfoText", null);
-    a(this, "handleKeyDown", (e) => {
-      this.disposed || e.defaultPrevented || (e.key === "f" || e.key === "F") && this.host.fitView();
+    c(this, "parts");
+    c(this, "text");
+    c(this, "layerPanelState", new pi());
+    c(this, "shadow", null);
+    c(this, "layerPanelRefs", null);
+    c(this, "propertyPanelRefs", null);
+    c(this, "scalebarRefs", null);
+    c(this, "infobarRefs", null);
+    c(this, "btnFit", null);
+    c(this, "btnView2d", null);
+    c(this, "btnView3d", null);
+    c(this, "layerPanelShell", null);
+    c(this, "layerPanelToggle", null);
+    c(this, "infobar", null);
+    c(this, "infobarToggle", null);
+    c(this, "propertyPanelShell", null);
+    c(this, "propertyPanelToggle", null);
+    c(this, "propertyPanelAutoOpened", !1);
+    c(this, "propertyPreviewRenderHandle", null);
+    c(this, "propertyPreviewLayoutWaitAbort", null);
+    c(this, "propertyPreviewKey", null);
+    c(this, "layoutResizeObserver", null);
+    c(this, "lastLayoutFingerprint", null);
+    c(this, "toolbarInfoText", null);
+    c(this, "keyboardTarget", null);
+    c(this, "keyboardTargetTabIndexAdded", !1);
+    c(this, "activeLayerColorPreview", null);
+    c(this, "renderedLayerRows", null);
+    c(this, "handleKeyDown", (e) => {
+      if (this.disposed || e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || ke(e)) return;
+      const t = this.getFitShortcut();
+      t && e.key.toLowerCase() === t.toLowerCase() && this.host.fitSelectionOrDocument();
+    });
+    c(this, "handleKeyboardTargetPointerDown", (e) => {
+      var t, i;
+      this.disposed || ke(e) || (i = (t = this.keyboardTarget) == null ? void 0 : t.focus) == null || i.call(t, { preventScroll: !0 });
     });
-    a(this, "unsubscribers", []);
-    a(this, "filterCleanup", null);
-    a(this, "disposed", !1);
-    a(this, "insertToggleScheduler", new bi({
+    c(this, "unsubscribers", []);
+    c(this, "filterCleanup", null);
+    c(this, "disposed", !1);
+    c(this, "persistenceNamespace");
+    c(this, "insertToggleScheduler", new Ni({
       onFlush: (e) => {
-        var t, i;
-        (i = (t = this.host.cad.blocks).batchToggleInserts) == null || i.call(t, e);
+        this.host.cad.blocks.batchToggleInserts(e);
       }
     }));
-    a(this, "refresh", () => {
-      this.disposed || (this.syncToolbarState(), this.layerPanelRefs && this.parts.layerPanel && pe(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()), this.propertyPanelRefs && this.parts.propertyPanel && (be(this.propertyPanelRefs, this.host.cad.inspector), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview()), this.syncHud());
+    c(this, "refresh", () => {
+      this.disposed || (this.syncToolbarState(), this.renderLayerPanel(), this.propertyPanelRefs && this.parts.propertyPanel && (xe(this.propertyPanelRefs, this.host.cad.inspector, this.text, this.getCadUnit()), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview()), this.syncHud());
     });
-    a(this, "syncHud", () => {
+    c(this, "syncHud", () => {
       var e;
       if (!this.disposed) {
         if (this.infobarRefs && this.parts.hud) {
           const t = this.host.cad.hud;
-          this.infobarRefs.file.textContent = t.filename ?? "", this.infobarRefs.file.title = t.filename ?? "", this.infobarRefs.file.hidden = !t.filename, this.infobarRefs.zoom.textContent = t.zoomLabel ? `缩放 ${t.zoomLabel}` : "", this.infobarRefs.zoom.hidden = !t.zoomLabel, this.infobarRefs.vertices.textContent = t.viewportVertexCount > 0 ? `顶点 ${t.viewportVertexCount.toLocaleString()}` : "", this.infobarRefs.vertices.hidden = t.viewportVertexCount <= 0, this.infobarRefs.drawCalls.textContent = t.drawCalls > 0 ? `DrawCalls ${t.drawCalls}` : "", this.infobarRefs.drawCalls.hidden = t.drawCalls <= 0, this.infobarRefs.lineMode.textContent = this.parts.infobarLineMode && t.lineRenderMode ? `线模式 ${t.lineRenderMode.toUpperCase()}` : "", this.infobarRefs.lineMode.hidden = !this.infobarRefs.lineMode.textContent, this.infobarRefs.phase.textContent = this.parts.infobarPhase ? Pi(t.phase) : "", this.infobarRefs.phase.hidden = !this.infobarRefs.phase.textContent;
+          this.infobarRefs.file.textContent = t.filename ?? "", this.infobarRefs.file.title = t.filename ?? "", this.infobarRefs.file.hidden = !t.filename, this.infobarRefs.zoom.textContent = t.zoomLabel ? this.text.t("toolbar.zoom", { value: t.zoomLabel }) : "", this.infobarRefs.zoom.hidden = !t.zoomLabel, this.infobarRefs.vertices.textContent = t.viewportVertexCount > 0 ? this.text.t("toolbar.vertices", { value: this.text.formatInteger(t.viewportVertexCount) }) : "", this.infobarRefs.vertices.hidden = t.viewportVertexCount <= 0, this.infobarRefs.drawCalls.textContent = t.drawCalls > 0 ? this.text.t("toolbar.drawCalls", { value: this.text.formatInteger(t.drawCalls) }) : "", this.infobarRefs.drawCalls.hidden = t.drawCalls <= 0, this.infobarRefs.lineMode.textContent = this.parts.infobarLineMode && t.lineRenderMode ? this.text.t("toolbar.lineMode", { value: t.lineRenderMode.toUpperCase() }) : "", this.infobarRefs.lineMode.hidden = !this.infobarRefs.lineMode.textContent, this.infobarRefs.phase.textContent = this.parts.infobarPhase ? Xi(t.phase, this.text) : "", this.infobarRefs.phase.hidden = !this.infobarRefs.phase.textContent;
           const i = Math.round(t.fps);
-          this.infobarRefs.fps.textContent = i > 0 ? `${i} FPS` : "— FPS", this.infobarRefs.fps.classList.toggle("hi", i >= 55), this.infobarRefs.fps.classList.toggle("mid", i >= 30 && i < 55), this.infobarRefs.fps.classList.toggle("low", i < 30);
+          this.infobarRefs.fps.textContent = i > 0 ? this.text.t("toolbar.fps", { value: i }) : this.text.t("toolbar.fpsEmpty"), this.infobarRefs.fps.classList.toggle("hi", i >= 55), this.infobarRefs.fps.classList.toggle("mid", i >= 30 && i < 55), this.infobarRefs.fps.classList.toggle("low", i < 30);
           const r = t.blockVariantCount > 0 || t.splitBlockLayerGroupCount > 0 || t.entityCount > 0;
           if (this.infobarRefs.debugCard.hidden = !this.parts.infobarDebug || !r, this.infobarRefs.debugCard.hidden)
             this.infobarRefs.debugCard.open = !1, this.infobarRefs.debugSummary.textContent = "", this.infobarRefs.debugBody.replaceChildren();
           else {
-            this.infobarRefs.debugSummary.textContent = `Debug · Block ${t.blockVariantCount} · 跨层 ${t.splitBlockLayerGroupCount}`;
-            const s = t.renderDebugBreakdown.map((d) => Pe(
-              d.label,
-              `${d.renderables.toLocaleString()} call-ish / ${d.submittedVertexRefs.toLocaleString()} vertices`
+            this.infobarRefs.debugSummary.textContent = this.text.t("toolbar.debugSummary", {
+              blocks: this.text.formatInteger(t.blockVariantCount),
+              split: this.text.formatInteger(t.splitBlockLayerGroupCount)
+            });
+            const s = t.renderDebugBreakdown.map((l) => Ie(
+              l.label,
+              this.text.t("toolbar.debug.breakdown", {
+                renderables: this.text.formatInteger(l.renderables),
+                vertices: this.text.formatInteger(l.submittedVertexRefs)
+              })
             )), o = [
-              `${t.renderableCount.toLocaleString()} renderables / ${t.drawCalls.toLocaleString()} calls`
+              this.text.t("toolbar.debug.renderables", {
+                renderables: this.text.formatInteger(t.renderableCount),
+                calls: this.text.formatInteger(t.drawCalls)
+              })
             ];
-            s.length > 0 && o.push(Se(s));
-            const c = t.splitBlockLayerDetails.map((d) => Pe(
-              `${d.blockName} #${d.variantId}`,
-              `${d.layerCount.toLocaleString()} layer / ${d.instanceCount.toLocaleString()} insert`,
-              d.layers.join(", ")
+            s.length > 0 && o.push(Re(s));
+            const a = t.splitBlockLayerDetails.map((l) => Ie(
+              `${l.blockName} #${l.variantId}`,
+              this.text.t("toolbar.debug.spreadMeta", {
+                layers: this.text.formatInteger(l.layerCount),
+                instances: this.text.formatInteger(l.instanceCount)
+              }),
+              l.layers.join(", ")
             ));
             if (t.splitBlockLayerDetails.length < t.splitBlockLayerGroupCount) {
-              const d = document.createElement("div");
-              d.className = "vui-debug-spread vui-debug-spread-muted", d.textContent = `另有 ${(t.splitBlockLayerGroupCount - t.splitBlockLayerDetails.length).toLocaleString()} 个跨层 block`, c.push(d);
+              const l = document.createElement("div");
+              l.className = "vui-debug-spread vui-debug-spread-muted", l.textContent = this.text.t("toolbar.debug.moreSplitLayers", {
+                count: this.text.formatInteger(t.splitBlockLayerGroupCount - t.splitBlockLayerDetails.length)
+              }), a.push(l);
             }
-            const l = [`跨层 ${t.splitBlockLayerGroupCount.toLocaleString()}`];
-            c.length > 0 && l.push(Se(c)), this.infobarRefs.debugBody.replaceChildren(
-              T("提交", t.submittedVertexRefs.toLocaleString()),
-              ...t.lineRenderMode ? [T("线模式", t.lineRenderMode.toUpperCase())] : [],
-              T("图层", `${t.visibleLayerCount.toLocaleString()} / ${t.totalLayerCount.toLocaleString()}`),
-              T("DrawCall 来源", ...o),
-              T("Block", `${t.blockVariantCount.toLocaleString()} / INSERT ${t.blockInstanceCount.toLocaleString()}`),
-              T("分散 layer", ...l)
+            const d = [this.text.t("toolbar.debug.splitLayerCount", {
+              count: this.text.formatInteger(t.splitBlockLayerGroupCount)
+            })];
+            a.length > 0 && d.push(Re(a)), this.infobarRefs.debugBody.replaceChildren(
+              T("" + this.text.t("toolbar.debug.submitted"), this.text.formatInteger(t.submittedVertexRefs)),
+              ...t.lineRenderMode ? [T(this.text.t("toolbar.debug.lineMode"), t.lineRenderMode.toUpperCase())] : [],
+              T(this.text.t("toolbar.debug.layers"), this.text.t("toolbar.debug.layerCount", {
+                visible: this.text.formatInteger(t.visibleLayerCount),
+                total: this.text.formatInteger(t.totalLayerCount)
+              })),
+              T(this.text.t("toolbar.debug.drawCallSource"), ...o),
+              T(this.text.t("toolbar.debug.block"), this.text.t("toolbar.debug.blockCount", {
+                variants: this.text.formatInteger(t.blockVariantCount),
+                instances: this.text.formatInteger(t.blockInstanceCount)
+              })),
+              T(this.text.t("toolbar.debug.splitLayer"), ...d)
             );
           }
         }
         if (this.toolbarInfoText) {
-          const t = this.host.cad.hud, i = t.fileCount > 0 ? `${t.visibleLayerCount.toLocaleString()} / ${t.totalLayerCount.toLocaleString()} 图层` : "", r = t.statusMessage.trim();
+          const t = this.host.cad.hud, i = t.fileCount > 0 ? this.text.t("toolbar.layerSummary", {
+            visible: this.text.formatInteger(t.visibleLayerCount),
+            total: this.text.formatInteger(t.totalLayerCount)
+          }) : "", r = xi(t.statusMessage, this.text);
           this.toolbarInfoText.textContent = i && r ? `${i}  |  ${r}` : i || r;
         }
-        this.scalebarRefs && (this.host.viewMode === "2d" && ((e = this.host.cad.hud.scaleRuler) != null && e.visible) ? (this.scalebarRefs.scaleBar.hidden = !1, this.scalebarRefs.scaleLabel.textContent = this.host.cad.hud.scaleRuler.lengthLabel) : this.scalebarRefs.scaleBar.hidden = !0);
+        this.scalebarRefs && (this.host.viewMode === "2d" && ((e = this.host.cad.hud.scaleRuler) != null && e.visible) ? (this.scalebarRefs.scaleBar.hidden = !1, this.scalebarRefs.scaleLabel.textContent = this.text.formatScaleLabel(
+          this.host.cad.hud.scaleRuler.worldLength,
+          this.getCadUnit(),
+          this.host.viewMode
+        )) : this.scalebarRefs.scaleBar.hidden = !0);
       }
     });
-    this.host = e, this.options = t, this.parts = { ...wi, ...t.parts };
+    var i;
+    this.host = e, this.options = t, this.parts = { ...Hi, ...t.parts }, this.text = Ve(t), this.persistenceNamespace = ((i = t.persistenceKey) == null ? void 0 : i.trim()) || t.root.id.trim() || `instance-${++Yi}`;
   }
   mount() {
     if (this.disposed) return;
     this.shadow = this.options.root.attachShadow({ mode: "open" });
     const e = this.options.theme ?? "dark", t = document.createElement("style");
-    t.textContent = xi(e);
+    t.textContent = zi(e, this.options.tokens);
     const i = document.createElement("div");
     i.className = "vui-root", i.dataset.theme = e, i.dataset.preset = this.options.preset ?? "cad-readonly";
     const r = document.createElement("div");
     r.className = "vui-main", this.parts.layerPanel && r.appendChild(this.buildLayerPanel());
     const s = document.createElement("div");
-    s.className = "vui-canvas-space", this.parts.scaleRuler && s.appendChild(this.buildScalebar()), this.parts.hud && s.appendChild(this.buildInfobar()), r.appendChild(s), this.parts.propertyPanel && r.appendChild(this.buildPropertyPanel()), i.appendChild(r), this.shadow.append(t, i), this.bindEvents(), this.setLayerPanelOpen(this.readLayerPanelOpen(), !1), this.setPropertyPanelOpen(this.readPropertyPanelOpen(), !1), this.setInfobarOpen(!0), this.refresh();
+    if (s.className = "vui-canvas-space", this.parts.scaleRuler && s.appendChild(this.buildScalebar()), this.parts.hud && s.appendChild(this.buildInfobar()), r.appendChild(s), this.parts.propertyPanel && r.appendChild(this.buildPropertyPanel()), i.appendChild(r), this.shadow.append(t, i), this.options.style)
+      if (typeof this.options.style == "string") {
+        const o = document.createElement("style");
+        o.textContent = this.options.style, this.shadow.append(o);
+      } else
+        this.options.style(this.shadow);
+    this.bindEvents(), this.setLayerPanelOpen(this.readLayerPanelOpen(), !1), this.setPropertyPanelOpen(this.readPropertyPanelOpen(), !1), this.setInfobarOpen(!0), this.refresh(), this.observeLayoutChanges(), typeof queueMicrotask == "function" ? queueMicrotask(() => this.emitUiLayoutChange()) : this.emitUiLayoutChange();
   }
   dispose() {
     var e, t;
     if (!this.disposed) {
-      this.disposed = !0, this.insertToggleScheduler.clear(), (e = this.filterCleanup) == null || e.call(this), this.filterCleanup = null, (t = globalThis.removeEventListener) == null || t.call(globalThis, "keydown", this.handleKeyDown), this.cancelPropertyPreviewRender();
+      this.disposed = !0, this.insertToggleScheduler.clear(), (e = this.layoutResizeObserver) == null || e.disconnect(), this.layoutResizeObserver = null, (t = this.filterCleanup) == null || t.call(this), this.filterCleanup = null, this.unbindKeyboardShortcuts(), this.cancelPropertyPreviewRender(), this.activeLayerColorPreview = null, this.renderedLayerRows = null;
       for (const i of this.unsubscribers) i();
       this.unsubscribers = [], this.shadow && (this.shadow.replaceChildren(), this.shadow = null);
     }
@@ -3174,45 +3699,45 @@ class Si {
   }
   buildLayerPanel() {
     const e = document.createElement("aside");
-    e.className = "vui-layer-panel-shell", e.setAttribute("aria-label", "图层面板");
+    e.className = "vui-layer-panel-shell", e.setAttribute("aria-label", this.text.t("panel.layers.aria"));
     const t = document.createElement("div");
     t.className = "vui-sidebar", t.dataset.part = "layer-panel";
     const i = document.createElement("div");
     i.className = "vui-section";
     const r = document.createElement("div");
-    r.className = "vui-section-head", r.innerHTML = '<span class="vui-section-title">图层</span><span class="vui-section-count">—</span>';
+    r.className = "vui-section-head", r.innerHTML = `<span class="vui-section-title">${S(this.text.t("panel.layers"))}</span><span class="vui-section-count">—</span>`;
     const s = document.createElement("div");
     s.className = "vui-section-filter-wrap";
     const o = document.createElement("input");
-    o.className = "vui-section-filter", o.type = "text", o.placeholder = "搜索图层…", o.autocomplete = "off", s.appendChild(o);
-    const c = document.createElement("div");
-    c.className = "vui-layer-quick";
-    const l = document.createElement("button");
-    l.type = "button", l.className = "vui-btn", l.textContent = "全显", l.addEventListener("click", () => this.host.cad.layers.showAll());
+    o.className = "vui-section-filter", o.type = "text", o.placeholder = this.text.t("layer.searchPlaceholder"), o.autocomplete = "off", s.appendChild(o);
+    const a = document.createElement("div");
+    a.className = "vui-layer-quick";
     const d = document.createElement("button");
-    d.type = "button", d.className = "vui-btn", d.textContent = "全隐", d.addEventListener("click", () => this.host.cad.layers.hideAll());
+    d.type = "button", d.className = "vui-btn", d.textContent = this.text.t("layer.showAll"), d.addEventListener("click", () => this.host.cad.layers.showAll());
+    const l = document.createElement("button");
+    l.type = "button", l.className = "vui-btn", l.textContent = this.text.t("layer.hideAll"), l.addEventListener("click", () => this.host.cad.layers.hideAll());
     const h = document.createElement("button");
-    h.type = "button", h.className = "vui-btn", h.textContent = "折叠", h.title = "折叠全部已展开层级", h.addEventListener("click", () => {
-      var b;
-      const p = (b = this.host.cad.inspector.selection) == null ? void 0 : b.id, m = p ? `${p.layerIndex}:${p.variantId}:${p.instanceId}` : null;
-      this.layerPanelState.collapseAll(m), this.refresh();
-    }), c.append(l, d, h);
+    h.type = "button", h.className = "vui-btn", h.textContent = this.text.t("layer.collapse"), h.title = this.text.t("layer.collapseTitle"), h.addEventListener("click", () => {
+      var m;
+      const v = (m = this.host.cad.inspector.selection) == null ? void 0 : m.id, y = v ? `${v.layerIndex}:${v.variantId}:${v.instanceId}` : null;
+      this.layerPanelState.collapseAll(y), this.refresh();
+    }), a.append(d, l, h);
     const u = document.createElement("div");
-    u.className = "vui-section-list", i.append(r, s, c, u), t.appendChild(i), this.layerPanelRefs = {
+    u.className = "vui-section-list", i.append(r, s, a, u), t.appendChild(i), this.layerPanelRefs = {
       list: u,
       count: r.querySelector(".vui-section-count"),
       filterInput: o
     };
-    const v = document.createElement("div");
-    v.className = "vui-layer-panel-toggle-zone";
-    const f = document.createElement("button");
-    return f.type = "button", f.className = "vui-layer-panel-toggle", f.addEventListener("click", () => this.setLayerPanelOpen(e.classList.contains("closed"))), v.appendChild(f), e.append(t, v), this.layerPanelShell = e, this.layerPanelToggle = f, e;
+    const p = document.createElement("div");
+    p.className = "vui-layer-panel-toggle-zone";
+    const b = document.createElement("button");
+    return b.type = "button", b.className = "vui-layer-panel-toggle", b.addEventListener("click", () => this.setLayerPanelOpen(e.classList.contains("closed"))), p.appendChild(b), e.append(t, p), this.layerPanelShell = e, this.layerPanelToggle = b, e;
   }
   buildScalebar() {
     const e = document.createElement("div");
-    e.className = "vui-scalebar", e.title = "当前视图比例尺（按图纸单位）", e.hidden = !this.parts.scaleRuler;
+    e.className = "vui-scalebar", e.title = this.text.t("scale.title"), e.hidden = !this.parts.scaleRuler;
     const t = document.createElement("div");
-    t.className = "vui-scalebar-label", t.textContent = "100 mm";
+    t.className = "vui-scalebar-label", t.textContent = this.text.formatScaleLabel(100);
     const i = document.createElement("div");
     return i.className = "vui-scalebar-line", e.append(t, i), this.scalebarRefs = { scaleBar: e, scaleLabel: t, scaleLine: i }, e;
   }
@@ -3226,83 +3751,87 @@ class Si {
     const r = document.createElement("span");
     r.className = "vui-seg vui-info-file";
     const s = document.createElement("div");
-    s.className = "vui-infobar-tools", s.setAttribute("role", "toolbar"), s.setAttribute("aria-label", "视图控制");
+    s.className = "vui-infobar-tools", s.setAttribute("role", "toolbar"), s.setAttribute("aria-label", this.text.t("toolbar.viewControls"));
     const o = document.createElement("span");
-    if (o.className = "vui-info-text", this.toolbarInfoText = o, s.appendChild(o), this.parts.fit && (this.btnFit = document.createElement("button"), this.btnFit.type = "button", this.btnFit.className = "vui-btn", this.btnFit.innerHTML = '适应 <span class="vui-kbd">F</span>', this.btnFit.addEventListener("click", () => this.host.fitView()), s.appendChild(this.btnFit)), this.parts.viewMode) {
-      const b = document.createElement("div");
-      b.className = "vui-view-toggle", b.setAttribute("role", "group"), b.setAttribute("aria-label", "视图模式"), this.btnView2d = document.createElement("button"), this.btnView2d.type = "button", this.btnView2d.className = "vui-btn", this.btnView2d.textContent = "2D", this.btnView2d.setAttribute("aria-pressed", "false"), this.btnView2d.addEventListener("click", () => this.host.setViewMode("2d")), this.btnView3d = document.createElement("button"), this.btnView3d.type = "button", this.btnView3d.className = "vui-btn", this.btnView3d.textContent = "3D", this.btnView3d.setAttribute("aria-pressed", "false"), this.btnView3d.addEventListener("click", () => this.host.setViewMode("3d")), b.append(this.btnView2d, this.btnView3d), s.appendChild(b);
+    if (o.className = "vui-info-text", this.toolbarInfoText = o, s.appendChild(o), this.parts.fit) {
+      this.btnFit = document.createElement("button"), this.btnFit.type = "button", this.btnFit.className = "vui-btn";
+      const m = this.getFitShortcut();
+      this.btnFit.innerHTML = m ? `${S(this.text.t("toolbar.fit"))} <span class="vui-kbd">${S(m.toUpperCase())}</span>` : S(this.text.t("toolbar.fit")), this.btnFit.addEventListener("click", () => this.host.fitSelectionOrDocument()), s.appendChild(this.btnFit);
     }
-    const c = document.createElement("span");
-    c.className = "vui-seg";
-    const l = document.createElement("span");
-    l.className = "vui-seg";
+    if (this.parts.viewMode) {
+      const m = document.createElement("div");
+      m.className = "vui-view-toggle", m.setAttribute("role", "group"), m.setAttribute("aria-label", this.text.t("toolbar.viewMode")), this.btnView2d = document.createElement("button"), this.btnView2d.type = "button", this.btnView2d.className = "vui-btn", this.btnView2d.textContent = "2D", this.btnView2d.setAttribute("aria-pressed", "false"), this.btnView2d.addEventListener("click", () => this.host.setViewMode("2d")), this.btnView3d = document.createElement("button"), this.btnView3d.type = "button", this.btnView3d.className = "vui-btn", this.btnView3d.textContent = "3D", this.btnView3d.setAttribute("aria-pressed", "false"), this.btnView3d.addEventListener("click", () => this.host.setViewMode("3d")), m.append(this.btnView2d, this.btnView3d), s.appendChild(m);
+    }
+    const a = document.createElement("span");
+    a.className = "vui-seg";
     const d = document.createElement("span");
     d.className = "vui-seg";
+    const l = document.createElement("span");
+    l.className = "vui-seg";
     const h = document.createElement("span");
     h.className = "vui-seg", h.hidden = !0;
     const u = document.createElement("span");
     u.className = "vui-seg";
-    const v = document.createElement("span");
-    v.className = "vui-fps";
-    const f = document.createElement("details");
-    f.className = "vui-debug-card";
-    const p = document.createElement("summary");
-    p.className = "vui-debug-summary", p.textContent = "详细";
-    const m = document.createElement("div");
-    return m.className = "vui-debug-body", f.append(p, m), i.append(r, s, c, l, d, h, u, v, f), e.append(t, i), this.infobarRefs = {
+    const p = document.createElement("span");
+    p.className = "vui-fps";
+    const b = document.createElement("details");
+    b.className = "vui-debug-card";
+    const v = document.createElement("summary");
+    v.className = "vui-debug-summary", v.textContent = this.text.t("toolbar.details");
+    const y = document.createElement("div");
+    return y.className = "vui-debug-body", b.append(v, y), i.append(r, s, a, d, l, h, u, p, b), e.append(t, i), this.infobarRefs = {
       infobar: e,
       file: r,
       tools: s,
-      zoom: c,
-      vertices: l,
-      drawCalls: d,
+      zoom: a,
+      vertices: d,
+      drawCalls: l,
       lineMode: h,
       phase: u,
-      fps: v,
-      debugCard: f,
-      debugSummary: p,
-      debugBody: m
+      fps: p,
+      debugCard: b,
+      debugSummary: v,
+      debugBody: y
     }, this.infobar = e, this.infobarToggle = t, e;
   }
   buildPropertyPanel() {
     const e = document.createElement("aside");
-    e.className = "vui-property-panel-shell", e.setAttribute("aria-label", "属性面板");
+    e.className = "vui-property-panel-shell", e.setAttribute("aria-label", this.text.t("panel.properties.aria"));
     const t = document.createElement("div");
     t.className = "vui-property-panel", t.dataset.part = "property-panel";
     const i = document.createElement("div");
-    i.className = "vui-pp-head", i.innerHTML = '<span class="vui-pp-title-text">属性</span>';
+    i.className = "vui-pp-head", i.innerHTML = `<span class="vui-pp-title-text">${S(this.text.t("panel.properties"))}</span>`;
     const r = document.createElement("div");
     r.className = "vui-pp-preview-wrap", r.hidden = !0;
     const s = document.createElement("canvas");
     s.className = "vui-pp-preview", s.width = 256, s.height = 256, r.appendChild(s);
     const o = document.createElement("div");
     o.className = "vui-pp-body", t.append(i, r, o);
-    const c = document.createElement("div");
-    c.className = "vui-property-panel-toggle-zone";
-    const l = document.createElement("button");
-    return l.type = "button", l.className = "vui-property-panel-toggle", l.addEventListener("click", () => this.setPropertyPanelOpen(e.classList.contains("closed"))), c.appendChild(l), e.append(c, t), this.propertyPanelShell = e, this.propertyPanelToggle = l, this.propertyPanelRefs = { body: o, previewWrap: r, previewCanvas: s }, e;
+    const a = document.createElement("div");
+    a.className = "vui-property-panel-toggle-zone";
+    const d = document.createElement("button");
+    return d.type = "button", d.className = "vui-property-panel-toggle", d.addEventListener("click", () => this.setPropertyPanelOpen(e.classList.contains("closed"))), a.appendChild(d), e.append(a, t), this.propertyPanelShell = e, this.propertyPanelToggle = d, this.propertyPanelRefs = { body: o, previewWrap: r, previewCanvas: s }, e;
   }
   bindEvents() {
-    var e;
-    this.layerPanelRefs && (this.filterCleanup = hi(this.layerPanelRefs.filterInput, (t) => {
-      this.layerPanelState.filterText = t, this.layerPanelRefs && oi(this.layerPanelRefs.list, t);
+    this.layerPanelRefs && (this.filterCleanup = Ti(this.layerPanelRefs.filterInput, (e) => {
+      this.layerPanelState.filterText = e, this.layerPanelRefs && Si(this.layerPanelRefs.list, e);
     })), this.unsubscribers.push(
       this.host.cad.on("document-change", () => this.refresh()),
-      this.host.cad.on("layer-change", () => this.refresh()),
+      this.host.cad.on("layer-change", () => this.syncLayerChange()),
       this.host.cad.on("block-change", () => this.refresh()),
       this.host.cad.on("inspector-change", () => {
         if (this.layerPanelRefs && this.parts.layerPanel) {
-          const t = this.host.cad.inspector.selection, i = t == null ? void 0 : t.id, r = i ? `${i.layerIndex}:${i.variantId}:${i.instanceId}` : null;
-          r && this.layerPanelState.needsSelectionReveal(r) ? pe(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()) : ai(this.layerPanelRefs.list, t);
+          const e = this.host.cad.inspector.selection, t = e == null ? void 0 : e.id, i = t ? `${t.layerIndex}:${t.variantId}:${t.instanceId}` : null;
+          i && this.layerPanelState.needsSelectionReveal(i) ? this.renderLayerPanel() : Ei(this.layerPanelRefs.list, e);
         }
-        this.propertyPanelRefs && this.parts.propertyPanel && (be(this.propertyPanelRefs, this.host.cad.inspector), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview());
+        this.propertyPanelRefs && this.parts.propertyPanel && (xe(this.propertyPanelRefs, this.host.cad.inspector, this.text, this.getCadUnit()), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview());
       }),
       this.host.cad.on("hud-change", () => this.syncHud()),
       this.host.on("view-mode-change", () => {
         this.syncToolbarState(), this.syncHud();
       }),
       this.host.on("interaction-change", () => this.syncHud())
-    ), (e = globalThis.addEventListener) == null || e.call(globalThis, "keydown", this.handleKeyDown);
+    ), this.bindKeyboardShortcuts();
   }
   createLayerPanelActions() {
     var e;
@@ -3311,66 +3840,170 @@ class Si {
       blocks: this.host.cad.blocks,
       selection: this.host.cad.inspector.selection,
       scopeKey: ((e = this.host.cad.document) == null ? void 0 : e.documentKey) ?? null,
+      text: this.text,
       toggleLayer: (t) => this.host.cad.layers.toggle(t),
       showAllLayers: () => this.host.cad.layers.showAll(),
       hideAllLayers: () => this.host.cad.layers.hideAll(),
       setLayerColor: (t, i) => this.host.cad.layers.setColor(t, i),
-      setAllLayerColor: (t) => {
-        var i, r;
-        return (r = (i = this.host.cad.layers).setAllColor) == null ? void 0 : r.call(i, t);
+      setAllLayerColor: (t) => this.host.cad.layers.setAllColor(t),
+      beginLayerColorPreview: (t) => {
+        this.activeLayerColorPreview = t;
+      },
+      endLayerColorPreview: (t) => {
+        this.activeLayerColorPreview === t && (this.activeLayerColorPreview = null);
       },
       toggleInsert: (t, i) => this.host.cad.blocks.toggleInsert(t, i),
       batchToggleInserts: (t) => this.insertToggleScheduler.enqueueMany(t),
       selectInsert: (t) => {
-        var i, r;
-        return (r = (i = this.host.cad).selectInsert) == null ? void 0 : r.call(i, t);
+        var r;
+        const i = this.host.cad.blocks.usages.find((s) => s.insertId === t);
+        if (!i) {
+          this.host.cad.clearSelection();
+          return;
+        }
+        this.host.cad.select({
+          kind: "insert",
+          selection: {
+            documentKey: ((r = this.host.cad.document) == null ? void 0 : r.documentKey) ?? null,
+            id: {
+              kind: "insert",
+              layerIndex: i.layerIndex,
+              variantId: i.variantId,
+              instanceId: i.instanceId
+            }
+          }
+        });
       },
       refresh: this.refresh
     };
   }
+  isLayerColorPreviewActive() {
+    var t;
+    const e = this.activeLayerColorPreview;
+    return !!(e && e.isConnected && ((t = this.layerPanelRefs) != null && t.list.contains(e)));
+  }
+  renderLayerPanel() {
+    !this.layerPanelRefs || !this.parts.layerPanel || (Ri(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()), this.renderedLayerRows = this.host.cad.layers.rows);
+  }
+  syncLayerChange() {
+    if (!this.isLayerColorPreviewActive()) {
+      if (!this.layerPanelRefs || !this.parts.layerPanel || this.renderedLayerRows !== this.host.cad.layers.rows) {
+        this.refresh();
+        return;
+      }
+      Ii(
+        this.layerPanelRefs.list,
+        this.host.cad.layers.rows,
+        this.host.cad.layers.allColor,
+        this.text
+      );
+    }
+  }
+  getCadUnit() {
+    var t, i;
+    const e = (i = (t = this.host.cad.document) == null ? void 0 : t.units.source) == null ? void 0 : i.trim();
+    return e && e !== "unitless" ? e : "";
+  }
   syncToolbarState() {
     var t, i, r, s, o;
     const e = this.host.viewMode;
     (t = this.btnView2d) == null || t.classList.toggle("active", e === "2d"), (i = this.btnView3d) == null || i.classList.toggle("active", e === "3d"), (r = this.btnView2d) == null || r.setAttribute("aria-pressed", String(e === "2d")), (s = this.btnView3d) == null || s.setAttribute("aria-pressed", String(e === "3d")), this.btnFit && (this.btnFit.disabled = !((o = this.host.cad.document) != null && o.headerBounds));
   }
   readPropertyPanelOpen() {
-    var e;
+    if (this.options.persistence === !1) return !1;
     try {
-      return ((e = globalThis.localStorage) == null ? void 0 : e.getItem(ye)) === "1";
+      return this.readState(Ce) === "1";
     } catch {
       return !1;
     }
   }
   readLayerPanelOpen() {
-    var e;
+    if (this.options.persistence === !1) return !0;
     try {
-      return ((e = globalThis.localStorage) == null ? void 0 : e.getItem(xe)) !== "0";
+      return this.readState(Pe) !== "0";
     } catch {
       return !0;
     }
   }
   setLayerPanelOpen(e, t = !0) {
-    var s;
     const i = this.layerPanelShell, r = this.layerPanelToggle;
-    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "‹" : "›", r.setAttribute("aria-expanded", String(e)), r.setAttribute("aria-label", e ? "收起图层面板" : "展开图层面板"), !!t))
+    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "‹" : "›", r.setAttribute("aria-expanded", String(e)), r.setAttribute("aria-label", this.text.t("panel.toggle", {
+      action: e ? this.text.t("panel.collapse") : this.text.t("panel.expand"),
+      panel: this.text.t("panel.layers")
+    })), !!t && (this.emitUiLayoutChange(), this.options.persistence !== !1)))
       try {
-        (s = globalThis.localStorage) == null || s.setItem(xe, e ? "1" : "0");
+        this.writeState(Pe, e ? "1" : "0");
       } catch {
       }
   }
   setInfobarOpen(e) {
     const t = this.infobar, i = this.infobarToggle;
-    !t || !i || (t.classList.toggle("collapsed", !e), i.textContent = e ? "›" : "‹", i.setAttribute("aria-expanded", String(e)), i.setAttribute("aria-label", e ? "收起信息栏" : "展开信息栏"));
+    !t || !i || (t.classList.toggle("collapsed", !e), i.textContent = e ? "›" : "‹", i.setAttribute("aria-expanded", String(e)), i.setAttribute("aria-label", e ? this.text.t("infobar.collapse") : this.text.t("infobar.expand")));
   }
   setPropertyPanelOpen(e, t = !0) {
-    var s, o;
+    var s;
     const i = this.propertyPanelShell, r = this.propertyPanelToggle;
-    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "›" : "‹", r.setAttribute("aria-expanded", String(e)), (s = i.querySelector(".vui-property-panel")) == null || s.setAttribute("aria-hidden", String(!e)), e ? this.syncPropertyPanelPreview(!0) : (this.cancelPropertyPreviewRender(), this.propertyPanelRefs && D(this.propertyPanelRefs, !1)), !!t))
+    if (!(!i || !r) && (i.classList.toggle("closed", !e), r.textContent = e ? "›" : "‹", r.setAttribute("aria-expanded", String(e)), r.setAttribute("aria-label", this.text.t("panel.toggle", {
+      action: e ? this.text.t("panel.collapse") : this.text.t("panel.expand"),
+      panel: this.text.t("panel.properties")
+    })), (s = i.querySelector(".vui-property-panel")) == null || s.setAttribute("aria-hidden", String(!e)), e ? this.syncPropertyPanelPreview(!0) : (this.cancelPropertyPreviewRender(), this.propertyPanelRefs && D(this.propertyPanelRefs, !1)), !!t && (this.emitUiLayoutChange(), this.options.persistence !== !1)))
       try {
-        (o = globalThis.localStorage) == null || o.setItem(ye, e ? "1" : "0");
+        this.writeState(Ce, e ? "1" : "0");
       } catch {
       }
   }
+  persistenceKey(e) {
+    return `nebula-viewer:${this.persistenceNamespace}:${e}`;
+  }
+  readState(e) {
+    var i;
+    const t = this.persistenceKey(e);
+    return this.options.stateStore ? this.options.stateStore.read(t) : ((i = globalThis.localStorage) == null ? void 0 : i.getItem(t)) ?? null;
+  }
+  writeState(e, t) {
+    var r;
+    const i = this.persistenceKey(e);
+    this.options.stateStore ? this.options.stateStore.write(i, t) : (r = globalThis.localStorage) == null || r.setItem(i, t);
+  }
+  getKeyboardTarget() {
+    var e;
+    return ((e = this.options.keyboard) == null ? void 0 : e.target) ?? this.host.keyboardTarget;
+  }
+  bindKeyboardShortcuts() {
+    var t, i, r;
+    if (((t = this.options.keyboard) == null ? void 0 : t.enabled) === !1) return;
+    const e = this.getKeyboardTarget();
+    this.keyboardTarget = e, typeof e.hasAttribute == "function" && !e.hasAttribute("tabindex") && e.tabIndex < 0 && (e.tabIndex = 0, this.keyboardTargetTabIndexAdded = !0), (i = e.addEventListener) == null || i.call(e, "keydown", this.handleKeyDown), (r = e.addEventListener) == null || r.call(e, "pointerdown", this.handleKeyboardTargetPointerDown);
+  }
+  unbindKeyboardShortcuts() {
+    var t, i, r, s;
+    const e = this.keyboardTarget;
+    e && ((t = e.removeEventListener) == null || t.call(e, "keydown", this.handleKeyDown), (i = e.removeEventListener) == null || i.call(e, "pointerdown", this.handleKeyboardTargetPointerDown), this.keyboardTargetTabIndexAdded && ((r = e.getAttribute) == null ? void 0 : r.call(e, "tabindex")) === "0" && ((s = e.removeAttribute) == null || s.call(e, "tabindex")), this.keyboardTarget = null, this.keyboardTargetTabIndexAdded = !1);
+  }
+  getFitShortcut() {
+    var t, i, r, s, o;
+    if (((t = this.options.keyboard) == null ? void 0 : t.enabled) === !1 || ((r = (i = this.options.keyboard) == null ? void 0 : i.shortcuts) == null ? void 0 : r.fit) === !1) return null;
+    const e = (o = (s = this.options.keyboard) == null ? void 0 : s.shortcuts) == null ? void 0 : o.fit;
+    return typeof e == "string" && e.trim() ? e.trim() : "f";
+  }
+  emitUiLayoutChange() {
+    var s, o;
+    if (this.disposed) return;
+    const e = !!(this.layerPanelShell && !this.layerPanelShell.classList.contains("closed")), t = !!(this.propertyPanelShell && !this.propertyPanelShell.classList.contains("closed")), i = {
+      contentInsets: {
+        top: 0,
+        right: t ? ((s = this.propertyPanelShell) == null ? void 0 : s.getBoundingClientRect().width) ?? 0 : 0,
+        bottom: 0,
+        left: e ? ((o = this.layerPanelShell) == null ? void 0 : o.getBoundingClientRect().width) ?? 0 : 0
+      },
+      layerPanelOpen: e,
+      propertyPanelOpen: t
+    }, r = `${i.contentInsets.top}:${i.contentInsets.right}:${i.contentInsets.bottom}:${i.contentInsets.left}:${Number(e)}:${Number(t)}`;
+    r !== this.lastLayoutFingerprint && (this.lastLayoutFingerprint = r, this.host.emitUiLayoutChange(i));
+  }
+  observeLayoutChanges() {
+    typeof globalThis.ResizeObserver == "function" && (this.layoutResizeObserver = new globalThis.ResizeObserver(() => this.emitUiLayoutChange()), this.layoutResizeObserver.observe(this.options.root), this.layerPanelShell && this.layoutResizeObserver.observe(this.layerPanelShell), this.propertyPanelShell && this.layoutResizeObserver.observe(this.propertyPanelShell));
+  }
   syncPropertyPanelSelectionState() {
     const e = this.propertyPanelShell;
     if (!e) return;
@@ -3390,7 +4023,7 @@ class Si {
     const s = i.id, o = `${i.documentKey ?? ""}:${s.layerIndex}:${s.variantId}:${s.instanceId}`;
     if (!e && o === this.propertyPreviewKey) return;
     this.cancelPropertyPreviewRender(), this.propertyPreviewKey = o, D(t, !0), this.clearPropertyPreviewCanvas(r);
-    const c = () => {
+    const a = () => {
       this.disposed || this.propertyPreviewKey !== o || !this.isPropertyPreviewLayoutReady(r) || (this.propertyPreviewRenderHandle = requestAnimationFrame(() => {
         this.propertyPreviewRenderHandle = requestAnimationFrame(() => {
           this.propertyPreviewRenderHandle = null, !(this.disposed || this.propertyPreviewKey !== o) && D(t, this.host.cad.renderInsertPreview(r));
@@ -3398,57 +4031,57 @@ class Si {
       }));
     };
     if (this.shouldWaitForPropertyPreviewLayout(r)) {
-      this.waitForPropertyPreviewLayout(r).then(c);
+      this.waitForPropertyPreviewLayout(r).then(a);
       return;
     }
-    c();
+    a();
   }
   shouldWaitForPropertyPreviewLayout(e) {
     var t;
     return (t = this.propertyPanelShell) != null && t.classList.contains("closed") ? !0 : !this.isPropertyPreviewLayoutReady(e);
   }
   isPropertyPreviewLayoutReady(e) {
-    return e.clientWidth >= Ce && e.clientHeight >= Ce;
+    return e.clientWidth >= Ee && e.clientHeight >= Ee;
   }
   waitForPropertyPreviewLayout(e) {
     if (this.isPropertyPreviewLayoutReady(e)) return Promise.resolve();
     const t = this.propertyPanelShell, i = (t == null ? void 0 : t.querySelector(".vui-property-panel")) ?? null;
     return !t || !i ? Promise.resolve() : new Promise((r) => {
-      let s = !1, o = 0, c = -1;
-      const l = [], d = [];
+      let s = !1, o = 0, a = -1;
+      const d = [], l = [];
       let h = 0;
       const u = () => {
-        for (const g of l) window.clearTimeout(g);
-        for (const g of d) g();
-        window.clearTimeout(b), h !== 0 && cancelAnimationFrame(h), this.propertyPreviewLayoutWaitAbort = null;
-      }, v = () => {
+        for (const f of d) window.clearTimeout(f);
+        for (const f of l) f();
+        window.clearTimeout(m), h !== 0 && cancelAnimationFrame(h), this.propertyPreviewLayoutWaitAbort = null;
+      }, p = () => {
         s || (s = !0, u(), r());
-      }, f = () => {
-        const g = e.clientWidth;
+      }, b = () => {
+        const f = e.clientWidth;
         if (!this.isPropertyPreviewLayoutReady(e)) {
-          o = 0, c = -1;
+          o = 0, a = -1;
           return;
         }
-        if (g === c) {
-          o += 1, o >= Ci && v();
+        if (f === a) {
+          o += 1, o >= _i && p();
           return;
         }
-        c = g, o = 0;
-      }, p = (g) => {
-        if (!Ri(g)) return;
-        let y = !1;
-        const P = (E) => {
-          E.target !== g || E.propertyName !== "width" || x();
+        a = f, o = 0;
+      }, v = (f) => {
+        if (!$i(f)) return;
+        let g = !1;
+        const w = (E) => {
+          E.target !== f || E.propertyName !== "width" || x();
         }, x = () => {
-          y || (y = !0, g.removeEventListener("transitionend", P), requestAnimationFrame(f));
+          g || (g = !0, f.removeEventListener("transitionend", w), requestAnimationFrame(b));
         };
-        g.addEventListener("transitionend", P), l.push(window.setTimeout(x, we)), d.push(() => {
-          y || (y = !0, g.removeEventListener("transitionend", P));
+        f.addEventListener("transitionend", w), d.push(window.setTimeout(x, Se)), l.push(() => {
+          g || (g = !0, f.removeEventListener("transitionend", w));
         });
-      }, m = () => {
-        f(), s || (h = requestAnimationFrame(m));
-      }, b = window.setTimeout(v, we);
-      p(i), p(t), h = requestAnimationFrame(m), this.propertyPreviewLayoutWaitAbort = () => {
+      }, y = () => {
+        b(), s || (h = requestAnimationFrame(y));
+      }, m = window.setTimeout(p, Se);
+      v(i), v(t), h = requestAnimationFrame(y), this.propertyPreviewLayoutWaitAbort = () => {
         s = !0, u();
       };
     });
@@ -3465,7 +4098,7 @@ class Si {
     this.propertyPreviewRenderHandle !== null && (cancelAnimationFrame(this.propertyPreviewRenderHandle), this.propertyPreviewRenderHandle = null), (e = this.propertyPreviewLayoutWaitAbort) == null || e.call(this), this.propertyPreviewLayoutWaitAbort = null;
   }
 }
-function Ri(n) {
+function $i(n) {
   const e = getComputedStyle(n), t = e.transitionDuration.split(",").map((r) => r.trim()), i = e.transitionProperty.split(",").map((r) => r.trim());
   for (let r = 0; r < i.length; r += 1) {
     const s = i[r] ?? i[0] ?? "all";
@@ -3474,7 +4107,228 @@ function Ri(n) {
   }
   return !1;
 }
-const B = "viewer:highlight", z = "viewer:cad-selection", H = "viewer:cad-hover", Re = {
+class Ki {
+  constructor(e, t, i, r, s) {
+    c(this, "pluginsById", /* @__PURE__ */ new Map());
+    c(this, "contributions", []);
+    c(this, "commandContributions", /* @__PURE__ */ new Map());
+    c(this, "refreshingInspectors", !1);
+    c(this, "disposed", !1);
+    this.readCad = e, this.readState = t, this.subscribe = i, this.commands = r, this.hostElement = s;
+  }
+  register(e) {
+    if (this.assertActive(), !e || !e.id || typeof e.activate != "function") throw new TypeError("Invalid viewer plugin.");
+    if (this.pluginsById.has(e.id)) throw new Error(`Viewer plugin already registered: ${e.id}`);
+    const t = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+    let s = !1;
+    const o = () => {
+      if (s) throw new Error(`Viewer plugin context is disposed: ${e.id}`);
+    }, a = {
+      cad: {
+        $read: () => (o(), this.readCad())
+      },
+      viewer: {
+        $getState: () => (o(), this.readState())
+      },
+      commands: {
+        setLayerVisible: (d, l) => (o(), this.commands.setLayerVisible(d, l)),
+        setSelection: (d) => {
+          o(), this.commands.setSelection(d);
+        },
+        fitDocument: () => (o(), this.commands.fitDocument()),
+        setViewMode: (d) => {
+          o(), this.commands.setViewMode(d);
+        }
+      },
+      events: {
+        on: (d, l) => {
+          o();
+          const h = this.subscribe(d, l);
+          return i.add(h), () => {
+            i.delete(h) && h();
+          };
+        }
+      },
+      layout: {
+        mount: (d, l = {}) => {
+          o();
+          const h = document.createElement("div");
+          return h.dataset.viewerLayoutPosition = l.position ?? "overlay", h.append(d), this.hostElement.append(h), r.add(h), {
+            dispose: () => {
+              r.delete(h) && h.remove();
+            }
+          };
+        },
+        onInsetsChange: (d) => {
+          o();
+          const l = this.subscribe("ui-layout-change", (h) => d(h.contentInsets));
+          return i.add(l), () => {
+            i.delete(l) && l();
+          };
+        }
+      },
+      contribute: (d) => {
+        if (s) throw new Error(`Viewer plugin is disposed: ${e.id}`);
+        if (!d.id || this.contributions.some((h) => h.point.id === d.id))
+          throw new Error(`Viewer contribution already registered: ${d.id}`);
+        const l = { pluginId: e.id, point: d, context: a };
+        t.add(l), this.contributions.push(l);
+        try {
+          this.mountContribution(l);
+        } catch (h) {
+          throw this.removeContribution(l), h;
+        }
+        return {
+          dispose: () => this.removeContribution(l)
+        };
+      },
+      dispose: () => {
+        if (!s) {
+          s = !0;
+          for (const d of [...t]) this.removeContribution(d);
+          t.clear();
+          for (const d of i) d();
+          i.clear();
+          for (const d of r) d.remove();
+          r.clear();
+        }
+      }
+    };
+    this.pluginsById.set(e.id, { plugin: e, context: a, contributions: t });
+    try {
+      const d = e.activate(a);
+      d && typeof d.catch == "function" && d.catch((l) => {
+        console.error(`[viewer] plugin ${e.id} activation failed`, l), this.deactivate(e.id, a);
+      });
+    } catch (d) {
+      throw this.deactivate(e.id, a), d;
+    }
+    return { dispose: () => this.deactivate(e.id, a) };
+  }
+  use(e, t = {}) {
+    this.assertActive(), t.replace && this.disposeAll();
+    for (const i of e) this.register(i);
+  }
+  deactivate(e, t) {
+    var r, s;
+    const i = this.pluginsById.get(e);
+    if (!(!i || t && i.context !== t)) {
+      this.pluginsById.delete(e), i.context.dispose();
+      try {
+        const o = (s = (r = i.plugin).deactivate) == null ? void 0 : s.call(r);
+        o && typeof o.catch == "function" && o.catch((a) => console.error(`[viewer] plugin ${e} deactivation failed`, a));
+      } catch (o) {
+        console.error(`[viewer] plugin ${e} deactivation failed`, o);
+      }
+    }
+  }
+  disposeAll() {
+    for (const e of Array.from(this.pluginsById.keys()).reverse()) this.deactivate(e);
+  }
+  dispose() {
+    this.disposed || (this.disposed = !0, this.disposeAll());
+  }
+  dispatchInteraction(e, t) {
+    for (const i of this.contributions) {
+      if (i.point.kind !== "interaction") continue;
+      const r = i.point.hooks[e];
+      if (!r) continue;
+      const s = r(e === "onClear" ? void 0 : t);
+      if (e === "onPick" && s === !1) return !0;
+    }
+    return !1;
+  }
+  findFitPolicy() {
+    for (const e of this.contributions) {
+      if (e.point.kind !== "fit-policy") continue;
+      const t = e.point.resolve(e.context);
+      if (t) return t;
+    }
+    return null;
+  }
+  executeCommand(e, t) {
+    this.assertActive();
+    const i = this.commandContributions.get(e);
+    return !i || i.point.kind !== "command" ? !1 : (i.point.handler(i.context, t), !0);
+  }
+  hasCommand(e) {
+    return this.assertActive(), this.commandContributions.has(e);
+  }
+  removeContribution(e) {
+    var r;
+    const t = this.contributions.indexOf(e);
+    if (t < 0) return;
+    this.contributions.splice(t, 1);
+    const i = this.pluginsById.get(e.pluginId);
+    i == null || i.contributions.delete(e), e.point.kind === "command" && this.commandContributions.get(e.point.id) === e && this.commandContributions.delete(e.point.id), (r = e.cleanup) == null || r.call(e), e.cleanup = void 0, e.point.kind === "inspector" && this.refreshInspectorContributions();
+  }
+  mountContribution(e) {
+    const t = e.point;
+    if (t.kind === "command" && this.commandContributions.set(t.id, e), t.kind === "toolbar") {
+      const s = document.createElement("div");
+      s.dataset.viewerContribution = "toolbar", s.dataset.viewerContributionId = t.id;
+      for (const o of t.items) {
+        const a = document.createElement("button");
+        a.type = "button", a.textContent = o.label, o.title && (a.title = o.title), a.disabled = o.disabled === !0, a.addEventListener("click", o.onClick), s.append(a);
+      }
+      this.hostElement.append(s), e.cleanup = () => s.remove();
+      return;
+    }
+    if (t.kind === "inspector") {
+      const s = document.createElement("div");
+      s.dataset.viewerContribution = "inspector", s.dataset.viewerContributionId = t.id;
+      const o = () => {
+        const d = this.readCad(), l = d.inspector.selection ? { kind: "insert", selection: d.inspector.selection } : d.inspector.textSelection ? { kind: "text", selection: d.inspector.textSelection } : null;
+        if (!l || !t.matcher(l) || !this.isFirstMatchingInspector(e, l)) {
+          s.replaceChildren();
+          return;
+        }
+        s.replaceChildren(t.render(e.context, l));
+      }, a = this.subscribe("inspector-change", o);
+      this.hostElement.append(s), e.cleanup = () => {
+        a(), s.remove();
+      }, o();
+      return;
+    }
+    if (t.kind !== "panel" && t.kind !== "hud" && t.kind !== "statusbar") return;
+    const i = t.factory(e.context);
+    if (!i || typeof Node < "u" && !(i instanceof Node))
+      throw new TypeError(`Contribution ${t.id} factory must return a Node.`);
+    const r = document.createElement("div");
+    r.dataset.viewerContribution = t.kind, r.dataset.viewerContributionId = t.id, r.append(i), this.hostElement.append(r), e.cleanup = () => r.remove();
+  }
+  isFirstMatchingInspector(e, t) {
+    for (const i of this.contributions)
+      if (i.point.kind === "inspector") {
+        if (i === e) return !0;
+        if (i.point.matcher(t)) return !1;
+      }
+    return !1;
+  }
+  refreshInspectorContributions() {
+    var e;
+    if (!this.refreshingInspectors) {
+      this.refreshingInspectors = !0;
+      try {
+        for (const t of [...this.contributions])
+          if (t.point.kind === "inspector") {
+            (e = t.cleanup) == null || e.call(t), t.cleanup = void 0;
+            try {
+              this.mountContribution(t);
+            } catch (i) {
+              console.error(`[viewer] inspector contribution ${t.point.id} refresh failed`, i), this.removeContribution(t);
+            }
+          }
+      } finally {
+        this.refreshingInspectors = !1;
+      }
+    }
+  }
+  assertActive() {
+    if (this.disposed) throw new Error("Viewer plugin manager has been disposed.");
+  }
+}
+const B = "viewer:highlight", z = "viewer:cad-selection", H = "viewer:cad-hover", Me = {
   dark: {
     hover: { color: 3528703, fillOpacity: 0, edgeOpacity: 0.85 },
     selected: { color: 5999871, fillOpacity: 0.24, edgeOpacity: 1 }
@@ -3483,35 +4337,41 @@ const B = "viewer:highlight", z = "viewer:cad-selection", H = "viewer:cad-hover"
     hover: { color: 24524, fillOpacity: 0, edgeOpacity: 0.95 },
     selected: { color: 24524, fillOpacity: 0.2, edgeOpacity: 1 }
   }
-}, Ei = 6, Ii = 12, Mi = 160, ki = 160, Ti = 50, Ee = 5e3;
-class Di {
+}, qi = 6, ji = 12, Wi = 160, Gi = 160, Zi = 50;
+class Ji {
   constructor(e, t) {
-    a(this, "cad");
-    a(this, "mountedObjects", /* @__PURE__ */ new Set());
-    a(this, "listeners", /* @__PURE__ */ new Map());
-    a(this, "selectedObjectValue", null);
-    a(this, "highlightedObjectValue", null);
-    a(this, "pointerStart", null);
-    a(this, "disposed", !1);
-    a(this, "cadRenderRoot", null);
-    a(this, "interaction", "idle");
-    a(this, "interactionIdleTimer", null);
-    a(this, "interactionRenderLastTs", null);
-    a(this, "cadHoveredInsert", null);
-    a(this, "cadPointerPosition", null);
-    a(this, "pointerDragTracker", new ti({
-      distancePx: Ei,
-      pathPx: Ii
+    c(this, "cad");
+    c(this, "mountedObjects", /* @__PURE__ */ new Set());
+    c(this, "listeners", /* @__PURE__ */ new Map());
+    c(this, "selectedObjectValue", null);
+    c(this, "highlightedObjectValue", null);
+    c(this, "pointerStart", null);
+    c(this, "disposed", !1);
+    c(this, "cadRenderRoot", null);
+    c(this, "interaction", "idle");
+    c(this, "interactionIdleTimer", null);
+    c(this, "interactionRenderLastTs", null);
+    c(this, "cadHoveredInsert", null);
+    c(this, "cadPointerPosition", null);
+    c(this, "pointerDragTracker", new ui({
+      distancePx: qi,
+      pathPx: ji
     }));
-    a(this, "cadCapability");
-    a(this, "cadHost");
-    a(this, "ui");
-    a(this, "cameraStateStore");
-    a(this, "cadInspectorUnsubscribe");
-    a(this, "cadDocumentUnsubscribe");
-    a(this, "handlePointerDown", (e) => {
+    c(this, "cadCapability");
+    c(this, "cadHost");
+    c(this, "ui", null);
+    c(this, "cameraStateStore");
+    c(this, "initialCameraSnapshot");
+    c(this, "pluginManager");
+    c(this, "interactionMode");
+    c(this, "lastCadSelectionFingerprint", null);
+    c(this, "lastCameraFingerprint", null);
+    c(this, "pendingCameraReason", "api");
+    c(this, "cadInspectorUnsubscribe");
+    c(this, "cadDocumentUnsubscribe");
+    c(this, "handlePointerDown", (e) => {
       if (this.disposed) return;
-      if (this.rememberCadPointer(e.clientX, e.clientY), !(e.isPrimary !== !1) || this.pointerStart !== null) {
+      if (this.rememberCadPointer(e.clientX, e.clientY), this.pendingCameraReason = "pointer", !(e.isPrimary !== !1) || this.pointerStart !== null) {
         this.pointerStart = null, this.pointerDragTracker.reset(), this.markInteractionActive();
         return;
       }
@@ -3522,21 +4382,21 @@ class Di {
         button: e.button
       }, this.pointerDragTracker.begin(e.clientX, e.clientY), this.markInteractionActive();
     });
-    a(this, "handleWheel", (e) => {
+    c(this, "handleWheel", (e) => {
       if (this.disposed) return;
       const t = e.clientX === 0 && e.clientY === 0 ? this.cadPointerPosition : { clientX: e.clientX, clientY: e.clientY };
-      t && this.rememberCadPointer(t.clientX, t.clientY), this.markInteractionActive(), this.scheduleInteractionIdle();
+      t && this.rememberCadPointer(t.clientX, t.clientY), this.markInteractionActive(), this.pendingCameraReason = "wheel", this.scheduleInteractionIdle();
     });
-    a(this, "handlePointerMove", (e) => {
-      if (!this.disposed) {
-        if (this.rememberCadPointer(e.clientX, e.clientY), e.buttons > 0) {
-          this.pointerDragTracker.update(e.clientX, e.clientY, e.buttons), this.markInteractionActive(), this.setCadHoveredInsert(null), this.emit("pointer-move", this.toPointerEvent(e));
-          return;
-        }
-        this.updateCadHoveredInsert(e.clientX, e.clientY), this.emit("pointer-move", this.toPointerEvent(e));
+    c(this, "handlePointerMove", (e) => {
+      if (this.disposed) return;
+      if (this.rememberCadPointer(e.clientX, e.clientY), e.buttons > 0) {
+        this.pointerDragTracker.update(e.clientX, e.clientY, e.buttons), this.markInteractionActive(), this.setCadHoveredInsert(null), this.emit("pointer-move", this.toPointerEvent(e));
+        return;
       }
+      const t = this.interactionMode === "disabled" ? null : this.cadCapability.hitTest(e.clientX, e.clientY);
+      this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onHover", t), this.interactionMode === "managed" ? this.updateCadHoveredInsert(e.clientX, e.clientY) : this.setCadHoveredInsert(null), this.emit("pointer-move", this.toPointerEvent(e));
     });
-    a(this, "handlePointerUp", (e) => {
+    c(this, "handlePointerUp", (e) => {
       const t = this.pointerStart;
       this.pointerStart = null, this.pointerDragTracker.update(e.clientX, e.clientY, e.buttons);
       const i = this.pointerDragTracker.hasExceededDragThreshold;
@@ -3544,8 +4404,15 @@ class Di {
         return;
       const r = this.toPointerEvent(e);
       this.emit("pointer-click", r);
-      const s = this.cadCapability.pickInsertAtScreen(e.clientX, e.clientY);
-      if (s) {
+      const s = this.interactionMode === "disabled" ? null : this.cadCapability.hitTest(e.clientX, e.clientY);
+      if (this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onPick", s)) return;
+      if (this.interactionMode !== "managed") {
+        if (this.options.pointerPick === !1) return;
+        const a = this.pick(e.clientX, e.clientY);
+        this.emit("pick", { ...r, result: a }), this.options.autoSelectOnPick !== !1 && this.setSelection((a == null ? void 0 : a.object) ?? null);
+        return;
+      }
+      if ((s == null ? void 0 : s.kind) === "insert") {
         if (this.isSameCadInsertSelection(s.selection, this.cad.inspector.selection)) {
           this.cadCapability.setInsertSelection(null, null), this.setCadHoveredInsert(s), this.setSelection(null);
           return;
@@ -3553,44 +4420,67 @@ class Di {
         this.cadCapability.setInsertSelection(s.selection, s.details), this.setCadHoveredInsert(s), this.setSelection(null);
         return;
       }
-      this.setCadHoveredInsert(null), this.cadCapability.setInsertSelection(null, null);
-      const o = this.cadCapability.pickTextAtScreen(e.clientX, e.clientY);
-      if (o) {
-        this.cadCapability.setTextSelection(o.selection, o.details), this.setSelection(null);
+      if (this.setCadHoveredInsert(null), this.cadCapability.setInsertSelection(null, null), (s == null ? void 0 : s.kind) === "text") {
+        this.cadCapability.setTextSelectionInternal(s.selection, s.details), this.setSelection(null);
         return;
       }
-      if (this.cadCapability.setTextSelection(null, null), this.options.pointerPick === !1) return;
-      const c = this.pick(e.clientX, e.clientY);
+      if (this.cadCapability.setTextSelectionInternal(null, null), this.options.pointerPick === !1) return;
+      const o = this.pick(e.clientX, e.clientY);
       this.emit("pick", {
         ...r,
-        result: c
-      }), this.options.autoSelectOnPick !== !1 && this.setSelection((c == null ? void 0 : c.object) ?? null);
+        result: o
+      }), this.options.autoSelectOnPick !== !1 && this.setSelection((o == null ? void 0 : o.object) ?? null);
     });
-    a(this, "handlePointerCancel", () => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle();
+    c(this, "handlePointerCancel", () => {
+      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onHover", null), this.scheduleInteractionIdle();
     });
-    a(this, "handleLostPointerCapture", (e) => {
+    c(this, "handleLostPointerCapture", (e) => {
       var t;
-      ((t = this.pointerStart) == null ? void 0 : t.pointerId) === e.pointerId && (this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle());
+      ((t = this.pointerStart) == null ? void 0 : t.pointerId) === e.pointerId && (this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onHover", null), this.scheduleInteractionIdle());
     });
-    a(this, "handleWindowBlur", () => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle();
+    c(this, "handleWindowBlur", () => {
+      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onHover", null), this.scheduleInteractionIdle();
     });
-    a(this, "handlePointerLeave", (e) => {
-      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.scheduleInteractionIdle(), !this.disposed && this.emit("pointer-leave", this.toPointerEvent(e));
+    c(this, "handlePointerLeave", (e) => {
+      this.pointerStart = null, this.cadPointerPosition = null, this.pointerDragTracker.reset(), this.setCadHoveredInsert(null), this.interactionMode !== "disabled" && this.pluginManager.dispatchInteraction("onHover", null), this.scheduleInteractionIdle(), !this.disposed && this.emit("pointer-leave", this.toPointerEvent(e));
     });
-    var i, r, s, o, c, l, d, h, u, v, f, p, m, b, g;
-    this.options = e, this.runtime = t, this.cameraStateStore = e.cameraStateStore === !1 ? void 0 : e.cameraStateStore ?? Xt(), this.cadHost = this.createCadHost(), this.cadCapability = new Qt(this.cadHost), this.cad = this.cadCapability, this.cadInspectorUnsubscribe = this.cad.on("inspector-change", () => {
-      this.syncCadSelectionOverlay(), this.syncCadHoverOverlay();
+    var i, r, s, o, a, d, l, h, u, p, b, v, y, m;
+    this.options = e, this.runtime = t, this.cameraStateStore = e.cameraStateStore === !1 ? void 0 : e.cameraStateStore ?? qt(), this.interactionMode = e.cadInteraction ?? "managed", this.cadHost = this.createCadHost(), this.cadCapability = new oi(this.cadHost), this.cad = this.cadCapability, this.initialCameraSnapshot = t.captureCameraSnapshot(), this.lastCameraFingerprint = j(this.initialCameraSnapshot), this.pluginManager = new Ki(
+      () => this.cadCapability.getSnapshot(),
+      () => ({
+        viewMode: this.runtime.viewMode,
+        selectedObject: this.selectedObjectValue,
+        highlightedObject: this.highlightedObjectValue,
+        isDisposed: this.disposed
+      }),
+      (f, g) => this.subscribePluginEvent(f, g),
+      {
+        setLayerVisible: (f, g) => this.cad.layers.setVisible(f, g),
+        setSelection: (f) => this.cad.select(f),
+        fitDocument: () => this.cad.fitDocument(),
+        setViewMode: (f) => this.setViewMode(f)
+      },
+      e.viewport
+    ), this.cadInspectorUnsubscribe = this.cad.on("inspector-change", () => {
+      this.interactionMode === "managed" && (this.syncCadSelectionOverlay(), this.syncCadHoverOverlay()), this.dispatchCadSelectionChange();
     }), this.cadDocumentUnsubscribe = this.cad.on("document-change", () => {
-      this.setCadHoveredInsert(null), this.syncCadSelectionOverlay();
-    }), this.ui = e.ui ? new Si(this.createUiHost(), e.ui) : null, (i = this.ui) == null || i.mount(), (s = (r = this.options.canvas).addEventListener) == null || s.call(r, "pointerdown", this.handlePointerDown), (c = (o = this.options.canvas).addEventListener) == null || c.call(o, "pointermove", this.handlePointerMove), (d = (l = this.options.canvas).addEventListener) == null || d.call(l, "pointerup", this.handlePointerUp), (u = (h = this.options.canvas).addEventListener) == null || u.call(h, "pointercancel", this.handlePointerCancel), (f = (v = this.options.canvas).addEventListener) == null || f.call(v, "pointerleave", this.handlePointerLeave), (m = (p = this.options.canvas).addEventListener) == null || m.call(p, "lostpointercapture", this.handleLostPointerCapture), (g = (b = this.options.canvas).addEventListener) == null || g.call(b, "wheel", this.handleWheel, { passive: !0 }), typeof globalThis.window < "u" && globalThis.window.addEventListener("blur", this.handleWindowBlur), this.runtime.startAnimation({
-      shouldRender: (y) => this.shouldRenderCurrentFrame(y),
-      beforeRender: (y) => {
-        this.cadCapability.onBeforeRender(), this.interaction === "active" && (this.interactionRenderLastTs = y);
+      this.setCadHoveredInsert(null), this.interactionMode === "managed" && this.syncCadSelectionOverlay();
+    }), e.ui && this.interactionMode === "managed" && this.pluginManager.register({
+      id: "nebula-cad-readonly",
+      activate: () => {
+        this.ui = new Ui(this.createUiHost(), e.ui), this.ui.mount();
+      },
+      deactivate: () => {
+        var f;
+        (f = this.ui) == null || f.dispose(), this.ui = null;
+      }
+    }), (r = (i = this.options.canvas).addEventListener) == null || r.call(i, "pointerdown", this.handlePointerDown), (o = (s = this.options.canvas).addEventListener) == null || o.call(s, "pointermove", this.handlePointerMove), (d = (a = this.options.canvas).addEventListener) == null || d.call(a, "pointerup", this.handlePointerUp), (h = (l = this.options.canvas).addEventListener) == null || h.call(l, "pointercancel", this.handlePointerCancel), (p = (u = this.options.canvas).addEventListener) == null || p.call(u, "pointerleave", this.handlePointerLeave), (v = (b = this.options.canvas).addEventListener) == null || v.call(b, "lostpointercapture", this.handleLostPointerCapture), (m = (y = this.options.canvas).addEventListener) == null || m.call(y, "wheel", this.handleWheel, { passive: !0 }), typeof globalThis.window < "u" && globalThis.window.addEventListener("blur", this.handleWindowBlur), this.runtime.startAnimation({
+      shouldRender: (f) => this.shouldRenderCurrentFrame(f),
+      beforeRender: (f) => {
+        this.detectCameraChange() || this.cadCapability.onBeforeRender(), this.interaction === "active" && (this.interactionRenderLastTs = f);
       },
       onInfoUpdate: () => {
-        this.cadCapability.onViewportChanged();
+        this.detectCameraChange() || this.cadCapability.onRuntimeStatsChanged();
       }
     });
   }
@@ -3612,27 +4502,58 @@ class Di {
   get isDisposed() {
     return this.disposed;
   }
-  addObject(e) {
-    this.assertActive(), !this.mountedObjects.has(e) && (this.runtime.addObject(e), this.mountedObjects.add(e));
+  get overlays() {
+    return {
+      set: (e, t, i) => {
+        this.assertActive(), this.runtime.mountOverlay(e, t, { owned: (i == null ? void 0 : i.owned) ?? !1 });
+      },
+      remove: (e, t) => (this.assertActive(), this.runtime.removeOverlay(e, t))
+    };
+  }
+  get camera() {
+    return {
+      getState: () => (this.assertActive(), this.runtime.captureCameraSnapshot()),
+      setState: (e) => (this.assertActive(), this.applyCameraSnapshot(e, "api")),
+      reset: () => (this.assertActive(), this.initialCameraSnapshot ? this.applyCameraSnapshot(this.initialCameraSnapshot, "restore") : !1)
+    };
+  }
+  get plugins() {
+    return this.assertActive(), this.pluginManager;
+  }
+  get commands() {
+    return {
+      execute: (e, t) => (this.assertActive(), this.pluginManager.executeCommand(e, t)),
+      has: (e) => this.pluginManager.hasCommand(e)
+    };
+  }
+  addObject(e, t) {
+    this.assertActive(), !this.mountedObjects.has(e) && (this.runtime.addObject(e), this.mountedObjects.add(e), this.emit("content-change", { source: "object" }));
   }
   removeObject(e) {
     if (this.assertActive(), !this.mountedObjects.has(e)) return !1;
     this.selectedObjectValue && this.isObjectWithinRoot(this.selectedObjectValue, e) && this.setSelection(null), this.highlightedObjectValue && this.isObjectWithinRoot(this.highlightedObjectValue, e) && this.setHighlight(null);
     const t = this.runtime.removeObject(e, { dispose: !1 });
-    return t && this.mountedObjects.delete(e), t;
+    return t && (this.mountedObjects.delete(e), this.emit("content-change", { source: "object" })), t;
   }
   setVisible(e, t) {
-    this.assertActive(), this.assertMounted(e), this.runtime.setObjectVisible(e, t);
+    this.assertActive(), this.assertMounted(e);
+    const i = e.visible !== t;
+    this.runtime.setObjectVisible(e, t), i && this.emit("content-change", { source: "object" });
   }
   setViewMode(e, t) {
-    this.assertActive(), e !== this.runtime.viewMode && (t ? this.runtime.setViewMode(e, t) : this.runtime.setViewMode(e), this.emit("view-mode-change", { viewMode: e }), this.cadCapability.onCameraChanged(), this.cadCapability.onViewportChanged(), this.refreshCadPointerHover());
+    this.assertActive(), e !== this.runtime.viewMode && (t ? this.runtime.setViewMode(e, t) : this.runtime.setViewMode(e), this.emit("view-mode-change", { viewMode: e }), this.pendingCameraReason = "view-mode", this.cadCapability.onCameraChanged("view-mode"), this.refreshCadPointerHover());
   }
   fitView(e, t) {
-    this.assertActive(), e && !(e instanceof S) && this.assertMounted(e);
-    const i = e ?? this.resolveFocusedCadBounds() ?? this.resolveMixedBounds();
+    this.assertActive(), e && !(e instanceof R) && this.assertMounted(e);
+    const i = e ?? this.pluginManager.findFitPolicy() ?? this.resolveMixedBounds();
     if (!i) return !1;
     const r = this.runtime.fitView(i, t);
-    return r && (this.cadCapability.onCameraChanged(), this.cadCapability.onViewportChanged(), this.refreshCadPointerHover()), r;
+    return r && (this.pendingCameraReason = "fit", this.cadCapability.onCameraChanged("fit"), this.refreshCadPointerHover()), r;
+  }
+  fitAll(e) {
+    this.assertActive();
+    const t = this.resolveMixedBounds();
+    return t ? this.fitView(t, e) : !1;
   }
   screenToWorldOnPlane(e, t, i = 0) {
     var r;
@@ -3657,7 +4578,7 @@ class Di {
   setHighlight(e, t = {}) {
     if (this.assertActive(), e && this.assertMounted(e), !(this.highlightedObjectValue === null && e === null)) {
       if (this.runtime.removeOverlay(B), this.highlightedObjectValue = e, e) {
-        const i = new Qe(e, t.color ?? 6000111);
+        const i = new st(e, t.color ?? 6000111);
         i.name = B, this.runtime.mountOverlay(B, i, { owned: !0 });
       }
       this.emit("highlight-change", { object: e });
@@ -3675,18 +4596,21 @@ class Di {
   resize() {
     this.assertActive();
     const e = this.runtime.resize();
-    return this.emit("resize", { resized: e }), e && (this.cadCapability.onViewportChanged(), this.refreshCadPointerHover()), e;
+    return this.emit("resize", { resized: e }), e && (this.emitViewportChange(), this.cadCapability.onViewportChanged(), this.refreshCadPointerHover()), e;
   }
   requestRender() {
     this.assertActive(), this.runtime.requestRender();
   }
+  use(e, t) {
+    this.assertActive(), this.pluginManager.use(e, t);
+  }
   dispose() {
-    var e, t, i, r, s, o, c, l, d, h, u, v, f, p, m;
+    var e, t, i, r, s, o, a, d, l, h, u, p, b, v;
     if (!this.disposed) {
-      this.disposed = !0, this.clearInteractionIdleTimer(), this.pointerDragTracker.reset(), (t = (e = this.options.canvas).removeEventListener) == null || t.call(e, "pointerdown", this.handlePointerDown), (r = (i = this.options.canvas).removeEventListener) == null || r.call(i, "pointermove", this.handlePointerMove), (o = (s = this.options.canvas).removeEventListener) == null || o.call(s, "pointerup", this.handlePointerUp), (l = (c = this.options.canvas).removeEventListener) == null || l.call(c, "pointercancel", this.handlePointerCancel), (h = (d = this.options.canvas).removeEventListener) == null || h.call(d, "pointerleave", this.handlePointerLeave), (v = (u = this.options.canvas).removeEventListener) == null || v.call(u, "lostpointercapture", this.handleLostPointerCapture), (p = (f = this.options.canvas).removeEventListener) == null || p.call(f, "wheel", this.handleWheel), typeof globalThis.window < "u" && globalThis.window.removeEventListener("blur", this.handleWindowBlur), this.pointerStart = null, this.cadPointerPosition = null, this.setCadHoveredInsert(null), this.setCanvasCursor(""), this.highlightedObjectValue && this.runtime.removeOverlay(B), this.runtime.removeOverlay(z), this.runtime.removeOverlay(H), this.cadInspectorUnsubscribe(), this.cadDocumentUnsubscribe(), this.highlightedObjectValue = null, this.selectedObjectValue = null;
-      for (const b of this.mountedObjects)
-        this.runtime.removeObject(b, { dispose: !1 });
-      this.mountedObjects.clear(), (m = this.ui) == null || m.dispose(), this.cadCapability.dispose(), this.listeners.clear(), this.runtime.dispose();
+      this.disposed = !0, this.pluginManager.dispose(), this.clearInteractionIdleTimer(), this.pointerDragTracker.reset(), (t = (e = this.options.canvas).removeEventListener) == null || t.call(e, "pointerdown", this.handlePointerDown), (r = (i = this.options.canvas).removeEventListener) == null || r.call(i, "pointermove", this.handlePointerMove), (o = (s = this.options.canvas).removeEventListener) == null || o.call(s, "pointerup", this.handlePointerUp), (d = (a = this.options.canvas).removeEventListener) == null || d.call(a, "pointercancel", this.handlePointerCancel), (h = (l = this.options.canvas).removeEventListener) == null || h.call(l, "pointerleave", this.handlePointerLeave), (p = (u = this.options.canvas).removeEventListener) == null || p.call(u, "lostpointercapture", this.handleLostPointerCapture), (v = (b = this.options.canvas).removeEventListener) == null || v.call(b, "wheel", this.handleWheel), typeof globalThis.window < "u" && globalThis.window.removeEventListener("blur", this.handleWindowBlur), this.pointerStart = null, this.cadPointerPosition = null, this.setCadHoveredInsert(null), this.setCanvasCursor(""), this.highlightedObjectValue && this.runtime.removeOverlay(B), this.runtime.removeOverlay(z), this.runtime.removeOverlay(H), this.cadInspectorUnsubscribe(), this.cadDocumentUnsubscribe(), this.highlightedObjectValue = null, this.selectedObjectValue = null;
+      for (const y of this.mountedObjects)
+        this.runtime.removeObject(y, { dispose: !1 });
+      this.mountedObjects.clear(), this.cadCapability.dispose(), this.listeners.clear(), this.runtime.dispose();
     }
   }
   createCadHost() {
@@ -3708,7 +4632,7 @@ class Di {
         return e.cadCapability.getVisibilityRevision();
       },
       get viewportDemandCoalesceMs() {
-        return e.options.viewportDemandCoalesceMs ?? ki;
+        return e.options.viewportDemandCoalesceMs ?? Gi;
       },
       mountCadObject(t) {
         e.unmountCadObject(), e.runtime.addObject(t, { owned: !0 }), e.cadRenderRoot = t;
@@ -3722,14 +4646,19 @@ class Di {
       emitContentChange() {
         e.emit("content-change", { source: "cad" });
       },
-      emitViewportChange(t) {
-        e.emit("viewport-change", t);
+      emitCameraChange(t = e.pendingCameraReason) {
+        e.lastCameraFingerprint = j(e.runtime.captureCameraSnapshot()), e.emit("camera-change", {
+          viewMode: e.runtime.viewMode,
+          reason: t,
+          interaction: e.interaction
+        }), e.emitViewportChange();
       },
-      emitCameraChange() {
-        e.emit("camera-change", { viewMode: e.runtime.viewMode });
+      applyCameraSnapshot(t, i) {
+        return e.applyCameraSnapshot(t, i);
       },
       fitBox3(t, i) {
-        return e.runtime.fitView(t, i);
+        const r = e.runtime.fitView(t, i);
+        return r && (e.pendingCameraReason = "fit", e.cadCapability.onCameraChanged("fit")), r;
       },
       resolveMixedBounds() {
         return e.resolveMixedBounds();
@@ -3742,10 +4671,10 @@ class Di {
         return ((s = e.runtime.screenToWorldOnPlane(t, i, r)) == null ? void 0 : s.clone()) ?? null;
       },
       readCameraSnapshot(t) {
-        return qt(e.cameraStateStore, t);
+        return Wt(e.cameraStateStore, t);
       },
       persistCameraSnapshot(t, i) {
-        Wt(e.cameraStateStore, t, i);
+        Gt(e.cameraStateStore, t, i);
       },
       getViewportSize() {
         return {
@@ -3759,73 +4688,83 @@ class Di {
     };
   }
   syncCadSelectionOverlay() {
-    var o, c;
+    var o, a, d, l, h, u;
     this.runtime.removeOverlay(z);
     const e = this.cad.inspector, t = (o = e.details) != null && o.bbox && [
       e.details.bbox.minX,
       e.details.bbox.minY,
       e.details.bbox.maxX,
       e.details.bbox.maxY
-    ].every(Number.isFinite) ? e.details.bbox : null, i = t ? new S(
-      new w(t.minX, t.minY, -0.01),
-      new w(t.maxX, t.maxY, 0.01)
-    ) : e.textDetails ? new S(
-      new w(e.textDetails.x, e.textDetails.y, -0.01),
-      new w(
+    ].every(Number.isFinite) ? e.details.bbox : null, i = t ? new R(
+      new C(t.minX, t.minY, -0.01),
+      new C(t.maxX, t.maxY, 0.01)
+    ) : e.textDetails ? new R(
+      new C(e.textDetails.x, e.textDetails.y, -0.01),
+      new C(
         e.textDetails.x + e.textDetails.content.length * e.textDetails.height * 0.6,
         e.textDetails.y + e.textDetails.height,
         0.01
       )
     ) : null;
     if (!i || i.isEmpty()) return;
-    const s = !!((c = e.details) != null && c.bbox) ? this.createCadInteractionOverlay(i, "selected") : new et(i, Re.dark.selected.color);
+    const r = !!((a = e.details) != null && a.bbox);
+    if (((l = (d = this.options.cadInteractionStyle) == null ? void 0 : d.selected) == null ? void 0 : l.enabled) === !1) return;
+    const s = r ? this.createCadInteractionOverlay(i, "selected") : new ot(i, ((u = (h = this.options.cadInteractionStyle) == null ? void 0 : h.selected) == null ? void 0 : u.color) ?? Me.dark.selected.color);
     s.name = z, this.runtime.mountOverlay(z, s, { owned: !0 });
   }
+  dispatchCadSelectionChange() {
+    const e = this.cad.inspector, t = e.selection ? { kind: "insert", selection: e.selection } : e.textSelection ? { kind: "text", selection: e.textSelection } : null, i = (t == null ? void 0 : t.kind) === "insert" ? `${t.selection.documentKey ?? ""}:insert:${t.selection.id.layerIndex}:${t.selection.id.variantId}:${t.selection.id.instanceId}` : t ? `${t.selection.documentKey ?? ""}:text:${t.selection.id.textId}` : null;
+    i !== this.lastCadSelectionFingerprint && (this.lastCadSelectionFingerprint = i, this.interactionMode !== "disabled" && (t ? this.pluginManager.dispatchInteraction("onSelect", t) : this.pluginManager.dispatchInteraction("onClear", null)));
+  }
   syncCadHoverOverlay() {
-    var s;
+    var s, o, a;
     this.runtime.removeOverlay(H);
     const e = this.cadHoveredInsert, t = this.cad.inspector.selection;
     if (!((s = e == null ? void 0 : e.details) != null && s.bbox) || this.isSameCadInsertSelection(e.selection, t)) return;
     const i = this.cadInsertDetailsToBox(e.details);
-    if (!i || i.isEmpty()) return;
+    if (!i || i.isEmpty() || ((a = (o = this.options.cadInteractionStyle) == null ? void 0 : o.hover) == null ? void 0 : a.enabled) === !1) return;
     const r = this.createCadInteractionOverlay(i, "hover");
     r.name = H, this.runtime.mountOverlay(H, r, { owned: !0 });
   }
   createCadInteractionOverlay(e, t) {
-    var h;
-    const i = ((h = this.options.ui) == null ? void 0 : h.theme) === "light" ? "light" : "dark", r = Re[i][t], s = new Ie();
-    s.name = t === "hover" ? "cad-insert-hover" : "cad-insert-selected", s.renderOrder = t === "hover" ? 1300 : 1310;
-    const o = e.getSize(new w()), c = e.getCenter(new w()), l = new tt(Math.max(o.x, 1e-6), Math.max(o.y, 1e-6), Math.max(o.z, 1e-3));
-    if (r.fillOpacity > 0) {
-      const u = new it(
-        l.clone(),
-        new rt({
-          color: r.color,
+    var p, b;
+    const i = ((p = this.options.ui) == null ? void 0 : p.theme) === "light" ? "light" : "dark", r = Me[i][t], s = (b = this.options.cadInteractionStyle) == null ? void 0 : b[t], o = {
+      color: (s == null ? void 0 : s.color) ?? r.color,
+      fillOpacity: (s == null ? void 0 : s.fillOpacity) ?? r.fillOpacity,
+      edgeOpacity: (s == null ? void 0 : s.edgeOpacity) ?? r.edgeOpacity
+    }, a = new Te();
+    a.name = t === "hover" ? "cad-insert-hover" : "cad-insert-selected", a.renderOrder = t === "hover" ? 1300 : 1310;
+    const d = e.getSize(new C()), l = e.getCenter(new C()), h = new at(Math.max(d.x, 1e-6), Math.max(d.y, 1e-6), Math.max(d.z, 1e-3));
+    if (o.fillOpacity > 0) {
+      const v = new lt(
+        h.clone(),
+        new ct({
+          color: o.color,
           transparent: !0,
-          opacity: r.fillOpacity,
+          opacity: o.fillOpacity,
           depthTest: !0,
           depthWrite: !1
         })
       );
-      u.name = `${s.name}:fill`, u.position.copy(c), u.renderOrder = 1305, s.add(u);
+      v.name = `${a.name}:fill`, v.position.copy(l), v.renderOrder = 1305, a.add(v);
     }
-    const d = new nt(
-      new st(l),
-      new ot({
-        color: r.color,
+    const u = new dt(
+      new ht(h),
+      new ut({
+        color: o.color,
         transparent: !0,
-        opacity: r.edgeOpacity,
+        opacity: o.edgeOpacity,
         depthTest: !0,
         depthWrite: !1
       })
     );
-    return d.name = `${s.name}:edges`, d.position.copy(c), d.renderOrder = t === "hover" ? 1300 : 1310, s.add(d), l.dispose(), s;
+    return u.name = `${a.name}:edges`, u.position.copy(l), u.renderOrder = t === "hover" ? 1300 : 1310, a.add(u), h.dispose(), a;
   }
   cadInsertDetailsToBox(e) {
     const t = e == null ? void 0 : e.bbox;
-    return !t || ![t.minX, t.minY, t.maxX, t.maxY].every(Number.isFinite) ? null : new S(
-      new w(t.minX, t.minY, -0.01),
-      new w(t.maxX, t.maxY, 0.01)
+    return !t || ![t.minX, t.minY, t.maxX, t.maxY].every(Number.isFinite) ? null : new R(
+      new C(t.minX, t.minY, -0.01),
+      new C(t.maxX, t.maxY, 0.01)
     );
   }
   isSameCadInsertSelection(e, t) {
@@ -3862,14 +4801,20 @@ class Di {
       get viewMode() {
         return e.runtime.viewMode;
       },
-      fitView() {
-        return e.fitView();
+      get keyboardTarget() {
+        return e.options.viewport;
+      },
+      fitSelectionOrDocument() {
+        return e.cad.fitSelection() || e.cad.fitDocument() || e.fitView();
       },
       setViewMode(t) {
         e.setViewMode(t);
       },
       on(t, i) {
         return e.on(t, i);
+      },
+      emitUiLayoutChange(t) {
+        e.emit("ui-layout-change", t);
       }
     };
   }
@@ -3877,35 +4822,40 @@ class Di {
     this.cadHost.unmountCadObject();
   }
   resolveMixedBounds() {
-    const e = new S();
+    const e = new R();
     let t = !1;
     for (const r of this.mountedObjects)
       r.visible && (e.expandByObject(r), t = !0);
     const i = this.cadHost.resolveCadFitBounds();
     return i && (e.union(i), t = !0), t && !e.isEmpty() ? e : null;
   }
-  resolveFocusedCadBounds() {
-    var d;
-    const e = (d = this.cad.inspector.details) == null ? void 0 : d.bbox;
-    if (!e || ![e.minX, e.minY, e.maxX, e.maxY].every(Number.isFinite)) return null;
-    let t = e.minX, i = e.minY, r = e.maxX, s = e.maxY;
-    const o = r - t, c = s - i, l = Math.max(o, c);
-    if (o > 0 && c > 0 && l < Ee) {
-      const h = (t + r) / 2, u = (i + s) / 2, v = Ee / 2;
-      t = h - v, i = u - v, r = h + v, s = u + v;
-    }
-    return new S(
-      new w(t, i, -0.01),
-      new w(r, s, 0.01)
-    );
-  }
   setInteraction(e) {
-    this.interaction !== e && (this.interaction = e, this.interactionRenderLastTs = null, this.emit("interaction-change", { interaction: e }), this.cadCapability.onInteractionChanged(), e === "idle" && this.runtime.requestRender());
+    this.interaction !== e && (this.interaction = e, this.interactionRenderLastTs = null, this.emit("interaction-change", { interaction: e }), this.emitViewportChange(), this.cadCapability.onInteractionChanged(), e === "idle" && (this.pendingCameraReason = "api"), e === "idle" && this.runtime.requestRender());
+  }
+  applyCameraSnapshot(e, t) {
+    if (!Fe(e)) return !1;
+    const i = this.runtime.viewMode;
+    return this.runtime.applyCameraSnapshot(e) ? (this.runtime.viewMode !== i && this.emit("view-mode-change", { viewMode: this.runtime.viewMode }), this.pendingCameraReason = t, this.cadCapability.onCameraChanged(t), this.refreshCadPointerHover(), !0) : !1;
+  }
+  detectCameraChange(e = !1) {
+    const t = j(this.runtime.captureCameraSnapshot());
+    return !e && t === this.lastCameraFingerprint ? !1 : (this.lastCameraFingerprint = t, this.cadCapability.onCameraChanged(this.pendingCameraReason), !0);
+  }
+  emitViewportChange() {
+    this.emit("viewport-change", {
+      viewportWidthPx: Math.max(1, this.options.viewport.clientWidth || 1),
+      viewportHeightPx: Math.max(1, this.options.viewport.clientHeight || 1),
+      worldUnitsPerPixel: this.runtime.getWorldUnitsPerPixel(),
+      interaction: this.interaction
+    });
+  }
+  subscribePluginEvent(e, t) {
+    return (/* @__PURE__ */ new Set(["document-change", "layer-change", "block-change", "inspector-change", "hud-change", "load-timing", "load-progress", "error"])).has(String(e)) ? this.cad.on(e, t) : this.on(e, t);
   }
   shouldRenderCurrentFrame(e) {
     if (this.interaction !== "active" || this.interactionRenderLastTs === null) return !0;
     const t = e - this.interactionRenderLastTs;
-    return t < 0 || t >= Ti;
+    return t < 0 || t >= Zi;
   }
   markInteractionActive() {
     this.clearInteractionIdleTimer(), this.setInteraction("active");
@@ -3913,7 +4863,7 @@ class Di {
   scheduleInteractionIdle() {
     this.clearInteractionIdleTimer(), this.interactionIdleTimer = globalThis.setTimeout(() => {
       this.interactionIdleTimer = null, this.setInteraction("idle"), this.refreshCadPointerHover();
-    }, Mi);
+    }, Wi);
   }
   clearInteractionIdleTimer() {
     this.interactionIdleTimer !== null && (globalThis.clearTimeout(this.interactionIdleTimer), this.interactionIdleTimer = null);
@@ -3950,8 +4900,8 @@ class Di {
     for (const i of this.listeners.get(e) ?? []) i(t);
   }
 }
-function Hi(n) {
-  const e = new Bt({
+function ar(n) {
+  const e = new Xt({
     canvasArea: n.viewport,
     canvas: n.canvas,
     clearColor: n.clearColor,
@@ -3962,12 +4912,15 @@ function Hi(n) {
     environment: n.environment ?? "room",
     navigationPolicy: "viewer"
   });
-  return Li(n, e);
+  return Qi(n, e);
+}
+function Qi(n, e) {
+  return e.initialize(), new Ji(n, e);
 }
-function Li(n, e) {
-  return e.initialize(), new Di(n, e);
+function j(n) {
+  return n ? JSON.stringify(n) : null;
 }
 export {
-  _i as configureViewerText,
-  Hi as createViewer
+  dr as configureViewerText,
+  ar as createViewer
 };