@nebula-spatial/viewer 0.4.1 → 0.4.3

package/dist/{index-D0lW4RQP.js → index-BDo6voB2.js}

@@ -1,13 +1,13 @@
-var ht = Object.defineProperty;
-var ut = (s, e, t) => e in s ? ht(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var d = (s, e, t) => ut(s, typeof e != "symbol" ? e + "" : e, t);
-import { Texture as pt, Vector3 as C, MathUtils as P, MOUSE as _, Object3D as We, Scene as ve, Group as Ke, Raycaster as mt, Vector2 as Q, WebGLRenderer as ft, Color as vt, Euler as bt, OrthographicCamera as be, PerspectiveCamera as gt, TOUCH as ge, Vector4 as yt, Plane as wt, WebGLRenderTarget as xt, Box3 as M, PMREMGenerator as Ct, EquirectangularReflectionMapping as Et, BoxHelper as St, Box3Helper as Pt, BoxGeometry as At, Mesh as Rt, MeshBasicMaterial as It, LineSegments as Mt, EdgesGeometry as kt, LineBasicMaterial as Tt } from "three";
-import { RoomEnvironment as Dt } from "three/addons/environments/RoomEnvironment.js";
-import { MapControls as Ot } from "three/addons/controls/MapControls.js";
-import { OrbitControls as Lt } from "three/addons/controls/OrbitControls.js";
-import { HDRLoader as Ft } from "three/addons/loaders/HDRLoader.js";
-import { createCadDocumentSession as Nt, getCadDocumentRenderResource as Vt, formatCadInsertId as ye } from "@nebula-spatial/cad-loader";
-const Bt = [
+var ut = Object.defineProperty;
+var pt = (s, e, t) => e in s ? ut(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var d = (s, e, t) => pt(s, typeof e != "symbol" ? e + "" : e, t);
+import { Texture as mt, Vector3 as C, MathUtils as A, MOUSE as z, Object3D as Ke, Scene as ve, Group as Ze, Raycaster as ft, Vector2 as Q, WebGLRenderer as vt, Color as bt, Euler as gt, OrthographicCamera as be, PerspectiveCamera as yt, TOUCH as ge, Vector4 as wt, Plane as xt, WebGLRenderTarget as Ct, Box3 as M, PMREMGenerator as Et, EquirectangularReflectionMapping as St, BoxHelper as Pt, Box3Helper as At, BoxGeometry as Rt, Mesh as It, MeshBasicMaterial as Mt, LineSegments as kt, EdgesGeometry as Tt, LineBasicMaterial as Dt } from "three";
+import { RoomEnvironment as Ot } from "three/addons/environments/RoomEnvironment.js";
+import { MapControls as Lt } from "three/addons/controls/MapControls.js";
+import { OrbitControls as Ft } from "three/addons/controls/OrbitControls.js";
+import { HDRLoader as Nt } from "three/addons/loaders/HDRLoader.js";
+import { createCadDocumentSession as Vt, getCadDocumentRenderResource as Bt, formatCadInsertId as ye } from "@nebula-spatial/cad-loader";
+const zt = [
   "alphaMap",
   "aoMap",
   "bumpMap",
@@ -33,31 +33,31 @@ const Bt = [
   "thicknessMap",
   "transmissionMap"
 ];
-function K(s, e) {
+function Z(s, e) {
   e.has(s) || (e.add(s), s.dispose());
 }
 function _t(s, e, t) {
   if (e) {
     const i = s;
-    for (const r of Bt) {
+    for (const r of zt) {
       const n = i[r];
-      n instanceof pt && K(n, t);
+      n instanceof mt && Z(n, t);
     }
   }
-  K(s, t);
+  Z(s, t);
 }
 function we(s, e = {}) {
   const t = e.disposedResources ?? /* @__PURE__ */ new WeakSet(), i = e.disposeTextures !== !1;
   s.traverse((r) => {
     const n = r;
-    n.geometry && K(n.geometry, t);
+    n.geometry && Z(n.geometry, t);
     const a = Array.isArray(n.material) ? n.material : [n.material];
     for (const o of a)
       o && _t(o, i, t);
-    n.renderTarget && K(n.renderTarget, t);
+    n.renderTarget && Z(n.renderTarget, t);
   });
 }
-function zt(s) {
+function Ut(s) {
   const {
     dxPx: e,
     dyPx: t,
@@ -71,31 +71,31 @@ function zt(s) {
   } = s;
   if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(i) || !Number.isFinite(r) || !Number.isFinite(n) || !Number.isFinite(a) || !Number.isFinite(o) || !Number.isFinite(l) || !Number.isFinite(c) || i <= 0 || r <= 0 || n <= 0 || a <= 0 || a >= 180 || o <= 0)
     return { x: 0, y: 0, z: 0 };
-  const h = 2 * n * Math.tan(a * Math.PI / 360), f = h / r, b = h * o / i, g = Math.sin(l), m = Math.cos(l), v = -g, y = m, p = -m, w = -g, x = -e * b * c, R = t * f * c;
+  const h = 2 * n * Math.tan(a * Math.PI / 360), f = h / r, b = h * o / i, g = Math.sin(l), p = Math.cos(l), v = -g, y = p, m = -p, x = -g, w = -e * b * c, E = t * f * c;
   return {
-    x: v * x + p * R,
-    y: y * x + w * R,
+    x: v * w + m * E,
+    y: y * w + x * E,
     z: 0
   };
 }
-function Ut(s, e) {
+function Ht(s, e) {
   return !Number.isFinite(s.x) || !Number.isFinite(s.y) || !Number.isFinite(s.z) || !Number.isFinite(e.x) || !Number.isFinite(e.y) || !Number.isFinite(e.z) ? { x: 0, y: 0, z: 0 } : {
     x: s.x - e.x,
     y: s.y - e.y,
     z: 0
   };
 }
-function Ht(s, e, t) {
+function Yt(s, e, t) {
   if (!Number.isFinite(s.x) || !Number.isFinite(s.y) || !Number.isFinite(s.z))
     return { x: 0, y: 0, z: 0 };
-  const i = Ut(e, t);
+  const i = Ht(e, t);
   return {
     x: s.x + i.x,
     y: s.y + i.y,
     z: s.z
   };
 }
-const Yt = 0.35, z = 1, jt = 1, Xt = 170;
+const jt = 0.35, _ = 1, Xt = 1, qt = 170;
 function j(s, e, t) {
   return Math.max(e, Math.min(t, s));
 }
@@ -103,20 +103,20 @@ function D(s, e, t, i) {
   const r = Number.isFinite(s) ? s : e;
   return j(r, t, i);
 }
-function Ze(s) {
-  return Number.isFinite(s) ? j(s, 0.1, 0.95) : Yt;
+function Je(s) {
+  return Number.isFinite(s) ? j(s, 0.1, 0.95) : jt;
 }
-function qt(s, e) {
+function $t(s, e) {
   return !Number.isFinite(s) || !Number.isFinite(e) || s <= 0 || e <= 0 ? 1 : s / e;
 }
-function Je(s) {
-  const e = D(s, 50, jt, Xt), t = Math.tan(e * Math.PI / 360);
+function Qe(s) {
+  const e = D(s, 50, Xt, qt), t = Math.tan(e * Math.PI / 360);
   return Math.max(t, 1e-4);
 }
-function $t(s) {
+function Gt(s) {
   return Number.isFinite(s) ? Math.max(0.2, Math.abs(Math.sin(s))) : 0.2;
 }
-function Gt(s) {
+function Wt(s) {
   return Number.isFinite(s) ? {
     sinAbs: Math.max(1e-4, Math.abs(Math.sin(s))),
     cosAbs: Math.abs(Math.cos(s))
@@ -125,15 +125,15 @@ function Gt(s) {
     cosAbs: Math.sqrt(1 - 0.2 * 0.2)
   };
 }
-function Qe(s, e, t) {
-  const i = Math.max(1e-4, 2 * s * e / $t(t)), { sinAbs: r, cosAbs: n } = Gt(t), a = s * e, o = r * r - a * a * n * n;
+function et(s, e, t) {
+  const i = Math.max(1e-4, 2 * s * e / Gt(t)), { sinAbs: r, cosAbs: n } = Wt(t), a = s * e, o = r * r - a * a * n * n;
   if (!Number.isFinite(o) || o <= 1e-4)
     return i;
   const l = 2 * a * r / o;
   return !Number.isFinite(l) || l <= 1e-4 ? i : l;
 }
-function Wt(s) {
-  const e = Ze(s.ndcBand), t = s.useFixedOrientation ? s.fixedOrbitYaw : s.orbitYaw, i = s.useFixedOrientation ? s.fixedOrbitPitch : s.orbitPitch, r = Math.max(D(s.orthoFrustumSize, z, z, Number.MAX_VALUE), z), n = Je(s.perspectiveFovDeg), a = Qe(e, n, i), o = D(s.orbitDistanceMin, 500, 1, Number.MAX_VALUE), l = Math.max(o, D(s.orbitDistanceMax, 2e5, o, Number.MAX_VALUE)), c = j(r / a, o, l);
+function Kt(s) {
+  const e = Je(s.ndcBand), t = s.useFixedOrientation ? s.fixedOrbitYaw : s.orbitYaw, i = s.useFixedOrientation ? s.fixedOrbitPitch : s.orbitPitch, r = Math.max(D(s.orthoFrustumSize, _, _, Number.MAX_VALUE), _), n = Qe(s.perspectiveFovDeg), a = et(e, n, i), o = D(s.orbitDistanceMin, 500, 1, Number.MAX_VALUE), l = Math.max(o, D(s.orbitDistanceMax, 2e5, o, Number.MAX_VALUE)), c = j(r / a, o, l);
   return {
     orbitTarget: { x: s.orthoCenterX, y: s.orthoCenterY, z: 0 },
     orbitDistance: c,
@@ -141,25 +141,25 @@ function Wt(s) {
     orbitPitch: i
   };
 }
-function Kt(s) {
-  const e = qt(s.viewportWidthPx, s.viewportHeightPx), t = Ze(s.ndcBand), i = Je(s.perspectiveFovDeg), r = Qe(t, i, s.orbitPitch), n = D(s.orthoFrustumMin, 1e3, z, Number.MAX_VALUE), a = Math.max(n, D(s.orthoFrustumMax, 1e5, n, Number.MAX_VALUE)), o = Math.max(D(s.orbitDistance, n, n, Number.MAX_VALUE), z), l = o * r, c = Number.isFinite(l) && l >= z ? l : j(o / Math.max(0.5, Math.min(2, e)), n, a);
+function Zt(s) {
+  const e = $t(s.viewportWidthPx, s.viewportHeightPx), t = Je(s.ndcBand), i = Qe(s.perspectiveFovDeg), r = et(t, i, s.orbitPitch), n = D(s.orthoFrustumMin, 1e3, _, Number.MAX_VALUE), a = Math.max(n, D(s.orthoFrustumMax, 1e5, n, Number.MAX_VALUE)), o = Math.max(D(s.orbitDistance, n, n, Number.MAX_VALUE), _), l = o * r, c = Number.isFinite(l) && l >= _ ? l : j(o / Math.max(0.5, Math.min(2, e)), n, a);
   return {
     orthoCenterX: s.orbitTarget.x,
     orthoCenterY: s.orbitTarget.y,
     orthoFrustumSize: j(c, n, a)
   };
 }
-function Zt(s) {
+function Jt(s) {
   const e = Math.max(s.xmax - s.xmin, s.ymax - s.ymin, 1), t = Math.max(1e-4, Math.tan(s.fovDeg * Math.PI / 360)), i = Math.max(1e-4, Math.abs(Math.sin(s.orbitPitchRad))), r = Math.abs(Math.cos(s.orbitPitchRad)), n = s.ndcBand * t, a = i * i - n * n * r * r, o = Math.max(
     1e-4,
     2 * s.ndcBand * t / Math.max(0.2, i)
   ), l = Number.isFinite(a) && a > 1e-4 ? Math.max(1e-4, 2 * n * i / a) : o;
   return e / l;
 }
-function Jt(s, e, t, i = 40) {
+function Qt(s, e, t, i = 40) {
   return e === 1 ? s * i : e === 2 ? s * t : s;
 }
-function Qt(s) {
+function ei(s) {
   const { valuePx: e, ctrlKey: t, eventTimeMs: i, state: r, resetMs: n } = s, a = Math.abs(e), o = r.lastEventTimeMs === 0 ? 0 : i - r.lastEventTimeMs;
   let l = r.type;
   if (t)
@@ -178,7 +178,7 @@ function Qt(s) {
     type: l
   };
 }
-function ei(s, e, t) {
+function ti(s, e, t) {
   if (!Number.isFinite(s) || s === 0) return 1;
   const i = e === "wheel" ? t.wheelZoomRate : t.trackpadZoomRate;
   if (e === "wheel") {
@@ -190,11 +190,11 @@ function ei(s, e, t) {
   const n = 1 / t.maxScalePerFrame;
   return Math.max(n, Math.min(t.maxScalePerFrame, r));
 }
-const ee = 500, xe = 2e5, te = 0.95, Ce = -Math.PI / 2, Ee = P.degToRad(55), ti = 1e3, ii = 2e6;
+const ee = 500, xe = 2e5, te = 0.95, Ce = -Math.PI / 2, Ee = A.degToRad(55), ii = 1e3, ri = 2e6;
 function O(s, e, t = 1e-4) {
   return Math.abs(s - e) <= t;
 }
-class ri {
+class si {
   constructor() {
     d(this, "orbitTarget", new C(0, 0, 0));
     d(this, "orbitDistance", 14e3);
@@ -245,7 +245,7 @@ class ri {
     if (!i) return;
     const r = Math.max(1, (t == null ? void 0 : t.padding) ?? 1.15), n = e.getSize(new C()), a = e.getCenter(new C());
     this.orbitTarget.set(a.x, a.y, a.z);
-    const o = Zt({
+    const o = Jt({
       xmin: e.min.x,
       ymin: e.min.y,
       xmax: e.max.x,
@@ -281,7 +281,7 @@ class ri {
     };
   }
   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 = P.clamp(e.pitch, P.degToRad(5), P.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 = A.clamp(e.pitch, A.degToRad(5), A.degToRad(85)), this.syncPerspectiveCamera({ sync2D: !1 }));
   }
   bindInput(e) {
     const t = e.renderer.domElement;
@@ -324,7 +324,7 @@ class ri {
       if (this.dragMode === "pan") {
         const i = this.screenToGround(e.clientX, e.clientY);
         if (this.groundPanAnchor && i) {
-          const r = Ht(this.orbitTarget, this.groundPanAnchor, i);
+          const r = Yt(this.orbitTarget, this.groundPanAnchor, i);
           this.translateOrbit(r.x - this.orbitTarget.x, r.y - this.orbitTarget.y);
         } else
           this.panByScreenDelta(
@@ -344,15 +344,15 @@ class ri {
     const t = this.runtime;
     if (!t || t.viewMode !== "3d") return;
     (c = e.preventDefault) == null || c.call(e);
-    const i = Math.max(1, t.canvasArea.clientHeight), r = Jt(e.deltaY, e.deltaMode, i);
-    this.wheelClassifier = Qt({
+    const i = Math.max(1, t.canvasArea.clientHeight), r = Qt(e.deltaY, e.deltaMode, i);
+    this.wheelClassifier = ei({
       valuePx: r,
       ctrlKey: e.ctrlKey,
       eventTimeMs: typeof performance > "u" ? Date.now() : performance.now(),
       state: this.wheelClassifier,
       resetMs: 400
     });
-    const n = this.wheelClassifier.type ?? "trackpad", a = n === "wheel" ? Math.sign(r) * 100 : r, o = ei(-a, n, {
+    const n = this.wheelClassifier.type ?? "trackpad", a = n === "wheel" ? Math.sign(r) * 100 : r, o = ti(-a, n, {
       trackpadZoomRate: 1 / 700,
       wheelZoomRate: 1 / 3200,
       maxScalePerFrame: 2
@@ -364,7 +364,7 @@ class ri {
   panByScreenDelta(e, t) {
     const i = this.runtime;
     if (!i) return;
-    const r = zt({
+    const r = Ut({
       dxPx: e,
       dyPx: t,
       viewportWidthPx: Math.max(1, i.canvasArea.clientWidth),
@@ -378,10 +378,10 @@ class ri {
     this.translateOrbit(r.x, r.y);
   }
   rotateByScreenDelta(e, t) {
-    const i = this.orbitYaw - e * 5e-3, r = P.clamp(
+    const i = this.orbitYaw - e * 5e-3, r = A.clamp(
       this.orbitPitch + t * 5e-3,
-      P.degToRad(5),
-      P.degToRad(85)
+      A.degToRad(5),
+      A.degToRad(85)
     );
     i === this.orbitYaw && r === this.orbitPitch || (this.orbitYaw = i, this.orbitPitch = r, this.syncPerspectiveCamera());
   }
@@ -396,7 +396,7 @@ class ri {
     var o, l;
     const t = this.runtime;
     if (!t) return;
-    const i = t.camera2d, r = i.zoom > 0 ? i.zoom : 1, n = Math.max((i.top - i.bottom) / r, 1), a = Wt({
+    const i = t.camera2d, r = i.zoom > 0 ? i.zoom : 1, n = Math.max((i.top - i.bottom) / r, 1), a = Kt({
       orthoCenterX: ((o = t.controls2d.target) == null ? void 0 : o.x) ?? i.position.x,
       orthoCenterY: ((l = t.controls2d.target) == null ? void 0 : l.y) ?? i.position.y,
       orthoFrustumSize: n,
@@ -417,7 +417,7 @@ class ri {
   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), n = i / r, a = t.top - t.bottom, o = a > 0 ? a : 2, l = e.controls2d.minZoom > 0 ? e.controls2d.minZoom : 2e-3, c = Math.max(l, e.controls2d.maxZoom > 0 ? e.controls2d.maxZoom : 5e4), h = Math.max(1, o / c), f = Math.max(h, o / l), u = Kt({
+    const t = e.camera2d, i = Math.max(1, e.canvasArea.clientWidth), r = Math.max(1, e.canvasArea.clientHeight), n = i / r, a = t.top - t.bottom, o = a > 0 ? a : 2, l = e.controls2d.minZoom > 0 ? e.controls2d.minZoom : 2e-3, c = Math.max(l, e.controls2d.maxZoom > 0 ? e.controls2d.maxZoom : 5e4), h = Math.max(1, o / c), f = Math.max(h, o / l), u = Zt({
       orbitTarget: { x: this.orbitTarget.x, y: this.orbitTarget.y, z: this.orbitTarget.z },
       orbitDistance: this.orbitDistance,
       orbitYaw: this.orbitYaw,
@@ -434,7 +434,7 @@ class ri {
       right: g * n,
       top: g,
       bottom: -g,
-      zoom: P.clamp(o / b, l, c),
+      zoom: A.clamp(o / b, l, c),
       positionX: u.orthoCenterX,
       positionY: u.orthoCenterY,
       targetX: u.orthoCenterX,
@@ -449,7 +449,7 @@ class ri {
       this.orbitTarget.y + this.orbitDistance * Math.sin(this.orbitYaw) * i,
       this.orbitTarget.z + this.orbitDistance * Math.sin(this.orbitPitch)
     );
-    t.camera3d.near = Math.min(ti, Math.max(this.orbitDistance / 100, 1e-6)), t.camera3d.far = Math.max(ii, this.orbitDistance * 20), t.setPerspectivePose(r, this.orbitTarget), e.sync2D !== !1 && this.sync2DFromOrbit();
+    t.camera3d.near = Math.min(ii, Math.max(this.orbitDistance / 100, 1e-6)), t.camera3d.far = Math.max(ri, this.orbitDistance * 20), t.setPerspectivePose(r, this.orbitTarget), e.sync2D !== !1 && this.sync2DFromOrbit();
   }
   capture2DSnapshot() {
     const e = this.runtime;
@@ -502,7 +502,7 @@ class ri {
     };
   }
   clampDistance(e) {
-    return P.clamp(
+    return A.clamp(
       Number.isFinite(e) ? e : this.orbitDistanceMin,
       this.orbitDistanceMin,
       this.orbitDistanceMax
@@ -520,47 +520,47 @@ class ri {
       }
   }
 }
-const si = new C(2.4, -2.7, 1.7), ni = new C(0, 0, 0.65), ai = Math.PI * 0.49, oi = !0, li = new C(1.25, -1.5, 0.85).normalize(), ci = 1.25, di = 0.4, hi = 12, ui = 1e3, pi = 20, mi = 0.1, fi = 0.2, ie = {
-  LEFT: _.PAN,
-  MIDDLE: _.DOLLY,
-  RIGHT: _.ROTATE
+const ni = new C(2.4, -2.7, 1.7), ai = new C(0, 0, 0.65), oi = Math.PI * 0.49, li = !0, ci = new C(1.25, -1.5, 0.85).normalize(), di = 1.25, hi = 0.4, ui = 12, pi = 1e3, mi = 20, fi = 0.1, vi = 0.2, ie = {
+  LEFT: z.PAN,
+  MIDDLE: z.DOLLY,
+  RIGHT: z.ROTATE
 };
-function vi({ radius: s, fovDeg: e }) {
-  const t = Math.max(s, 0.02), i = P.degToRad(e), r = t / Math.sin(i * 0.5) * ci;
+function bi({ radius: s, fovDeg: e }) {
+  const t = Math.max(s, 0.02), i = A.degToRad(e), r = t / Math.sin(i * 0.5) * di;
   return {
     distance: r,
-    minDistance: Math.max(t * di, 0.01),
-    maxDistance: Math.max(t * hi, 1),
+    minDistance: Math.max(t * hi, 0.01),
+    maxDistance: Math.max(t * ui, 1),
     near: Math.max(
-      r / ui,
-      Math.min(mi, t * fi),
+      r / pi,
+      Math.min(fi, t * vi),
       1e-4
     ),
-    far: Math.max(r * pi, 10)
+    far: Math.max(r * mi, 10)
   };
 }
-function bi(s, e, t) {
+function gi(s, e, t) {
   e.minDistance = t.minDistance, e.maxDistance = t.maxDistance, s.near = t.near, s.far = t.far, s.updateProjectionMatrix();
 }
-function gi(s, e) {
-  s.enableDamping = oi, s.maxPolarAngle = ai, s.dampingFactor = 0.1, s.enablePan = !0, s.screenSpacePanning = !0, s.mouseButtons = {
+function yi(s, e) {
+  s.enableDamping = li, s.maxPolarAngle = oi, s.dampingFactor = 0.1, s.enablePan = !0, s.screenSpacePanning = !0, s.mouseButtons = {
     LEFT: ie.LEFT,
     MIDDLE: ie.MIDDLE,
     RIGHT: ie.RIGHT
-  }, We.DEFAULT_UP.set(0, 0, 1), e.up.set(0, 0, 1);
+  }, Ke.DEFAULT_UP.set(0, 0, 1), e.up.set(0, 0, 1);
 }
-function yi(s, e, t, i) {
+function wi(s, e, t, i) {
   if (t.isEmpty()) return null;
-  const r = t.getSize(new C()), n = t.getCenter(new C()), a = Math.max(r.length() * 0.5, 0.02), o = vi({ radius: a, fovDeg: i });
-  return e.target.copy(n), s.position.copy(n).addScaledVector(li, o.distance), bi(s, e, o), s.updateMatrixWorld(), e.update(), o;
+  const r = t.getSize(new C()), n = t.getCenter(new C()), a = Math.max(r.length() * 0.5, 0.02), o = bi({ radius: a, fovDeg: i });
+  return e.target.copy(n), s.position.copy(n).addScaledVector(ci, o.distance), gi(s, e, o), s.updateMatrixWorld(), e.update(), o;
 }
-const wi = 1e3, xi = 2, Ci = -1e4, Ei = 1e4, Se = 1e3, Si = 2e6, Pi = 1.15, Ai = 1, Pe = new bt(Math.PI / 2, 0, Math.PI * 0.98 * 0.8);
-class Ri {
+const xi = 1e3, Ci = 2, Ei = -1e4, Si = 1e4, Se = 1e3, Pi = 2e6, Ai = 1.15, Ri = 1, Pe = new gt(Math.PI / 2, 0, Math.PI * 0.98 * 0.8);
+class Ii {
   constructor(e) {
     d(this, "canvasArea");
     d(this, "canvas");
     d(this, "scene", new ve());
-    d(this, "overlayRoot", new Ke());
+    d(this, "overlayRoot", new Ze());
     d(this, "renderer");
     d(this, "camera2d");
     d(this, "camera3d");
@@ -572,7 +572,7 @@ class Ri {
     d(this, "ownedObjects", /* @__PURE__ */ new Set());
     d(this, "overlays", /* @__PURE__ */ new Map());
     d(this, "eventCleanups", []);
-    d(this, "raycaster", new mt());
+    d(this, "raycaster", new ft());
     d(this, "pointerNdc", new Q());
     d(this, "reuseVector", new C());
     d(this, "reuseVector2", new C());
@@ -601,29 +601,29 @@ class Ri {
   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 ft(l)), i = (e == null ? void 0 : e.createMapControls) ?? ((l, c) => new Ot(l, c)), r = (e == null ? void 0 : e.createOrbitControls) ?? ((l, c) => new Lt(l, c));
+    const e = this.options.factories, t = (e == null ? void 0 : e.createRenderer) ?? ((l) => new vt(l)), i = (e == null ? void 0 : e.createMapControls) ?? ((l, c) => new Lt(l, c)), r = (e == null ? void 0 : e.createOrbitControls) ?? ((l, c) => new Ft(l, c));
     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 vt(this.options.clearColor));
+    }), this.options.clearColor !== void 0 && this.renderer.setClearColor(new bt(this.options.clearColor));
     const n = Math.max(1, this.canvasArea.clientWidth || 1), a = Math.max(1, this.canvasArea.clientHeight || 1), o = n / a;
     if (this.renderer.setPixelRatio(this.readDevicePixelRatio()), this.renderer.setSize(n, a, !1), this.options.environment) {
-      const l = (e == null ? void 0 : e.createEnvironment) ?? Ii;
-      this.scene.environmentIntensity = Ai, this.scene.environmentRotation.copy(Pe), this.scene.backgroundRotation.copy(Pe);
+      const l = (e == null ? void 0 : e.createEnvironment) ?? Mi;
+      this.scene.environmentIntensity = Ri, this.scene.environmentRotation.copy(Pe), this.scene.backgroundRotation.copy(Pe);
       const c = ++this.environmentLoadGeneration, h = l(this.renderer, this.options.environment);
-      Mi(h) ? h.then(
+      ki(h) ? h.then(
         (f) => this.applyEnvironmentResource(f, c),
         (f) => {
           !this.disposed && c === this.environmentLoadGeneration && console.warn("Failed to load scene environment HDR.", f);
         }
       ) : this.applyEnvironmentResource(h, c);
     }
-    this.camera2d = new be(-o, o, 1, -1, Ci, Ei), this.camera2d.position.set(0, 0, 1), this.camera2d.lookAt(0, 0, 0), this.camera3d = new gt(40, o, Se, Si), 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.camera2d = new be(-o, o, 1, -1, Ei, Si), this.camera2d.position.set(0, 0, 1), this.camera2d.lookAt(0, 0, 0), this.camera3d = new yt(40, o, Se, Pi), 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: z.PAN,
+      MIDDLE: z.DOLLY,
+      RIGHT: z.PAN
     }, this.controls2d.touches = {
       ONE: ge.PAN,
       TWO: ge.DOLLY_PAN
@@ -667,10 +667,10 @@ class Ri {
     var t, i;
     if (this.controls3d) {
       if (e === "viewer") {
-        this.viewerOrbit ?? (this.viewerOrbit = new ri()), this.viewerOrbit.attach(this);
+        this.viewerOrbit ?? (this.viewerOrbit = new si()), this.viewerOrbit.attach(this);
         return;
       }
-      (t = this.viewerOrbit) == null || t.setEnabled(!1), (i = this.viewerOrbit) == null || i.dispose(), this.viewerOrbit = null, this.controls3d.enabled = e === "preview" && this.viewModeValue === "3d", e === "preview" && (gi(this.controls3d, this.camera3d), this.camera3d.position.copy(si), this.controls3d.target.copy(ni), this.controls3d.update());
+      (t = this.viewerOrbit) == null || t.setEnabled(!1), (i = this.viewerOrbit) == null || i.dispose(), this.viewerOrbit = null, this.controls3d.enabled = e === "preview" && this.viewModeValue === "3d", e === "preview" && (yi(this.controls3d, this.camera3d), this.camera3d.position.copy(ni), this.controls3d.target.copy(ai), this.controls3d.update());
     }
   }
   /**
@@ -764,7 +764,7 @@ class Ri {
       let b = l / 2, g = c / 2;
       b / g < u ? b = g * u : g = b / u, this.camera2d.left = -b, this.camera2d.right = b, this.camera2d.top = g, this.camera2d.bottom = -g, this.camera2d.zoom = 1, this.camera2d.position.set(n.x, n.y, Math.max(n.z + 1, 1)), this.camera2d.updateProjectionMatrix(), this.controls2d.target.copy(n), this.controls2d.update();
     } else if (this.navigationPolicyValue === "preview")
-      yi(this.camera3d, this.controls3d, i, this.camera3d.fov);
+      wi(this.camera3d, this.controls3d, i, this.camera3d.fov);
     else if (this.viewerOrbit)
       this.viewerOrbit.fit3D(i, { padding: a });
     else {
@@ -830,12 +830,12 @@ class Ri {
       distance: i,
       // Match ViewOrbitNavigation's convention: yaw around +Z, pitch off the XY plane.
       yaw: Math.atan2(t.y, t.x),
-      pitch: Math.asin(P.clamp(t.z / i, -1, 1))
+      pitch: Math.asin(A.clamp(t.z / i, -1, 1))
     };
   }
   applyPreviewOrbitSnapshot(e) {
     if (!this.camera3d || !this.controls3d) return !1;
-    const t = Math.cos(e.pitch), i = new C(e.targetX, e.targetY, e.targetZ), r = P.clamp(
+    const t = Math.cos(e.pitch), i = new C(e.targetX, e.targetY, e.targetZ), r = A.clamp(
       e.distance,
       this.controls3d.minDistance,
       this.controls3d.maxDistance
@@ -873,29 +873,29 @@ class Ri {
   }
   renderOrthographicPreview(e, t, i) {
     var me;
-    if (!this.renderer || this.disposed || t.parent || !ki(i)) return !1;
-    const r = Math.max(1, Math.floor(e.clientWidth || e.width || 0)), n = Math.max(1, Math.floor(e.clientHeight || e.height || 0)), a = this.resolveRendererPixelRatio(), o = Math.min(2, a), l = Math.max(1, Math.floor(r * o)), c = Math.max(1, Math.floor(n * o)), h = l / a, f = c / a, u = Math.min(h, f), b = (i.minX + i.maxX) / 2, g = (i.minY + i.maxY) / 2, v = Math.max(i.maxX - i.minX, i.maxY - i.minY, 1) * Pi / 2, y = this.getOrCreatePreviewRenderTarget(l, c), p = this.getOrCreatePreviewCamera();
-    p.left = -v, p.right = v, p.top = v, p.bottom = -v, p.position.set(b, g, 1), p.up.copy(((me = this.camera2d) == null ? void 0 : me.up) ?? new C(0, 1, 0)), p.lookAt(b, g, 0), p.updateProjectionMatrix(), p.updateMatrixWorld(!0);
-    const w = this.getOrCreatePreviewScene(), x = this.renderer, R = x.getRenderTarget(), J = x.getClearAlpha(), pe = x.autoClear, T = new yt();
-    x.getViewport(T);
-    const dt = x.getScissorTest();
-    w.add(t);
+    if (!this.renderer || this.disposed || t.parent || !Ti(i)) return !1;
+    const r = Math.max(1, Math.floor(e.clientWidth || e.width || 0)), n = Math.max(1, Math.floor(e.clientHeight || e.height || 0)), a = this.resolveRendererPixelRatio(), o = Math.min(2, a), l = Math.max(1, Math.floor(r * o)), c = Math.max(1, Math.floor(n * o)), h = l / a, f = c / a, u = Math.min(h, f), b = (i.minX + i.maxX) / 2, g = (i.minY + i.maxY) / 2, v = Math.max(i.maxX - i.minX, i.maxY - i.minY, 1) * Ai / 2, y = this.getOrCreatePreviewRenderTarget(l, c), m = this.getOrCreatePreviewCamera();
+    m.left = -v, m.right = v, m.top = v, m.bottom = -v, m.position.set(b, g, 1), m.up.copy(((me = this.camera2d) == null ? void 0 : me.up) ?? new C(0, 1, 0)), m.lookAt(b, g, 0), m.updateProjectionMatrix(), m.updateMatrixWorld(!0);
+    const x = this.getOrCreatePreviewScene(), w = this.renderer, E = w.getRenderTarget(), X = w.getClearAlpha(), pe = w.autoClear, T = new wt();
+    w.getViewport(T);
+    const ht = w.getScissorTest();
+    x.add(t);
     try {
-      x.setRenderTarget(y), x.setViewport(0, 0, h, f), x.setScissorTest(!1), x.setClearAlpha(0), x.autoClear = !1, x.clear(), x.setViewport(
+      w.setRenderTarget(y), w.setViewport(0, 0, h, f), w.setScissorTest(!1), w.setClearAlpha(0), w.autoClear = !1, w.clear(), w.setViewport(
         Math.floor((h - u) / 2),
         Math.floor((f - u) / 2),
         u,
         u
-      ), x.render(w, p);
+      ), w.render(x, m);
       const fe = this.getOrCreatePreviewPixelBuffer(l, c);
-      return x.readRenderTargetPixels(y, 0, 0, l, c, fe), this.blitPreviewPixelsToCanvas(e, fe, l, c);
+      return w.readRenderTargetPixels(y, 0, 0, l, c, fe), this.blitPreviewPixelsToCanvas(e, fe, l, c);
     } finally {
-      t.removeFromParent(), x.setRenderTarget(R), x.setClearAlpha(J), x.autoClear = pe, x.setViewport(
+      t.removeFromParent(), w.setRenderTarget(E), w.setClearAlpha(X), w.autoClear = pe, w.setViewport(
         T.x,
         T.y,
         T.z,
         T.w
-      ), x.setScissorTest(dt), this.requestRender();
+      ), w.setScissorTest(ht), this.requestRender();
     }
   }
   bindRuntimeEvent(e, t, i, r) {
@@ -913,7 +913,7 @@ class Ri {
   }
   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 wt(new C(0, 0, 1), -i), new C()));
+    return !r || !this.activeCamera ? null : (this.raycaster.setFromCamera(r, this.activeCamera), this.raycaster.ray.intersectPlane(new xt(new C(0, 0, 1), -i), new C()));
   }
   worldToClient(e, t = new Q()) {
     var a;
@@ -948,8 +948,8 @@ class Ri {
   startAnimation(e = {}) {
     if (this.disposed || this.animationLoopActive) return;
     this.animationLoopActive = !0, this.infoFrames = 0, this.infoLastTime = performance.now();
-    const t = e.infoUpdateIntervalMs ?? wi, i = (r = performance.now()) => {
-      var o, l, c, h, f, u, b, g, m;
+    const t = e.infoUpdateIntervalMs ?? xi, i = (r = performance.now()) => {
+      var o, l, c, h, f, u, b, g, p;
       if (!this.animationLoopActive || this.disposed) {
         this.animationFrameId = null;
         return;
@@ -971,7 +971,7 @@ class Ri {
       if (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, (g = e.onInfoUpdate) == null || g.call(e);
-      } else a && ((m = e.onInfoUpdate) == null || m.call(e));
+      } else a && ((p = e.onInfoUpdate) == null || p.call(e));
     };
     i();
   }
@@ -1003,7 +1003,7 @@ class Ri {
   }
   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 xt(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 Ct(e, t), this.previewRenderTargetSize = { width: e, height: t }, this.previewRenderTarget);
   }
   getOrCreatePreviewPixelBuffer(e, t) {
     const i = e * t * 4;
@@ -1033,11 +1033,11 @@ class Ri {
   }
   readDevicePixelRatio() {
     const e = globalThis.devicePixelRatio;
-    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? 1 : Math.min(e, xi);
+    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? 1 : Math.min(e, Ci);
   }
   resolveBox3(e) {
     if (e instanceof M) return e.clone();
-    if (e instanceof We) return new M().setFromObject(e);
+    if (e instanceof Ke) return new M().setFromObject(e);
     const { minX: t, minY: i, maxX: r, maxY: n } = e;
     return ![t, i, r, n].every(Number.isFinite) || r < t || n < i ? null : new M(new C(t, i, 0), new C(r, n, 0));
   }
@@ -1056,9 +1056,9 @@ class Ri {
     });
   }
 }
-function Ii(s, e) {
+function Mi(s, e) {
   if (e === "room") {
-    const t = new Ct(s), i = new Dt(), r = t.fromScene(i);
+    const t = new Et(s), i = new Ot(), r = t.fromScene(i);
     return i.dispose(), t.dispose(), {
       texture: r.texture,
       dispose: () => r.dispose()
@@ -1066,20 +1066,20 @@ function Ii(s, e) {
   }
   if (e.type !== "hdr" || e.url.trim().length === 0)
     throw new Error("HDR scene environment requires a non-empty URL.");
-  return new Ft().loadAsync(e.url).then((t) => (t.mapping = Et, {
+  return new Nt().loadAsync(e.url).then((t) => (t.mapping = St, {
     texture: t,
     dispose: () => t.dispose()
   }));
 }
-function Mi(s) {
+function ki(s) {
   return typeof (s == null ? void 0 : s.then) == "function";
 }
-function ki(s) {
+function Ti(s) {
   return Number.isFinite(s.minX) && Number.isFinite(s.minY) && Number.isFinite(s.maxX) && Number.isFinite(s.maxY) && s.maxX >= s.minX && s.maxY >= s.minY;
 }
 const de = 1;
-function Ti() {
-  return typeof globalThis.localStorage > "u" ? Di() : {
+function Di() {
+  return typeof globalThis.localStorage > "u" ? Oi() : {
     read(s) {
       try {
         const e = globalThis.localStorage.getItem(Ae(s));
@@ -1096,7 +1096,7 @@ function Ti() {
     }
   };
 }
-function Di() {
+function Oi() {
   const s = /* @__PURE__ */ new Map();
   return {
     read(e) {
@@ -1107,12 +1107,12 @@ function Di() {
     }
   };
 }
-function Oi(s, e) {
+function Li(s, e) {
   if (!s || !e) return null;
   const t = s.read(e);
-  return et(t) ? t : null;
+  return tt(t) ? t : null;
 }
-function et(s) {
+function tt(s) {
   if (!s || typeof s != "object") return !1;
   const e = s;
   if (e.schemaVersion !== de) return !1;
@@ -1143,10 +1143,10 @@ function et(s) {
   }
   return !1;
 }
-function Li(s, e, t) {
+function Fi(s, e, t) {
   !s || !e || s.write(e, t);
 }
-function Fi(s) {
+function Ni(s) {
   return {
     schemaVersion: de,
     viewMode: s.viewMode,
@@ -1163,11 +1163,11 @@ function H(s) {
     new C(s.maxX, s.maxY, s.maxZ)
   );
 }
-function tt(s) {
+function it(s) {
   const [e, t, i] = s;
   return (e & 255) << 16 | (t & 255) << 8 | i & 255;
 }
-class Ni {
+class Vi {
   constructor() {
     d(this, "rows", []);
     d(this, "allColor", null);
@@ -1190,7 +1190,7 @@ class Ni {
       color: i.has(n.index) ? i.get(n.index) : this.allColor,
       sourceColor: n.color
     }));
-    zi(this.rows, r) || (this.rows = r, this.revision += 1, t && this.onChange());
+    Ui(this.rows, r) || (this.rows = r, this.revision += 1, t && this.onChange());
   }
   clear(e = !0) {
     const t = this.rows.length > 0 || this.allColor !== null;
@@ -1247,7 +1247,7 @@ class Ni {
     t && (this.allColor = e, this.revision += 1, this.onChange());
   }
 }
-class Vi {
+class Bi {
   constructor() {
     d(this, "usages", []);
     d(this, "revision", 0);
@@ -1273,7 +1273,7 @@ class Vi {
       canHighlight: r.canHighlight,
       visible: r.visible
     }));
-    Ui(this.usages, i) || (this.usages = i, this.revision += 1, t && this.onChange());
+    Hi(this.usages, i) || (this.usages = i, this.revision += 1, t && this.onChange());
   }
   clear(e = !0) {
     const t = this.usages.length > 0;
@@ -1300,7 +1300,7 @@ class Vi {
     t.length !== 0 && (this.renderNode.setInsertVisibleBatch(t), i && (this.visibilityRevision += 1, this.revision += 1, this.onChange()));
   }
 }
-class Bi {
+class zi {
   constructor() {
     d(this, "selection", null);
     d(this, "details", null);
@@ -1360,7 +1360,7 @@ class _i {
       this.zoomLabel = Number.isFinite(f) && (f ?? 0) > 0 ? `${Math.round(f * 100)}%` : "", this.scaleRuler = {
         visible: !0,
         worldLength: h,
-        lengthLabel: Hi(h, ((l = e.units) == null ? void 0 : l.source) ?? "mm")
+        lengthLabel: Yi(h, ((l = e.units) == null ? void 0 : l.source) ?? "mm")
       }, this.orbitDistanceLabel = "";
     } else {
       const h = (c = e.host.runtime.captureCameraSnapshot()) == null ? void 0 : c.orbit;
@@ -1371,19 +1371,19 @@ class _i {
     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 zi(s, e) {
+function Ui(s, e) {
   return s.length === e.length && s.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 Ui(s, e) {
+function Hi(s, e) {
   return s.length === e.length && s.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 Hi(s, e) {
+function Yi(s, e) {
   if (e === "mm") {
     if (s >= 1e6) return `${(s / 1e6).toFixed(2)} km`;
     if (s >= 1e3) return `${(s / 1e3).toFixed(2)} m`;
@@ -1402,12 +1402,12 @@ function Re(s) {
     units: s.units ?? { source: "mm" }
   };
 }
-const Yi = 160, Ie = 5e3;
-class ji {
+const ji = 160, Ie = 5e3;
+class Xi {
   constructor(e) {
-    d(this, "layers", new Ni());
-    d(this, "blocks", new Vi());
-    d(this, "inspector", new Bi());
+    d(this, "layers", new Vi());
+    d(this, "blocks", new Bi());
+    d(this, "inspector", new zi());
     d(this, "hud", new _i());
     d(this, "document", null);
     d(this, "loadTiming", null);
@@ -1442,10 +1442,10 @@ class ji {
     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 ?? Wi(e);
+    const r = t.documentKey ?? Ki(e);
     let n;
     try {
-      n = Nt(e, {
+      n = Vt(e, {
         documentKey: r ?? void 0,
         filename: t.filename,
         loadAnnotations: t.loadAnnotations,
@@ -1465,7 +1465,7 @@ class ji {
       throw this.emit("error", { ...Y(f, !0, e), error: f }), f;
     }
     this.session = n, this.loadTiming = n.loadTiming, this.statusMessage = "加载中…";
-    const a = Vt(n);
+    const a = Bt(n);
     this.renderNode = a, this.layers.bind(a, () => this.emit("layer-change", { layers: this.layers })), this.blocks.bind(a, () => this.emit("block-change", { blocks: this.blocks })), this.unsubscribers.push(
       a.onChange(() => {
         this.host.requestRender(), this.host.emitContentChange();
@@ -1613,11 +1613,11 @@ class ji {
     return this.layers.getVisibilityRevision() + this.blocks.getVisibilityRevision();
   }
   setInsertSelection(e, t) {
-    Xi(this.inspector.selection, e) && $i(this.inspector.details, t) && !this.inspector.textSelection || (this.inspector.setSelection(e, t), this.emit("inspector-change", { inspector: this.inspector }));
+    qi(this.inspector.selection, e) && Gi(this.inspector.details, t) && !this.inspector.textSelection || (this.inspector.setSelection(e, t), this.emit("inspector-change", { inspector: this.inspector }));
   }
   /** @internal Used by the viewer's managed interaction pipeline. */
   setTextSelectionInternal(e, t) {
-    qi(this.inspector.textSelection, e) && Gi(this.inspector.textDetails, t) && !this.inspector.selection || (this.inspector.setTextSelection(e, t), this.emit("inspector-change", { inspector: this.inspector }));
+    $i(this.inspector.textSelection, e) && Wi(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;
@@ -1691,7 +1691,7 @@ class ji {
       hud: e(this.hud),
       loadTiming: e(this.loadTiming)
     };
-    return it(t);
+    return rt(t);
   }
   fitDocument() {
     this.assertActive();
@@ -1736,7 +1736,7 @@ class ji {
     const e = this.host.runtime.captureCameraSnapshot();
     e && this.host.persistCameraSnapshot(
       this.document.documentKey,
-      Fi(e)
+      Ni(e)
     );
   }
   syncDisplayContext() {
@@ -1782,7 +1782,7 @@ class ji {
     }
     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 ?? Yi)));
+    }, Math.max(0, this.host.viewportDemandCoalesceMs ?? ji)));
   }
   clearViewportDemandTimer() {
     this.viewportDemandTimer !== null && (globalThis.clearTimeout(this.viewportDemandTimer), this.viewportDemandTimer = null);
@@ -1819,19 +1819,19 @@ class ji {
     if (this.disposed) throw new Error("Viewer has been disposed.");
   }
 }
-function Xi(s, e) {
+function qi(s, e) {
   return s === e || !!(s && e && s.documentKey === e.documentKey && s.id.layerIndex === e.id.layerIndex && s.id.variantId === e.id.variantId && s.id.instanceId === e.id.instanceId);
 }
-function qi(s, e) {
+function $i(s, e) {
   return s === e || !!(s && e && s.documentKey === e.documentKey && s.id.textId === e.id.textId);
 }
-function $i(s, e) {
+function Gi(s, e) {
   return s === e || !!(s && e && s.id.layerIndex === e.id.layerIndex && s.id.variantId === e.id.variantId && s.id.instanceId === e.id.instanceId && s.label === e.label && s.blockName === e.blockName && s.layerName === e.layerName && s.layerIndex === e.layerIndex && s.tx === e.tx && s.ty === e.ty && s.rotation === e.rotation && s.scaleX === e.scaleX && s.scaleY === e.scaleY && s.bbox.minX === e.bbox.minX && s.bbox.minY === e.bbox.minY && s.bbox.maxX === e.bbox.maxX && s.bbox.maxY === e.bbox.maxY);
 }
-function Gi(s, e) {
+function Wi(s, e) {
   return s === e || !!(s && e && s.id.textId === e.id.textId && s.content === e.content && s.x === e.x && s.y === e.y && s.height === e.height && s.rotation === e.rotation && s.layerName === e.layerName && s.layerIndex === e.layerIndex);
 }
-function Wi(s) {
+function Ki(s) {
   let e = null;
   if (typeof s == "string" ? e = s : typeof URL < "u" && s instanceof URL ? e = s.href : typeof s == "object" && s !== null && "kind" in s && s.kind === "url" && (e = s.url), !e) return null;
   let t = 2166136261;
@@ -1839,11 +1839,11 @@ function Wi(s) {
     t ^= e.charCodeAt(i), t = Math.imul(t, 16777619);
   return `reference:src-${(t >>> 0).toString(16)}`;
 }
-function it(s) {
+function rt(s) {
   if (!s || typeof s != "object") return s;
   Object.freeze(s);
   for (const e of Object.values(s))
-    e && typeof e == "object" && !Object.isFrozen(e) && it(e);
+    e && typeof e == "object" && !Object.isFrozen(e) && rt(e);
   return s;
 }
 function Y(s, e, t) {
@@ -1851,7 +1851,7 @@ function Y(s, e, t) {
   return { code: c, stage: c === "E_FETCH" ? "source" : c === "E_PARSE_HEADER" ? "header" : c === "E_WORKER" ? "worker" : c === "E_PARSE_GEOMETRY" ? "geometry" : c === "E_SIDECAR_FETCH" ? "sidecar" : c === "E_ANNOTATION" ? "annotation" : c === "E_FONT" ? "font" : c === "E_ABORTED" || c === "E_SUPERSEDED" ? "lifecycle" : "source", fatal: e, source: t };
 }
 const Me = 1;
-class Ki {
+class Zi {
   constructor(e) {
     d(this, "startX", 0);
     d(this, "startY", 0);
@@ -1902,7 +1902,7 @@ class Ki {
 function oe(s, e) {
   return `${s}:${e}`;
 }
-class Zi {
+class Ji {
   constructor() {
     d(this, "expandedLayers", /* @__PURE__ */ new Set());
     d(this, "expandedBlocks", /* @__PURE__ */ new Set());
@@ -1946,7 +1946,7 @@ class Zi {
     this.revealedSelectionKey = null, this.suppressedSelectionKey = null;
   }
 }
-function A(s) {
+function R(s) {
   return s.replace(/[&<>"']/g, (e) => ({
     "&": "&amp;",
     "<": "&lt;",
@@ -1955,7 +1955,7 @@ function A(s) {
     "'": "&#39;"
   })[e] ?? e);
 }
-const Ji = {
+const Qi = {
   "panel.layers": "图层",
   "panel.properties": "属性",
   "panel.layers.aria": "图层面板",
@@ -2034,7 +2034,7 @@ const Ji = {
   "status.parsing": "解析中…",
   "status.incrementalLoading": "增量渲染中…",
   "unit.mm": "mm"
-}, Qi = {
+}, er = {
   "panel.layers": "Layers",
   "panel.properties": "Properties",
   "panel.layers.aria": "Layers panel",
@@ -2114,29 +2114,29 @@ const Ji = {
   "status.incrementalLoading": "Rendering incrementally…",
   "unit.mm": "mm"
 };
-function er(s, e) {
+function tr(s, e) {
   return e ? s.replace(/\{([a-zA-Z0-9_]+)\}/g, (t, i) => {
     const r = e[i];
     return r === void 0 ? t : String(r);
   }) : s;
 }
-function tr(s) {
+function ir(s) {
   try {
     return new Intl.NumberFormat(s, { maximumFractionDigits: 4, useGrouping: !1 });
   } catch {
     return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4, useGrouping: !1 });
   }
 }
-function ir(s) {
+function rr(s) {
   try {
     return new Intl.NumberFormat(s, { maximumFractionDigits: 0 });
   } catch {
     return new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 0 });
   }
 }
-function rt(s) {
+function st(s) {
   var a;
-  const e = ((a = s.locale) == null ? void 0 : a.trim()) || "zh-CN", t = e.toLowerCase().startsWith("en") ? Qi : Ji, i = tr(e), r = ir(e), n = {
+  const e = ((a = s.locale) == null ? void 0 : a.trim()) || "zh-CN", t = e.toLowerCase().startsWith("en") ? er : Qi, i = ir(e), r = rr(e), n = {
     locale: e,
     t(o, l) {
       var f;
@@ -2148,7 +2148,7 @@ function rt(s) {
           c = void 0;
         }
       const h = c ?? ((f = s.messages) == null ? void 0 : f[o]) ?? t[o] ?? o;
-      return er(h, l);
+      return tr(h, l);
     },
     formatNumber(o) {
       return o == null || !Number.isFinite(o) ? "—" : i.format(o);
@@ -2177,17 +2177,17 @@ function rt(s) {
   };
   return n;
 }
-const rr = {
+const sr = {
   "加载中…": "status.loading",
   "解析中…": "status.parsing",
   "增量渲染中…": "status.incrementalLoading"
 };
-function sr(s, e) {
-  const t = s.trim(), i = rr[t];
+function nr(s, e) {
+  const t = s.trim(), i = sr[t];
   return i ? e.t(i) : t;
 }
-const he = rt({});
-function nr(s) {
+const he = st({});
+function ar(s) {
   const e = /* @__PURE__ */ new Map();
   for (const i of s.usages) {
     const r = e.get(i.layerIndex) ?? /* @__PURE__ */ new Map(), n = oe(i.layerIndex, i.variantId);
@@ -2212,21 +2212,21 @@ function nr(s) {
     t.set(i, [...r.values()]);
   return t;
 }
-function ar(s, e) {
+function or(s, e) {
   return s ? e.toLowerCase().includes(s) : !0;
 }
-function Z(s, e, t) {
+function J(s, e, t) {
   s.dataset.visible = e ? "1" : "0", s.classList.toggle("off", !e), s.textContent = e ? "●" : "○", s.title = e ? t.t("layer.hideInsert") : t.t("layer.showInsert");
 }
-function W(s, e, t) {
+function K(s, e, t) {
   s.classList.toggle("off", e === "none"), s.classList.toggle("mixed", e === "mixed"), s.textContent = e === "all" ? "●" : e === "none" ? "○" : "◐", s.title = e === "all" ? t.t("layer.hideBlock") : e === "none" ? t.t("layer.showBlockRestore") : t.t("layer.hideBlockKeep");
 }
-function or(s) {
+function lr(s) {
   let e = 0;
   for (const t of s) t.visible && (e += 1);
   return e <= 0 ? "none" : e >= s.length ? "all" : "mixed";
 }
-function st(s, e, t, i) {
+function nt(s, e, t, i) {
   if (!s) return !1;
   const r = s.id;
   return r.layerIndex !== e || r.variantId !== t ? !1 : i === void 0 ? !0 : r.instanceId === i;
@@ -2239,7 +2239,7 @@ function ke(s) {
   const r = i.top - t.top, n = s.scrollTop + r - (t.height - i.height) / 2;
   return s.scrollTop = Math.max(0, n), !0;
 }
-function nt(s, e, t = 0) {
+function at(s, e, t = 0) {
   const i = () => {
     const r = s.getBoundingClientRect(), n = e.getBoundingClientRect();
     if (r.height <= 0) return;
@@ -2258,7 +2258,7 @@ function nt(s, e, t = 0) {
   };
   i(), typeof requestAnimationFrame == "function" && requestAnimationFrame(i);
 }
-function lr(s, e) {
+function cr(s, e) {
   const t = e.trim().toLowerCase();
   s.querySelectorAll(".vui-lrow-wrap").forEach((i) => {
     var o, l;
@@ -2268,7 +2268,7 @@ function lr(s, e) {
     i.style.display = a ? "" : "none";
   });
 }
-function cr(s, e) {
+function dr(s, e) {
   if (s.querySelectorAll(".vui-lrow-block.active, .vui-lrow-insert.active").forEach((o) => {
     o.classList.remove("active");
   }), !e) return;
@@ -2281,33 +2281,33 @@ function cr(s, e) {
   );
   a && a.classList.add("active");
 }
-function dr(s, e, t, i = he) {
+function hr(s, e, t, i = he) {
   var l;
   const r = new Map(e.map((c) => [c.index, c]));
   s.querySelectorAll(".vui-lrow[data-layer-index]:not(.vui-lrow-all)").forEach((c) => {
     const h = r.get(Number(c.dataset.layerIndex));
     if (!h) return;
     const f = c.querySelector(".vui-lrow-eye");
-    f && (f.textContent = h.visible ? "●" : "○", f.title = h.visible ? i.t("layer.hide") : i.t("layer.show")), c.classList.toggle("off", !h.visible), at(c, ue(h));
+    f && (f.textContent = h.visible ? "●" : "○", f.title = h.visible ? i.t("layer.hide") : i.t("layer.show")), c.classList.toggle("off", !h.visible), ot(c, ue(h));
   });
   const n = s.querySelector(".vui-lrow-all"), a = t === null ? "#c8c8c8" : U(t);
   (l = n == null ? void 0 : n.querySelector(".vui-lrow-clr")) == null || l.style.setProperty("background", a);
   const o = n == null ? void 0 : n.querySelector('input[type="color"]');
   o && o.value !== a && (o.value = a);
 }
-function hr(s, e, t) {
+function ur(s, e, t) {
   var g;
   const i = t.text ?? he;
   e.resetForScope(t.scopeKey);
-  const r = e.filterText.trim().toLowerCase(), n = t.layers.rows, a = nr(t.blocks);
+  const r = e.filterText.trim().toLowerCase(), n = t.layers.rows, a = ar(t.blocks);
   if (s.list.replaceChildren(), s.count.textContent = String(n.length), n.length === 0) {
-    s.list.appendChild(pr(i.t("layer.empty")));
+    s.list.appendChild(mr(i.t("layer.empty")));
     return;
   }
   const o = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
-  for (const m of n) {
-    o.add(m.index);
-    for (const v of a.get(m.index) ?? []) l.add(v.key);
+  for (const p of n) {
+    o.add(p.index);
+    for (const v of a.get(p.index) ?? []) l.add(v.key);
   }
   e.prune(o, l);
   const c = (g = t.selection) == null ? void 0 : g.id, h = c ? `${c.layerIndex}:${c.variantId}:${c.instanceId}` : null;
@@ -2317,33 +2317,33 @@ function hr(s, e, t) {
     <span class="vui-lrow-eye">◎</span>
     <span class="vui-lrow-dot"></span>
     <span class="vui-lrow-toggle placeholder">▶</span>
-    <span class="vui-lrow-name">${A(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="${A(i.t("layer.colorOverrideAll"))}">
+    <span class="vui-lrow-name">${R(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="${R(i.t("layer.colorOverrideAll"))}">
       <input type="color" value="#${(t.layers.allColor ?? 13158600).toString(16).padStart(6, "0")}">
     </span>`;
   const u = f.querySelector('input[type="color"]');
   u && u.addEventListener("input", () => {
-    var y, p, w;
-    const m = Number.parseInt(u.value.slice(1), 16), v = Number.isFinite(m) ? m : null;
+    var y, m, x;
+    const p = Number.parseInt(u.value.slice(1), 16), v = Number.isFinite(p) ? p : null;
     (y = t.beginLayerColorPreview) == null || y.call(t, u);
     try {
       if (t.setAllLayerColor) t.setAllLayerColor(v);
-      else for (const R of n) t.setLayerColor(R.index, v);
-      const x = v === null ? "#c8c8c8" : U(v);
-      (p = u.closest(".vui-lrow-clr")) == null || p.style.setProperty("background", x), Te(s.list, n, v);
+      else for (const E of n) t.setLayerColor(E.index, v);
+      const w = v === null ? "#c8c8c8" : U(v);
+      (m = u.closest(".vui-lrow-clr")) == null || m.style.setProperty("background", w), Te(s.list, n, v);
     } finally {
-      (w = t.endLayerColorPreview) == null || w.call(t, u);
+      (x = t.endLayerColorPreview) == null || x.call(t, u);
     }
-  }), u == null || u.addEventListener("click", (m) => m.stopPropagation());
+  }), u == null || u.addEventListener("click", (p) => p.stopPropagation());
   const b = f.querySelector(".vui-lrow-clr");
-  b && b.addEventListener("contextmenu", (m) => {
+  b && b.addEventListener("contextmenu", (p) => {
     var v;
-    if (m.preventDefault(), m.stopPropagation(), t.setAllLayerColor) t.setAllLayerColor(null);
+    if (p.preventDefault(), p.stopPropagation(), t.setAllLayerColor) t.setAllLayerColor(null);
     else for (const y of n) t.setLayerColor(y.index, null);
     (v = u == null ? void 0 : u.closest(".vui-lrow-clr")) == null || v.style.setProperty("background", "#c8c8c8"), u && (u.value = "#c8c8c8"), Te(s.list, n, null);
   }), s.list.appendChild(f);
-  for (const m of n)
-    ar(r, m.name) && s.list.appendChild(ur(m, e, t, a.get(m.index) ?? [], i));
+  for (const p of n)
+    or(r, p.name) && s.list.appendChild(pr(p, e, t, a.get(p.index) ?? [], i));
   h && e.needsSelectionReveal(h) && (ke(s.list) && e.markSelectionRevealed(h), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
     e.needsSelectionReveal(h) && ke(s.list) && e.markSelectionRevealed(h);
   }));
@@ -2352,9 +2352,9 @@ function U(s) {
   return `#${s.toString(16).padStart(6, "0")}`;
 }
 function ue(s) {
-  return s.color !== null ? U(s.color) : U(tt(s.sourceColor));
+  return s.color !== null ? U(s.color) : U(it(s.sourceColor));
 }
-function at(s, e) {
+function ot(s, e) {
   var r;
   (r = s.querySelector(".vui-lrow-dot")) == null || r.style.setProperty("background", e);
   const t = s.querySelector(".vui-lrow-clr");
@@ -2366,10 +2366,10 @@ function Te(s, e, t) {
   const i = new Map(e.map((r) => [r.index, r]));
   s.querySelectorAll(".vui-lrow[data-layer-index]").forEach((r) => {
     const n = i.get(Number(r.dataset.layerIndex));
-    n && at(r, t === null ? ue(n) : U(t));
+    n && ot(r, t === null ? ue(n) : U(t));
   });
 }
-function ur(s, e, t, i, r) {
+function pr(s, e, t, i, r) {
   const n = i.length > 0, a = e.expandedLayers.has(s.index), o = ue(s), l = document.createElement("div");
   l.className = "vui-lrow-wrap";
   const c = document.createElement("div");
@@ -2377,8 +2377,8 @@ function ur(s, e, t, i, r) {
   const h = document.createElement("button");
   h.type = "button", h.className = "vui-lrow-eye", h.textContent = s.visible ? "●" : "○", h.title = s.visible ? r.t("layer.hide") : r.t("layer.show"), h.addEventListener("click", (y) => {
     y.stopPropagation();
-    const p = !s.visible;
-    h.textContent = p ? "●" : "○", h.title = p ? r.t("layer.hide") : r.t("layer.show"), c.classList.toggle("off", !p), t.toggleLayer(s.index);
+    const m = !s.visible;
+    h.textContent = m ? "●" : "○", h.title = m ? r.t("layer.hide") : r.t("layer.show"), c.classList.toggle("off", !m), t.toggleLayer(s.index);
   });
   const f = document.createElement("span");
   f.className = "vui-lrow-dot", f.style.background = o;
@@ -2387,53 +2387,53 @@ function ur(s, e, t, i, r) {
   const b = (y) => {
     if (y.stopPropagation(), !n) return;
     e.toggleLayerExpanded(s.index);
-    const p = e.expandedLayers.has(s.index);
-    u.textContent = p ? "▼" : "▶";
-    let w = l.querySelector(":scope > .vui-lrow-blocks");
-    if (p)
-      if (w)
-        w.classList.add("open");
+    const m = e.expandedLayers.has(s.index);
+    u.textContent = m ? "▼" : "▶";
+    let x = l.querySelector(":scope > .vui-lrow-blocks");
+    if (m)
+      if (x)
+        x.classList.add("open");
       else {
-        w = document.createElement("div"), w.className = "vui-lrow-blocks open";
-        for (const x of i)
-          w.appendChild(De(x, e, t, r));
-        l.appendChild(w);
+        x = document.createElement("div"), x.className = "vui-lrow-blocks open";
+        for (const w of i)
+          x.appendChild(De(w, e, t, r));
+        l.appendChild(x);
       }
     else {
-      w == null || w.classList.remove("open");
-      const x = l.closest(".vui-section-list") ?? l.parentElement;
-      x && nt(x, c, 0);
+      x == null || x.classList.remove("open");
+      const w = l.closest(".vui-section-list") ?? l.parentElement;
+      w && at(w, c, 0);
     }
   };
   u.addEventListener("click", b);
   const g = document.createElement("span");
   g.className = "vui-lrow-name", g.textContent = s.name || r.t("layer.unnamed"), g.title = s.name;
-  const m = document.createElement("span");
-  m.className = "vui-lrow-clr", m.style.background = o, m.title = r.t("layer.colorOverride");
+  const p = document.createElement("span");
+  p.className = "vui-lrow-clr", p.style.background = o, p.title = r.t("layer.colorOverride");
   const v = document.createElement("input");
   if (v.type = "color", v.value = o, v.addEventListener("input", () => {
-    var p, w;
+    var m, x;
     const y = Number.parseInt(v.value.slice(1), 16);
-    (p = t.beginLayerColorPreview) == null || p.call(t, v);
+    (m = t.beginLayerColorPreview) == null || m.call(t, v);
     try {
-      t.setLayerColor(s.index, Number.isFinite(y) ? y : null), f.style.background = v.value, m.style.background = v.value;
+      t.setLayerColor(s.index, Number.isFinite(y) ? y : null), f.style.background = v.value, p.style.background = v.value;
     } finally {
-      (w = t.endLayerColorPreview) == null || w.call(t, v);
+      (x = t.endLayerColorPreview) == null || x.call(t, v);
     }
-  }), v.addEventListener("click", (y) => y.stopPropagation()), m.addEventListener("contextmenu", (y) => {
+  }), v.addEventListener("click", (y) => y.stopPropagation()), p.addEventListener("contextmenu", (y) => {
     y.preventDefault(), y.stopPropagation(), t.setLayerColor(s.index, null);
-    const p = U(tt(s.sourceColor));
-    v.value = p, f.style.background = p, m.style.background = p;
-  }), m.appendChild(v), c.append(h, f, u, g, m), c.addEventListener("click", (y) => {
-    const p = y.target;
-    if (p instanceof HTMLInputElement && p.type === "color" || p.closest(".vui-lrow-clr") || p.closest(".vui-lrow-toggle") || p.closest(".vui-lrow-eye")) return;
-    const w = !s.visible;
-    h.textContent = w ? "●" : "○", h.title = w ? r.t("layer.hide") : r.t("layer.show"), c.classList.toggle("off", !w), t.toggleLayer(s.index);
+    const m = U(it(s.sourceColor));
+    v.value = m, f.style.background = m, p.style.background = m;
+  }), p.appendChild(v), c.append(h, f, u, g, p), c.addEventListener("click", (y) => {
+    const m = y.target;
+    if (m instanceof HTMLInputElement && m.type === "color" || m.closest(".vui-lrow-clr") || m.closest(".vui-lrow-toggle") || m.closest(".vui-lrow-eye")) return;
+    const x = !s.visible;
+    h.textContent = x ? "●" : "○", h.title = x ? r.t("layer.hide") : r.t("layer.show"), c.classList.toggle("off", !x), t.toggleLayer(s.index);
   }), l.appendChild(c), n && a) {
     const y = document.createElement("div");
     y.className = "vui-lrow-blocks open";
-    for (const p of i)
-      y.appendChild(De(p, e, t, r));
+    for (const m of i)
+      y.appendChild(De(m, e, t, r));
     l.appendChild(y);
   }
   return l;
@@ -2441,49 +2441,49 @@ function ur(s, e, t, i, r) {
 function De(s, e, t, i) {
   const r = document.createElement("div");
   r.className = "vui-lrow-block-wrap";
-  const n = e.expandedBlocks.has(s.key), a = or(s.inserts), o = st(t.selection, s.layerIndex, s.variantId), l = document.createElement("div");
+  const n = e.expandedBlocks.has(s.key), a = lr(s.inserts), o = nt(t.selection, s.layerIndex, s.variantId), l = document.createElement("div");
   l.className = `vui-lrow-block${o ? " active" : ""}${s.canHighlight ? "" : " disabled"}`, l.dataset.variantId = String(s.variantId), l.dataset.layerIndex = String(s.layerIndex), s.canHighlight || (l.title = i.t("layer.noHighlightBlock"));
   const c = document.createElement("button");
-  c.type = "button", c.className = "vui-lrow-block-visibility", W(c, a, i), c.addEventListener("click", (g) => {
+  c.type = "button", c.className = "vui-lrow-block-visibility", K(c, a, i), c.addEventListener("click", (g) => {
     if (g.stopPropagation(), a === "none") {
       const v = e.blockVisibilitySnapshots.get(s.key), y = [];
-      for (const p of s.inserts) {
-        const w = (v == null ? void 0 : v.get(p.instanceId)) ?? !0;
-        p.visible !== w && y.push({ insertId: p.insertId, visible: w });
+      for (const m of s.inserts) {
+        const x = (v == null ? void 0 : v.get(m.instanceId)) ?? !0;
+        m.visible !== x && y.push({ insertId: m.insertId, visible: x });
       }
-      if (W(c, "all", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((p) => {
-        Z(p, !0, i);
+      if (K(c, "all", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((m) => {
+        J(m, !0, i);
       }), t.batchToggleInserts && y.length > 0)
         t.batchToggleInserts(y);
       else
-        for (const p of y) t.toggleInsert(p.insertId, p.visible);
+        for (const m of y) t.toggleInsert(m.insertId, m.visible);
       return;
     }
     e.blockVisibilitySnapshots.set(
       s.key,
       new Map(s.inserts.map((v) => [v.instanceId, v.visible]))
     );
-    const m = s.inserts.filter((v) => v.visible).map((v) => ({ insertId: v.insertId, visible: !1 }));
-    if (W(c, "none", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((v) => {
-      Z(v, !1, i);
-    }), t.batchToggleInserts && m.length > 0)
-      t.batchToggleInserts(m);
+    const p = s.inserts.filter((v) => v.visible).map((v) => ({ insertId: v.insertId, visible: !1 }));
+    if (K(c, "none", i), r.querySelectorAll(".vui-lrow-insert-visibility").forEach((v) => {
+      J(v, !1, i);
+    }), t.batchToggleInserts && p.length > 0)
+      t.batchToggleInserts(p);
     else
-      for (const v of m) t.toggleInsert(v.insertId, !1);
+      for (const v of p) t.toggleInsert(v.insertId, !1);
   });
   const h = document.createElement("button");
   h.type = "button", h.className = "vui-lrow-block-toggle", h.textContent = n ? "▼" : "▶";
   const f = (g) => {
     g.stopPropagation(), e.toggleBlockExpanded(s.layerIndex, s.variantId);
-    const m = e.expandedBlocks.has(s.key);
-    h.textContent = m ? "▼" : "▶";
+    const p = e.expandedBlocks.has(s.key);
+    h.textContent = p ? "▼" : "▶";
     let v = r.querySelector(":scope > .vui-lrow-inserts");
-    if (m)
+    if (p)
       v ? v.classList.add("open") : (v = Oe(s, e, t, c, i), r.appendChild(v));
     else {
       v == null || v.classList.remove("open");
       const y = r.closest(".vui-section-list") ?? r.parentElement;
-      y && nt(y, l, 24);
+      y && at(y, l, 24);
     }
   };
   h.addEventListener("click", f);
@@ -2492,8 +2492,8 @@ function De(s, e, t, i) {
   const b = document.createElement("span");
   return b.className = "vui-lrow-block-count", b.textContent = `×${s.inserts.length}`, l.append(c, h, u, b), s.inserts.length === 1 && l.addEventListener("click", () => {
     if (!s.canHighlight) return;
-    const g = s.inserts[0], m = `${s.layerIndex}:${s.variantId}:${g.instanceId}`;
-    e.markSelectionRevealed(m), t.selectInsert(g.insertId);
+    const g = s.inserts[0], p = `${s.layerIndex}:${s.variantId}:${g.instanceId}`;
+    e.markSelectionRevealed(p), t.selectInsert(g.insertId);
   }), r.appendChild(l), n && r.appendChild(Oe(s, e, t, c, i)), r;
 }
 function Oe(s, e, t, i, r) {
@@ -2501,19 +2501,19 @@ function Oe(s, e, t, i, r) {
   n.className = "vui-lrow-inserts open";
   for (const a of s.inserts) {
     const o = document.createElement("div");
-    o.className = `vui-lrow-insert${st(t.selection, s.layerIndex, s.variantId, a.instanceId) ? " active" : ""}${a.canHighlight === !1 ? " disabled" : ""}`, o.dataset.layerIndex = String(s.layerIndex), o.dataset.variantId = String(s.variantId), o.dataset.instanceId = String(a.instanceId), o.dataset.insertId = a.insertId, a.canHighlight === !1 && (o.title = r.t("layer.noHighlightInsert"));
+    o.className = `vui-lrow-insert${nt(t.selection, s.layerIndex, s.variantId, a.instanceId) ? " active" : ""}${a.canHighlight === !1 ? " disabled" : ""}`, o.dataset.layerIndex = String(s.layerIndex), o.dataset.variantId = String(s.variantId), o.dataset.instanceId = String(a.instanceId), o.dataset.insertId = a.insertId, a.canHighlight === !1 && (o.title = r.t("layer.noHighlightInsert"));
     const l = document.createElement("button");
-    l.type = "button", l.className = "vui-lrow-insert-visibility", Z(l, a.visible, r), l.addEventListener("click", (h) => {
+    l.type = "button", l.className = "vui-lrow-insert-visibility", J(l, a.visible, r), l.addEventListener("click", (h) => {
       h.stopPropagation();
       const f = !a.visible;
-      Z(l, f, r);
+      J(l, f, r);
       const u = n.querySelectorAll(".vui-lrow-insert-visibility");
       let b = 0;
-      u.forEach((m) => {
-        m.dataset.visible === "1" && b++;
+      u.forEach((p) => {
+        p.dataset.visible === "1" && b++;
       });
       const g = b === 0 ? "none" : b === u.length ? "all" : "mixed";
-      W(i, g, r), t.toggleInsert(a.insertId, f);
+      K(i, g, r), t.toggleInsert(a.insertId, f);
     });
     const c = document.createElement("span");
     c.className = "vui-lrow-insert-label", c.textContent = a.label, c.title = a.label, o.append(l, c), o.addEventListener("click", () => {
@@ -2524,11 +2524,11 @@ function Oe(s, e, t, i, r) {
   }
   return n;
 }
-function pr(s) {
+function mr(s) {
   const e = document.createElement("div");
   return e.className = "vui-empty-note", e.textContent = s, e;
 }
-function mr(s, e) {
+function fr(s, e) {
   const t = () => {
     e(s.value);
   };
@@ -2536,35 +2536,35 @@ function mr(s, e) {
 }
 function Le(s, e, t = he, i = "mm") {
   if (s.body.replaceChildren(), e.textSelection && e.textDetails) {
-    V(s, !1), vr(s.body, e.textDetails, t, i), Fe(s.body);
+    V(s, !1), br(s.body, e.textDetails, t, i), Fe(s.body);
     return;
   }
   if (!e.selection || !e.details) {
-    V(s, !1), s.body.appendChild(br(t.t("property.empty")));
+    V(s, !1), s.body.appendChild(gr(t.t("property.empty")));
     return;
   }
-  fr(s.body, e.details, t, i), Fe(s.body);
+  vr(s.body, e.details, t, i), Fe(s.body);
 }
 function V(s, e) {
   if (!s.previewWrap || !s.previewCanvas || (s.previewWrap.hidden = !e, e)) return;
   const t = s.previewCanvas.getContext("2d");
   t == null || t.clearRect(0, 0, s.previewCanvas.width, s.previewCanvas.height);
 }
-function fr(s, e, t, i) {
-  ot(s, t.t("property.insert"), e.blockName), le(s, t.t("property.basic"), (r) => {
-    E(r, t.t("property.block"), e.blockName), E(r, t.t("property.layer"), e.layerName), E(r, t.t("property.instance"), `#${e.id.instanceId}`), E(r, t.t("property.currentShape"), t.t("property.normalShape"));
+function vr(s, e, t, i) {
+  lt(s, t.t("property.insert"), e.blockName), le(s, t.t("property.basic"), (r) => {
+    S(r, t.t("property.block"), e.blockName), S(r, t.t("property.layer"), e.layerName), S(r, t.t("property.instance"), `#${e.id.instanceId}`), S(r, t.t("property.currentShape"), t.t("property.normalShape"));
   }), le(s, t.t("property.transform"), (r) => {
-    E(r, "X", t.formatUnit(e.tx, i)), E(r, "Y", t.formatUnit(e.ty, i)), E(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°")), E(r, "Sx", t.formatNumber(e.scaleX)), E(r, "Sy", t.formatNumber(e.scaleY));
+    S(r, "X", t.formatUnit(e.tx, i)), S(r, "Y", t.formatUnit(e.ty, i)), S(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°")), S(r, "Sx", t.formatNumber(e.scaleX)), S(r, "Sy", t.formatNumber(e.scaleY));
   });
 }
-function vr(s, e, t, i) {
-  ot(s, t.t("property.text"), e.content), le(s, t.t("property.basic"), (r) => {
-    E(r, t.t("property.layer"), e.layerName), E(r, t.t("property.content"), e.content), E(r, t.t("property.height"), t.formatUnit(e.height, i)), E(r, "X", t.formatUnit(e.x, i)), E(r, "Y", t.formatUnit(e.y, i)), E(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°"));
+function br(s, e, t, i) {
+  lt(s, t.t("property.text"), e.content), le(s, t.t("property.basic"), (r) => {
+    S(r, t.t("property.layer"), e.layerName), S(r, t.t("property.content"), e.content), S(r, t.t("property.height"), t.formatUnit(e.height, i)), S(r, "X", t.formatUnit(e.x, i)), S(r, "Y", t.formatUnit(e.y, i)), S(r, t.t("property.rotation"), t.formatUnit(e.rotation, "°"));
   });
 }
-function ot(s, e, t) {
+function lt(s, e, t) {
   const i = document.createElement("div");
-  i.className = "vui-pp-section vui-pp-title-row", i.innerHTML = `<strong>${A(e)}</strong><span>·</span><span>${A(t)}</span>`, s.appendChild(i);
+  i.className = "vui-pp-section vui-pp-title-row", i.innerHTML = `<strong>${R(e)}</strong><span>·</span><span>${R(t)}</span>`, s.appendChild(i);
 }
 function le(s, e, t) {
   const i = document.createElement("section");
@@ -2572,11 +2572,11 @@ function le(s, e, t) {
   const r = document.createElement("div");
   r.className = "vui-pp-section-label", r.textContent = e, i.appendChild(r), t(i), s.appendChild(i);
 }
-function E(s, e, t) {
+function S(s, e, t) {
   const i = document.createElement("div");
-  i.className = "vui-pp-row", i.innerHTML = `<span class="label">${A(e)}</span><span class="value" title="${A(t)}">${A(t)}</span>`, s.appendChild(i);
+  i.className = "vui-pp-row", i.innerHTML = `<span class="label">${R(e)}</span><span class="value" title="${R(t)}">${R(t)}</span>`, s.appendChild(i);
 }
-function br(s) {
+function gr(s) {
   const e = document.createElement("div");
   return e.className = "vui-empty-note", e.textContent = s, e;
 }
@@ -2588,17 +2588,17 @@ function Fe(s) {
   if (s.querySelector("textarea"))
     throw new Error("Property panel must not contain textarea elements");
 }
-const gr = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(globalThis) : (s) => globalThis.setTimeout(() => s(performance.now()), 16), yr = typeof cancelAnimationFrame == "function" ? cancelAnimationFrame.bind(globalThis) : (s) => {
+const yr = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(globalThis) : (s) => globalThis.setTimeout(() => s(performance.now()), 16), wr = typeof cancelAnimationFrame == "function" ? cancelAnimationFrame.bind(globalThis) : (s) => {
   globalThis.clearTimeout(s);
 };
-class wr {
+class xr {
   constructor(e) {
     d(this, "onFlush");
     d(this, "requestFrame");
     d(this, "cancelFrame");
     d(this, "pending", /* @__PURE__ */ new Map());
     d(this, "scheduledHandle", null);
-    this.onFlush = e.onFlush, this.requestFrame = e.requestFrame ?? gr, this.cancelFrame = e.cancelFrame ?? yr;
+    this.onFlush = e.onFlush, this.requestFrame = e.requestFrame ?? yr, this.cancelFrame = e.cancelFrame ?? wr;
   }
   enqueue(e, t) {
     this.pending.set(e, t), this.scheduledHandle === null && (this.scheduledHandle = this.requestFrame(() => {
@@ -2622,7 +2622,7 @@ class wr {
     this.pending.clear(), this.scheduledHandle !== null && (this.cancelFrame(this.scheduledHandle), this.scheduledHandle = null);
   }
 }
-const xr = `
+const Cr = `
 :host {
   display: block;
   width: 100%;
@@ -3492,7 +3492,7 @@ button, input { font: inherit; }
   .vui-infobar-content { max-width: calc(100vw - 48px); }
   .vui-infobar-tools .vui-info-text { max-width: min(180px, 45vw); }
 }
-`, Cr = {
+`, Er = {
   dark: `
 :host, .vui-root[data-theme="dark"] {
   --vui-bg: #0A0B0F;
@@ -3613,13 +3613,13 @@ function re(s = "dark", e = {}) {
     hudBackground: "--vui-hud-bg"
   }, i = Object.entries(e).filter(([, r]) => typeof r == "string" && r.trim().length > 0).map(([r, n]) => `${t[r]}: ${n};`).join(`
 `);
-  return `${Cr[s]}${i ? `
+  return `${Er[s]}${i ? `
 :host, .vui-root[data-theme="${s}"] {
 ${i}
 }
-` : ""}${xr}`;
+` : ""}${Cr}`;
 }
-const Er = {
+const Sr = {
   layerPanel: !0,
   propertyPanel: !0,
   hud: !0,
@@ -3629,8 +3629,8 @@ const Er = {
   infobarLineMode: !0,
   infobarPhase: !0,
   infobarDebug: !0
-}, Ne = "property-panel:open", Ve = "layer-panel:open", Be = 300, _e = 180, Sr = 2;
-let Pr = 0;
+}, Ne = "property-panel:open", Ve = "layer-panel:open", Be = 300, ze = 180, Pr = 2;
+let Ar = 0;
 function L(s, ...e) {
   const t = document.createElement("div");
   t.className = "vui-debug-row";
@@ -3639,7 +3639,7 @@ function L(s, ...e) {
   const r = document.createElement("div");
   return r.className = "vui-debug-value", r.append(...e), t.append(i, r), t;
 }
-function ze(s, e, t) {
+function _e(s, e, t) {
   const i = document.createElement("div");
   i.className = "vui-debug-spread";
   const r = document.createElement("b");
@@ -3655,7 +3655,7 @@ function Ue(s) {
   const e = document.createElement("div");
   return e.className = "vui-debug-spread-list", e.append(...s), e;
 }
-function Ar(s, e) {
+function Rr(s, e) {
   switch (s) {
     case "created":
       return e.t("status.created");
@@ -3683,11 +3683,11 @@ function He(s) {
     return n === "" || n === "true" || n === "plaintext-only";
   });
 }
-class Rr {
+class Ir {
   constructor(e, t) {
     d(this, "parts");
     d(this, "text");
-    d(this, "layerPanelState", new Zi());
+    d(this, "layerPanelState", new Ji());
     d(this, "shadow", null);
     d(this, "layerPanelRefs", null);
     d(this, "propertyPanelRefs", null);
@@ -3731,7 +3731,7 @@ class Rr {
     d(this, "filterCleanup", null);
     d(this, "disposed", !1);
     d(this, "persistenceNamespace");
-    d(this, "insertToggleScheduler", new wr({
+    d(this, "insertToggleScheduler", new xr({
       onFlush: (e) => {
         this.host.cad.blocks.batchToggleInserts(e);
       }
@@ -3744,7 +3744,7 @@ class Rr {
       if (!(this.disposed || !this.active)) {
         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 ? 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 ? Ar(t.phase, this.text) : "", 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 ? Rr(t.phase, this.text) : "", this.infobarRefs.phase.hidden = !this.infobarRefs.phase.textContent;
           const i = Math.round(t.fps);
           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;
@@ -3755,7 +3755,7 @@ class Rr {
               blocks: this.text.formatInteger(t.blockVariantCount),
               split: this.text.formatInteger(t.splitBlockLayerGroupCount)
             });
-            const n = t.renderDebugBreakdown.map((c) => ze(
+            const n = t.renderDebugBreakdown.map((c) => _e(
               c.label,
               this.text.t("toolbar.debug.breakdown", {
                 renderables: this.text.formatInteger(c.renderables),
@@ -3768,7 +3768,7 @@ class Rr {
               })
             ];
             n.length > 0 && a.push(Ue(n));
-            const o = t.splitBlockLayerDetails.map((c) => ze(
+            const o = t.splitBlockLayerDetails.map((c) => _e(
               `${c.blockName} #${c.variantId}`,
               this.text.t("toolbar.debug.spreadMeta", {
                 layers: this.text.formatInteger(c.layerCount),
@@ -3805,7 +3805,7 @@ class Rr {
           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 = sr(t.statusMessage, this.text);
+          }) : "", r = nr(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.text.formatScaleLabel(
@@ -3816,7 +3816,7 @@ class Rr {
       }
     });
     var i, r, n, a;
-    this.host = e, this.options = t, this.parts = { ...Er, ...(i = t.cad) == null ? void 0 : i.parts }, this.themeValue = t.theme ?? "dark", this.text = rt({ ...t, unitFormatter: (r = t.cad) == null ? void 0 : r.unitFormatter }), this.persistenceNamespace = ((a = (n = t.cad) == null ? void 0 : n.persistenceKey) == null ? void 0 : a.trim()) || t.root.id.trim() || `instance-${++Pr}`;
+    this.host = e, this.options = t, this.parts = { ...Sr, ...(i = t.cad) == null ? void 0 : i.parts }, this.themeValue = t.theme ?? "dark", this.text = st({ ...t, unitFormatter: (r = t.cad) == null ? void 0 : r.unitFormatter }), this.persistenceNamespace = ((a = (n = t.cad) == null ? void 0 : n.persistenceKey) == null ? void 0 : a.trim()) || t.root.id.trim() || `instance-${++Ar}`;
   }
   mount() {
     var o, l;
@@ -3902,7 +3902,7 @@ class Rr {
     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">${A(this.text.t("panel.layers"))}</span><span class="vui-section-count">—</span>`;
+    r.className = "vui-section-head", r.innerHTML = `<span class="vui-section-title">${R(this.text.t("panel.layers"))}</span><span class="vui-section-count">—</span>`;
     const n = document.createElement("div");
     n.className = "vui-section-filter-wrap";
     const a = document.createElement("input");
@@ -3916,8 +3916,8 @@ class Rr {
     const h = document.createElement("button");
     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 v;
-      const g = (v = this.host.cad.inspector.selection) == null ? void 0 : v.id, m = g ? `${g.layerIndex}:${g.variantId}:${g.instanceId}` : null;
-      this.layerPanelState.collapseAll(m), this.refresh();
+      const g = (v = this.host.cad.inspector.selection) == null ? void 0 : v.id, p = g ? `${g.layerIndex}:${g.variantId}:${g.instanceId}` : null;
+      this.layerPanelState.collapseAll(p), this.refresh();
     }), o.append(l, c, h);
     const f = document.createElement("div");
     f.className = "vui-section-list", i.append(r, n, o, f), t.appendChild(i), this.layerPanelRefs = {
@@ -3953,7 +3953,7 @@ class Rr {
     if (a.className = "vui-info-text", this.toolbarInfoText = a, n.appendChild(a), this.parts.fit) {
       this.btnFit = document.createElement("button"), this.btnFit.type = "button", this.btnFit.className = "vui-btn";
       const v = this.getFitShortcut();
-      this.btnFit.innerHTML = v ? `${A(this.text.t("toolbar.fit"))} <span class="vui-kbd">${A(v.toUpperCase())}</span>` : A(this.text.t("toolbar.fit")), this.btnFit.addEventListener("click", () => this.host.fitSelectionOrDocument()), n.appendChild(this.btnFit);
+      this.btnFit.innerHTML = v ? `${R(this.text.t("toolbar.fit"))} <span class="vui-kbd">${R(v.toUpperCase())}</span>` : R(this.text.t("toolbar.fit")), this.btnFit.addEventListener("click", () => this.host.fitSelectionOrDocument()), n.appendChild(this.btnFit);
     }
     if (this.parts.viewMode) {
       const v = document.createElement("div");
@@ -3975,8 +3975,8 @@ class Rr {
     b.className = "vui-debug-card";
     const g = document.createElement("summary");
     g.className = "vui-debug-summary", g.textContent = this.text.t("toolbar.details");
-    const m = document.createElement("div");
-    return m.className = "vui-debug-body", b.append(g, m), i.append(r, n, o, l, c, h, f, u, b), e.append(t, i), this.infobarRefs = {
+    const p = document.createElement("div");
+    return p.className = "vui-debug-body", b.append(g, p), i.append(r, n, o, l, c, h, f, u, b), e.append(t, i), this.infobarRefs = {
       infobar: e,
       file: r,
       tools: n,
@@ -3988,7 +3988,7 @@ class Rr {
       fps: u,
       debugCard: b,
       debugSummary: g,
-      debugBody: m
+      debugBody: p
     }, this.infobar = e, this.infobarToggle = t, e;
   }
   buildPropertyPanel() {
@@ -3997,7 +3997,7 @@ class Rr {
     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">${A(this.text.t("panel.properties"))}</span>`;
+    i.className = "vui-pp-head", i.innerHTML = `<span class="vui-pp-title-text">${R(this.text.t("panel.properties"))}</span>`;
     const r = document.createElement("div");
     r.className = "vui-pp-preview-wrap", r.hidden = !0;
     const n = document.createElement("canvas");
@@ -4010,8 +4010,8 @@ class Rr {
     return l.type = "button", l.className = "vui-property-panel-toggle", l.addEventListener("click", () => this.setPropertyPanelOpen(e.classList.contains("closed"))), o.appendChild(l), e.append(o, t), this.propertyPanelShell = e, this.propertyPanelToggle = l, this.propertyPanelRefs = { body: a, previewWrap: r, previewCanvas: n }, e;
   }
   bindEvents() {
-    this.layerPanelRefs && (this.filterCleanup = mr(this.layerPanelRefs.filterInput, (e) => {
-      this.layerPanelState.filterText = e, this.layerPanelRefs && lr(this.layerPanelRefs.list, e);
+    this.layerPanelRefs && (this.filterCleanup = fr(this.layerPanelRefs.filterInput, (e) => {
+      this.layerPanelState.filterText = e, this.layerPanelRefs && cr(this.layerPanelRefs.list, e);
     })), this.unsubscribers.push(
       this.host.cad.on("document-change", () => this.refresh()),
       this.host.cad.on("layer-change", () => this.syncLayerChange()),
@@ -4019,7 +4019,7 @@ class Rr {
       this.host.cad.on("inspector-change", () => {
         if (this.layerPanelRefs && this.parts.layerPanel) {
           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() : cr(this.layerPanelRefs.list, e);
+          i && this.layerPanelState.needsSelectionReveal(i) ? this.renderLayerPanel() : dr(this.layerPanelRefs.list, e);
         }
         this.propertyPanelRefs && this.parts.propertyPanel && (Le(this.propertyPanelRefs, this.host.cad.inspector, this.text, this.getCadUnit()), this.syncPropertyPanelSelectionState(), this.syncPropertyPanelPreview());
       }),
@@ -4080,7 +4080,7 @@ class Rr {
     return !!(e && e.isConnected && ((t = this.layerPanelRefs) != null && t.list.contains(e)));
   }
   renderLayerPanel() {
-    !this.layerPanelRefs || !this.parts.layerPanel || (hr(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()), this.renderedLayerRows = this.host.cad.layers.rows);
+    !this.layerPanelRefs || !this.parts.layerPanel || (ur(this.layerPanelRefs, this.layerPanelState, this.createLayerPanelActions()), this.renderedLayerRows = this.host.cad.layers.rows);
   }
   syncLayerChange() {
     if (!this.isLayerColorPreviewActive()) {
@@ -4088,7 +4088,7 @@ class Rr {
         this.refresh();
         return;
       }
-      dr(
+      hr(
         this.layerPanelRefs.list,
         this.host.cad.layers.rows,
         this.host.cad.layers.allColor,
@@ -4246,7 +4246,7 @@ class Rr {
     return (t = this.propertyPanelShell) != null && t.classList.contains("closed") ? !0 : !this.isPropertyPreviewLayoutReady(e);
   }
   isPropertyPreviewLayoutReady(e) {
-    return e.clientWidth >= _e && e.clientHeight >= _e;
+    return e.clientWidth >= ze && e.clientHeight >= ze;
   }
   waitForPropertyPreviewLayout(e) {
     if (this.isPropertyPreviewLayoutReady(e)) return Promise.resolve();
@@ -4268,25 +4268,25 @@ class Rr {
           return;
         }
         if (y === o) {
-          a += 1, a >= Sr && u();
+          a += 1, a >= Pr && u();
           return;
         }
         o = y, a = 0;
       }, g = (y) => {
-        if (!Ir(y)) return;
-        let p = !1;
-        const w = (R) => {
-          R.target !== y || R.propertyName !== "width" || x();
-        }, x = () => {
-          p || (p = !0, y.removeEventListener("transitionend", w), requestAnimationFrame(b));
+        if (!Mr(y)) return;
+        let m = !1;
+        const x = (E) => {
+          E.target !== y || E.propertyName !== "width" || w();
+        }, w = () => {
+          m || (m = !0, y.removeEventListener("transitionend", x), requestAnimationFrame(b));
         };
-        y.addEventListener("transitionend", w), l.push(window.setTimeout(x, Be)), c.push(() => {
-          p || (p = !0, y.removeEventListener("transitionend", w));
+        y.addEventListener("transitionend", x), l.push(window.setTimeout(w, Be)), c.push(() => {
+          m || (m = !0, y.removeEventListener("transitionend", x));
         });
-      }, m = () => {
-        b(), n || (h = requestAnimationFrame(m));
+      }, p = () => {
+        b(), n || (h = requestAnimationFrame(p));
       }, v = window.setTimeout(u, Be);
-      g(i), g(t), h = requestAnimationFrame(m), this.propertyPreviewLayoutWaitAbort = () => {
+      g(i), g(t), h = requestAnimationFrame(p), this.propertyPreviewLayoutWaitAbort = () => {
         n = !0, f();
       };
     });
@@ -4303,7 +4303,7 @@ class Rr {
     this.propertyPreviewRenderHandle !== null && (cancelAnimationFrame(this.propertyPreviewRenderHandle), this.propertyPreviewRenderHandle = null), (e = this.propertyPreviewLayoutWaitAbort) == null || e.call(this), this.propertyPreviewLayoutWaitAbort = null;
   }
 }
-function Ir(s) {
+function Mr(s) {
   const e = getComputedStyle(s), 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 n = i[r] ?? i[0] ?? "all";
@@ -4312,8 +4312,8 @@ function Ir(s) {
   }
   return !1;
 }
-const Mr = ["left", "right", "top", "bottom"], X = 0.5, kr = /* @__PURE__ */ new Set(["cad", "scene"]);
-class Tr {
+const kr = ["left", "right", "top", "bottom"], q = 0.5, Tr = /* @__PURE__ */ new Set(["cad", "scene"]);
+class Dr {
   constructor(e) {
     d(this, "zoneContainers", /* @__PURE__ */ new Map());
     d(this, "mounts", /* @__PURE__ */ new Set());
@@ -4323,7 +4323,7 @@ class Tr {
     d(this, "flags", { layerPanelOpen: !1, propertyPanelOpen: !1 });
     d(this, "lastInsets", Object.freeze({ top: 0, right: 0, bottom: 0, left: 0 }));
     d(this, "lastFlags", { layerPanelOpen: !1, propertyPanelOpen: !1 });
-    d(this, "activeGroups", kr);
+    d(this, "activeGroups", Tr);
     d(this, "warnedUnstableReference", !1);
     d(this, "disposed", !1);
     d(this, "frameHandle", null);
@@ -4414,7 +4414,7 @@ class Tr {
   installZoneStyles(e, t) {
     if (!e || typeof e.querySelector != "function" || typeof e.prepend != "function" || e.querySelector(`style[data-viewer-layout="${t}"]`)) return;
     const i = document.createElement("style");
-    i.dataset.viewerLayout = t, i.textContent = Lr, e.append(i), this.installedStyles.push(i), I(e) && (e.dataset.viewerLayoutHost = "", typeof getComputedStyle == "function" && getComputedStyle(e).position === "static" && (e.style.position = "relative"));
+    i.dataset.viewerLayout = t, i.textContent = Fr, e.append(i), this.installedStyles.push(i), I(e) && (e.dataset.viewerLayoutHost = "", typeof getComputedStyle == "function" && getComputedStyle(e).position === "static" && (e.style.position = "relative"));
   }
   schedule() {
     if (!(this.disposed || this.frameHandle !== null)) {
@@ -4431,7 +4431,7 @@ class Tr {
     if (this.disposed) return;
     const e = this.host.reference(), t = this.host.target();
     if (!e || typeof e.getBoundingClientRect != "function") return;
-    const i = e.getBoundingClientRect(), r = this.computeInsets(i), n = !Or(r, this.lastInsets), a = this.flags.layerPanelOpen !== this.lastFlags.layerPanelOpen || this.flags.propertyPanelOpen !== this.lastFlags.propertyPanelOpen;
+    const i = e.getBoundingClientRect(), r = this.computeInsets(i), n = !Lr(r, this.lastInsets), a = this.flags.layerPanelOpen !== this.lastFlags.layerPanelOpen || this.flags.propertyPanelOpen !== this.lastFlags.propertyPanelOpen;
     !n && !a || (this.lastInsets = r, this.lastFlags = { ...this.flags }, n && this.assertStableReference(e, t) && this.applyInsets(t, r), this.host.onChange(r, this.lastFlags));
   }
   applyInsets(e, t) {
@@ -4450,9 +4450,9 @@ class Tr {
     }
     for (const i of this.zoneContainers.values()) {
       const r = i.dataset.viewerZone;
-      if (!(!r || !Mr.includes(r) || !this.isZoneVisible(i)))
+      if (!(!r || !kr.includes(r) || !this.isZoneVisible(i)))
         for (const n of Array.from(i.children)) {
-          if (!Dr(n)) continue;
+          if (!Or(n)) continue;
           const a = n.getBoundingClientRect();
           this.accumulateInset(
             t,
@@ -4463,10 +4463,10 @@ class Tr {
         }
     }
     return Object.freeze({
-      top: q(t.top, e.height),
-      right: q(t.right, e.width),
-      bottom: q(t.bottom, e.height),
-      left: q(t.left, e.width)
+      top: $(t.top, e.height),
+      right: $(t.right, e.width),
+      bottom: $(t.bottom, e.height),
+      left: $(t.left, e.width)
     });
   }
   accumulateInset(e, t, i, r) {
@@ -4491,20 +4491,20 @@ function se(s, e, t) {
 function I(s) {
   return !!(s && typeof s == "object" && s.nodeType === 1);
 }
-function Dr(s) {
+function Or(s) {
   if (!I(s) || s.hidden) return !1;
   const e = typeof getComputedStyle == "function" ? getComputedStyle(s) : null;
   return !(e && (e.display === "none" || e.visibility === "hidden"));
 }
-function q(s, e) {
+function $(s, e) {
   if (!Number.isFinite(s)) return 0;
   const t = e > 0 ? Math.min(s, e) : s;
   return Math.max(0, Math.round(t * 2) / 2);
 }
-function Or(s, e) {
-  return Math.abs(s.top - e.top) <= X && Math.abs(s.right - e.right) <= X && Math.abs(s.bottom - e.bottom) <= X && Math.abs(s.left - e.left) <= X;
+function Lr(s, e) {
+  return Math.abs(s.top - e.top) <= q && Math.abs(s.right - e.right) <= q && Math.abs(s.bottom - e.bottom) <= q && Math.abs(s.left - e.left) <= q;
 }
-const Lr = `
+const Fr = `
 [data-viewer-zone] { position: absolute; pointer-events: none; z-index: 1; }
 [data-viewer-zone] > * { pointer-events: auto; }
 [data-viewer-zone="left"] { left: 0; top: 0; bottom: 0; }
@@ -4513,7 +4513,7 @@ const Lr = `
 [data-viewer-zone="bottom"] { left: 0; right: 0; bottom: 0; }
 [data-viewer-zone="overlay"] { inset: 0; }
 [data-viewer-zone][data-viewer-zone-active="false"] { display: none; }
-`, Fr = {
+`, Nr = {
   play: '<path d="m8 5 11 7-11 7Z"/>',
   pause: '<path d="M8 5v14M16 5v14"/>',
   reset: '<path d="M3 10a9 9 0 1 1 2.5 8M3 4v6h6"/>',
@@ -4527,10 +4527,10 @@ const Lr = `
   sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.5 1.5m11 11L19 19M5 19l1.5-1.5m11-11L19 5"/>',
   moon: '<path d="M20.5 13A9 9 0 0 1 11 3.5 9 9 0 1 0 20.5 13Z"/>'
 };
-function lt(s) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${Fr[s]}</svg>`;
+function ct(s) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${Nr[s]}</svg>`;
 }
-const Nr = {
+const Vr = {
   filename: !0,
   playback: !0,
   reset: !0,
@@ -4540,8 +4540,8 @@ const Nr = {
   collision: !0,
   theme: !0
 };
-function Vr(s, e) {
-  const t = { ...Nr, ...e.parts }, i = document.createElement("nav");
+function Br(s, e) {
+  const t = { ...Vr, ...e.parts }, i = document.createElement("nav");
   i.className = "vpu-toolbar", i.dataset.theme = e.theme ?? "dark", i.setAttribute("aria-label", e.label);
   const r = document.createElement("span");
   r.className = "vpu-filename", r.hidden = !0;
@@ -4549,95 +4549,109 @@ function Vr(s, e) {
   n.className = "vpu-actions", i.append(r, n);
   const a = /* @__PURE__ */ new Map();
   let o = null, l = null, c = e.theme ?? "dark", h = null;
-  const f = (m, v, y, p, w) => {
-    const x = document.createElement("button");
-    return x.type = "button", x.className = "vpu-btn", x.dataset.viewerControl = v, x.dataset.viewerControlId = m, x.innerHTML = lt(p), x.title = y, x.setAttribute("aria-label", y), x.addEventListener("click", w), a.set(m, { button: x, icon: p }), n.append(x), x;
-  }, u = (m, v) => m ? v === "filename" ? t.filename : v === "playback" ? t.playback && m.canPlay : v === "reset" ? t.reset && m.canReset : v === "fit" ? t.fit : v === "upAxis" ? t.upAxis && m.canReorientUpAxis === !0 : v === "ground" ? t.ground && m.canToggleGround === !0 : v === "collision" ? t.collision && m.canToggleCollision === !0 : t.theme : !1, b = (m) => {
-    h = m, n.replaceChildren(), a.clear(), o = null, l = null;
-    const v = (m == null ? void 0 : m.capabilities) ?? null;
-    if (r.hidden = !(t.filename && (m != null && m.filename)), r.textContent = (m == null ? void 0 : m.filename) ?? "", r.title = (m == null ? void 0 : m.filename) ?? "", m && u(v, "playback")) {
-      const y = "playback";
-      l = y;
-      const p = f(y, "playback", "运行仿真", "play", () => {
+  const f = (p, v, y, m, x) => {
+    const w = document.createElement("button");
+    return w.type = "button", w.className = "vpu-btn", w.dataset.viewerControl = v, w.dataset.viewerControlId = p, w.innerHTML = ct(m), w.title = y, w.setAttribute("aria-label", y), w.addEventListener("click", x), a.set(p, { button: w, icon: m }), n.append(w), w;
+  }, u = (p, v) => p ? v === "filename" ? t.filename : v === "playback" ? t.playback && p.canPlay : v === "reset" ? t.reset && p.canReset : v === "fit" ? t.fit : v === "upAxis" ? t.upAxis && p.canReorientUpAxis === !0 : v === "ground" ? t.ground && p.canToggleGround === !0 : v === "collision" ? t.collision && p.canToggleCollision === !0 : t.theme : !1, b = (p) => {
+    var y, m, x;
+    h = p, n.replaceChildren(), a.clear(), o = null, l = null;
+    const v = (p == null ? void 0 : p.capabilities) ?? null;
+    if (r.hidden = !(t.filename && (p != null && p.filename)), r.textContent = (p == null ? void 0 : p.filename) ?? "", r.title = (p == null ? void 0 : p.filename) ?? "", p && u(v, "playback")) {
+      const w = "playback";
+      l = w;
+      const E = f(w, "playback", "运行仿真", "play", () => {
         s.asset.$readControl().playing ? s.commands.pause() : s.commands.play();
       });
-      p.className = "vpu-btn vpu-btn-primary";
+      E.className = "vpu-btn vpu-btn-primary";
     }
-    if (m && u(v, "reset") && f("reset", "reset", "重置仿真", "reset", () => {
+    if ((p == null ? void 0 : p.kind) === "simulation" && p.phase === "ready" && t.playback && !(v != null && v.canPlay) && (((y = p.physics) == null ? void 0 : y.status) === "unavailable" || !p.physics && ((m = p.warning) == null ? void 0 : m.stage) === "physics-fallback")) {
+      const w = ((x = p.physics) == null ? void 0 : x.status) === "unavailable" ? p.physics.issue.message : p.warning.message, E = f("playback", "playback", w, "play", () => {
+      });
+      E.setAttribute("aria-disabled", "true"), E.className = "vpu-btn vpu-btn-primary";
+    }
+    if (p && u(v, "reset") && f("reset", "reset", "重置仿真", "reset", () => {
       s.commands.reset();
-    }), m && u(v, "fit") && f("fit", "fit", "视角适应", "fit", () => {
+    }), p && u(v, "fit") && f("fit", "fit", "视角适应", "fit", () => {
       s.commands.fitView();
-    }), m && u(v, "upAxis") && (o = "切换上轴", f("upAxis", "upAxis", o, "upAxisZ", () => {
-      const y = s.asset.$readControl().upAxis ?? "z";
-      s.commands.setUpAxis(y === "z" ? "y" : "z");
-    })), m && u(v, "ground") && f("ground", "ground", "显示地面", "ground", () => {
-      const y = s.asset.$readControl().groundVisible;
-      s.commands.setGroundVisible(!y);
-    }), m && u(v, "collision") && f("collision", "collision", "显示碰撞代理", "collision", () => {
-      const y = s.asset.$readControl().collisionVisible;
-      s.commands.setCollisionVisible(!y);
-    }), m && u(v, "theme")) {
-      const y = c === "dark";
+    }), p && u(v, "upAxis") && (o = "切换上轴", f("upAxis", "upAxis", o, "upAxisZ", () => {
+      const w = s.asset.$readControl().upAxis ?? "z";
+      s.commands.setUpAxis(w === "z" ? "y" : "z");
+    })), p && u(v, "ground") && f("ground", "ground", "显示地面", "ground", () => {
+      const w = s.asset.$readControl().groundVisible;
+      s.commands.setGroundVisible(!w);
+    }), p && u(v, "collision") && f("collision", "collision", "显示碰撞代理", "collision", () => {
+      const w = s.asset.$readControl().collisionVisible;
+      s.commands.setCollisionVisible(!w);
+    }), p && u(v, "theme")) {
+      const w = c === "dark";
       f(
         "theme",
         "theme",
-        y ? "切换浅色主题" : "切换深色主题",
-        y ? "sun" : "moon",
+        w ? "切换浅色主题" : "切换深色主题",
+        w ? "sun" : "moon",
         () => s.commands.setTheme(c === "dark" ? "light" : "dark")
       );
     }
     i.hidden = n.childElementCount === 0 && r.hidden, g(s.asset.$readControl());
-  }, g = (m) => {
+  }, g = (p) => {
     const v = l ? a.get(l) : void 0;
-    v && ($(v.button, m.playing ? "暂停仿真" : "运行仿真", m.playing ? "pause" : "play", m.playing), v.icon = m.playing ? "pause" : "play");
+    v && (G(v.button, p.playing ? "暂停仿真" : "运行仿真", p.playing ? "pause" : "play", p.playing), v.icon = p.playing ? "pause" : "play");
     const y = a.get("ground");
-    y && $(y.button, m.groundVisible ? "隐藏地面" : "显示地面", "ground", m.groundVisible);
-    const p = a.get("collision");
-    p && $(p.button, m.collisionVisible ? "隐藏碰撞代理" : "显示碰撞代理", "collision", m.collisionVisible);
-    const w = a.get("upAxis");
-    w && $(w.button, _r(m.upAxis), Br(m.upAxis), m.upAxis === "y");
+    y && G(y.button, p.groundVisible ? "隐藏地面" : "显示地面", "ground", p.groundVisible);
+    const m = a.get("collision");
+    m && G(m.button, p.collisionVisible ? "隐藏碰撞代理" : "显示碰撞代理", "collision", p.collisionVisible);
+    const x = a.get("upAxis");
+    x && G(x.button, _r(p.upAxis), zr(p.upAxis), p.upAxis === "y");
   };
   return {
     element: i,
-    update: (m) => b(m),
+    update: (p) => b(p),
     pressedChanged: () => g(s.asset.$readControl()),
-    themeChanged: (m) => {
-      c = m, i.dataset.theme = m, b(h);
+    themeChanged: (p) => {
+      c = p, i.dataset.theme = p, b(h);
     },
     dispose: () => {
       i.remove();
     }
   };
 }
-function $(s, e, t, i) {
-  s.innerHTML = lt(t), s.title = e, s.setAttribute("aria-label", e), s.setAttribute("aria-pressed", String(i)), s.classList.toggle("is-active", i);
+function G(s, e, t, i) {
+  s.innerHTML = ct(t), s.title = e, s.setAttribute("aria-label", e), s.setAttribute("aria-pressed", String(i)), s.classList.toggle("is-active", i);
 }
-function Br(s) {
+function zr(s) {
   return s === "y" ? "upAxisY" : "upAxisZ";
 }
 function _r(s) {
   return s === "y" ? "当前 Y-UP，点击切换为 Z-UP" : "当前 Z-UP，点击切换为 Y-UP";
 }
-class zr {
-  constructor(e = "dark") {
+class Ur {
+  constructor(e = "dark", t) {
     d(this, "root");
     d(this, "title");
     d(this, "detail");
     d(this, "toggle");
+    d(this, "report");
+    d(this, "reportLink", null);
     d(this, "disposed", !1);
-    const t = document.createElement("div");
-    t.className = "vpu-status", t.dataset.theme = e, t.hidden = !0, t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite"), t.setAttribute("aria-atomic", "true");
+    this.readReport = t;
     const i = document.createElement("div");
-    i.className = "vpu-status-spinner", i.setAttribute("aria-hidden", "true");
+    i.className = "vpu-status", i.dataset.theme = e, i.hidden = !0, i.setAttribute("role", "status"), i.setAttribute("aria-live", "polite"), i.setAttribute("aria-atomic", "true");
     const r = document.createElement("div");
-    r.className = "vpu-status-title";
+    r.className = "vpu-status-spinner", r.setAttribute("aria-hidden", "true");
     const n = document.createElement("div");
-    n.className = "vpu-status-detail", n.hidden = !0;
-    const a = document.createElement("button");
-    a.className = "vpu-status-toggle", a.type = "button", a.textContent = "!", a.hidden = !0, a.setAttribute("aria-label", "展开降级提示"), a.setAttribute("aria-expanded", "false"), a.addEventListener("click", () => {
-      const o = t.dataset.expanded === "true";
-      t.dataset.expanded = o ? "false" : "true", a.setAttribute("aria-expanded", String(!o));
-    }), t.append(i, r, n, a), this.root = t, this.title = r, this.detail = n, this.toggle = a;
+    n.className = "vpu-status-title";
+    const a = document.createElement("div");
+    a.className = "vpu-status-detail", a.hidden = !0;
+    const o = document.createElement("button");
+    o.className = "vpu-status-toggle", o.type = "button", o.textContent = "!", o.hidden = !0, o.setAttribute("aria-label", "展开降级提示"), o.setAttribute("aria-expanded", "false"), o.addEventListener("click", () => {
+      const c = i.dataset.expanded === "true";
+      i.dataset.expanded = c ? "false" : "true", o.setAttribute("aria-expanded", String(!c)), c && this.closeReport();
+    });
+    const l = document.createElement("pre");
+    l.className = "vpu-status-report", l.hidden = !0, l.tabIndex = 0, l.setAttribute("role", "region"), l.setAttribute("aria-label", "USD 视觉适配详情"), i.addEventListener("keydown", (c) => {
+      var h;
+      c.key === "Escape" && !l.hidden && (c.stopPropagation(), this.closeReport(), (h = this.reportLink) == null || h.focus());
+    }), i.append(r, n, a, l, o), this.report = l, this.root = i, this.title = n, this.detail = a, this.toggle = o;
   }
   get element() {
     return this.root;
@@ -4645,22 +4659,58 @@ class zr {
   /** Renders one asset snapshot. Returns true when the overlay is visible. */
   update(e) {
     var t, i, r;
-    return this.disposed ? !1 : e ? e.phase === "failed" ? (((t = e.error) == null ? void 0 : t.code) === "E_ASSET_UNKNOWN_FORMAT" ? this.show("failed", "不支持的资产格式", e.error.message || "无法识别资产格式，请指定 format。") : this.show("failed", "资产加载失败", ((i = e.error) == null ? void 0 : i.message) ?? "未知错误"), !0) : e.kind === "cad" ? (this.hide(), !1) : e.phase === "loading" ? (this.show("loading", ((r = e.message) == null ? void 0 : r.trim()) || "正在加载资产...", ""), !0) : e.phase === "ready" && e.warning ? (this.show("warning", "已降级为视觉预览", e.warning.message), !0) : (this.hide(), !1) : (this.hide(), !1);
+    if (this.disposed) return !1;
+    if (!e)
+      return this.hide(), !1;
+    if (e.phase === "failed")
+      return ((t = e.error) == null ? void 0 : t.code) === "E_ASSET_UNKNOWN_FORMAT" ? this.show("failed", "不支持的资产格式", e.error.message || "无法识别资产格式，请指定 format。") : this.show("failed", "资产加载失败", ((i = e.error) == null ? void 0 : i.message) ?? "未知错误"), !0;
+    if (e.kind === "cad")
+      return this.hide(), !1;
+    if (e.phase === "loading")
+      return this.show("loading", ((r = e.message) == null ? void 0 : r.trim()) || "正在加载资产...", ""), !0;
+    if (e.phase === "ready" && e.warning) {
+      const n = e.warning.stage === "physics-fallback" ? "已降级为视觉预览" : e.warning.stage === "visual-adaptation" ? "部分材质细节未完全还原" : "资产加载提示";
+      return this.show("warning", n, e.warning.message), !0;
+    }
+    return this.hide(), !1;
   }
   themeChanged(e) {
     this.disposed || (this.root.dataset.theme = e);
   }
   dispose() {
-    this.disposed || (this.disposed = !0, this.root.remove());
+    this.disposed || (this.disposed = !0, this.closeReport(), this.root.remove());
   }
   show(e, t, i) {
-    this.root.dataset.state = e, this.root.dataset.expanded = e === "warning" ? "false" : "true", this.root.hidden = !1, this.toggle.hidden = e !== "warning", this.title.textContent = t, this.detail.textContent = i, this.detail.hidden = i.length === 0;
+    this.closeReport(), this.reportLink = null, this.root.dataset.state = e, this.root.dataset.expanded = e === "warning" ? "false" : "true", this.root.hidden = !1, this.toggle.hidden = e !== "warning", this.title.textContent = t, this.detail.textContent = "";
+    const r = "visualAdaptation", n = i.indexOf(r);
+    if (e === "warning" && n >= 0 && this.readReport) {
+      const a = document.createElement("button");
+      a.type = "button", a.className = "vpu-status-report-link", a.textContent = r, a.setAttribute("aria-expanded", "false"), a.setAttribute("aria-label", "查看 visualAdaptation 报告"), a.addEventListener("click", () => {
+        var o;
+        if (!this.report.hidden) {
+          this.closeReport();
+          return;
+        }
+        try {
+          const l = (o = this.readReport) == null ? void 0 : o.call(this);
+          this.report.textContent = l ? JSON.stringify(l, null, 2) : "当前资产暂无视觉适配报告。";
+        } catch {
+          this.report.textContent = "暂时无法读取视觉适配报告，请重新加载资产后重试。";
+        }
+        this.report.hidden = !1, a.setAttribute("aria-expanded", "true");
+      }), this.reportLink = a, this.detail.append(document.createTextNode(i.slice(0, n)), a, document.createTextNode(i.slice(n + r.length)));
+    } else this.detail.textContent = i;
+    this.detail.hidden = i.length === 0;
+  }
+  closeReport() {
+    var e;
+    this.report.hidden = !0, this.report.textContent = "", (e = this.reportLink) == null || e.setAttribute("aria-expanded", "false");
   }
   hide() {
-    this.root.hidden || (this.root.hidden = !0, this.title.textContent = "", this.detail.textContent = "", this.detail.hidden = !0, this.toggle.hidden = !0);
+    this.closeReport(), this.reportLink = null, !this.root.hidden && (this.root.hidden = !0, this.title.textContent = "", this.detail.textContent = "", this.detail.hidden = !0, this.toggle.hidden = !0);
   }
 }
-const Ur = `
+const Hr = `
 .vpu-root {
   position: absolute;
   inset: 0;
@@ -4746,6 +4796,7 @@ const Ur = `
   border-color: var(--vpu-active);
   color: var(--vpu-active-text);
 }
+.vpu-btn[aria-disabled="true"], .vpu-btn[aria-disabled="true"]:hover { opacity: 0.45; cursor: not-allowed; color: var(--vpu-text-muted); border-color: var(--vpu-border); background: var(--vpu-panel-bg); }
 .vpu-btn-primary.is-active { background: var(--vpu-active-bg); }
 
 /* Loading / failed overlay. */
@@ -4788,13 +4839,32 @@ const Ur = `
 }
 .vpu-status-detail[hidden] { display: none; }
 .vpu-status[data-state="failed"] .vpu-status-title { color: var(--vui-fail); }
-.vpu-status[data-state="warning"] { inset: auto auto 18px 18px; width: min(420px, calc(100% - 36px)); padding: 0; background: transparent; box-shadow: none; pointer-events: none; align-items: flex-start; }
+.vpu-status[data-state="warning"] { box-sizing: border-box; inset: auto auto 18px 18px; width: min(360px, calc(100% - 36px)); padding: 0; background: transparent; box-shadow: none; pointer-events: none; align-items: flex-start; text-align: left; }
 .vpu-status[data-state="warning"] .vpu-status-spinner { display: none; }
 .vpu-status[data-state="warning"] .vpu-status-title, .vpu-status[data-state="warning"] .vpu-status-detail { display: none; }
-.vpu-status-toggle { pointer-events: auto; width: 34px; height: 34px; border: 1px solid #e8a93a; border-radius: 50%; background: #e8a93a; color: #211a0e; font-size: 22px; font-weight: 800; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
-.vpu-status[data-state="warning"][data-expanded="true"] { padding: 12px 14px; border: 1px solid #e8a93a; border-radius: 8px; background: color-mix(in srgb, var(--vui-bg) 92%, #e8a93a 8%); pointer-events: auto; align-items: center; gap: 4px; }
+.vpu-status-toggle { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid #e8a93a; border-radius: 50%; background: #e8a93a; color: #211a0e; font-family: 'Segoe UI', system-ui, sans-serif; font-size: 16px; line-height: 1; font-weight: 750; cursor: pointer; box-shadow: 0 3px 10px rgba(0,0,0,.26); }
+.vpu-status-toggle:hover { filter: brightness(1.06); }
+.vpu-status-toggle:focus-visible { outline: 2px solid color-mix(in srgb, #e8a93a 52%, white); outline-offset: 2px; }
+.vpu-status[data-state="warning"][data-expanded="true"] { padding: 10px 38px 10px 12px; border: 1px solid #e8a93a; border-radius: 7px; background: color-mix(in srgb, var(--vui-bg) 94%, #e8a93a 6%); pointer-events: auto; align-items: flex-start; gap: 3px; }
+.vpu-status[data-state="warning"][data-expanded="true"] .vpu-status-toggle { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; font-size: 14px; box-shadow: none; }
 .vpu-status[data-state="warning"][data-expanded="true"] .vpu-status-title, .vpu-status[data-state="warning"][data-expanded="true"] .vpu-status-detail { display: block; }
-.vpu-status[data-state="warning"] .vpu-status-title { color: #e8a93a; font-weight: 650; }
+.vpu-status[data-state="warning"] .vpu-status-title { color: #e8a93a; font-size: 12px; font-weight: 650; }
+.vpu-status[data-state="warning"] .vpu-status-detail { max-width: none; font-size: 11px; line-height: 1.45; }
+
+.vpu-status-report-link { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: 11px; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
+.vpu-status-report-link:hover { color: var(--vui-text); }
+.vpu-status-report-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
+.vpu-status-report { box-sizing: border-box; width: 100%; min-width: 0; max-height: min(220px, 30vh); margin: 5px 0 0; padding: 8px; overflow: auto; overscroll-behavior: contain; white-space: pre-wrap; overflow-wrap: anywhere; text-align: left; font: 10px/1.5 Consolas, monospace; color: var(--vui-text-dim); background: color-mix(in srgb, var(--vui-bg) 90%, var(--vui-text) 10%); border-radius: 4px; user-select: text; }
+/* Subtle, theme-aware scrollbars scoped to the visual report. */
+.vpu-status-report { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--vui-text-dim) 28%, transparent) transparent; }
+.vpu-status-report:hover { scrollbar-color: color-mix(in srgb, var(--vui-text-dim) 45%, transparent) transparent; }
+.vpu-status-report::-webkit-scrollbar { width: 5px; height: 5px; }
+.vpu-status-report::-webkit-scrollbar-track { background: transparent; }
+.vpu-status-report::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--vui-text-dim) 28%, transparent); border-radius: 8px; }
+.vpu-status-report::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--vui-text-dim) 45%, transparent); }
+.vpu-status-report::-webkit-scrollbar-button { display: none; }
+.vpu-status-report::-webkit-scrollbar-corner { background: transparent; }
+.vpu-status-report[hidden] { display: none; }
 
 @keyframes vpu-spin { to { transform: rotate(360deg); } }
 @media (max-width: 560px) {
@@ -4807,17 +4877,20 @@ const Ur = `
   .vpu-status-spinner { animation: none; }
 }
 `, Ye = "scene";
-function Hr(s, e) {
+function Yr(s, e) {
   let t = null, i = null, r = null, n = null, a = null, o = null;
   return {
     id: "nebula.ui.scene",
     activate(l) {
       var h, f;
-      o = document.createElement("style"), o.dataset.viewerSceneUi = "", o.textContent = Ur, (h = s.shadowRoot()) == null || h.append(o), t = Vr(l, {
+      o = document.createElement("style"), o.dataset.viewerSceneUi = "", o.textContent = Hr, (h = s.shadowRoot()) == null || h.append(o), t = Br(l, {
         label: e.label("simulation"),
         parts: (f = e.scene) == null ? void 0 : f.parts,
         theme: s.theme()
-      }), i = new zr(s.theme()), r = s.mountBuiltin(t.element, { zone: "overlay", group: Ye }), n = s.mountBuiltin(i.element, { zone: "overlay", group: Ye }), a = s.onThemeChange((u) => {
+      }), i = new Ur(s.theme(), () => {
+        var u;
+        return ((u = s.getVisualDiagnostics) == null ? void 0 : u.call(s)) ?? null;
+      }), r = s.mountBuiltin(t.element, { zone: "overlay", group: Ye }), n = s.mountBuiltin(i.element, { zone: "overlay", group: Ye }), a = s.onThemeChange((u) => {
         t == null || t.themeChanged(u), i == null || i.themeChanged(u);
       });
       const c = () => {
@@ -4837,7 +4910,7 @@ function Hr(s, e) {
     }
   };
 }
-class Yr {
+class jr {
   constructor(e, t, i, r, n, a, o, l = null) {
     d(this, "pluginsById", /* @__PURE__ */ new Map());
     d(this, "contributions", []);
@@ -5044,7 +5117,7 @@ class Yr {
       n.dataset.viewerContribution = "toolbar", n.dataset.viewerContributionId = t.id;
       for (const a of t.items) {
         const o = document.createElement("button");
-        o.type = "button", a.icon ? (o.insertAdjacentHTML("afterbegin", jr(a.icon)), o.title = a.title ?? a.label, o.setAttribute("aria-label", a.title ?? a.label)) : (o.textContent = a.label, a.title && (o.title = a.title)), o.disabled = a.disabled === !0, a.pressed !== void 0 && (o.setAttribute("aria-pressed", String(a.pressed)), o.classList.toggle("is-active", a.pressed)), o.addEventListener("click", a.onClick), n.append(o);
+        o.type = "button", a.icon ? (o.insertAdjacentHTML("afterbegin", Xr(a.icon)), o.title = a.title ?? a.label, o.setAttribute("aria-label", a.title ?? a.label)) : (o.textContent = a.label, a.title && (o.title = a.title)), o.disabled = a.disabled === !0, a.pressed !== void 0 && (o.setAttribute("aria-pressed", String(a.pressed)), o.classList.toggle("is-active", a.pressed)), o.addEventListener("click", a.onClick), n.append(o);
       }
       this.hostElement.append(n), e.cleanup = () => n.remove();
       return;
@@ -5103,12 +5176,12 @@ class Yr {
     if (this.disposed) throw new Error("Viewer plugin manager has been disposed.");
   }
 }
-function jr(s) {
+function Xr(s) {
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${s}</svg>`;
 }
-function Xr(s, e, t) {
+function qr(s, e, t) {
   var f;
-  const i = Gr(s), r = $r([t, e.signal, i]), n = ((f = e.filename) == null ? void 0 : f.trim()) || Kr(s), a = ce(s) ? Jr(s.files, s.entry, n) : n, o = ct(s), l = e.baseUrl ?? Zr(o), c = /* @__PURE__ */ new Set(), h = ce(s) ? new Map(s.files.map((u) => [k(u.path), u])) : null;
+  const i = Wr(s), r = Gr([t, e.signal, i]), n = ((f = e.filename) == null ? void 0 : f.trim()) || Zr(s), a = ce(s) ? Qr(s.files, s.entry, n) : n, o = dt(s), l = e.baseUrl ?? Jr(o), c = /* @__PURE__ */ new Set(), h = ce(s) ? new Map(s.files.map((u) => [k(u.path), u])) : null;
   return Object.freeze({
     original: s,
     entryPath: a,
@@ -5119,17 +5192,17 @@ function Xr(s, e, t) {
     hasResourceResolver: !!e.resourceResolver,
     async resolve(u) {
       je(r);
-      const b = k(u), g = Wr(s);
+      const b = k(u), g = Kr(s);
       if (g && (!b || b === k(a ?? ""))) {
         const y = URL.createObjectURL(g);
         return c.add(y), y;
       }
-      const m = (h == null ? void 0 : h.get(b)) ?? Qr(h, a, b);
-      if (m) {
-        const y = URL.createObjectURL(m.file);
+      const p = (h == null ? void 0 : h.get(b)) ?? es(h, a, b);
+      if (p) {
+        const y = URL.createObjectURL(p.file);
         return c.add(y), y;
       }
-      const v = await es(e.resourceResolver, u, r);
+      const v = await ts(e.resourceResolver, u, r);
       if (je(r), v instanceof Blob) {
         const y = URL.createObjectURL(v);
         return c.add(y), y;
@@ -5142,7 +5215,7 @@ function Xr(s, e, t) {
     }
   });
 }
-function qr(s) {
+function $r(s) {
   var r;
   const e = s.entryPath ?? s.url;
   if (!e) return null;
@@ -5159,7 +5232,7 @@ function qr(s) {
   const i = /\.([a-z0-9]+)$/i.exec(t);
   return ((r = i == null ? void 0 : i[1]) == null ? void 0 : r.toLowerCase()) ?? null;
 }
-function $r(s) {
+function Gr(s) {
   const e = s.filter((r) => !!r);
   if (e.length === 0) return new AbortController().signal;
   if (e.length === 1) return e[0];
@@ -5178,18 +5251,18 @@ function je(s) {
   if (s.aborted)
     throw typeof s.throwIfAborted == "function" && s.throwIfAborted(), new DOMException("The operation was aborted.", "AbortError");
 }
-function Gr(s) {
+function Wr(s) {
   return typeof s == "object" && s !== null && "signal" in s ? s.signal : void 0;
 }
-function ct(s) {
+function dt(s) {
   return typeof s == "string" ? s : typeof URL < "u" && s instanceof URL ? s.href : typeof s == "object" && s !== null && "kind" in s && s.kind === "url" ? s.url : null;
 }
-function Wr(s) {
+function Kr(s) {
   return typeof Blob < "u" && s instanceof Blob ? s : s instanceof ArrayBuffer ? new Blob([s]) : typeof s == "object" && s !== null && "kind" in s && s.kind === "buffer" ? new Blob([s.buffer]) : null;
 }
-function Kr(s) {
+function Zr(s) {
   var t;
-  const e = ct(s);
+  const e = dt(s);
   if (e)
     try {
       return decodeURIComponent(new URL(e, "https://viewer.invalid/").pathname.split("/").pop() || "") || null;
@@ -5198,7 +5271,7 @@ function Kr(s) {
     }
   return ce(s) ? s.entry ?? null : typeof File < "u" && s instanceof File && s.name || null;
 }
-function Zr(s) {
+function Jr(s) {
   var e;
   if (!s) return null;
   try {
@@ -5210,7 +5283,7 @@ function Zr(s) {
 function ce(s) {
   return typeof s == "object" && s !== null && "kind" in s && s.kind === "files";
 }
-function Jr(s, e, t) {
+function Qr(s, e, t) {
   if (e) {
     const i = k(e);
     if (!s.some((r) => k(r.path) === i))
@@ -5224,7 +5297,7 @@ function Jr(s, e, t) {
   if (s.length === 1) return k(s[0].path);
   throw Xe("Asset package has multiple files; specify an entry.", "E_ASSET_AMBIGUOUS_ENTRY");
 }
-function Qr(s, e, t) {
+function es(s, e, t) {
   if (!s || !e) return;
   const i = e.lastIndexOf("/"), r = i < 0 ? "" : e.slice(0, i + 1);
   return s.get(k(`${r}${t}`));
@@ -5235,13 +5308,13 @@ function k(s) {
     !t || t === "." || (t === ".." ? e.pop() : e.push(t));
   return e.join("/");
 }
-async function es(s, e, t) {
+async function ts(s, e, t) {
   return s ? s.resolve(e, { signal: t }) : null;
 }
 function Xe(s, e) {
   return Object.assign(new Error(s), { code: e });
 }
-const ts = Object.freeze({
+const qe = Object.freeze({
   canPlay: !1,
   canPause: !1,
   canReset: !1,
@@ -5306,6 +5379,10 @@ class rs {
         var l, c;
         return this.current(a) && a.snapshot.phase === "ready" ? ((c = (l = a.session) == null ? void 0 : l.getPhysicsProperties) == null ? void 0 : c.call(l)) ?? null : null;
       },
+      getVisualDiagnostics: () => {
+        var l, c;
+        return this.current(a) && a.snapshot.phase === "ready" ? ((c = (l = a.session) == null ? void 0 : l.getVisualDiagnostics) == null ? void 0 : c.call(l)) ?? null : null;
+      },
       setCollisionVisible: (l) => this.setCollisionVisible(a, l),
       setUpAxis: (l) => this.setUpAxis(a, l),
       getUpAxis: () => {
@@ -5390,7 +5467,7 @@ class rs {
     var i, r;
     try {
       if (!this.current(e)) return;
-      e.source = Xr(t, e.options, e.abort.signal);
+      e.source = qr(t, e.options, e.abort.signal);
       const n = e.source.signal, a = () => {
         this.stop(e, "E_ABORTED");
       };
@@ -5398,10 +5475,10 @@ class rs {
         a();
         return;
       }
-      const o = this.detect(e), l = qe(o) ? await o : o;
+      const o = this.detect(e), l = $e(o) ? await o : o;
       if (!this.current(e) || (e.loader = l.loader, !this.current(e))) return;
       if (!this.host.loaders().includes(l.loader))
-        throw S("Asset loader was removed.", "E_ABORTED");
+        throw P("Asset loader was removed.", "E_ABORTED");
       if (this.transition(e, {
         phase: "loading",
         format: l.format,
@@ -5422,12 +5499,22 @@ class rs {
         requestRender: () => {
           this.current(e) && this.host.requestRender();
         },
-        fit: (g, m) => this.current(e) ? this.host.fit(g, m) : !1,
-        reportError: (g, m) => this.report(e, g, m),
-        reportProgress: (g, m) => {
-          this.current(e) && e.snapshot.phase === "loading" && this.transition(e, { stage: g, message: m });
+        fit: (g, p) => this.current(e) ? this.host.fit(g, p) : !1,
+        reportError: (g, p) => this.report(e, g, p),
+        reportSessionState: () => {
+          var p;
+          if (!this.current(e) || e.snapshot.phase !== "ready" || !e.session) return;
+          const g = e.session;
+          ((p = g.physics) == null ? void 0 : p.status) === "unavailable" && (e.playing = !1, e.resetFrameClock = !1, this.endGrabOf(e)), this.transition(e, {
+            capabilities: g.capabilities ?? qe,
+            physics: g.physics ?? null,
+            warning: g.warning ?? null
+          }), this.publishControl(e), this.host.requestRender();
+        },
+        reportProgress: (g, p) => {
+          this.current(e) && e.snapshot.phase === "loading" && this.transition(e, { stage: g, message: p });
         }
-      }, u = l.loader.createSession(e.source, f), b = qe(u) ? await u : u;
+      }, u = l.loader.createSession(e.source, f), b = $e(u) ? await u : u;
       if (e.session && e.session !== b) {
         b.beginDispose(), await b.dispose();
         return;
@@ -5443,14 +5530,15 @@ class rs {
         if (e.mounted = b.root, this.host.mount(b.root), !this.current(e)) return;
         if (((i = b.presentation ?? l.loader.presentation) == null ? void 0 : i.fitPolicy) === "fit-on-ready") {
           const g = ((r = b.getFitBounds) == null ? void 0 : r.call(b)) ?? b.fitTarget ?? b.root;
-          if (!this.host.fit(g, { padding: 1.15 })) throw S("Asset has no displayable geometry.", "E_ASSET_EMPTY");
+          if (!this.host.fit(g, { padding: 1.15 })) throw P("Asset has no displayable geometry.", "E_ASSET_EMPTY");
         }
       }
       if (!this.current(e)) return;
       e.dynamic = typeof b.update == "function", e.playing = e.dynamic, e.resetFrameClock = e.dynamic, this.transition(e, {
         phase: "ready",
-        capabilities: b.capabilities ?? ts,
-        warning: b.warning ?? null
+        capabilities: b.capabilities ?? qe,
+        warning: b.warning ?? null,
+        physics: b.physics ?? null
       }), this.current(e) && e.snapshot.phase === "ready" && e.ready.resolve();
     } catch (n) {
       this.current(e) && this.report(e, n, { fatal: !0, stage: "load" });
@@ -5459,27 +5547,27 @@ class rs {
     }
   }
   detect(e) {
-    const t = e.source, i = this.host.loaders(), r = e.options.format, n = qr(t), a = r && r !== "auto" ? r : n && ["dxb", "dxb3"].includes(n) ? "cad" : n;
+    const t = e.source, i = this.host.loaders(), r = e.options.format, n = $r(t), a = r && r !== "auto" ? r : n && ["dxb", "dxb3"].includes(n) ? "cad" : n;
     if (a) {
       const o = i.find((l) => l.formats.includes(a));
       if (o) return { loader: o, format: a };
-      if (r && r !== "auto") throw S(`Unsupported asset format: ${r}`, "E_ASSET_UNKNOWN_FORMAT");
+      if (r && r !== "auto") throw P(`Unsupported asset format: ${r}`, "E_ASSET_UNKNOWN_FORMAT");
     }
     return this.matchLoaders(e, i, 0);
   }
   async matchLoaders(e, t, i) {
     var r;
     for (let n = i; n < t.length; n += 1) {
-      if (!this.current(e)) throw S("Asset open superseded.", "E_SUPERSEDED");
+      if (!this.current(e)) throw P("Asset open superseded.", "E_SUPERSEDED");
       const a = t[n], o = await ((r = a.match) == null ? void 0 : r.call(a, e.source));
       if (o && o.format !== "auto" && a.formats.includes(o.format)) return { loader: a, format: o.format };
     }
-    throw S("Unable to determine asset format; specify format explicitly.", "E_ASSET_UNKNOWN_FORMAT");
+    throw P("Unable to determine asset format; specify format explicitly.", "E_ASSET_UNKNOWN_FORMAT");
   }
   stop(e, t) {
     var i;
     if (e.stopped) return e.closeResult.promise;
-    if (e.stopped = !0, e.playing = !1, e.resetFrameClock = !1, this.endGrabOf(e), this.active === e && (this.active = null, this.host.applyProfile(void 0)), e.ready.reject(S(t === "E_SUPERSEDED" ? "Asset open superseded." : "Asset open aborted.", t)), (i = e.unsubscribeAbort) == null || i.call(e), e.abort.abort(), this.beginDispose(e), e.mounted) {
+    if (e.stopped = !0, e.playing = !1, e.resetFrameClock = !1, this.endGrabOf(e), this.active === e && (this.active = null, this.host.applyProfile(void 0)), e.ready.reject(P(t === "E_SUPERSEDED" ? "Asset open superseded." : "Asset open aborted.", t)), (i = e.unsubscribeAbort) == null || i.call(e), e.abort.abort(), this.beginDispose(e), e.mounted) {
       const r = e.mounted;
       e.mounted = void 0;
       try {
@@ -5524,11 +5612,11 @@ class rs {
   }
   control(e, t) {
     var r, n;
-    if (!this.current(e)) throw S("Asset is inactive.", "E_ASSET_INACTIVE");
-    if (e.snapshot.phase !== "ready") throw S("Asset is not ready.", "E_ASSET_NOT_READY");
+    if (!this.current(e)) throw P("Asset is inactive.", "E_ASSET_INACTIVE");
+    if (e.snapshot.phase !== "ready") throw P("Asset is not ready.", "E_ASSET_NOT_READY");
     const i = t === "play" ? "canPlay" : t === "pause" ? "canPause" : "canReset";
     if (!((r = e.snapshot.capabilities) != null && r[i]) || !((n = e.session) != null && n[t]))
-      throw S(`Asset does not support ${t}.`, "E_ASSET_CAPABILITY_UNAVAILABLE");
+      throw P(`Asset does not support ${t}.`, "E_ASSET_CAPABILITY_UNAVAILABLE");
     this.applyControl(e, t);
   }
   applyControl(e, t) {
@@ -5540,19 +5628,19 @@ class rs {
    * surface returns booleans instead of throwing `E_ASSET_*`.
    */
   requireReady(e) {
-    if (!this.current(e)) throw S("Asset is inactive.", "E_ASSET_INACTIVE");
-    if (e.snapshot.phase !== "ready") throw S("Asset is not ready.", "E_ASSET_NOT_READY");
+    if (!this.current(e)) throw P("Asset is inactive.", "E_ASSET_INACTIVE");
+    if (e.snapshot.phase !== "ready") throw P("Asset is not ready.", "E_ASSET_NOT_READY");
   }
   requireCapability(e, t, i) {
     var r;
     if (this.requireReady(e), !((r = e.snapshot.capabilities) != null && r[t]))
-      throw S(i, "E_ASSET_CAPABILITY_UNAVAILABLE");
+      throw P(i, "E_ASSET_CAPABILITY_UNAVAILABLE");
   }
   requireSession(e, t, i) {
     var n;
     this.requireReady(e);
     const r = (n = e.session) == null ? void 0 : n[t];
-    if (typeof r != "function") throw S(i, "E_ASSET_CAPABILITY_UNAVAILABLE");
+    if (typeof r != "function") throw P(i, "E_ASSET_CAPABILITY_UNAVAILABLE");
     return r.bind(e.session);
   }
   setCollisionVisible(e, t) {
@@ -5586,6 +5674,11 @@ class rs {
     const e = this.active;
     return e && this.current(e) ? e.snapshot : null;
   }
+  getActiveVisualDiagnostics() {
+    var t, i;
+    const e = this.active;
+    return !e || !this.current(e) || e.snapshot.phase !== "ready" ? null : ((i = (t = e.session) == null ? void 0 : t.getVisualDiagnostics) == null ? void 0 : i.call(t)) ?? null;
+  }
   /** Control state for `ctx.asset.$readControl()`. */
   getActiveControlState() {
     const e = this.active;
@@ -5745,10 +5838,10 @@ function ne() {
   return t.catch(() => {
   }), { promise: t, resolve: s, reject: e };
 }
-function S(s, e) {
+function P(s, e) {
   return Object.assign(new Error(s), { code: e, ...e === "E_ABORTED" || e === "E_SUPERSEDED" ? { name: "AbortError" } : {} });
 }
-function qe(s) {
+function $e(s) {
   return !!(s && typeof s.then == "function");
 }
 const ss = {
@@ -5769,7 +5862,7 @@ const ss = {
         clearColor: B.dark
       },
       async createSession(e, t) {
-        const { createModelSession: i } = await import("./session-B4uKXhdV.js");
+        const { createModelSession: i } = await import("./session-1duLyM88.js");
         return i(e, t);
       }
     });
@@ -5853,12 +5946,12 @@ const cs = {
         clearColor: B.dark
       },
       async createSession(e, t) {
-        const { createSimulationSession: i } = await import("./session-DNMxzxd5.js").then((r) => r.s);
+        const { createSimulationSession: i } = await import("./session-DhZXy40-.js").then((r) => r.s);
         return i(e, t);
       }
     });
   }
-}, G = "viewer:highlight", F = "viewer:cad-selection", N = "viewer:cad-hover", $e = {
+}, W = "viewer:highlight", F = "viewer:cad-selection", N = "viewer:cad-hover", Ge = {
   dark: {
     hover: { color: 3528703, fillOpacity: 0, edgeOpacity: 0.85 },
     selected: { color: 5999871, fillOpacity: 0.24, edgeOpacity: 1 }
@@ -5867,7 +5960,7 @@ const cs = {
     hover: { color: 24524, fillOpacity: 0, edgeOpacity: 0.95 },
     selected: { color: 24524, fillOpacity: 0.2, edgeOpacity: 1 }
   }
-}, ds = 6, hs = 12, us = 160, ps = 160, ms = 50, Ge = 592655;
+}, ds = 6, hs = 12, us = 160, ps = 160, ms = 50, We = 592655;
 class fs {
   constructor(e, t) {
     d(this, "cad");
@@ -5884,7 +5977,7 @@ class fs {
     d(this, "interactionRenderLastTs", null);
     d(this, "cadHoveredInsert", null);
     d(this, "cadPointerPosition", null);
-    d(this, "pointerDragTracker", new Ki({
+    d(this, "pointerDragTracker", new Zi({
       distancePx: ds,
       pathPx: hs
     }));
@@ -6011,17 +6104,17 @@ class fs {
     d(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, n, a, o, l, c, h, f, u, b, g, m, v, y;
-    this.options = e, this.runtime = t, this.cameraStateStore = e.cameraStateStore === !1 ? void 0 : e.cameraStateStore ?? Ti(), this.interactionMode = e.cadInteraction ?? "managed", this.uiTheme = ((i = e.ui) == null ? void 0 : i.theme) ?? "dark", this.cadHost = this.createCadHost(), this.cadCapability = new ji(this.cadHost), this.cad = this.cadCapability, this.cadCapability.open = async (p, w = {}) => {
+    var i, r, n, a, o, l, c, h, f, u, b, g, p, v, y;
+    this.options = e, this.runtime = t, this.cameraStateStore = e.cameraStateStore === !1 ? void 0 : e.cameraStateStore ?? Di(), this.interactionMode = e.cadInteraction ?? "managed", this.uiTheme = ((i = e.ui) == null ? void 0 : i.theme) ?? "dark", this.cadHost = this.createCadHost(), this.cadCapability = new Xi(this.cadHost), this.cad = this.cadCapability, this.cadCapability.open = async (m, x = {}) => {
       this.assertActive();
-      const { filename: x, signal: R, ...J } = w;
-      await this.assetController.open(p, { format: "cad", filename: x, signal: R, cad: J }, !0).ready;
+      const { filename: w, signal: E, ...X } = x;
+      await this.assetController.open(m, { format: "cad", filename: w, signal: E, cad: X }, !0).ready;
       const T = this.cadCapability.document;
       if (!T) throw Object.assign(new Error("CAD open superseded"), { code: "E_SUPERSEDED", name: "AbortError" });
       return T;
     }, this.cadCapability.close = () => {
       this.assertActive(), this.assetController.closeKind("cad");
-    }, this.initialCameraSnapshot = t.captureCameraSnapshot(), this.lastCameraFingerprint = ae(this.initialCameraSnapshot), this.layoutEngine = this.createLayoutEngine(), this.pluginManager = new Yr(
+    }, this.initialCameraSnapshot = t.captureCameraSnapshot(), this.lastCameraFingerprint = ae(this.initialCameraSnapshot), this.layoutEngine = this.createLayoutEngine(), this.pluginManager = new jr(
       () => this.cadCapability.getSnapshot(),
       () => ({
         viewMode: this.runtime.viewMode,
@@ -6031,12 +6124,12 @@ class fs {
       }),
       () => this.assetController.getActiveSnapshot(),
       () => this.assetController.getActiveControlState(),
-      (p, w) => this.subscribePluginEvent(p, w),
+      (m, x) => this.subscribePluginEvent(m, x),
       {
-        setLayerVisible: (p, w) => this.cad.layers.setVisible(p, w),
-        setSelection: (p) => this.cad.select(p),
+        setLayerVisible: (m, x) => this.cad.layers.setVisible(m, x),
+        setSelection: (m) => this.cad.select(m),
         fitDocument: () => this.cad.fitDocument(),
-        setViewMode: (p) => this.setViewMode(p),
+        setViewMode: (m) => this.setViewMode(m),
         play: () => this.assetController.tryPlay(),
         pause: () => this.assetController.tryPause(),
         reset: () => this.assetController.tryReset(),
@@ -6047,61 +6140,62 @@ class fs {
             return !1;
           }
         },
-        setUpAxis: (p) => this.assetController.trySetUpAxis(p),
-        setGroundVisible: (p) => this.assetController.trySetGroundVisible(p),
-        setCollisionVisible: (p) => this.assetController.trySetCollisionVisible(p),
-        setTheme: (p) => this.applyUiTheme(p)
+        setUpAxis: (m) => this.assetController.trySetUpAxis(m),
+        setGroundVisible: (m) => this.assetController.trySetGroundVisible(m),
+        setCollisionVisible: (m) => this.assetController.trySetCollisionVisible(m),
+        setTheme: (m) => this.applyUiTheme(m)
       },
       e.viewport,
       this.layoutEngine
     ), this.assetController = new rs({
       loaders: () => this.pluginManager.getAssetLoaders(),
-      mount: (p) => this.mountAssetObject(p),
-      detach: (p) => this.unmountAssetObject(p),
-      applyProfile: (p) => this.applyAssetProfile(p),
-      fit: (p, w) => this.runtime.fitView(p, w),
+      mount: (m) => this.mountAssetObject(m),
+      detach: (m) => this.unmountAssetObject(m),
+      applyProfile: (m) => this.applyAssetProfile(m),
+      fit: (m, x) => this.runtime.fitView(m, x),
       requestRender: () => this.runtime.requestRender(),
-      change: (p) => this.emit("asset-change", p),
-      error: (p) => this.emit("asset-error", p),
-      controlChange: (p) => this.emit("asset-control-change", p),
-      cleanupError: (p) => {
-        this.options.onCleanupError ? this.options.onCleanupError(p) : console.error("[viewer] asset cleanup failed", p);
+      change: (m) => this.emit("asset-change", m),
+      error: (m) => this.emit("asset-error", m),
+      controlChange: (m) => this.emit("asset-control-change", m),
+      cleanupError: (m) => {
+        this.options.onCleanupError ? this.options.onCleanupError(m) : console.error("[viewer] asset cleanup failed", m);
       }
-    }), this.pluginManager.registerBuiltin(as(this.cadCapability)), this.pluginManager.registerBuiltin(ss), this.pluginManager.registerBuiltin(cs), this.pluginManager.onAssetLoaderRemoved((p) => this.assetController.removeLoader(p)), this.cadInspectorUnsubscribe = this.cad.on("inspector-change", () => {
+    }), this.pluginManager.registerBuiltin(as(this.cadCapability)), this.pluginManager.registerBuiltin(ss), this.pluginManager.registerBuiltin(cs), this.pluginManager.onAssetLoaderRemoved((m) => this.assetController.removeLoader(m)), 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.interactionMode === "managed" && this.syncCadSelectionOverlay();
-    }), this.assetChangeUnsubscribe = this.on("asset-change", (p) => {
-      const w = p.snapshot.phase;
-      (w === "closing" || w === "failed" || w === "closed") && this.endAssetGrab();
-    }), e.ui && e.ui.preset !== "none" && (e.ui.preset !== "cad-readonly" && this.interactionMode === "managed" && this.pluginManager.registerBuiltin(Hr(
+    }), this.assetChangeUnsubscribe = this.on("asset-change", (m) => {
+      const x = m.snapshot.phase;
+      (x === "closing" || x === "failed" || x === "closed") && this.endAssetGrab();
+    }), e.ui && e.ui.preset !== "none" && (e.ui.preset !== "cad-readonly" && this.interactionMode === "managed" && this.pluginManager.registerBuiltin(Yr(
       {
-        mountBuiltin: (p, w) => this.layoutEngine.mountBuiltin(p, w),
+        mountBuiltin: (m, x) => this.layoutEngine.mountBuiltin(m, x),
         shadowRoot: () => this.builtinUiShadow(),
+        getVisualDiagnostics: () => this.assetController.getActiveVisualDiagnostics(),
         theme: () => this.uiTheme,
-        onThemeChange: (p) => (this.uiThemeListeners.add(p), { dispose: () => this.uiThemeListeners.delete(p) })
+        onThemeChange: (m) => (this.uiThemeListeners.add(m), { dispose: () => this.uiThemeListeners.delete(m) })
       },
       {
-        label: (p) => p === "simulation" ? "仿真控制" : "模型控制",
+        label: (m) => m === "simulation" ? "仿真控制" : "模型控制",
         scene: e.ui.scene
       }
     )), this.interactionMode === "managed" && this.pluginManager.register({
       id: "nebula.ui.cad",
       activate: () => {
-        this.ui = new Rr(this.createUiHost(), e.ui), this.ui.mount();
+        this.ui = new Ir(this.createUiHost(), e.ui), this.ui.mount();
       },
       deactivate: () => {
-        var p;
-        (p = this.ui) == null || p.dispose(), this.ui = null;
+        var m;
+        (m = this.ui) == null || m.dispose(), this.ui = null;
       }
-    })), (n = (r = this.options.canvas).addEventListener) == null || n.call(r, "pointerdown", this.handlePointerDown), (o = (a = this.options.canvas).addEventListener) == null || o.call(a, "pointermove", this.handlePointerMove), (c = (l = this.options.canvas).addEventListener) == null || c.call(l, "pointerup", this.handlePointerUp), (f = (h = this.options.canvas).addEventListener) == null || f.call(h, "pointercancel", this.handlePointerCancel), (b = (u = this.options.canvas).addEventListener) == null || b.call(u, "pointerleave", this.handlePointerLeave), (m = (g = this.options.canvas).addEventListener) == null || m.call(g, "lostpointercapture", this.handleLostPointerCapture), (y = (v = this.options.canvas).addEventListener) == null || y.call(v, "wheel", this.handleWheel, { passive: !0 }), typeof globalThis.window < "u" && globalThis.window.addEventListener("blur", this.handleWindowBlur), typeof ResizeObserver == "function" && xs(this.options.viewport) ? (this.viewportResizeObserver = new ResizeObserver(() => this.handleViewportResize()), this.viewportResizeObserver.observe(this.options.viewport)) : (this.viewportResizeObserver = null, typeof globalThis.window < "u" && (this.usingWindowResizeFallback = !0, globalThis.window.addEventListener("resize", this.handleViewportResize))), this.runtime.startAnimation({
-      renderExtension: { beforeRender: (p, w, x) => this.assetController.beforeRender(p, w, x) },
-      onFrame: (p, w) => {
-        this.assetController.update(w) && this.runtime.requestRender();
+    })), (n = (r = this.options.canvas).addEventListener) == null || n.call(r, "pointerdown", this.handlePointerDown), (o = (a = this.options.canvas).addEventListener) == null || o.call(a, "pointermove", this.handlePointerMove), (c = (l = this.options.canvas).addEventListener) == null || c.call(l, "pointerup", this.handlePointerUp), (f = (h = this.options.canvas).addEventListener) == null || f.call(h, "pointercancel", this.handlePointerCancel), (b = (u = this.options.canvas).addEventListener) == null || b.call(u, "pointerleave", this.handlePointerLeave), (p = (g = this.options.canvas).addEventListener) == null || p.call(g, "lostpointercapture", this.handleLostPointerCapture), (y = (v = this.options.canvas).addEventListener) == null || y.call(v, "wheel", this.handleWheel, { passive: !0 }), typeof globalThis.window < "u" && globalThis.window.addEventListener("blur", this.handleWindowBlur), typeof ResizeObserver == "function" && xs(this.options.viewport) ? (this.viewportResizeObserver = new ResizeObserver(() => this.handleViewportResize()), this.viewportResizeObserver.observe(this.options.viewport)) : (this.viewportResizeObserver = null, typeof globalThis.window < "u" && (this.usingWindowResizeFallback = !0, globalThis.window.addEventListener("resize", this.handleViewportResize))), this.runtime.startAnimation({
+      renderExtension: { beforeRender: (m, x, w) => this.assetController.beforeRender(m, x, w) },
+      onFrame: (m, x) => {
+        this.assetController.update(x) && this.runtime.requestRender();
       },
-      shouldRender: (p) => this.shouldRenderCurrentFrame(p),
-      beforeRender: (p) => {
-        this.detectCameraChange() || this.cadCapability.onBeforeRender(), this.interaction === "active" && (this.interactionRenderLastTs = p);
+      shouldRender: (m) => this.shouldRenderCurrentFrame(m),
+      beforeRender: (m) => {
+        this.detectCameraChange() || this.cadCapability.onBeforeRender(), this.interaction === "active" && (this.interactionRenderLastTs = m);
       },
       onInfoUpdate: () => {
         this.detectCameraChange() || this.cadCapability.onRuntimeStatsChanged();
@@ -6222,9 +6316,9 @@ class fs {
   }
   setHighlight(e, t = {}) {
     if (this.assertActive(), e && this.assertMounted(e), !(this.highlightedObjectValue === null && e === null)) {
-      if (this.runtime.removeOverlay(G), this.highlightedObjectValue = e, e) {
-        const i = new St(e, t.color ?? 6000111);
-        i.name = G, this.runtime.mountOverlay(G, i, { owned: !0 });
+      if (this.runtime.removeOverlay(W), this.highlightedObjectValue = e, e) {
+        const i = new Pt(e, t.color ?? 6000111);
+        i.name = W, this.runtime.mountOverlay(W, i, { owned: !0 });
       }
       this.emit("highlight-change", { object: e });
     }
@@ -6250,9 +6344,9 @@ class fs {
     this.assertActive(), this.pluginManager.use(e, t);
   }
   dispose() {
-    var e, t, i, r, n, a, o, l, c, h, f, u, b, g, m;
+    var e, t, i, r, n, a, o, l, c, h, f, u, b, g, p;
     if (!this.disposed) {
-      this.grabbing && this.endAssetGrab(), this.assetController.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), (a = (n = this.options.canvas).removeEventListener) == null || a.call(n, "pointerup", this.handlePointerUp), (l = (o = this.options.canvas).removeEventListener) == null || l.call(o, "pointercancel", this.handlePointerCancel), (h = (c = this.options.canvas).removeEventListener) == null || h.call(c, "pointerleave", this.handlePointerLeave), (u = (f = this.options.canvas).removeEventListener) == null || u.call(f, "lostpointercapture", this.handleLostPointerCapture), (g = (b = this.options.canvas).removeEventListener) == null || g.call(b, "wheel", this.handleWheel), typeof globalThis.window < "u" && (globalThis.window.removeEventListener("blur", this.handleWindowBlur), this.usingWindowResizeFallback && globalThis.window.removeEventListener("resize", this.handleViewportResize)), (m = this.viewportResizeObserver) == null || m.disconnect(), this.pointerStart = null, this.cadPointerPosition = null, this.setCadHoveredInsert(null), this.setCanvasCursor(""), this.highlightedObjectValue && this.runtime.removeOverlay(G), this.runtime.removeOverlay(F), this.runtime.removeOverlay(N), this.cadInspectorUnsubscribe(), this.cadDocumentUnsubscribe(), this.assetChangeUnsubscribe(), this.highlightedObjectValue = null, this.selectedObjectValue = null;
+      this.grabbing && this.endAssetGrab(), this.assetController.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), (a = (n = this.options.canvas).removeEventListener) == null || a.call(n, "pointerup", this.handlePointerUp), (l = (o = this.options.canvas).removeEventListener) == null || l.call(o, "pointercancel", this.handlePointerCancel), (h = (c = this.options.canvas).removeEventListener) == null || h.call(c, "pointerleave", this.handlePointerLeave), (u = (f = this.options.canvas).removeEventListener) == null || u.call(f, "lostpointercapture", this.handleLostPointerCapture), (g = (b = this.options.canvas).removeEventListener) == null || g.call(b, "wheel", this.handleWheel), typeof globalThis.window < "u" && (globalThis.window.removeEventListener("blur", this.handleWindowBlur), this.usingWindowResizeFallback && globalThis.window.removeEventListener("resize", this.handleViewportResize)), (p = this.viewportResizeObserver) == null || p.disconnect(), this.pointerStart = null, this.cadPointerPosition = null, this.setCadHoveredInsert(null), this.setCanvasCursor(""), this.highlightedObjectValue && this.runtime.removeOverlay(W), this.runtime.removeOverlay(F), this.runtime.removeOverlay(N), this.cadInspectorUnsubscribe(), this.cadDocumentUnsubscribe(), this.assetChangeUnsubscribe(), this.highlightedObjectValue = null, this.selectedObjectValue = null;
       for (const v of this.mountedObjects)
         this.runtime.removeObject(v, { dispose: !1 });
       this.mountedObjects.clear();
@@ -6277,7 +6371,7 @@ class fs {
   createLayoutEngine() {
     var r;
     const e = this, t = this.options, i = (r = t.ui) == null ? void 0 : r.insetTarget;
-    return new Tr({
+    return new Dr({
       reference: () => {
         var n;
         return ((n = t.ui) == null ? void 0 : n.root) ?? t.viewport;
@@ -6321,7 +6415,7 @@ class fs {
    */
   resetAssetPresentation() {
     var e;
-    this.runtime.setClearColor(this.options.clearColor ?? Ge), this.runtime.setNavigationPolicy("viewer"), this.interactionMode = this.options.cadInteraction ?? "managed", (e = this.ui) == null || e.setActive(!1), this.interactionMode !== "managed" ? (this.setCadHoveredInsert(null), this.runtime.removeOverlay(F), this.runtime.removeOverlay(N), this.cadCapability.clearSelection()) : this.syncCadSelectionOverlay(), this.runtime.requestRender();
+    this.runtime.setClearColor(this.options.clearColor ?? We), this.runtime.setNavigationPolicy("viewer"), this.interactionMode = this.options.cadInteraction ?? "managed", (e = this.ui) == null || e.setActive(!1), this.interactionMode !== "managed" ? (this.setCadHoveredInsert(null), this.runtime.removeOverlay(F), this.runtime.removeOverlay(N), this.cadCapability.clearSelection()) : this.syncCadSelectionOverlay(), this.runtime.requestRender();
   }
   createCadHost() {
     const e = this;
@@ -6381,10 +6475,10 @@ class fs {
         return ((n = e.runtime.screenToWorldOnPlane(t, i, r)) == null ? void 0 : n.clone()) ?? null;
       },
       readCameraSnapshot(t) {
-        return Oi(e.cameraStateStore, t);
+        return Li(e.cameraStateStore, t);
       },
       persistCameraSnapshot(t, i) {
-        Li(e.cameraStateStore, t, i);
+        Fi(e.cameraStateStore, t, i);
       },
       getViewportSize() {
         return {
@@ -6419,7 +6513,7 @@ class fs {
     if (!i || i.isEmpty()) return;
     const r = !!((o = e.details) != null && o.bbox);
     if (((c = (l = this.options.cadInteractionStyle) == null ? void 0 : l.selected) == null ? void 0 : c.enabled) === !1) return;
-    const n = r ? this.createCadInteractionOverlay(i, "selected") : new Pt(i, ((f = (h = this.options.cadInteractionStyle) == null ? void 0 : h.selected) == null ? void 0 : f.color) ?? $e.dark.selected.color);
+    const n = r ? this.createCadInteractionOverlay(i, "selected") : new At(i, ((f = (h = this.options.cadInteractionStyle) == null ? void 0 : h.selected) == null ? void 0 : f.color) ?? Ge.dark.selected.color);
     n.name = F, this.runtime.mountOverlay(F, n, { owned: !0 });
   }
   dispatchCadSelectionChange() {
@@ -6438,17 +6532,17 @@ class fs {
   }
   createCadInteractionOverlay(e, t) {
     var u, b;
-    const i = ((u = this.options.ui) == null ? void 0 : u.theme) === "light" ? "light" : "dark", r = $e[i][t], n = (b = this.options.cadInteractionStyle) == null ? void 0 : b[t], a = {
+    const i = ((u = this.options.ui) == null ? void 0 : u.theme) === "light" ? "light" : "dark", r = Ge[i][t], n = (b = this.options.cadInteractionStyle) == null ? void 0 : b[t], a = {
       color: (n == null ? void 0 : n.color) ?? r.color,
       fillOpacity: (n == null ? void 0 : n.fillOpacity) ?? r.fillOpacity,
       edgeOpacity: (n == null ? void 0 : n.edgeOpacity) ?? r.edgeOpacity
-    }, o = new Ke();
+    }, o = new Ze();
     o.name = t === "hover" ? "cad-insert-hover" : "cad-insert-selected", o.renderOrder = t === "hover" ? 1300 : 1310;
-    const l = e.getSize(new C()), c = e.getCenter(new C()), h = new At(Math.max(l.x, 1e-6), Math.max(l.y, 1e-6), Math.max(l.z, 1e-3));
+    const l = e.getSize(new C()), c = e.getCenter(new C()), h = new Rt(Math.max(l.x, 1e-6), Math.max(l.y, 1e-6), Math.max(l.z, 1e-3));
     if (a.fillOpacity > 0) {
-      const g = new Rt(
+      const g = new It(
         h.clone(),
-        new It({
+        new Mt({
           color: a.color,
           transparent: !0,
           opacity: a.fillOpacity,
@@ -6458,9 +6552,9 @@ class fs {
       );
       g.name = `${o.name}:fill`, g.position.copy(c), g.renderOrder = 1305, o.add(g);
     }
-    const f = new Mt(
-      new kt(h),
-      new Tt({
+    const f = new kt(
+      new Tt(h),
+      new Dt({
         color: a.color,
         transparent: !0,
         opacity: a.edgeOpacity,
@@ -6562,7 +6656,7 @@ class fs {
       this.resetAssetPresentation();
       return;
     }
-    this.runtime.setClearColor(e.clearColor ?? this.options.clearColor ?? Ge), this.runtime.setNavigationPolicy(
+    this.runtime.setClearColor(e.clearColor ?? this.options.clearColor ?? We), this.runtime.setNavigationPolicy(
       e.interactionMode === "object" || e.interactionMode === "simulation" ? "preview" : "viewer"
     ), e.preferredViewMode && e.preferredViewMode !== this.runtime.viewMode && this.setViewMode(e.preferredViewMode, { preserveOrbit: !0 }), this.interactionMode = e.interactionMode === "cad-managed" ? this.options.cadInteraction ?? "managed" : e.interactionMode === "object" || e.interactionMode === "simulation" ? "disabled" : this.options.cadInteraction ?? "managed", this.layoutEngine.setActiveGroups(bs(e.uiProfile)), (t = this.ui) == null || t.setActive(e.uiProfile === "cad"), this.interactionMode !== "managed" ? (this.setCadHoveredInsert(null), this.runtime.removeOverlay(F), this.runtime.removeOverlay(N), this.cadCapability.clearSelection()) : this.syncCadSelectionOverlay();
   }
@@ -6580,7 +6674,7 @@ class fs {
     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 (!et(e)) return !1;
+    if (!tt(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;
   }
@@ -6686,7 +6780,7 @@ class fs {
   }
 }
 function Ms(s) {
-  const e = new Ri({
+  const e = new Ii({
     canvasArea: s.viewport,
     canvas: s.canvas,
     clearColor: s.clearColor,