@vectojs/core 1.38.1 → 1.39.1

package/dist/index.js

@@ -12,14 +12,14 @@
 
 
 
-var _chunkZYYP2M5Djs = require('./chunk-ZYYP2M5D.js');
+var _chunkBKXERWADjs = require('./chunk-BKXERWAD.js');
 
 
 
 
 
 
-var _chunkSRXU3ZXKjs = require('./chunk-SRXU3ZXK.js');
+var _chunkPOPXUPKRjs = require('./chunk-POPXUPKR.js');
 
 // src/tree/ComputeParticleEntity.ts
 var PARTICLE_STRIDE_FLOATS = 8;
@@ -31,7 +31,7 @@ var PARTICLE_OFFSET_ORIGIN_X = 4;
 var PARTICLE_OFFSET_ORIGIN_Y = 5;
 var PARTICLE_OFFSET_SIZE = 6;
 var PARTICLE_OFFSET_LIFE = 7;
-var ComputeParticleEntity = (_class = class extends _chunkSRXU3ZXKjs.Entity {
+var ComputeParticleEntity = (_class = class extends _chunkPOPXUPKRjs.Entity {
   
   
   
@@ -225,14 +225,14 @@ var ComputeParticleEntity = (_class = class extends _chunkSRXU3ZXKjs.Entity {
     const bounceDamping = Math.max(0, Math.min(1, this.bounceDamping));
     const maxVelocity = Math.max(1, this.maxVelocity);
     for (let i = 0; i < this.maxParticles; i++) {
-      const offset = i * 8;
-      let px = this.particleData[offset];
-      let py = this.particleData[offset + 1];
-      let vx = this.particleData[offset + 2];
-      let vy = this.particleData[offset + 3];
-      const ox = this.particleData[offset + 4];
-      const oy = this.particleData[offset + 5];
-      const life = this.particleData[offset + 7];
+      const offset = i * PARTICLE_STRIDE_FLOATS;
+      let px = this.particleData[offset + PARTICLE_OFFSET_POSITION_X];
+      let py = this.particleData[offset + PARTICLE_OFFSET_POSITION_Y];
+      let vx = this.particleData[offset + PARTICLE_OFFSET_VELOCITY_X];
+      let vy = this.particleData[offset + PARTICLE_OFFSET_VELOCITY_Y];
+      const ox = this.particleData[offset + PARTICLE_OFFSET_ORIGIN_X];
+      const oy = this.particleData[offset + PARTICLE_OFFSET_ORIGIN_Y];
+      const life = this.particleData[offset + PARTICLE_OFFSET_LIFE];
       if (isNaN(px)) px = ox;
       if (isNaN(py)) py = oy;
       if (isNaN(vx)) vx = 0;
@@ -290,11 +290,11 @@ var ComputeParticleEntity = (_class = class extends _chunkSRXU3ZXKjs.Entity {
       if (life >= 0) {
         nlife = Math.max(0, life - safeDt * 0.5);
       }
-      this.particleData[offset] = npx;
-      this.particleData[offset + 1] = npy;
-      this.particleData[offset + 2] = nvx;
-      this.particleData[offset + 3] = nvy;
-      this.particleData[offset + 7] = nlife;
+      this.particleData[offset + PARTICLE_OFFSET_POSITION_X] = npx;
+      this.particleData[offset + PARTICLE_OFFSET_POSITION_Y] = npy;
+      this.particleData[offset + PARTICLE_OFFSET_VELOCITY_X] = nvx;
+      this.particleData[offset + PARTICLE_OFFSET_VELOCITY_Y] = nvy;
+      this.particleData[offset + PARTICLE_OFFSET_LIFE] = nlife;
     }
     this.pendingExplosion = null;
   }
@@ -594,7 +594,12 @@ var ContentGridProjector = class {
           lineIndex === 0
         );
         const reusable = existingLines[domIndex];
-        if (reusable !== void 0 && reusable.dataset.vectoGridLineSig === lineSignature && reusable.dataset.vectoGridLine === `${lineIndex}`) {
+        if (reusable !== void 0 && reusable.dataset.vectoGridLineSig === lineSignature) {
+          const indexLabel = `${lineIndex}`;
+          if (reusable.dataset.vectoGridLine !== indexLabel) {
+            reusable.dataset.vectoGridLine = indexLabel;
+            reusable.style.top = `${(_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _34 => _34.y]), () => ( lineIndex * grid.lineHeight))) + baseline - _text.cssLineBoxBaseline.call(void 0, lineFont, lineHeight)}px`;
+          }
           continue;
         }
         if (selectionLine !== null && selectionLine === lineIndex) rebuiltSelectionLine = true;
@@ -603,8 +608,8 @@ var ContentGridProjector = class {
         lineElement.dir = "ltr";
         lineElement.dataset.vectoGridLine = `${lineIndex}`;
         lineElement.style.position = "absolute";
-        lineElement.style.left = `${_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _34 => _34.x]), () => ( 0))}px`;
-        lineElement.style.top = `${(_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _35 => _35.y]), () => ( lineIndex * grid.lineHeight))) + baseline - _text.cssLineBoxBaseline.call(void 0, lineFont, lineHeight)}px`;
+        lineElement.style.left = `${_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _35 => _35.x]), () => ( 0))}px`;
+        lineElement.style.top = `${(_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _36 => _36.y]), () => ( lineIndex * grid.lineHeight))) + baseline - _text.cssLineBoxBaseline.call(void 0, lineFont, lineHeight)}px`;
         lineElement.style.width = `${gridLine.width}px`;
         lineElement.style.height = `${lineHeight}px`;
         lineElement.style.whiteSpace = "pre";
@@ -673,7 +678,7 @@ var ContentGridProjector = class {
       }
       const windowLength = gridWindow.end - gridWindow.start;
       while (el.children.length > windowLength) {
-        _optionalChain([el, 'access', _36 => _36.lastElementChild, 'optionalAccess', _37 => _37.remove, 'call', _38 => _38()]);
+        _optionalChain([el, 'access', _37 => _37.lastElementChild, 'optionalAccess', _38 => _38.remove, 'call', _39 => _39()]);
       }
       if (rebuiltSelectionLine) {
         this.contentProjection.restoreGridSelection(el, selectionSnapshot);
@@ -713,8 +718,8 @@ var ContentGridProjector = class {
 function contentGridLineSignature(grid, line, projected, lineHeight, baseline, font, isFirstLine) {
   const parts = [
     // Line box: position, size, and the font that resolves its baseline.
-    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _39 => _39.x]), () => ( 0))}`,
-    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _40 => _40.y]), () => ( ""))}`,
+    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _40 => _40.x]), () => ( 0))}`,
+    `${_nullishCoalesce(_optionalChain([projected, 'optionalAccess', _41 => _41.y]), () => ( ""))}`,
     `${lineHeight}`,
     `${baseline}`,
     font,
@@ -780,7 +785,13 @@ function projectionCaretAt(root, absoluteOffset, affinity) {
 }
 
 // src/tree/scene/A11yProjectionManager.ts
-var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this); }
+function orderBandBottom(r) {
+  return r.container ? r.top + 4 : r.top + Math.max(Number.parseFloat(r.el.style.height) || 0, 4);
+}
+var byTopThenIndex = (p, q) => p.top - q.top || p.i - q.i;
+var byLeftAscThenIndex = (p, q) => p.left - q.left || p.i - q.i;
+var byLeftDescThenIndex = (p, q) => q.left - p.left || p.i - q.i;
+var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this); }
   /**
    * Set by anything that changes which elements exist or how they nest, and
    * cleared by the reorder pass. Public so `Scene` can expose it under its
@@ -821,6 +832,18 @@ var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.
    * implicit root region. See {@link sortNormalElementsVisually}.
    */
   __init15() {this.orderRegions = /* @__PURE__ */ new Map()}
+  /**
+   * Decoration records for {@link sortNormalElementsVisually}: one per ordered
+   * element, pooled across passes and rewritten in place — the sort runs on
+   * structure-change frames, where the module's zero-GC policy applies.
+   */
+  __init16() {this.orderDecorated = []}
+  /** Region → decorated elements, reused by {@link sortNormalElementsVisually}. */
+  __init17() {this.orderBucketByRegion = /* @__PURE__ */ new Map()}
+  /** Pool of bucket arrays backing {@link orderBucketByRegion} across passes. */
+  __init18() {this.orderBuckets = []}
+  /** Scratch for one visual row inside {@link sortNormalElementsVisually}. */
+  __init19() {this.orderRowScratch = []}
   /** Mark the projected DOM as needing a reorder on the next pass. */
   markNeedsReorder() {
     this.needsReorder = true;
@@ -878,11 +901,12 @@ var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.
       this.orderCursors.set(parent, at + 1);
       const current = parent.childNodes[at];
       if (current !== expected) {
-        const refocus = document.activeElement === expected;
+        const active = document.activeElement;
+        const refocusTarget = active && (active === expected || expected.contains(active)) ? active : null;
         if (!selectionSnapshotTaken) {
           selectionSnapshotTaken = true;
           const live = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
-          if (_optionalChain([live, 'optionalAccess', _41 => _41.anchorNode]) && live.focusNode) {
+          if (_optionalChain([live, 'optionalAccess', _42 => _42.anchorNode]) && live.focusNode) {
             selection = live;
             selAnchorNode = live.anchorNode;
             selFocusNode = live.focusNode;
@@ -894,7 +918,7 @@ var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.
           selectionMoved = true;
         }
         parent.insertBefore(expected, current || null);
-        if (refocus) expected.focus({ preventScroll: true });
+        if (refocusTarget) refocusTarget.focus({ preventScroll: true });
       }
     }
     if (selectionMoved && selection && selAnchorNode && selFocusNode) {
@@ -941,7 +965,6 @@ var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.
   sortNormalElementsVisually(rtl) {
     const els = this.normalElements;
     if (els.length < 2) return;
-    const heightOf = (el) => Math.max(Number.parseFloat(el.style.height) || 0, 4);
     const members = this.orderMembers;
     const containers = this.orderContainers;
     members.clear();
@@ -952,52 +975,70 @@ var A11yProjectionManager = (_class2 = class {constructor() { _class2.prototype.
         if (members.has(p)) containers.add(p);
       }
     }
-    const absolute = (el) => {
+    const decorated = this.orderDecorated;
+    while (decorated.length < els.length) {
+      decorated.push({ el: els[0], i: 0, top: 0, left: 0, container: false });
+    }
+    for (let i = 0; i < els.length; i++) {
+      const rec = decorated[i];
       let top = 0;
       let left = 0;
-      for (let node = el; node; node = node.parentElement) {
+      for (let node = els[i]; node; node = node.parentElement) {
         top += Number.parseFloat(node.style.top) || 0;
         left += Number.parseFloat(node.style.left) || 0;
         const parent = node.parentElement;
         if (!parent || !members.has(parent)) break;
       }
-      return { top, left };
-    };
-    const decorated = els.map((el, i) => {
-      const { top, left } = absolute(el);
-      return { el, i, top, left, container: containers.has(el) };
-    });
+      rec.el = els[i];
+      rec.i = i;
+      rec.top = top;
+      rec.left = left;
+      rec.container = containers.has(els[i]);
+    }
     const regions = this.orderRegions;
-    const buckets = /* @__PURE__ */ new Map();
-    for (const d of decorated) {
-      const key = _nullishCoalesce(regions.get(d.el), () => ( null));
-      const bucket = buckets.get(key);
-      if (bucket) bucket.push(d);
-      else buckets.set(key, [d]);
-    }
-    const bandBottom = (r) => r.top + (r.container ? 4 : heightOf(r.el));
-    const sorted = [];
+    const buckets = this.orderBucketByRegion;
+    const bucketPool = this.orderBuckets;
+    let bucketsUsed = 0;
+    buckets.clear();
+    for (let i = 0; i < els.length; i++) {
+      const rec = decorated[i];
+      const key = _nullishCoalesce(regions.get(rec.el), () => ( null));
+      let bucket = buckets.get(key);
+      if (!bucket) {
+        bucket = bucketPool[bucketsUsed];
+        if (bucket === void 0) {
+          bucket = [];
+          bucketPool.push(bucket);
+        }
+        bucketsUsed++;
+        bucket.length = 0;
+        buckets.set(key, bucket);
+      }
+      bucket.push(rec);
+    }
+    let out = 0;
     for (const order of buckets.values()) {
-      order.sort((p, q) => p.top - q.top || p.i - q.i);
+      order.sort(byTopThenIndex);
       let rowStart = 0;
-      let rowBottom = order.length ? bandBottom(order[0]) : 0;
+      let rowBottom = order.length ? orderBandBottom(order[0]) : 0;
       const flushRow = (end) => {
-        const row = order.slice(rowStart, end);
-        row.sort((p, q) => (rtl ? q.left - p.left : p.left - q.left) || p.i - q.i);
-        for (const r of row) sorted.push(r.el);
+        const row = this.orderRowScratch;
+        row.length = 0;
+        for (let m = rowStart; m < end; m++) row.push(order[m]);
+        row.sort(rtl ? byLeftDescThenIndex : byLeftAscThenIndex);
+        for (const r of row) els[out++] = r.el;
       };
       for (let k = 1; k < order.length; k++) {
         if (order[k].top < rowBottom) {
-          rowBottom = Math.max(rowBottom, bandBottom(order[k]));
+          rowBottom = Math.max(rowBottom, orderBandBottom(order[k]));
         } else {
           flushRow(k);
           rowStart = k;
-          rowBottom = bandBottom(order[k]);
+          rowBottom = orderBandBottom(order[k]);
         }
       }
       flushRow(order.length);
     }
-    for (let i = 0; i < sorted.length; i++) els[i] = sorted[i];
   }
 }, _class2);
 
@@ -1009,15 +1050,15 @@ var CanvasGeometry = (_class3 = class {
   /** Last geometry {@link syncOverlay} wrote, so an unchanged frame can skip the
    *  style writes entirely. Cleared by {@link invalidateOverlay} to force the next
    *  sync (a new overlay layer was created and has never been positioned). */
-  __init16() {this.overlayGeometry = null}
-  constructor(canvas, a11yRoot, portalRoot) {;_class3.prototype.__init16.call(this);
+  __init20() {this.overlayGeometry = null}
+  constructor(canvas, a11yRoot, portalRoot) {;_class3.prototype.__init20.call(this);
     this.canvas = canvas;
     this.a11yRoot = a11yRoot;
     this.portalRoot = portalRoot;
   }
   /** Convert browser viewport coordinates into the scene's logical coordinates. */
   clientToScene(clientX, clientY, width, height) {
-    const rect = _optionalChain([this, 'access', _42 => _42.canvas, 'access', _43 => _43.getBoundingClientRect, 'optionalCall', _44 => _44()]);
+    const rect = _optionalChain([this, 'access', _43 => _43.canvas, 'access', _44 => _44.getBoundingClientRect, 'optionalCall', _45 => _45()]);
     if (!rect) return { x: clientX, y: clientY };
     const cssWidth = rect.width || this.canvas.clientWidth || width;
     const cssHeight = rect.height || this.canvas.clientHeight || height;
@@ -1029,8 +1070,11 @@ var CanvasGeometry = (_class3 = class {
   /** Effective device pixel ratio, matching CanvasRenderer: real DPR clamped to
    *  `maxDPR` when set. */
   effectiveDPR(maxDPR) {
-    const real = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
-    return maxDPR !== void 0 ? Math.min(real, maxDPR) : real;
+    const raw = typeof window !== "undefined" ? window.devicePixelRatio : 1;
+    const real = Number.isFinite(raw) && raw > 0 ? raw : 1;
+    if (maxDPR === void 0) return real;
+    if (!Number.isFinite(maxDPR) || maxDPR <= 0) return real;
+    return Math.min(real, maxDPR);
   }
   /** Size the WebGPU particle canvas: backing store at logical × DPR, CSS box at
    *  the logical size. Sizing the backing store in logical px (the old
@@ -1055,14 +1099,14 @@ var CanvasGeometry = (_class3 = class {
   syncOverlay(width, height, glCanvas, gpuCanvas) {
     const parent = this.canvas.parentElement;
     if (!parent) return;
-    const canvasRect = _optionalChain([this, 'access', _45 => _45.canvas, 'access', _46 => _46.getBoundingClientRect, 'optionalCall', _47 => _47()]);
-    const parentRect = _optionalChain([parent, 'access', _48 => _48.getBoundingClientRect, 'optionalCall', _49 => _49()]);
-    const cssWidth = _optionalChain([canvasRect, 'optionalAccess', _50 => _50.width]) || this.canvas.clientWidth || width;
-    const cssHeight = _optionalChain([canvasRect, 'optionalAccess', _51 => _51.height]) || this.canvas.clientHeight || height;
+    const canvasRect = _optionalChain([this, 'access', _46 => _46.canvas, 'access', _47 => _47.getBoundingClientRect, 'optionalCall', _48 => _48()]);
+    const parentRect = _optionalChain([parent, 'access', _49 => _49.getBoundingClientRect, 'optionalCall', _50 => _50()]);
+    const cssWidth = _optionalChain([canvasRect, 'optionalAccess', _51 => _51.width]) || this.canvas.clientWidth || width;
+    const cssHeight = _optionalChain([canvasRect, 'optionalAccess', _52 => _52.height]) || this.canvas.clientHeight || height;
     const canvasPosition = typeof getComputedStyle === "function" ? getComputedStyle(this.canvas).position : "";
     const position = canvasPosition === "fixed" ? "fixed" : "absolute";
-    const left = position === "fixed" ? _nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _52 => _52.left]), () => ( 0)) : (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _53 => _53.left]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _54 => _54.left]), () => ( 0))) - (parent.clientLeft || 0) + parent.scrollLeft;
-    const top = position === "fixed" ? _nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _55 => _55.top]), () => ( 0)) : (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _56 => _56.top]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _57 => _57.top]), () => ( 0))) - (parent.clientTop || 0) + parent.scrollTop;
+    const left = position === "fixed" ? _nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _53 => _53.left]), () => ( 0)) : (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _54 => _54.left]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _55 => _55.left]), () => ( 0))) - (parent.clientLeft || 0) + parent.scrollLeft;
+    const top = position === "fixed" ? _nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _56 => _56.top]), () => ( 0)) : (_nullishCoalesce(_optionalChain([canvasRect, 'optionalAccess', _57 => _57.top]), () => ( 0))) - (_nullishCoalesce(_optionalChain([parentRect, 'optionalAccess', _58 => _58.top]), () => ( 0))) - (parent.clientTop || 0) + parent.scrollTop;
     const scaleX = width > 0 ? cssWidth / width : 1;
     const scaleY = height > 0 ? cssHeight / height : 1;
     const prev = this.overlayGeometry;
@@ -1100,12 +1144,12 @@ var CanvasGeometry = (_class3 = class {
 }, _class3);
 
 // src/tree/scene/DirtyTracker.ts
-var DirtyTracker = (_class4 = class _DirtyTracker {constructor() { _class4.prototype.__init17.call(this);_class4.prototype.__init18.call(this);_class4.prototype.__init19.call(this); }
+var DirtyTracker = (_class4 = class _DirtyTracker {constructor() { _class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);_class4.prototype.__init23.call(this); }
   /** Cap on distinct recorded dirty reasons (see {@link record}). */
   static __initStatic() {this.MAX_DIRTY_REASONS = 200}
-  __init17() {this.tracking = false}
-  __init18() {this.reasons = /* @__PURE__ */ new Map()}
-  __init19() {this.isDirty = true}
+  __init21() {this.tracking = false}
+  __init22() {this.reasons = /* @__PURE__ */ new Map()}
+  __init23() {this.isDirty = true}
   /** Whether the next frame must redraw. */
   get dirty() {
     return this.isDirty;
@@ -1187,20 +1231,20 @@ var DriverTicker = (_class5 = class {
   // an entity whose drivers have since all completed or been removed. This is
   // what lets the batch pass find its candidates in O(active drivers), not
   // O(tree size) — the exact mistake G3's first integrated benchmark made.
-  __init20() {this.activeEntities = /* @__PURE__ */ new Set()}
+  __init24() {this.activeEntities = /* @__PURE__ */ new Set()}
   // Reused across frames instead of allocating a fresh array + N {entity,prop,
   // driver} objects every call — the integrated benchmark
   // (benchmarks/anim-wasm-scene) found that allocation churn was the
   // dominant integrated cost, not the wasm kernel itself. Parallel arrays,
   // truncated to the live count after each use so a stale tail slot never
   // pins a no-longer-active entity/driver in memory.
-  __init21() {this.springEntities = []}
-  __init22() {this.springProps = []}
-  __init23() {this.springDrivers = []}
-  __init24() {this.tweenEntities = []}
-  __init25() {this.tweenProps = []}
-  __init26() {this.tweenDrivers = []}
-  constructor(backends) {;_class5.prototype.__init20.call(this);_class5.prototype.__init21.call(this);_class5.prototype.__init22.call(this);_class5.prototype.__init23.call(this);_class5.prototype.__init24.call(this);_class5.prototype.__init25.call(this);_class5.prototype.__init26.call(this);
+  __init25() {this.springEntities = []}
+  __init26() {this.springProps = []}
+  __init27() {this.springDrivers = []}
+  __init28() {this.tweenEntities = []}
+  __init29() {this.tweenProps = []}
+  __init30() {this.tweenDrivers = []}
+  constructor(backends) {;_class5.prototype.__init24.call(this);_class5.prototype.__init25.call(this);_class5.prototype.__init26.call(this);_class5.prototype.__init27.call(this);_class5.prototype.__init28.call(this);_class5.prototype.__init29.call(this);_class5.prototype.__init30.call(this);
     this.backends = backends;
   }
   /** The candidate set, for the delegating accessor `Scene` keeps for its tests. */
@@ -1328,6 +1372,8 @@ var DriverTicker = (_class5 = class {
     tD.length = tweenCount;
     backend.ensure(springCount, tweenCount);
     backend.revalidateViews();
+    let springsRejected = false;
+    let tweensRejected = false;
     if (springCount > 0) {
       const sv = backend.springView();
       for (let i = 0; i < springCount; i++) {
@@ -1343,8 +1389,7 @@ var DriverTicker = (_class5 = class {
         for (let i = 0; i < springCount; i++) sD[i].syncExternal(sv.val[i], sv.vel[i]);
       } else {
         for (let i = 0; i < springCount; i++) sD[i].tick(dt);
-        this.backends.animReason = "rejected";
-        this.backends.animBatchedLastFrame = false;
+        springsRejected = true;
       }
     }
     if (tweenCount > 0) {
@@ -1362,10 +1407,13 @@ var DriverTicker = (_class5 = class {
         for (let i = 0; i < tweenCount; i++) tD[i].syncExternal(tv.val[i], tv.elapsed[i]);
       } else {
         for (let i = 0; i < tweenCount; i++) tD[i].tick(dt);
-        this.backends.animReason = "rejected";
-        this.backends.animBatchedLastFrame = false;
+        tweensRejected = true;
       }
     }
+    if (springsRejected || tweensRejected) {
+      this.backends.animReason = springsRejected && tweensRejected ? "rejected" : springsRejected ? "springs-rejected" : "tweens-rejected";
+      this.backends.animBatchedLastFrame = springCount > 0 && !springsRejected || tweenCount > 0 && !tweensRejected;
+    }
     for (let i = 0; i < springCount; i++) sE[i]._applyDriverTick(sP[i], sD[i]);
     for (let i = 0; i < tweenCount; i++) tE[i]._applyDriverTick(tP[i], tD[i]);
   }
@@ -1526,20 +1574,17 @@ function intersectBounds(a, b) {
     height: Math.max(0, bottom - y)
   };
 }
-function pointInBounds(b, x, y) {
-  return x >= b.x && x <= b.x + b.width && y >= b.y && y <= b.y + b.height;
-}
 var HitTester = (_class6 = class {
   
   
   
   /** Slot index → entity, as built by the most recent grid build. */
-  __init27() {this.slotEntity = []}
+  __init31() {this.slotEntity = []}
   /** Entities with no `getBounds()`, which the grid cannot index. */
-  __init28() {this.boundless = []}
+  __init32() {this.boundless = []}
   /** Reused buffer for the fused gather, so a pointer query allocates nothing. */
-  __init29() {this.gatherBuffer = null}
-  constructor(root, overlayRoot, backends) {;_class6.prototype.__init27.call(this);_class6.prototype.__init28.call(this);_class6.prototype.__init29.call(this);
+  __init33() {this.gatherBuffer = null}
+  constructor(root, overlayRoot, backends) {;_class6.prototype.__init31.call(this);_class6.prototype.__init32.call(this);_class6.prototype.__init33.call(this);
     this.root = root;
     this.overlayRoot = overlayRoot;
     this.backends = backends;
@@ -1575,7 +1620,7 @@ var HitTester = (_class6 = class {
       this.backends.hitReason = "not-installed";
       return false;
     }
-    if (this.backends.hitGridFrame === frame) {
+    if (this.backends.hitGridFrame === frame && this.backends.hitGridStructureVersion === this.backends.structureVersion) {
       return this.backends.hitGridOk;
     }
     let gathered = null;
@@ -1606,6 +1651,7 @@ var HitTester = (_class6 = class {
     this.slotEntity = gathered.slotEntity;
     this.boundless = gathered.boundless;
     this.backends.hitGridFrame = frame;
+    this.backends.hitGridStructureVersion = this.backends.structureVersion;
     this.backends.hitGridOk = ok;
     this.backends.hitReason = ok ? "active" : "rejected";
     return ok;
@@ -1630,7 +1676,7 @@ var HitTester = (_class6 = class {
         const idx = cell[k];
         if (x < minx[idx] || x > maxx[idx] || y < miny[idx] || y > maxy[idx]) continue;
         const entity = this.slotEntity[idx];
-        if (_optionalChain([entity, 'optionalAccess', _58 => _58.isPointInside, 'call', _59 => _59(x, y)]) && this.isHitEligible(entity, x, y)) {
+        if (_optionalChain([entity, 'optionalAccess', _59 => _59.isPointInside, 'call', _60 => _60(x, y)]) && this.isHitEligible(entity, x, y)) {
           bestIndex = idx;
           bestEntity = entity;
           break;
@@ -1656,7 +1702,7 @@ var HitTester = (_class6 = class {
       const hit = this.findHitRecursively(node.children[i], x, y, childClip);
       if (hit) return hit;
     }
-    if (node.isPointInside && node.isPointInside(x, y) && (!clip || pointInBounds(clip, x, y)) && !this.isPointerTransparent(node)) {
+    if (node.isPointInside && node.isPointInside(x, y) && this.isInsideAllClippers(node, x, y) && !this.isPointerTransparent(node)) {
       return node;
     }
     return null;
@@ -1668,6 +1714,25 @@ var HitTester = (_class6 = class {
     const attrs = node.getA11yAttributes();
     return attrs.disabled === true || attrs.pointerEvents === "none";
   }
+  /**
+   * Exact rotation-aware `clipChildren` test shared by BOTH hit paths: the
+   * point must lie inside every clipChildren ancestor's local rect — the same
+   * shape rendering clips to — not merely inside the ancestor's world AABB.
+   * For a rotated clipper those disagree, and until both paths used the exact
+   * rect a query's answer depended on which backend was active (#680). The
+   * clip-stack AABB intersection in {@link findHitRecursively} remains purely
+   * as a subtree-pruning pre-filter; this is the authoritative gate.
+   */
+  isInsideAllClippers(node, x, y) {
+    for (let ancestor = node.parent; ancestor; ancestor = ancestor.parent) {
+      if (!ancestor.clipChildren) continue;
+      const local = ancestor.worldToLocal(x, y);
+      if (!local || local.x < 0 || local.y < 0 || local.x > ancestor.width || local.y > ancestor.height) {
+        return false;
+      }
+    }
+    return true;
+  }
   /**
    * Whether a confirmed geometric hit on `node` at world `(x, y)` is a REAL hit,
    * applying the same visibility/input gating as {@link findHitRecursively} but
@@ -1682,14 +1747,8 @@ var HitTester = (_class6 = class {
     if (node.opacity <= 0) return false;
     for (let ancestor = node.parent; ancestor; ancestor = ancestor.parent) {
       if (ancestor.opacity <= 0) return false;
-      if (ancestor.clipChildren && ancestor.width > 0 && ancestor.height > 0) {
-        const local = ancestor.worldToLocal(x, y);
-        if (!local || local.x < 0 || local.y < 0 || local.x > ancestor.width || local.y > ancestor.height) {
-          return false;
-        }
-      }
     }
-    return true;
+    return this.isInsideAllClippers(node, x, y);
   }
 }, _class6);
 
@@ -1709,9 +1768,9 @@ var ContentProjectionManager = (_class7 = class {
    * Mid-drag the browser is authoritative, so a rebuild must not try to preserve
    * anything.
    */
-  __init30() {this.blankRegionDrag = false}
+  __init34() {this.blankRegionDrag = false}
   /** Tracked drag anchor. Survives a drag, unlike the live DOM selection. */
-  __init31() {this.anchor = null}
+  __init35() {this.anchor = null}
   /**
    * Memo for {@link selectionPresent}, valid for one sync walk.
    *
@@ -1719,20 +1778,20 @@ var ContentProjectionManager = (_class7 = class {
    * is resolved once per walk rather than once per rebuilt element. `null` means
    * "not yet asked this walk".
    */
-  __init32() {this.presentThisSync = null}
+  __init36() {this.presentThisSync = null}
   // --- grid calibration ------------------------------------------------------
   /** Pending calibration rAF handle per projected grid entity. */
-  __init33() {this.calibrationFrameHandles = /* @__PURE__ */ new Map()}
+  __init37() {this.calibrationFrameHandles = /* @__PURE__ */ new Map()}
   /** Detached, untransformed font probes used by the cold calibration pass. */
-  __init34() {this.calibrationProbes = /* @__PURE__ */ new Map()}
+  __init38() {this.calibrationProbes = /* @__PURE__ */ new Map()}
   /**
    * Bumped when the conditions a measurement depends on change, which
    * invalidates every existing per-cell `scaleX` at once without touching them.
    */
-  __init35() {this.calibrationGeneration = 0}
+  __init39() {this.calibrationGeneration = 0}
   /** The conditions the current generation was measured under. */
-  __init36() {this.calibrationStamp = ""}
-  constructor(a11yRoot, phases) {;_class7.prototype.__init30.call(this);_class7.prototype.__init31.call(this);_class7.prototype.__init32.call(this);_class7.prototype.__init33.call(this);_class7.prototype.__init34.call(this);_class7.prototype.__init35.call(this);_class7.prototype.__init36.call(this);
+  __init40() {this.calibrationStamp = ""}
+  constructor(a11yRoot, phases) {;_class7.prototype.__init34.call(this);_class7.prototype.__init35.call(this);_class7.prototype.__init36.call(this);_class7.prototype.__init37.call(this);_class7.prototype.__init38.call(this);_class7.prototype.__init39.call(this);_class7.prototype.__init40.call(this);
     this.a11yRoot = a11yRoot;
     this.phases = phases;
   }
@@ -1786,16 +1845,16 @@ var ContentProjectionManager = (_class7 = class {
    * to the live DOM selection.
    */
   gridSelectionLine(el) {
-    const candidates = [_optionalChain([this, 'access', _60 => _60.anchor, 'optionalAccess', _61 => _61.node])];
+    const candidates = [_optionalChain([this, 'access', _61 => _61.anchor, 'optionalAccess', _62 => _62.node])];
     if (typeof window !== "undefined" && typeof window.getSelection === "function") {
       const selection = window.getSelection();
-      candidates.push(_optionalChain([selection, 'optionalAccess', _62 => _62.anchorNode]), _optionalChain([selection, 'optionalAccess', _63 => _63.focusNode]));
+      candidates.push(_optionalChain([selection, 'optionalAccess', _63 => _63.anchorNode]), _optionalChain([selection, 'optionalAccess', _64 => _64.focusNode]));
     }
     for (const candidate of candidates) {
       if (!candidate || !el.contains(candidate)) continue;
       let cursor = candidate;
       while (cursor && cursor.parentNode !== el) cursor = cursor.parentNode;
-      const lineIndex = _optionalChain([cursor, 'optionalAccess', _64 => _64.dataset, 'optionalAccess', _65 => _65.vectoGridLine]);
+      const lineIndex = _optionalChain([cursor, 'optionalAccess', _65 => _65.dataset, 'optionalAccess', _66 => _66.vectoGridLine]);
       if (lineIndex !== void 0) return Number(lineIndex);
     }
     return null;
@@ -1820,10 +1879,10 @@ var ContentProjectionManager = (_class7 = class {
   releaseSelectionForRebuild(el) {
     if (!this.anchor && !this.selectionPresent()) return;
     const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
-    const ownsSelection = this.anchor && el.contains(this.anchor.node) || (_optionalChain([selection, 'optionalAccess', _66 => _66.anchorNode]) ? el.contains(selection.anchorNode) : false) || (_optionalChain([selection, 'optionalAccess', _67 => _67.focusNode]) ? el.contains(selection.focusNode) : false);
+    const ownsSelection = this.anchor && el.contains(this.anchor.node) || (_optionalChain([selection, 'optionalAccess', _67 => _67.anchorNode]) ? el.contains(selection.anchorNode) : false) || (_optionalChain([selection, 'optionalAccess', _68 => _68.focusNode]) ? el.contains(selection.focusNode) : false);
     if (!ownsSelection) return;
     this.endDrag();
-    _optionalChain([selection, 'optionalAccess', _68 => _68.removeAllRanges, 'call', _69 => _69()]);
+    _optionalChain([selection, 'optionalAccess', _69 => _69.removeAllRanges, 'call', _70 => _70()]);
     this.presentThisSync = null;
   }
   /**
@@ -1898,7 +1957,7 @@ var ContentProjectionManager = (_class7 = class {
     let cursor = node;
     while (cursor && cursor !== el) {
       const cell = cursor;
-      const start = _optionalChain([cell, 'access', _70 => _70.dataset, 'optionalAccess', _71 => _71.vectoGridSourceStart]);
+      const start = _optionalChain([cell, 'access', _71 => _71.dataset, 'optionalAccess', _72 => _72.vectoGridSourceStart]);
       if (start !== void 0) {
         const sourceStart = Number(start);
         const sourceLength = Number(_nullishCoalesce(cell.dataset.vectoGridSourceLength, () => ( 0)));
@@ -1992,7 +2051,7 @@ var ContentProjectionManager = (_class7 = class {
       cancelAnimationFrame(calibrationFrame);
     }
     this.calibrationFrameHandles.delete(entityId);
-    _optionalChain([this, 'access', _72 => _72.calibrationProbes, 'access', _73 => _73.get, 'call', _74 => _74(entityId), 'optionalAccess', _75 => _75.remove, 'call', _76 => _76()]);
+    _optionalChain([this, 'access', _73 => _73.calibrationProbes, 'access', _74 => _74.get, 'call', _75 => _75(entityId), 'optionalAccess', _76 => _76.remove, 'call', _77 => _77()]);
     this.calibrationProbes.delete(entityId);
     delete el.dataset.vectoGridCalibrationPending;
     delete el.dataset.vectoGridCalibration;
@@ -2056,7 +2115,7 @@ var ContentProjectionManager = (_class7 = class {
     if (previous !== void 0 && typeof cancelAnimationFrame === "function") {
       cancelAnimationFrame(previous);
     }
-    _optionalChain([this, 'access', _77 => _77.calibrationProbes, 'access', _78 => _78.get, 'call', _79 => _79(entityId), 'optionalAccess', _80 => _80.remove, 'call', _81 => _81()]);
+    _optionalChain([this, 'access', _78 => _78.calibrationProbes, 'access', _79 => _79.get, 'call', _80 => _80(entityId), 'optionalAccess', _81 => _81.remove, 'call', _82 => _82()]);
     this.calibrationProbes.delete(entityId);
     const calibrationStart = typeof performance !== "undefined" ? performance.now() : 0;
     const probe = document.createElement("div");
@@ -2090,7 +2149,7 @@ var ContentProjectionManager = (_class7 = class {
         target.dataset.vectoGridCalib = generation;
         continue;
       }
-      const sourceText = _nullishCoalesce(_optionalChain([target, 'access', _82 => _82.textContent, 'optionalAccess', _83 => _83.slice, 'call', _84 => _84(0, sourceLength)]), () => ( ""));
+      const sourceText = _nullishCoalesce(_optionalChain([target, 'access', _83 => _83.textContent, 'optionalAccess', _84 => _84.slice, 'call', _85 => _85(0, sourceLength)]), () => ( ""));
       if (!sourceText) {
         target.dataset.vectoGridCalib = generation;
         continue;
@@ -2201,17 +2260,17 @@ var ContentProjectionManager = (_class7 = class {
 }, _class7);
 
 // src/tree/scene/PhaseTimer.ts
-var PhaseTimer = (_class8 = class {constructor() { _class8.prototype.__init37.call(this);_class8.prototype.__init38.call(this);_class8.prototype.__init39.call(this); }
+var PhaseTimer = (_class8 = class {constructor() { _class8.prototype.__init41.call(this);_class8.prototype.__init42.call(this);_class8.prototype.__init43.call(this); }
   /**
    * Whether per-phase timing is being recorded.
    *
    * A field rather than an accessor: it is tested on the frame path once per
    * probe, and the disabled cost has to be a single boolean read.
    */
-  __init37() {this.enabled = false}
+  __init41() {this.enabled = false}
   /** Whether browser User Timing instrumentation is enabled. */
-  __init38() {this.userTiming = false}
-  __init39() {this.totals = /* @__PURE__ */ new Map()}
+  __init42() {this.userTiming = false}
+  __init43() {this.totals = /* @__PURE__ */ new Map()}
   /** Start or stop recording. Disabling also drops what was collected. */
   setEnabled(enabled) {
     this.enabled = enabled;
@@ -2389,10 +2448,10 @@ function viewsStale(cap, probe, memory) {
 }
 var PAD2 = 8;
 var WasmTransformBackend = (_class9 = class {
-  __init40() {this.available = true}
+  __init44() {this.available = true}
   
-  __init41() {this.cap = 0}
-  __init42() {this.runCap = 0}
+  __init45() {this.cap = 0}
+  __init46() {this.runCap = 0}
   // Views over wasm linear memory, valid until the next init().
   
   
@@ -2419,7 +2478,7 @@ var WasmTransformBackend = (_class9 = class {
   
   
   
-  constructor(instance) {;_class9.prototype.__init40.call(this);_class9.prototype.__init41.call(this);_class9.prototype.__init42.call(this);_class9.prototype.__init43.call(this);
+  constructor(instance) {;_class9.prototype.__init44.call(this);_class9.prototype.__init45.call(this);_class9.prototype.__init46.call(this);_class9.prototype.__init47.call(this);
     this.ex = instance.exports;
   }
   /** Compose world matrices for `store` in WASM, writing back into its
@@ -2442,7 +2501,8 @@ var WasmTransformBackend = (_class9 = class {
       this.lastStatus = WASM_STATUS.CAPACITY;
       return;
     }
-    const status = kernel === "scalar" ? this.ex.compose_scalar() : this.ex.compose_simd();
+    const simd = kernel === "simd" && typeof this.ex.compose_simd === "function";
+    const status = simd ? this.ex.compose_simd() : this.ex.compose_scalar();
     this.lastStatus = status;
     if (status !== WASM_STATUS.OK) return;
     store.wa.set(this.vwa.subarray(0, n));
@@ -2464,7 +2524,8 @@ var WasmTransformBackend = (_class9 = class {
    * {@link uploadRuns} after a topology change.
    */
   runKernel(kernel = "simd") {
-    const status = kernel === "scalar" ? this.ex.compose_scalar() : this.ex.compose_simd();
+    const simd = kernel === "simd" && typeof this.ex.compose_simd === "function";
+    const status = simd ? this.ex.compose_simd() : this.ex.compose_scalar();
     this.lastStatus = status;
     return status;
   }
@@ -2486,7 +2547,7 @@ var WasmTransformBackend = (_class9 = class {
    * Status of the most recent kernel or run-table call. `WASM_STATUS.OK` unless
    * the crate rejected its arguments, in which case that call was a no-op.
    */
-  __init43() {this.lastStatus = WASM_STATUS.OK}
+  __init47() {this.lastStatus = WASM_STATUS.OK}
   /** The resident wasm input views (`x,y,sx,sy,cos,sin,opacity`), valid until
    *  the next capacity growth. Writing here is what makes uploads unnecessary. */
   inputView() {
@@ -2516,21 +2577,21 @@ var WasmTransformBackend = (_class9 = class {
   /**
    * Compute world-space AABBs for `store` in WASM (G1+), writing back into its
    * `aminx/aminy/amaxx/amaxy` arrays. Uploads the local bounds, runs the AABB
-   * pass, reads results back. Result is bit-identical to `computeAabbsJS(store)`.
-   * `compose` (or `runKernel`) must have populated the world matrices first —
-   * this pass reads them. For the resident (no-copy) integration, write bounds
-   * via {@link boundsView} and read via {@link aabbView} + call
-   * {@link runAabbs} instead.
+   * pass, reads results back. Result is bit-identical to `computeAabbsJS(store)`
+   * for both kernels. `compose` (or `runKernel`) must have populated the world
+   * matrices first — this pass reads them. For the resident (no-copy)
+   * integration, write bounds via {@link boundsView} and read via
+   * {@link aabbView} + call {@link runAabbs} instead.
    */
-  computeAabbs(store) {
+  computeAabbs(store, kernel = "simd") {
     this.ensure(store.count, store.runCount);
     const n = store.count;
     this.vbx.set(store.bx.subarray(0, n));
     this.vby.set(store.by.subarray(0, n));
     this.vbw.set(store.bw.subarray(0, n));
     this.vbh.set(store.bh.subarray(0, n));
-    this.lastStatus = this.ex.compute_aabbs(n);
-    if (this.lastStatus !== WASM_STATUS.OK) return;
+    const ok = this.runAabbs(n, kernel);
+    if (!ok) return;
     store.aminx.set(this.vaminx.subarray(0, n));
     store.aminy.set(this.vaminy.subarray(0, n));
     store.amaxx.set(this.vamaxx.subarray(0, n));
@@ -2541,8 +2602,9 @@ var WasmTransformBackend = (_class9 = class {
    *  composed). No upload/readback — the per-frame resident path. Returns
    *  `false` if the kernel rejected `count` (beyond capacity, or uninitialized),
    *  in which case {@link aabbView} still holds the previous frame's bounds. */
-  runAabbs(count) {
-    this.lastStatus = this.ex.compute_aabbs(count);
+  runAabbs(count, kernel = "simd") {
+    const simd = kernel === "simd" && typeof this.ex.compute_aabbs_simd === "function";
+    this.lastStatus = simd ? this.ex.compute_aabbs_simd(count) : this.ex.compute_aabbs(count);
     return this.lastStatus === WASM_STATUS.OK;
   }
   /** Resident wasm local-bounds input views (`bx,by,bw,bh`) for the AABB pass. */
@@ -2627,11 +2689,11 @@ var WasmTransformBackend = (_class9 = class {
 var PAD3 = 8;
 var AnimBackend = (_class10 = class {
   
-  __init44() {this.springCap = 0}
-  __init45() {this.tweenCap = 0}
+  __init48() {this.springCap = 0}
+  __init49() {this.tweenCap = 0}
   
   
-  constructor(instance) {;_class10.prototype.__init44.call(this);_class10.prototype.__init45.call(this);_class10.prototype.__init46.call(this);
+  constructor(instance) {;_class10.prototype.__init48.call(this);_class10.prototype.__init49.call(this);_class10.prototype.__init50.call(this);
     this.ex = instance.exports;
   }
   /** The resident spring SoA input/output views, valid until the next capacity
@@ -2698,7 +2760,7 @@ var AnimBackend = (_class10 = class {
    * Status of the most recent kernel call — `WASM_STATUS.OK` unless the kernel
    * declined it. Mirrors {@link TransformBackend.lastStatus}.
    */
-  __init46() {this.lastStatus = WASM_STATUS.OK}
+  __init50() {this.lastStatus = WASM_STATUS.OK}
   refreshViews() {
     const buf = this.ex.memory.buffer;
     const sCap = this.springCap;
@@ -2728,9 +2790,9 @@ var PAD4 = 8;
 var CELLS_PER_ENTITY_HINT = 4;
 var HitTestBackend = (_class11 = class {
   
-  __init47() {this.entityCap = 0}
-  __init48() {this.cellCap = 0}
-  __init49() {this.itemCap = 0}
+  __init51() {this.entityCap = 0}
+  __init52() {this.cellCap = 0}
+  __init53() {this.itemCap = 0}
   
   
   
@@ -2739,10 +2801,10 @@ var HitTestBackend = (_class11 = class {
   
   
   /** Grid geometry from the last {@link ensure} call. */
-  __init50() {this.gridW = 0}
-  __init51() {this.gridH = 0}
-  __init52() {this.cellSize = 64}
-  constructor(instance) {;_class11.prototype.__init47.call(this);_class11.prototype.__init48.call(this);_class11.prototype.__init49.call(this);_class11.prototype.__init50.call(this);_class11.prototype.__init51.call(this);_class11.prototype.__init52.call(this);
+  __init54() {this.gridW = 0}
+  __init55() {this.gridH = 0}
+  __init56() {this.cellSize = 64}
+  constructor(instance) {;_class11.prototype.__init51.call(this);_class11.prototype.__init52.call(this);_class11.prototype.__init53.call(this);_class11.prototype.__init54.call(this);_class11.prototype.__init55.call(this);_class11.prototype.__init56.call(this);
     this.ex = instance.exports;
   }
   /** The resident AABB input views (`minx/miny/maxx/maxy`), valid until the
@@ -2843,9 +2905,9 @@ var HitTestBackend = (_class11 = class {
 var PAD5 = 8;
 var ParticleBackend = (_class12 = class {
   
-  __init53() {this.cap = 0}
+  __init57() {this.cap = 0}
   
-  constructor(instance) {;_class12.prototype.__init53.call(this);_class12.prototype.__init54.call(this);
+  constructor(instance) {;_class12.prototype.__init57.call(this);_class12.prototype.__init58.call(this);
     this.ex = instance.exports;
   }
   /** The resident SoA views, valid until the next capacity growth. */
@@ -2916,7 +2978,7 @@ var ParticleBackend = (_class12 = class {
    * Status of the most recent {@link step} — `WASM_STATUS.OK` unless the kernel
    * declined it. Mirrors {@link TransformBackend.lastStatus}.
    */
-  __init54() {this.lastStatus = WASM_STATUS.OK}
+  __init58() {this.lastStatus = WASM_STATUS.OK}
   /** Transpose the AoS stride-8 buffer into the SoA views (position/velocity/
    *  life every frame; origin upload-once when `withOrigin`). */
   gather(data, count, withOrigin) {
@@ -3007,11 +3069,11 @@ async function loadCoreWasmModule(source) {
 }
 var CoreWasmRuntime = (_class13 = class {
   
-  __init55() {this.transformBackend = null}
-  __init56() {this.animBackend = null}
-  __init57() {this.hitBackend = null}
-  __init58() {this.particleBackendInstance = null}
-  constructor(instance) {;_class13.prototype.__init55.call(this);_class13.prototype.__init56.call(this);_class13.prototype.__init57.call(this);_class13.prototype.__init58.call(this);
+  __init59() {this.transformBackend = null}
+  __init60() {this.animBackend = null}
+  __init61() {this.hitBackend = null}
+  __init62() {this.particleBackendInstance = null}
+  constructor(instance) {;_class13.prototype.__init59.call(this);_class13.prototype.__init60.call(this);_class13.prototype.__init61.call(this);_class13.prototype.__init62.call(this);
     this.instance = instance;
   }
   /**
@@ -3063,7 +3125,7 @@ var WasmBackendFacade = (_class14 = class {
    * path, so the overlay root is not needed here.
    */
   
-  constructor(root) {;_class14.prototype.__init59.call(this);_class14.prototype.__init60.call(this);_class14.prototype.__init61.call(this);_class14.prototype.__init62.call(this);_class14.prototype.__init63.call(this);_class14.prototype.__init64.call(this);_class14.prototype.__init65.call(this);_class14.prototype.__init66.call(this);_class14.prototype.__init67.call(this);_class14.prototype.__init68.call(this);_class14.prototype.__init69.call(this);_class14.prototype.__init70.call(this);_class14.prototype.__init71.call(this);_class14.prototype.__init72.call(this);_class14.prototype.__init73.call(this);_class14.prototype.__init74.call(this);_class14.prototype.__init75.call(this);_class14.prototype.__init76.call(this);_class14.prototype.__init77.call(this);_class14.prototype.__init78.call(this);_class14.prototype.__init79.call(this);_class14.prototype.__init80.call(this);_class14.prototype.__init81.call(this);_class14.prototype.__init82.call(this);
+  constructor(root) {;_class14.prototype.__init63.call(this);_class14.prototype.__init64.call(this);_class14.prototype.__init65.call(this);_class14.prototype.__init66.call(this);_class14.prototype.__init67.call(this);_class14.prototype.__init68.call(this);_class14.prototype.__init69.call(this);_class14.prototype.__init70.call(this);_class14.prototype.__init71.call(this);_class14.prototype.__init72.call(this);_class14.prototype.__init73.call(this);_class14.prototype.__init74.call(this);_class14.prototype.__init75.call(this);_class14.prototype.__init76.call(this);_class14.prototype.__init77.call(this);_class14.prototype.__init78.call(this);_class14.prototype.__init79.call(this);_class14.prototype.__init80.call(this);_class14.prototype.__init81.call(this);_class14.prototype.__init82.call(this);_class14.prototype.__init83.call(this);_class14.prototype.__init84.call(this);_class14.prototype.__init85.call(this);_class14.prototype.__init86.call(this);_class14.prototype.__init87.call(this);
     this.root = root;
   }
   // ── WASM transform backend (invisible accelerator) ──────────────────────────
@@ -3073,34 +3135,34 @@ var WasmBackendFacade = (_class14 = class {
   // default: a null backend, a non-main renderer, or any entity absent from the
   // store all fall back to the JS composition, so WASM can only ever change
   // *how fast* a world matrix is produced, never *what* it is.
-  __init59() {this._transform = null}
-  __init60() {this._mode = "js"}
+  __init63() {this._transform = null}
+  __init64() {this._mode = "js"}
   // Resident store state (Stage 3). The store layout — slot assignment + sibling
   // runs — depends only on tree TOPOLOGY, so it is rebuilt only when the
   // structure changes (add/remove/reparent bump `structureVersion`). Between
   // rebuilds the per-frame cost is: gather each entity's transform into the
   // resident wasm input view + run the kernel — no reallocation, no readback.
-  __init61() {this._treeStore = null}
-  __init62() {this._slotEntity = []}
+  __init65() {this._treeStore = null}
+  __init66() {this._slotEntity = []}
   // store slot -> entity (also validates slots)
-  __init63() {this._inputs = null}
-  __init64() {this._world = null}
-  __init65() {this._structureVersion = 0}
-  __init66() {this._storeStructureVersion = -1}
+  __init67() {this._inputs = null}
+  __init68() {this._world = null}
+  __init69() {this._structureVersion = 0}
+  __init70() {this._storeStructureVersion = -1}
   /**
    * Consecutive `uploadRuns` rejections. Reset by any success and by
    * {@link setTransform}; at {@link WASM_UPLOAD_REJECT_LIMIT} the backend mode
    * flips to `'js'` permanently.
    */
-  __init67() {this._uploadRejections = 0}
+  __init71() {this._uploadRejections = 0}
   /** Latch for the permanent-fallback warning, which fires from a per-frame path. */
-  __init68() {this.hasWarnedUploadFallback = false}
+  __init72() {this.hasWarnedUploadFallback = false}
   /**
    * Whether `compute_aabbs` has run against the current frame's world matrices.
    * The AABB pass is only meaningful after a `compose_*`, so the fused gather
    * must not read the views before then.
    */
-  __init69() {this._aabbsFresh = false}
+  __init73() {this._aabbsFresh = false}
   /** The installed transform backend, or `null` on the JS path. */
   get transform() {
     return this._transform;
@@ -3165,7 +3227,7 @@ var WasmBackendFacade = (_class14 = class {
    * cached globally; the instance is per-Scene, which is the isolation that
    * actually matters.
    */
-  __init70() {this._runtime = null}
+  __init74() {this._runtime = null}
   /** The shared WASM runtime, if one has been loaded. */
   get runtime() {
     return this._runtime;
@@ -3194,9 +3256,9 @@ var WasmBackendFacade = (_class14 = class {
     return runtime;
   }
   // ── The other three backend handles ─────────────────────────────────────────
-  __init71() {this._hit = null}
-  __init72() {this._anim = null}
-  __init73() {this._particle = null}
+  __init75() {this._hit = null}
+  __init76() {this._anim = null}
+  __init77() {this._particle = null}
   /** The installed hit-test backend, or `null` for the JS depth-first walk. */
   get hit() {
     return this._hit;
@@ -3205,6 +3267,7 @@ var WasmBackendFacade = (_class14 = class {
   setHit(backend) {
     this._hit = backend;
     this.hitGridFrame = -1;
+    this.hitGridStructureVersion = -1;
     this.hitReason = backend ? "not-applicable" : "not-installed";
   }
   /** The installed batched-animation backend, or `null` for the JS tick. */
@@ -3231,9 +3294,9 @@ var WasmBackendFacade = (_class14 = class {
    * Why the transform accelerator did or did not run on the most recent frame.
    * Written by the render walk and {@link syncStore}.
    */
-  __init74() {this.transformReason = "not-installed"}
+  __init78() {this.transformReason = "not-installed"}
   /** Why the batched-driver accelerator did or did not run. */
-  __init75() {this.animReason = "not-installed"}
+  __init79() {this.animReason = "not-installed"}
   /**
    * Why the hit-test accelerator did or did not serve the last pointer query.
    * The grid is built lazily on demand, not every frame, so this describes the
@@ -3241,28 +3304,35 @@ var WasmBackendFacade = (_class14 = class {
    * before a backend exists; the grid build moves it to `'not-applicable'` once
    * one is installed but nothing has queried yet.
    */
-  __init76() {this.hitReason = "not-installed"}
+  __init80() {this.hitReason = "not-installed"}
   /** Why the particle accelerator did or did not run. */
-  __init77() {this.particleReason = "not-applicable"}
+  __init81() {this.particleReason = "not-applicable"}
   /** Which particle implementation actually simulated the most recent frame. */
-  __init78() {this.particlePath = "none"}
+  __init82() {this.particlePath = "none"}
   /**
    * Whether the last grid build sourced its AABBs from the WASM transform store
    * rather than recomputing them in JS. Diagnostic only — both paths must
    * produce the same entity for a given point.
    */
-  __init79() {this.hitFusedGather = false}
+  __init83() {this.hitFusedGather = false}
   /** Whether the WASM batch path actually ran on the most recent frame. */
-  __init80() {this.animBatchedLastFrame = false}
+  __init84() {this.animBatchedLastFrame = false}
   // Hit-grid cache key: which frame + structure version the grid was last
   // (successfully, non-overflowing) built for. Owned here rather than by
   // `HitTester` because {@link setHit} has to invalidate it, and a backend swap
   // is this facade's job. The grid contents themselves stay with the hit-test
   // domain.
   /** Frame the hit grid was last built for; `-1` forces a rebuild. */
-  __init81() {this.hitGridFrame = -1}
+  __init85() {this.hitGridFrame = -1}
+  /**
+   * Structure version the hit grid was built for; `-1` forces a rebuild.
+   * Half of the cache key the comment above promises: without it, a pointer
+   * query in the same frame as a structural mutation would resolve against
+   * pre-mutation geometry while the JS walk sees live state.
+   */
+  __init86() {this.hitGridStructureVersion = -1}
   /** Whether that build succeeded (did not overflow its item budget). */
-  __init82() {this.hitGridOk = false}
+  __init87() {this.hitGridOk = false}
   /**
    * Per-frame status of every invisible accelerator: whether each is installed,
    * whether it actually ran on the most recent frame, and why.
@@ -3400,6 +3470,38 @@ var WasmBackendFacade = (_class14 = class {
   }
 }, _class14);
 
+// src/tree/scene/keyboard.ts
+function normalizeChord(input) {
+  if (typeof input === "string") {
+    const parts = input.split("+").map((p) => p.trim()).filter(Boolean);
+    const mods = /* @__PURE__ */ new Set();
+    let key2 = "";
+    for (const p of parts) {
+      const low = p.toLowerCase();
+      if (low === "ctrl" || low === "control") mods.add("Control");
+      else if (low === "alt") mods.add("Alt");
+      else if (low === "shift") mods.add("Shift");
+      else if (low === "meta" || low === "cmd" || low === "super") mods.add("Meta");
+      else key2 = p.length === 1 ? p.toUpperCase() : p;
+    }
+    const ordered2 = ["Control", "Alt", "Shift", "Meta"].filter((m) => mods.has(m));
+    return key2 ? [...ordered2, key2].join("+") : ordered2.join("+");
+  }
+  const ordered = [];
+  if (input.ctrlKey) ordered.push("Control");
+  if (input.altKey) ordered.push("Alt");
+  if (input.shiftKey) ordered.push("Shift");
+  if (input.metaKey) ordered.push("Meta");
+  let key = input.key;
+  if (key === " ") key = "Space";
+  else if (key.length === 1) key = key.toUpperCase();
+  if (["Control", "Alt", "Shift", "Meta"].includes(key)) {
+    return ordered.join("+");
+  }
+  ordered.push(key);
+  return ordered.join("+");
+}
+
 // src/tree/Scene.ts
 var RANGE_VALUE_ROLES = /* @__PURE__ */ new Set(["slider", "spinbutton", "progressbar", "scrollbar", "meter"]);
 var INTERACTIVE_A11Y_ROLES = /* @__PURE__ */ new Set([
@@ -3413,6 +3515,24 @@ var INTERACTIVE_A11Y_ROLES = /* @__PURE__ */ new Set([
   "slider",
   "combobox"
 ]);
+var KEYBOARD_OWNING_ROLES = /* @__PURE__ */ new Set([
+  ...INTERACTIVE_A11Y_ROLES,
+  "option",
+  "listbox",
+  "textbox",
+  "searchbox",
+  "spinbutton"
+]);
+function ownsKeyboard(el) {
+  if (!el) return false;
+  if (el === document.body || el === document.documentElement) return false;
+  if (el.hasAttribute("data-vecto-a11y-root")) return false;
+  const tag = el.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (el.isContentEditable) return true;
+  const role = el.getAttribute("role");
+  return role !== null && KEYBOARD_OWNING_ROLES.has(role);
+}
 var A11Y_REQUIRED_OWNED = /* @__PURE__ */ new Map([
   ["grid", /* @__PURE__ */ new Set(["row", "rowgroup"])],
   ["table", /* @__PURE__ */ new Set(["row", "rowgroup"])],
@@ -3561,9 +3681,9 @@ function parseCssMatrix(transform) {
 }
 function clientToGridLocal(contentEl, canvas, clientX, clientY) {
   const line = contentEl.querySelector("[data-vecto-grid-line]");
-  const originMarker = _optionalChain([line, 'optionalAccess', _85 => _85.querySelector, 'call', _86 => _86('[data-vecto-grid-basis="origin"]')]);
-  const xMarker = _optionalChain([line, 'optionalAccess', _87 => _87.querySelector, 'call', _88 => _88('[data-vecto-grid-basis="x"]')]);
-  const yMarker = _optionalChain([line, 'optionalAccess', _89 => _89.querySelector, 'call', _90 => _90('[data-vecto-grid-basis="y"]')]);
+  const originMarker = _optionalChain([line, 'optionalAccess', _86 => _86.querySelector, 'call', _87 => _87('[data-vecto-grid-basis="origin"]')]);
+  const xMarker = _optionalChain([line, 'optionalAccess', _88 => _88.querySelector, 'call', _89 => _89('[data-vecto-grid-basis="x"]')]);
+  const yMarker = _optionalChain([line, 'optionalAccess', _90 => _90.querySelector, 'call', _91 => _91('[data-vecto-grid-basis="y"]')]);
   if (line && originMarker && xMarker && yMarker) {
     const origin = originMarker.getBoundingClientRect();
     const xPoint = xMarker.getBoundingClientRect();
@@ -3647,7 +3767,7 @@ function nearestTextPositionInLine(line, x, y) {
       nearest = { position: { node, offset }, distance: candidate.distance };
     }
   }
-  return _nullishCoalesce(_optionalChain([nearest, 'optionalAccess', _91 => _91.position]), () => ( null));
+  return _nullishCoalesce(_optionalChain([nearest, 'optionalAccess', _92 => _92.position]), () => ( null));
 }
 function nearestTextPositionInProjection(contentEl, canvas, x, y, eventTarget) {
   if (contentEl.dataset.vectoContentGrid !== void 0) {
@@ -3661,7 +3781,7 @@ function nearestTextPositionInProjection(contentEl, canvas, x, y, eventTarget) {
     }
     targetLine = targetLine.parentElement;
   }
-  if (_optionalChain([targetLine, 'optionalAccess', _92 => _92.parentElement]) === contentEl) {
+  if (_optionalChain([targetLine, 'optionalAccess', _93 => _93.parentElement]) === contentEl) {
     return nearestTextPositionInLine(targetLine, x, y);
   }
   let bestLine = null;
@@ -3766,15 +3886,15 @@ var Scene = (_class15 = class _Scene {
   
   
   
-  __init83() {this.isRunning = false}
+  __init88() {this.isRunning = false}
   /** Whether the canvas is at least partially in the viewport. When it scrolls
    *  fully off-screen the rAF loop pauses (stops rescheduling) instead of
    *  burning frames on a scene nobody can see; an IntersectionObserver resumes
    *  it on re-entry. Defaults true (and stays true where IntersectionObserver
    *  is unavailable, e.g. SSR/jsdom, so behavior is unchanged there). */
-  __init84() {this._canvasOnScreen = true}
-  __init85() {this._canvasObserver = null}
-  __init86() {this.lastTime = 0}
+  __init89() {this._canvasOnScreen = true}
+  __init90() {this._canvasObserver = null}
+  __init91() {this.lastTime = 0}
   
   // --- domain: render-scheduler — mode, phase timing, frame telemetry, FPS caps ---
   /**
@@ -3784,7 +3904,7 @@ var Scene = (_class15 = class _Scene {
    *   {@link markDirty}) or while an animation is pending. Ideal for static /
    *   event-driven UIs where idle frames should cost ~0.
    */
-  __init87() {this.renderMode = "always"}
+  __init92() {this.renderMode = "always"}
   /**
    * Per-phase frame timing and the browser User Timing flag.
    *
@@ -3794,7 +3914,7 @@ var Scene = (_class15 = class _Scene {
    * domains write phases, so this is a shared leaf rather than any one domain's
    * property — see `DEC-0021`.
    */
-  __init88() {this.phases = new PhaseTimer()}
+  __init93() {this.phases = new PhaseTimer()}
   /**
    * Start or stop per-phase render timing.
    *
@@ -3849,7 +3969,7 @@ var Scene = (_class15 = class _Scene {
    * injected input, so it follows {@link phases} and {@link a11yOrder} rather
    * than the definite-assignment collaborators.
    */
-  __init89() {this._dirty = new DirtyTracker()}
+  __init94() {this._dirty = new DirtyTracker()}
   /**
    * The redraw-pending flag, under its original name.
    *
@@ -3869,34 +3989,34 @@ var Scene = (_class15 = class _Scene {
    * Whether to throttle the `'always'` loop when the scene is static to save
    * power. The idle floor is {@link Scene.idleFPS} (default 60).
    */
-  __init90() {this.autoThrottle = true}
+  __init95() {this.autoThrottle = true}
   /**
    * Frame-rate floor for an idle `'always'` scene when {@link Scene.autoThrottle}
    * is on. Default `60`. Set `2` for the legacy aggressive idle sleep, `0` to
    * keep the scene's `maxFPS` cadence while idle.
    */
-  __init91() {this.idleFPS = 60}
+  __init96() {this.idleFPS = 60}
   // --- Frame telemetry (read via `frameStats`) ---------------------------
   /** Wall-clock ms spent inside the last `render()` call. */
-  __init92() {this._lastFrameMs = 0}
+  __init97() {this._lastFrameMs = 0}
   /** Rolling exponential average of rendered-frame intervals, in ms. */
-  __init93() {this._avgFrameIntervalMs = 0}
+  __init98() {this._avgFrameIntervalMs = 0}
   /** dt (ms) handed to the last rendered frame. */
-  __init94() {this._lastDt = 0}
+  __init99() {this._lastDt = 0}
   /** Count of frames actually rendered since the loop started. */
-  __init95() {this._renderedFrames = 0}
+  __init100() {this._renderedFrames = 0}
   /** Count of rAF ticks skipped (idle / capped) since the loop started. */
-  __init96() {this._skippedFrames = 0}
+  __init101() {this._skippedFrames = 0}
   /** `time` of the previous *rendered* frame, for interval measurement. */
-  __init97() {this._lastRenderTick = 0}
+  __init102() {this._lastRenderTick = 0}
   /**
    * Frame-rate cap (power saving). `0` = uncapped (native refresh). When set,
    * the loop renders at most `maxFPS` times per second; animations still run,
    * just less often. See {@link SceneOptions.maxFPS}.
    */
-  __init98() {this.maxFPS = 60}
+  __init103() {this.maxFPS = 60}
   /** Whether the OS prefers-reduced-motion setting auto-caps the loop. */
-  __init99() {this.respectReducedMotion = true}
+  __init104() {this.respectReducedMotion = true}
   /**
    * Reading direction for accessibility tab/traversal order (`'ltr'` default,
    * `'rtl'`). Controls the inline sort within a visual row in
@@ -3912,18 +4032,18 @@ var Scene = (_class15 = class _Scene {
       this.a11yOrder.markNeedsReorder();
     }
   }
-  __init100() {this._readingDirection = "ltr"}
+  __init105() {this._readingDirection = "ltr"}
   /** Cached media-query list; `.matches` is read live each frame. */
-  __init101() {this.reducedMotionQuery = null}
+  __init106() {this.reducedMotionQuery = null}
   /** Cached `(forced-colors: active)` query (Windows High Contrast etc.). A
    *  canvas gets NO automatic forced-colors treatment from the browser (it's
    *  opaque pixels), so components must read {@link forcedColors} and repaint
    *  with system colors themselves; a change listener repaints idle scenes. */
-  __init102() {this.forcedColorsQuery = null}
-  __init103() {this.forcedColorsChangeHandler = null}
+  __init107() {this.forcedColorsQuery = null}
+  __init108() {this.forcedColorsChangeHandler = null}
   /** True when the OS asks for reduced motion and we respect it. Read by the animation drivers. */
   get prefersReducedMotion() {
-    return this.respectReducedMotion && !!_optionalChain([this, 'access', _93 => _93.reducedMotionQuery, 'optionalAccess', _94 => _94.matches]);
+    return this.respectReducedMotion && !!_optionalChain([this, 'access', _94 => _94.reducedMotionQuery, 'optionalAccess', _95 => _95.matches]);
   }
   /**
    * True when the OS is in a forced-colors mode (Windows High Contrast, and the
@@ -3934,26 +4054,29 @@ var Scene = (_class15 = class _Scene {
    * when the setting toggles.
    */
   get forcedColors() {
-    return !!_optionalChain([this, 'access', _95 => _95.forcedColorsQuery, 'optionalAccess', _96 => _96.matches]);
+    return !!_optionalChain([this, 'access', _96 => _96.forcedColorsQuery, 'optionalAccess', _97 => _97.matches]);
   }
   // --- domain: a11y-projection — sync throttle and shadow-DOM state ---
   /**
    * Throttle interval (ms) for the a11y/automation shadow sync. `0` = every
    * frame. See {@link SceneOptions.a11ySyncInterval}.
    */
-  __init104() {this.a11ySyncInterval = 0}
+  __init109() {this.a11ySyncInterval = 0}
   /** Timestamp of the last a11y sync, for throttling. */
-  __init105() {this.lastA11ySync = -Infinity}
+  __init110() {this.lastA11ySync = -Infinity}
   /** True if we skipped an a11y sync during animation and need to sync when at rest. */
-  __init106() {this.a11yPendingSyncAfterAnimation = false}
+  __init111() {this.a11yPendingSyncAfterAnimation = false}
   // A11y / Automation Layer. `null` in non-DOM (SSR/Node) environments — the
   // whole projection degrades to a no-op so the engine's logic stays usable
   // server-side (e.g. headless layout / vector export) without jsdom.
   
-  __init107() {this.a11yElements = /* @__PURE__ */ new Map()}
+  __init112() {this.a11yElements = /* @__PURE__ */ new Map()}
+  /** Elements that already have the synthetic Enter/Space activation handler
+   *  (see the syncA11y refresh pass) — install-once bookkeeping (#694). */
+  __init113() {this.keyboardActivatedA11y = /* @__PURE__ */ new WeakSet()}
   // --- domain: content-projection — projected DOM, sync state, calibration, selection ---
   /** DOM nodes mirroring static text content, keyed by entity id. */
-  __init108() {this.contentElements = /* @__PURE__ */ new Map()}
+  __init114() {this.contentElements = /* @__PURE__ */ new Map()}
   /**
    * What the last completed content-projection sync was built from, per entity.
    *
@@ -3962,9 +4085,9 @@ var Scene = (_class15 = class _Scene {
    * build. Only populated for entities that opt in via
    * {@link Entity.getContentEpoch}. (carryctx CTX-0199)
    */
-  __init109() {this.contentSyncState = /* @__PURE__ */ new Map()}
+  __init115() {this.contentSyncState = /* @__PURE__ */ new Map()}
   /** Invalidates grid font calibration after browser font availability changes. */
-  __init110() {this.contentFontEpoch = 0}
+  __init116() {this.contentFontEpoch = 0}
   /**
    * Bumped whenever the viewport itself changes shape, which re-tiers blocks
    * without moving any of them.
@@ -3977,7 +4100,7 @@ var Scene = (_class15 = class _Scene {
    * carriers it no longer needs. Scrolling needs no such epoch: it moves the root,
    * so every block's parent world transform changes and the check fails honestly.
    */
-  __init111() {this.contentViewportEpoch = 0}
+  __init117() {this.contentViewportEpoch = 0}
   /**
    * One-entry memo for a parent's world transform, held as scalars.
    *
@@ -3992,16 +4115,16 @@ var Scene = (_class15 = class _Scene {
    * sync, so a memo can never survive into a frame in which the parent has
    * moved.
    */
-  __init112() {this._pwNode = null}
-  __init113() {this._pwSerial = -1}
-  __init114() {this._pwa = 1}
-  __init115() {this._pwb = 0}
-  __init116() {this._pwc = 0}
-  __init117() {this._pwd = 1}
-  __init118() {this._pwe = 0}
-  __init119() {this._pwf = 0}
+  __init118() {this._pwNode = null}
+  __init119() {this._pwSerial = -1}
+  __init120() {this._pwa = 1}
+  __init121() {this._pwb = 0}
+  __init122() {this._pwc = 0}
+  __init123() {this._pwd = 1}
+  __init124() {this._pwe = 0}
+  __init125() {this._pwf = 0}
   /** Incremented once per top-level `syncA11y`, invalidating `_pwNode`. */
-  __init120() {this._syncSerial = 0}
+  __init126() {this._syncSerial = 0}
   /**
    * Disables the settled-walk fast path in {@link syncContentProjection}.
    *
@@ -4013,38 +4136,38 @@ var Scene = (_class15 = class _Scene {
    * Not part of the public API and not documented as an option: turning it on only
    * makes a settled document slower, never more correct.
    */
-  __init121() {this.disableSettledFastPath = false}
+  __init127() {this.disableSettledFastPath = false}
   /** Cached Canvas-to-client scale for the current font/viewport epoch. */
-  __init122() {this.contentMetricScaleEpoch = -1}
-  __init123() {this.contentMetricScaleX = 1}
-  __init124() {this.contentProjectionEnabled = true}
+  __init128() {this.contentMetricScaleEpoch = -1}
+  __init129() {this.contentMetricScaleX = 1}
+  __init130() {this.contentProjectionEnabled = true}
   // Virtualization margin (px) for the content-projection CARRIER band;
   // `undefined` → one viewport height, resolved at sync time. `Infinity` is
   // unsupported here: it unwindows every carrier, which is O(total glyphs).
-  __init125() {this.contentProjectionMargin = void 0}
+  __init131() {this.contentProjectionMargin = void 0}
   // Virtualization margin (px) for the SEMANTIC tier — whether a block has
   // any projected DOM. `undefined` → falls back to contentProjectionMargin, so
   // the default keeps one gate. `Infinity` = every block keeps resident text.
-  __init126() {this.contentSemanticMargin = void 0}
+  __init132() {this.contentSemanticMargin = void 0}
   // How many coarse-tier blocks may be MATERIALIZED per sync, spreading the
   // resident tier's document-open cost across frames. `Infinity` = one
   // synchronous pass.
-  __init127() {this.contentSemanticBudget = DEFAULT_CONTENT_SEMANTIC_BUDGET}
+  __init133() {this.contentSemanticBudget = DEFAULT_CONTENT_SEMANTIC_BUDGET}
   // Remaining materializations in the CURRENT sync. Reset at the start of each
   // a11y walk; decremented per coarse block that creates its element.
-  __init128() {this.contentSemanticBudgetLeft = 0}
+  __init134() {this.contentSemanticBudgetLeft = 0}
   // Set when a sync deferred at least one block, so the scene knows to keep
   // drawing frames until the resident tier is complete. Without it a static
   // scene in `onDemand` mode would stop rendering with the document half
   // materialized and never finish.
-  __init129() {this.contentSemanticDeferred = false}
-  __init130() {this.contentSelectionEndListener = null}
+  __init135() {this.contentSemanticDeferred = false}
+  __init136() {this.contentSelectionEndListener = null}
   // --- domain: render-scheduler — per-frame walk flags ---
   // Animation/interactive flags collected during the render walk (tree-walk
   // fusion): the loop reads last frame's answers instead of re-walking the
   // tree up to 4× per tick. Start true so the first tick stays conservative.
-  __init131() {this.frameHadAnimation = true}
-  __init132() {this.frameHadInteractive = true}
+  __init137() {this.frameHadAnimation = true}
+  __init138() {this.frameHadInteractive = true}
   // --- domain: context-and-resize — resize handler, DPR query, canvas observer ---
   
   /** Active `(resolution: Ndppx)` media query watching for a runtime DPR change
@@ -4052,15 +4175,17 @@ var Scene = (_class15 = class _Scene {
    *  can be re-scaled — otherwise it stays rasterized at the old DPR and blurs.
    *  A resolution media query only fires when leaving its exact value, so the
    *  handler re-arms a fresh query for the new DPR each time. */
-  __init133() {this.dprMediaQuery = null}
+  __init139() {this.dprMediaQuery = null}
   /** For embedded (`disableWindowResize`) scenes: observes the canvas element so
    *  a CSS/layout-driven size change re-runs `resize()`. A window `resize`
    *  listener never fires for these (the window isn't what changed), so without
    *  this an embedded canvas stayed at its initial size forever. */
-  __init134() {this.canvasResizeObserver = null}
-  __init135() {this.dprChangeHandler = null}
+  __init140() {this.canvasResizeObserver = null}
+  __init141() {this.dprChangeHandler = null}
+  __init142() {this.dprPollInterval = null}
+  __init143() {this.lastDpr = 1}
   // --- domain: a11y-projection — focus, overlay geometry, DOM ordering, portals ---
-  __init136() {this.focusedA11yElement = null}
+  __init144() {this.focusedA11yElement = null}
   /**
    * Canvas box geometry: the CSS↔logical mapping, overlay layer alignment, and
    * the DPR math (extraction 5, `DEC-0024`).
@@ -4087,7 +4212,7 @@ var Scene = (_class15 = class _Scene {
   /** Shadow elements the pointer is currently inside. Lets a removal that happens
    *  mid-hover synthesize the `pointerleave` the browser never sends for a
    *  detached element, so the entity doesn't keep its hover state. */
-  __init137() {this.hoveredA11yElements = /* @__PURE__ */ new WeakSet()}
+  __init145() {this.hoveredA11yElements = /* @__PURE__ */ new WeakSet()}
   /**
    * Entity ids the application has pinned via {@link requestA11yProjection}.
    *
@@ -4095,13 +4220,13 @@ var Scene = (_class15 = class _Scene {
    * a stale id simply never matches. Cleared per-entity by
    * {@link releaseA11yProjection}.
    */
-  __init138() {this.a11yProjectionRequests = /* @__PURE__ */ new Set()}
+  __init146() {this.a11yProjectionRequests = /* @__PURE__ */ new Set()}
   /** Persistent tabindex=-1 element in a11yRoot. When the focused a11y mirror is
    *  pruned (virtualization/streaming/removal) while it holds focus, we move
    *  focus here instead of letting the browser drop it to <body> — keeping the
    *  screen-reader virtual cursor inside the scene's a11y region. */
-  __init139() {this.focusSentinel = null}
-  __init140() {this.caretBlinkTimer = null}
+  __init147() {this.focusSentinel = null}
+  __init148() {this.caretBlinkTimer = null}
   /**
    * The projected DOM's ordering engine — the reorder flag, the per-pass scratch
    * collections, the visual reading-order sort and the cursor-based
@@ -4111,7 +4236,7 @@ var Scene = (_class15 = class _Scene {
    * delegate here; the collect-and-prune walk stays behind because it needs
    * {@link shouldProjectA11y} and the focus/caret state.
    */
-  __init141() {this.a11yOrder = new A11yProjectionManager()}
+  __init149() {this.a11yOrder = new A11yProjectionManager()}
   /**
    * The content projection's selection preservation and grid calibration
    * (extraction 3, `DEC-0022`).
@@ -4163,11 +4288,11 @@ var Scene = (_class15 = class _Scene {
   set a11yNeedsReorder(value) {
     this.a11yOrder.needsReorder = value;
   }
-  __init142() {this.portalRoot = null}
-  __init143() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
-  __init144() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
-  __init145() {this.portalEntities = /* @__PURE__ */ new Map()}
-  __init146() {this.renderOrderCounter = 0}
+  __init150() {this.portalRoot = null}
+  __init151() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
+  __init152() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
+  __init153() {this.portalEntities = /* @__PURE__ */ new Map()}
+  __init154() {this.renderOrderCounter = 0}
   // --- domain: render-scheduler — authoritative frame counter ---
   /**
    * Monotonic render-frame counter, bumped once per authoritative `render()`
@@ -4177,7 +4302,7 @@ var Scene = (_class15 = class _Scene {
    * back to the ancestor walk. Public for the same reason `Entity._getTrig`/
    * `_setWorldCache` are: it is a cross-class render-internal contract.
    */
-  __init147() {this.currentFrame = 0}
+  __init155() {this.currentFrame = 0}
   // --- domain: wasm-backend-facade — EXTRACTED (see scene/WasmBackendFacade.ts) ---
   /**
    * The four invisible WASM accelerators and the resident transform store.
@@ -4247,8 +4372,8 @@ var Scene = (_class15 = class _Scene {
   // Stays on `Scene`: it walks `root` *and* `overlayRoot` for entities the
   // render walk consumes, so only its cache key is store state. The facade owns
   // the key; the walk stays here.
-  __init148() {this._computeEntities = []}
-  __init149() {this._computeEntitiesVersion = -1}
+  __init156() {this._computeEntities = []}
+  __init157() {this._computeEntitiesVersion = -1}
   /** Invalidate the resident WASM store layout; the next wasm-mode frame rebuilds
    *  it. Called by `Entity.add`/`remove` (topology changes only). */
   markStructureChanged() {
@@ -4487,7 +4612,7 @@ var Scene = (_class15 = class _Scene {
   get animBatchedLastFrame() {
     return this._wasmBackend.animBatchedLastFrame;
   }
-  __init150() {this.animGate = {
+  __init158() {this.animGate = {
     spring: 128,
     tween: 256,
     mixed: 128
@@ -4575,6 +4700,15 @@ var Scene = (_class15 = class _Scene {
   _registerActiveDriverSubtree(entity) {
     this._driverTicker.registerSubtree(entity);
   }
+  /**
+   * The `dt` of the frame currently executing its update walk (the WASM-mode
+   * pre-pass or the JS-mode interleaved render walk), or `null` outside it.
+   * Read by `Entity._spawnDriver`: a driver spawned mid-walk onto an entity the
+   * batched pass already claimed this frame must be advanced once here, or
+   * `tickDrivers()`'s per-frame stamp would skip it a full frame — a one-frame
+   * JS/WASM divergence. Written in {@link render} next to `_tickBatchedDrivers`.
+   */
+  __init159() {this._updateWalkDt = null}
   // --- domain: render-scheduler — batched driver tick (extraction 6), reads the anim backend ---
   /**
    * Advance every registered entity's active drivers for this frame, batching
@@ -4602,25 +4736,25 @@ var Scene = (_class15 = class _Scene {
    * sync, so retaining the order prevents a newly opened overlay from spending
    * its first frame below previously projected controls.
    */
-  __init151() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
+  __init160() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
   // --- domain: context-and-resize — GL/GPU canvases, device state, pointer, size warnings ---
   // Optional WebGL point-cloud layer (see SceneOptions.pointBackend).
-  __init152() {this.pointRenderer = null}
-  __init153() {this.glCanvas = null}
-  __init154() {this.glContextLostHandler = null}
-  __init155() {this.glContextRestoredHandler = null}
+  __init161() {this.pointRenderer = null}
+  __init162() {this.glCanvas = null}
+  __init163() {this.glContextLostHandler = null}
+  __init164() {this.glContextRestoredHandler = null}
   
   
   
-  __init156() {this.disableWindowResize = false}
+  __init165() {this.disableWindowResize = false}
   /** See {@link SceneOptions.maxDPR}. `undefined` = uncapped (real DPR). */
   
   // WebGPU properties
-  __init157() {this.destroyed = false}
-  __init158() {this.device = null}
-  __init159() {this.deviceLost = false}
-  __init160() {this.particleBackend = "auto"}
-  __init161() {this._webgpuDisabled = false}
+  __init166() {this.destroyed = false}
+  __init167() {this.device = null}
+  __init168() {this.deviceLost = false}
+  __init169() {this.particleBackend = "auto"}
+  __init170() {this._webgpuDisabled = false}
   get webgpuDisabled() {
     return this._webgpuDisabled || this.particleBackend === "cpu";
   }
@@ -4634,7 +4768,7 @@ var Scene = (_class15 = class _Scene {
    * active.
    */
   get webglDrawStats() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _97 => _97.pointRenderer, 'optionalAccess', _98 => _98.stats, 'optionalCall', _99 => _99()]), () => ( null));
+    return _nullishCoalesce(_optionalChain([this, 'access', _98 => _98.pointRenderer, 'optionalAccess', _99 => _99.stats, 'optionalCall', _100 => _100()]), () => ( null));
   }
   /**
    * Whether a WebGPU device is currently live for particle compute.
@@ -4648,21 +4782,28 @@ var Scene = (_class15 = class _Scene {
   set webgpuDisabled(value) {
     this._webgpuDisabled = value;
   }
-  __init162() {this.recoveryTimerId = null}
-  __init163() {this.manager = null}
-  __init164() {this.initializingWebGPU = false}
-  __init165() {this.gpuCanvas = null}
-  __init166() {this.gpuContext = null}
+  __init171() {this.recoveryTimerId = null}
+  __init172() {this.manager = null}
+  __init173() {this.initializingWebGPU = false}
+  __init174() {this.gpuCanvas = null}
+  __init175() {this.gpuContext = null}
   /** True while the GPU canvas holds a presented particle frame (needs clearing when they leave). */
-  __init167() {this.gpuHasContent = false}
-  __init168() {this.mouseX = -9999}
-  __init169() {this.mouseY = -9999}
-  __init170() {this.pointerMoveListener = null}
-  __init171() {this.pointerLeaveListener = null}
+  __init176() {this.gpuHasContent = false}
+  __init177() {this.mouseX = -9999}
+  __init178() {this.mouseY = -9999}
+  __init179() {this.pointerMoveListener = null}
+  __init180() {this.pointerLeaveListener = null}
   /** Element the pointer listeners are bound to (parent container if present,
    *  else the canvas). Stored so `destroy()` detaches from the same element. */
-  __init172() {this.pointerEventTarget = null}
-  __init173() {this.hasWarnedZeroSize = false}
+  __init181() {this.pointerEventTarget = null}
+  // --- scene-level keyboard channel state (see on/off/registerShortcut) ---
+  __init182() {this.keydownHandlers = []}
+  __init183() {this.keyupHandlers = []}
+  /** Chord-normalized shortcut table, matched on keydown only. */
+  __init184() {this.shortcuts = []}
+  __init185() {this.windowKeyDownHandler = null}
+  __init186() {this.windowKeyUpHandler = null}
+  __init187() {this.hasWarnedZeroSize = false}
   /**
    * Latch for {@link Scene.resize}'s invalid-dimension warning.
    *
@@ -4672,8 +4813,8 @@ var Scene = (_class15 = class _Scene {
    * because `resize()` is commonly driven from a `ResizeObserver`, which would
    * otherwise warn on every frame of a drag.
    */
-  __init174() {this.hasWarnedInvalidResize = false}
-  __init175() {this.fontLoadHandler = null}
+  __init188() {this.hasWarnedInvalidResize = false}
+  __init189() {this.fontLoadHandler = null}
   // --- domain: scene-facade — dev-mode diagnostics ---
   // ── Dev-mode warning infrastructure ──────────────────────────────
   //
@@ -4698,17 +4839,17 @@ var Scene = (_class15 = class _Scene {
   }
   static set devMode(active) {
     _Scene._devMode = active;
-    _chunkZYYP2M5Djs.setRendererDevMode.call(void 0, active);
+    _chunkBKXERWADjs.setRendererDevMode.call(void 0, active);
   }
   static _devModeDetected() {
     if (_Scene._devMode) return true;
     const gp = typeof globalThis !== "undefined" ? globalThis : void 0;
-    if (_optionalChain([gp, 'optionalAccess', _100 => _100.__DEV__])) return true;
-    if (_optionalChain([gp, 'optionalAccess', _101 => _101.process, 'optionalAccess', _102 => _102.env, 'optionalAccess', _103 => _103.NODE_ENV]) === "development") return true;
+    if (_optionalChain([gp, 'optionalAccess', _101 => _101.__DEV__])) return true;
+    if (_optionalChain([gp, 'optionalAccess', _102 => _102.process, 'optionalAccess', _103 => _103.env, 'optionalAccess', _104 => _104.NODE_ENV]) === "development") return true;
     return false;
   }
   
-  __init176() {this._devFrameCount = 0}
+  __init190() {this._devFrameCount = 0}
   _devWarn(message) {
     if (!this._devActive) return;
     console.warn(`[vectojs/dev] ${message}`);
@@ -4766,9 +4907,9 @@ var Scene = (_class15 = class _Scene {
     let checked = 0;
     const walkProjections = (node) => {
       if (checked > 10) return;
-      const proj = _optionalChain([node, 'access', _104 => _104.getContentProjection, 'optionalCall', _105 => _105()]);
-      if (_optionalChain([proj, 'optionalAccess', _106 => _106.text]) && proj.selectable !== false) {
-        const el = _optionalChain([this, 'access', _107 => _107.contentElements, 'optionalAccess', _108 => _108.get, 'call', _109 => _109(node.id)]);
+      const proj = _optionalChain([node, 'access', _105 => _105.getContentProjection, 'optionalCall', _106 => _106()]);
+      if (_optionalChain([proj, 'optionalAccess', _107 => _107.text]) && proj.selectable !== false) {
+        const el = _optionalChain([this, 'access', _108 => _108.contentElements, 'optionalAccess', _109 => _109.get, 'call', _110 => _110(node.id)]);
         if (el) {
           const projectedText = el.textContent || "";
           const windowed = el.dataset.vectoProjectionWindow !== void 0;
@@ -4786,22 +4927,27 @@ var Scene = (_class15 = class _Scene {
     walkProjections(this.root);
   }
   // --- domain: scene-facade — construction (wires every collaborator) ---
-  constructor(canvas, options = {}) {;_class15.prototype.__init83.call(this);_class15.prototype.__init84.call(this);_class15.prototype.__init85.call(this);_class15.prototype.__init86.call(this);_class15.prototype.__init87.call(this);_class15.prototype.__init88.call(this);_class15.prototype.__init89.call(this);_class15.prototype.__init90.call(this);_class15.prototype.__init91.call(this);_class15.prototype.__init92.call(this);_class15.prototype.__init93.call(this);_class15.prototype.__init94.call(this);_class15.prototype.__init95.call(this);_class15.prototype.__init96.call(this);_class15.prototype.__init97.call(this);_class15.prototype.__init98.call(this);_class15.prototype.__init99.call(this);_class15.prototype.__init100.call(this);_class15.prototype.__init101.call(this);_class15.prototype.__init102.call(this);_class15.prototype.__init103.call(this);_class15.prototype.__init104.call(this);_class15.prototype.__init105.call(this);_class15.prototype.__init106.call(this);_class15.prototype.__init107.call(this);_class15.prototype.__init108.call(this);_class15.prototype.__init109.call(this);_class15.prototype.__init110.call(this);_class15.prototype.__init111.call(this);_class15.prototype.__init112.call(this);_class15.prototype.__init113.call(this);_class15.prototype.__init114.call(this);_class15.prototype.__init115.call(this);_class15.prototype.__init116.call(this);_class15.prototype.__init117.call(this);_class15.prototype.__init118.call(this);_class15.prototype.__init119.call(this);_class15.prototype.__init120.call(this);_class15.prototype.__init121.call(this);_class15.prototype.__init122.call(this);_class15.prototype.__init123.call(this);_class15.prototype.__init124.call(this);_class15.prototype.__init125.call(this);_class15.prototype.__init126.call(this);_class15.prototype.__init127.call(this);_class15.prototype.__init128.call(this);_class15.prototype.__init129.call(this);_class15.prototype.__init130.call(this);_class15.prototype.__init131.call(this);_class15.prototype.__init132.call(this);_class15.prototype.__init133.call(this);_class15.prototype.__init134.call(this);_class15.prototype.__init135.call(this);_class15.prototype.__init136.call(this);_class15.prototype.__init137.call(this);_class15.prototype.__init138.call(this);_class15.prototype.__init139.call(this);_class15.prototype.__init140.call(this);_class15.prototype.__init141.call(this);_class15.prototype.__init142.call(this);_class15.prototype.__init143.call(this);_class15.prototype.__init144.call(this);_class15.prototype.__init145.call(this);_class15.prototype.__init146.call(this);_class15.prototype.__init147.call(this);_class15.prototype.__init148.call(this);_class15.prototype.__init149.call(this);_class15.prototype.__init150.call(this);_class15.prototype.__init151.call(this);_class15.prototype.__init152.call(this);_class15.prototype.__init153.call(this);_class15.prototype.__init154.call(this);_class15.prototype.__init155.call(this);_class15.prototype.__init156.call(this);_class15.prototype.__init157.call(this);_class15.prototype.__init158.call(this);_class15.prototype.__init159.call(this);_class15.prototype.__init160.call(this);_class15.prototype.__init161.call(this);_class15.prototype.__init162.call(this);_class15.prototype.__init163.call(this);_class15.prototype.__init164.call(this);_class15.prototype.__init165.call(this);_class15.prototype.__init166.call(this);_class15.prototype.__init167.call(this);_class15.prototype.__init168.call(this);_class15.prototype.__init169.call(this);_class15.prototype.__init170.call(this);_class15.prototype.__init171.call(this);_class15.prototype.__init172.call(this);_class15.prototype.__init173.call(this);_class15.prototype.__init174.call(this);_class15.prototype.__init175.call(this);_class15.prototype.__init176.call(this);
+  constructor(canvas, options = {}) {;_class15.prototype.__init88.call(this);_class15.prototype.__init89.call(this);_class15.prototype.__init90.call(this);_class15.prototype.__init91.call(this);_class15.prototype.__init92.call(this);_class15.prototype.__init93.call(this);_class15.prototype.__init94.call(this);_class15.prototype.__init95.call(this);_class15.prototype.__init96.call(this);_class15.prototype.__init97.call(this);_class15.prototype.__init98.call(this);_class15.prototype.__init99.call(this);_class15.prototype.__init100.call(this);_class15.prototype.__init101.call(this);_class15.prototype.__init102.call(this);_class15.prototype.__init103.call(this);_class15.prototype.__init104.call(this);_class15.prototype.__init105.call(this);_class15.prototype.__init106.call(this);_class15.prototype.__init107.call(this);_class15.prototype.__init108.call(this);_class15.prototype.__init109.call(this);_class15.prototype.__init110.call(this);_class15.prototype.__init111.call(this);_class15.prototype.__init112.call(this);_class15.prototype.__init113.call(this);_class15.prototype.__init114.call(this);_class15.prototype.__init115.call(this);_class15.prototype.__init116.call(this);_class15.prototype.__init117.call(this);_class15.prototype.__init118.call(this);_class15.prototype.__init119.call(this);_class15.prototype.__init120.call(this);_class15.prototype.__init121.call(this);_class15.prototype.__init122.call(this);_class15.prototype.__init123.call(this);_class15.prototype.__init124.call(this);_class15.prototype.__init125.call(this);_class15.prototype.__init126.call(this);_class15.prototype.__init127.call(this);_class15.prototype.__init128.call(this);_class15.prototype.__init129.call(this);_class15.prototype.__init130.call(this);_class15.prototype.__init131.call(this);_class15.prototype.__init132.call(this);_class15.prototype.__init133.call(this);_class15.prototype.__init134.call(this);_class15.prototype.__init135.call(this);_class15.prototype.__init136.call(this);_class15.prototype.__init137.call(this);_class15.prototype.__init138.call(this);_class15.prototype.__init139.call(this);_class15.prototype.__init140.call(this);_class15.prototype.__init141.call(this);_class15.prototype.__init142.call(this);_class15.prototype.__init143.call(this);_class15.prototype.__init144.call(this);_class15.prototype.__init145.call(this);_class15.prototype.__init146.call(this);_class15.prototype.__init147.call(this);_class15.prototype.__init148.call(this);_class15.prototype.__init149.call(this);_class15.prototype.__init150.call(this);_class15.prototype.__init151.call(this);_class15.prototype.__init152.call(this);_class15.prototype.__init153.call(this);_class15.prototype.__init154.call(this);_class15.prototype.__init155.call(this);_class15.prototype.__init156.call(this);_class15.prototype.__init157.call(this);_class15.prototype.__init158.call(this);_class15.prototype.__init159.call(this);_class15.prototype.__init160.call(this);_class15.prototype.__init161.call(this);_class15.prototype.__init162.call(this);_class15.prototype.__init163.call(this);_class15.prototype.__init164.call(this);_class15.prototype.__init165.call(this);_class15.prototype.__init166.call(this);_class15.prototype.__init167.call(this);_class15.prototype.__init168.call(this);_class15.prototype.__init169.call(this);_class15.prototype.__init170.call(this);_class15.prototype.__init171.call(this);_class15.prototype.__init172.call(this);_class15.prototype.__init173.call(this);_class15.prototype.__init174.call(this);_class15.prototype.__init175.call(this);_class15.prototype.__init176.call(this);_class15.prototype.__init177.call(this);_class15.prototype.__init178.call(this);_class15.prototype.__init179.call(this);_class15.prototype.__init180.call(this);_class15.prototype.__init181.call(this);_class15.prototype.__init182.call(this);_class15.prototype.__init183.call(this);_class15.prototype.__init184.call(this);_class15.prototype.__init185.call(this);_class15.prototype.__init186.call(this);_class15.prototype.__init187.call(this);_class15.prototype.__init188.call(this);_class15.prototype.__init189.call(this);_class15.prototype.__init190.call(this);
     this.canvas = canvas;
     this.debugA11y = _nullishCoalesce(options.debugA11y, () => ( false));
     this.disableWindowResize = _nullishCoalesce(options.disableWindowResize, () => ( false));
     this.maxDPR = options.maxDPR;
     if (this.disableWindowResize) {
-      const styleWidth = parseInlinePx(_optionalChain([canvas, 'access', _110 => _110.style, 'optionalAccess', _111 => _111.width]));
-      const styleHeight = parseInlinePx(_optionalChain([canvas, 'access', _112 => _112.style, 'optionalAccess', _113 => _113.height]));
+      const styleWidth = parseInlinePx(_optionalChain([canvas, 'access', _111 => _111.style, 'optionalAccess', _112 => _112.width]));
+      const styleHeight = parseInlinePx(_optionalChain([canvas, 'access', _113 => _113.style, 'optionalAccess', _114 => _114.height]));
       this.width = _nullishCoalesce(styleWidth, () => ( (canvas.width || canvas.clientWidth || 0)));
       this.height = _nullishCoalesce(styleHeight, () => ( (canvas.height || canvas.clientHeight || 0)));
     } else {
-      this.width = typeof window !== "undefined" ? window.innerWidth : canvas.clientWidth || canvas.width || 800;
-      this.height = typeof window !== "undefined" ? window.innerHeight : canvas.clientHeight || canvas.height || 600;
+      if (typeof canvas.isConnected === "boolean" && !canvas.isConnected) {
+        this.width = 0;
+        this.height = 0;
+      } else {
+        this.width = typeof window !== "undefined" ? window.innerWidth : canvas.clientWidth || canvas.width || 800;
+        this.height = typeof window !== "undefined" ? window.innerHeight : canvas.clientHeight || canvas.height || 600;
+      }
     }
     const globalProcess = typeof globalThis !== "undefined" ? globalThis.process : void 0;
-    const isTest = globalProcess && (_optionalChain([globalProcess, 'access', _114 => _114.env, 'optionalAccess', _115 => _115.NODE_ENV]) === "test" || _optionalChain([globalProcess, 'access', _116 => _116.env, 'optionalAccess', _117 => _117.VITEST]) === "true");
+    const isTest = globalProcess && (_optionalChain([globalProcess, 'access', _115 => _115.env, 'optionalAccess', _116 => _116.NODE_ENV]) === "test" || _optionalChain([globalProcess, 'access', _117 => _117.env, 'optionalAccess', _118 => _118.VITEST]) === "true");
     this.maxFPS = _nullishCoalesce(options.maxFPS, () => ( (isTest ? 0 : 60)));
     this.respectReducedMotion = _nullishCoalesce(options.respectReducedMotion, () => ( true));
     this.autoThrottle = _nullishCoalesce(options.autoThrottle, () => ( true));
@@ -4816,15 +4962,15 @@ var Scene = (_class15 = class _Scene {
     this.readingDirection = _nullishCoalesce(options.readingDirection, () => ( "ltr"));
     this.renderMode = _nullishCoalesce(options.renderMode, () => ( "always"));
     this._devActive = _Scene._devModeDetected();
-    _chunkZYYP2M5Djs.setRendererDevMode.call(void 0, this._devActive);
+    _chunkBKXERWADjs.setRendererDevMode.call(void 0, this._devActive);
     this._warnUnknownOptions(options);
     this.reducedMotionQuery = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
     if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       this.forcedColorsQuery = window.matchMedia("(forced-colors: active)");
       this.forcedColorsChangeHandler = () => this.markDirty();
-      _optionalChain([this, 'access', _118 => _118.forcedColorsQuery, 'access', _119 => _119.addEventListener, 'optionalCall', _120 => _120("change", this.forcedColorsChangeHandler)]);
+      _optionalChain([this, 'access', _119 => _119.forcedColorsQuery, 'access', _120 => _120.addEventListener, 'optionalCall', _121 => _121("change", this.forcedColorsChangeHandler)]);
     }
-    this.root = new class RootEntity extends _chunkSRXU3ZXKjs.Entity {
+    this.root = new class RootEntity extends _chunkPOPXUPKRjs.Entity {
       isPointInside() {
         return false;
       }
@@ -4834,7 +4980,7 @@ var Scene = (_class15 = class _Scene {
     }("root");
     this.root._scene = this;
     this._wasmBackend = new WasmBackendFacade(this.root);
-    this.overlayRoot = new class OverlayRoot extends _chunkSRXU3ZXKjs.Entity {
+    this.overlayRoot = new class OverlayRoot extends _chunkPOPXUPKRjs.Entity {
       isPointInside() {
         return false;
       }
@@ -4847,15 +4993,15 @@ var Scene = (_class15 = class _Scene {
     if (options.renderer) {
       this.renderer = options.renderer;
     } else {
-      this.renderer = new (0, _chunkZYYP2M5Djs.CanvasRenderer)(
+      this.renderer = new (0, _chunkBKXERWADjs.CanvasRenderer)(
         canvas,
         this.disableWindowResize ? { width: this.width, height: this.height } : void 0,
         this.maxDPR
       );
     }
-    _optionalChain([this, 'access', _121 => _121.renderer, 'access', _122 => _122.onContextRestored, 'optionalCall', _123 => _123(() => {
+    _optionalChain([this, 'access', _122 => _122.renderer, 'access', _123 => _123.onContextRestored, 'optionalCall', _124 => _124(() => {
       this.markDirty();
-      if (_optionalChain([this, 'access', _124 => _124.renderer, 'access', _125 => _125.isContextLost, 'optionalCall', _126 => _126()]) !== true) this.render(this.renderer);
+      if (_optionalChain([this, 'access', _125 => _125.renderer, 'access', _126 => _126.isContextLost, 'optionalCall', _127 => _127()]) !== true) this.render(this.renderer);
     })]);
     if (typeof document !== "undefined") {
       this.a11yRoot = document.createElement("div");
@@ -5028,18 +5174,54 @@ var Scene = (_class15 = class _Scene {
   watchDevicePixelRatio() {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     if (this.dprMediaQuery && this.dprChangeHandler) {
-      _optionalChain([this, 'access', _127 => _127.dprMediaQuery, 'access', _128 => _128.removeEventListener, 'optionalCall', _129 => _129("change", this.dprChangeHandler)]);
+      _optionalChain([this, 'access', _128 => _128.dprMediaQuery, 'access', _129 => _129.removeEventListener, 'optionalCall', _130 => _130("change", this.dprChangeHandler)]);
     }
-    const dpr = window.devicePixelRatio || 1;
+    const raw = window.devicePixelRatio;
+    const dpr = Number.isFinite(raw) && raw > 0 ? raw : 1;
     const query = window.matchMedia(`(resolution: ${dpr}dppx)`);
     const handler = () => {
-      this.resize(this.width, this.height);
-      if (_optionalChain([this, 'access', _130 => _130.renderer, 'access', _131 => _131.isContextLost, 'optionalCall', _132 => _132()]) !== true) this.render(this.renderer);
+      const curRaw = window.devicePixelRatio;
+      const cur = Number.isFinite(curRaw) && curRaw > 0 ? curRaw : 1;
+      if (Math.abs(cur - dpr) <= 1e-3) {
+        this.watchDevicePixelRatio();
+        return;
+      }
+      this.lastDpr = cur;
+      try {
+        this.resize(this.width, this.height);
+      } catch (err) {
+        console.warn("[VectoJS] DPR resize failed", err);
+      }
+      try {
+        if (_optionalChain([this, 'access', _131 => _131.renderer, 'access', _132 => _132.isContextLost, 'optionalCall', _133 => _133()]) !== true) this.render(this.renderer);
+      } catch (err) {
+        console.warn("[VectoJS] DPR repaint failed", err);
+      }
       this.watchDevicePixelRatio();
     };
-    _optionalChain([query, 'access', _133 => _133.addEventListener, 'optionalCall', _134 => _134("change", handler)]);
+    _optionalChain([query, 'access', _134 => _134.addEventListener, 'optionalCall', _135 => _135("change", handler)]);
     this.dprMediaQuery = query;
     this.dprChangeHandler = handler;
+    this.lastDpr = dpr;
+    if (this.dprPollInterval === null && typeof setInterval === "function") {
+      this.dprPollInterval = setInterval(() => {
+        const rawPoll = window.devicePixelRatio;
+        const curPoll = Number.isFinite(rawPoll) && rawPoll > 0 ? rawPoll : 1;
+        if (Math.abs(curPoll - this.lastDpr) <= 1e-3) return;
+        this.lastDpr = curPoll;
+        try {
+          this.resize(this.width, this.height);
+        } catch (err) {
+          console.warn("[VectoJS] DPR poll resize failed", err);
+        }
+        try {
+          if (_optionalChain([this, 'access', _136 => _136.renderer, 'access', _137 => _137.isContextLost, 'optionalCall', _138 => _138()]) !== true) this.render(this.renderer);
+        } catch (err) {
+          console.warn("[VectoJS] DPR poll repaint failed", err);
+        }
+        this.watchDevicePixelRatio();
+      }, 1e3);
+    }
   }
   /**
    * Recover the WebGL point layer from a GPU context loss (driver TDR reset,
@@ -5057,7 +5239,7 @@ var Scene = (_class15 = class _Scene {
     if (typeof gl.addEventListener !== "function") return;
     this.glContextLostHandler = (e) => {
       e.preventDefault();
-      _optionalChain([this, 'access', _135 => _135.pointRenderer, 'optionalAccess', _136 => _136.destroy, 'call', _137 => _137()]);
+      _optionalChain([this, 'access', _139 => _139.pointRenderer, 'optionalAccess', _140 => _140.destroy, 'call', _141 => _141()]);
       this.pointRenderer = null;
     };
     this.glContextRestoredHandler = () => {
@@ -5073,6 +5255,35 @@ var Scene = (_class15 = class _Scene {
     gl.addEventListener("webglcontextlost", this.glContextLostHandler);
     gl.addEventListener("webglcontextrestored", this.glContextRestoredHandler);
   }
+  /**
+   * One-shot adoption of the window viewport once an initially-detached canvas
+   * gains layout (#817). A full-window scene constructed before its canvas is
+   * attached starts at 0×0, and no window `resize` fires on attachment — so
+   * without this latch the scene would stay unsized forever. The first nonzero
+   * layout box adopts `window.innerWidth/innerHeight` (the same sizing the
+   * window resize handler applies, keeping the full-window contract), then the
+   * observer disconnects: steady-state sizing stays exactly as if the canvas
+   * had been attached before construction. An explicit user `resize()` between
+   * construction and attachment is respected and skips adoption.
+   *
+   * No-op when the scene already has a size (attached at construction) or when
+   * `ResizeObserver` is unavailable (the caller then drives sizing explicitly).
+   */
+  armAttachmentViewportLatch() {
+    if (this.width > 0 && this.height > 0) return;
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver((entries) => {
+      const box = _optionalChain([entries, 'access', _142 => _142[0], 'optionalAccess', _143 => _143.contentRect]);
+      if (!box || !(box.width > 0) || !(box.height > 0)) return;
+      observer.disconnect();
+      this.canvasResizeObserver = null;
+      if (this.width === 0 || this.height === 0) {
+        this.resize(window.innerWidth, window.innerHeight);
+      }
+    });
+    this.canvasResizeObserver = observer;
+    observer.observe(this.canvas);
+  }
   // --- domain: scene-facade — renderer accessor ---
   /**
    * Expose the underlying {@link IRenderer} for advanced direct-draw operations.
@@ -5154,7 +5365,7 @@ var Scene = (_class15 = class _Scene {
       }
       if (this.hoveredA11yElements.has(el)) {
         this.hoveredA11yElements.delete(el);
-        node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointerleave", node, void 0, false));
+        node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointerleave", node, void 0, false));
       }
       this.preserveFocusOnRemoval(el);
       el.remove();
@@ -5254,12 +5465,16 @@ var Scene = (_class15 = class _Scene {
       this.canvasResizeObserver = null;
     }
     if (this.dprMediaQuery && this.dprChangeHandler) {
-      _optionalChain([this, 'access', _138 => _138.dprMediaQuery, 'access', _139 => _139.removeEventListener, 'optionalCall', _140 => _140("change", this.dprChangeHandler)]);
+      _optionalChain([this, 'access', _144 => _144.dprMediaQuery, 'access', _145 => _145.removeEventListener, 'optionalCall', _146 => _146("change", this.dprChangeHandler)]);
       this.dprMediaQuery = null;
       this.dprChangeHandler = null;
     }
+    if (this.dprPollInterval !== null) {
+      clearInterval(this.dprPollInterval);
+      this.dprPollInterval = null;
+    }
     if (this.forcedColorsQuery && this.forcedColorsChangeHandler) {
-      _optionalChain([this, 'access', _141 => _141.forcedColorsQuery, 'access', _142 => _142.removeEventListener, 'optionalCall', _143 => _143("change", this.forcedColorsChangeHandler)]);
+      _optionalChain([this, 'access', _147 => _147.forcedColorsQuery, 'access', _148 => _148.removeEventListener, 'optionalCall', _149 => _149("change", this.forcedColorsChangeHandler)]);
       this.forcedColorsQuery = null;
       this.forcedColorsChangeHandler = null;
     }
@@ -5268,6 +5483,19 @@ var Scene = (_class15 = class _Scene {
       window.removeEventListener("blur", this.contentSelectionEndListener);
       this.contentSelectionEndListener = null;
     }
+    if (typeof window !== "undefined") {
+      if (this.windowKeyDownHandler) {
+        window.removeEventListener("keydown", this.windowKeyDownHandler);
+      }
+      if (this.windowKeyUpHandler) {
+        window.removeEventListener("keyup", this.windowKeyUpHandler);
+      }
+    }
+    this.windowKeyDownHandler = null;
+    this.windowKeyUpHandler = null;
+    this.keydownHandlers.length = 0;
+    this.keyupHandlers.length = 0;
+    this.shortcuts.length = 0;
     if (typeof window !== "undefined" && this.pointerEventTarget && typeof this.pointerEventTarget.removeEventListener === "function") {
       if (this.pointerMoveListener) {
         this.pointerEventTarget.removeEventListener("pointermove", this.pointerMoveListener);
@@ -5277,9 +5505,9 @@ var Scene = (_class15 = class _Scene {
       }
       this.pointerEventTarget = null;
     }
-    _optionalChain([this, 'access', _144 => _144.a11yRoot, 'optionalAccess', _145 => _145.remove, 'call', _146 => _146()]);
+    _optionalChain([this, 'access', _150 => _150.a11yRoot, 'optionalAccess', _151 => _151.remove, 'call', _152 => _152()]);
     this.focusSentinel = null;
-    _optionalChain([this, 'access', _147 => _147.portalRoot, 'optionalAccess', _148 => _148.remove, 'call', _149 => _149()]);
+    _optionalChain([this, 'access', _153 => _153.portalRoot, 'optionalAccess', _154 => _154.remove, 'call', _155 => _155()]);
     this.a11yElements.clear();
     for (const el of this.contentElements.values()) el.remove();
     this.contentElements.clear();
@@ -5295,10 +5523,10 @@ var Scene = (_class15 = class _Scene {
     }
     this.glContextLostHandler = null;
     this.glContextRestoredHandler = null;
-    _optionalChain([this, 'access', _150 => _150.pointRenderer, 'optionalAccess', _151 => _151.destroy, 'call', _152 => _152()]);
-    _optionalChain([this, 'access', _153 => _153.renderer, 'access', _154 => _154.dispose, 'optionalCall', _155 => _155()]);
-    _optionalChain([this, 'access', _156 => _156.glCanvas, 'optionalAccess', _157 => _157.remove, 'call', _158 => _158()]);
-    _optionalChain([this, 'access', _159 => _159.gpuCanvas, 'optionalAccess', _160 => _160.remove, 'call', _161 => _161()]);
+    _optionalChain([this, 'access', _156 => _156.pointRenderer, 'optionalAccess', _157 => _157.destroy, 'call', _158 => _158()]);
+    _optionalChain([this, 'access', _159 => _159.renderer, 'access', _160 => _160.dispose, 'optionalCall', _161 => _161()]);
+    _optionalChain([this, 'access', _162 => _162.glCanvas, 'optionalAccess', _163 => _163.remove, 'call', _164 => _164()]);
+    _optionalChain([this, 'access', _165 => _165.gpuCanvas, 'optionalAccess', _166 => _166.remove, 'call', _167 => _167()]);
     this.gpuCanvas = null;
     this.gpuContext = null;
     if (this.recoveryTimerId) {
@@ -5310,7 +5538,7 @@ var Scene = (_class15 = class _Scene {
       this.manager = null;
     }
     if (this.device) {
-      _optionalChain([this, 'access', _162 => _162.device, 'access', _163 => _163.destroy, 'optionalCall', _164 => _164()]);
+      _optionalChain([this, 'access', _168 => _168.device, 'access', _169 => _169.destroy, 'optionalCall', _170 => _170()]);
       this.device = null;
     }
   }
@@ -5318,6 +5546,7 @@ var Scene = (_class15 = class _Scene {
   setupEvents() {
     if (typeof window !== "undefined" && !this.disableWindowResize) {
       window.addEventListener("resize", this.resizeHandler);
+      this.armAttachmentViewportLatch();
     } else if (this.disableWindowResize && typeof ResizeObserver !== "undefined" && this.canvas && typeof this.canvas.getBoundingClientRect === "function") {
       this.canvasResizeObserver = new ResizeObserver((entries) => {
         const entry = entries[0];
@@ -5367,6 +5596,7 @@ var Scene = (_class15 = class _Scene {
     this.lastTime = typeof performance !== "undefined" ? performance.now() : 0;
     this.watchCanvasVisibility();
     this.scheduleFrame();
+    this.attachWindowKeyListeners();
     const isTextFocused = this.focusedA11yElement instanceof HTMLInputElement || this.focusedA11yElement instanceof HTMLTextAreaElement;
     if (isTextFocused && this.renderMode === "onDemand" && !this.caretBlinkTimer) {
       this.caretBlinkTimer = setInterval(() => {
@@ -5434,6 +5664,132 @@ var Scene = (_class15 = class _Scene {
     }
     this._canvasOnScreen = true;
   }
+  // --- domain: input — scene-level keyboard channel ---
+  /**
+   * Register a listener on the scene-level keyboard channel.
+   *
+   * Mirrors {@link Entity.on} minus the options parameter (bubble-only, and
+   * there is no capture phase for a single window tap). Handlers fire only
+   * when ALL of these hold:
+   *
+   * 1. the native event was not already `defaultPrevented`,
+   * 2. it is not an auto-repeat (`e.repeat`),
+   * 3. `document.activeElement` does not own the keyboard
+   *    (see {@link ownsKeyboard}) — typing in an `<input>` or focusing a
+   *    slider-role element suppresses the scene channel, unconditionally,
+   *    including modifier chords.
+   *
+   * The listeners are window-level BUBBLE-phase taps, so an entity handler
+   * that calls `nativeEvent.stopPropagation()` keeps the key from ever
+   * reaching this channel. Deliberately not registered in the capture phase:
+   * a window-capture listener would preempt Modal's document-capture trap.
+   *
+   * Listeners attach at `start()` and survive `stop()`; only `destroy()`
+   * removes them.
+   *
+   * @param event - `'keydown'` or `'keyup'`; anything else is rejected with a
+   *   dev warning (guards JS callers — TypeScript already narrows this).
+   * @param callback - Handler invoked with a {@link SceneKeyEvent}.
+   * @returns `this` for method chaining.
+   */
+  on(event, callback) {
+    if (event !== "keydown" && event !== "keyup") {
+      console.warn(
+        `[VectoJS] Scene.on: unsupported event '${String(event)}'. Only 'keydown' and 'keyup' are supported.`
+      );
+      return this;
+    }
+    (event === "keydown" ? this.keydownHandlers : this.keyupHandlers).push(callback);
+    return this;
+  }
+  /**
+   * Remove a listener previously registered with {@link Scene.on}. Silent
+   * no-op for unknown handlers, unsupported event names, or after
+   * {@link Scene.destroy}.
+   *
+   * @returns `this` for method chaining.
+   */
+  off(event, callback) {
+    if (event !== "keydown" && event !== "keyup") {
+      console.warn(
+        `[VectoJS] Scene.off: unsupported event '${String(event)}'. Only 'keydown' and 'keyup' are supported.`
+      );
+      return this;
+    }
+    const handlers = event === "keydown" ? this.keydownHandlers : this.keyupHandlers;
+    const idx = handlers.indexOf(callback);
+    if (idx !== -1) handlers.splice(idx, 1);
+    return this;
+  }
+  /**
+   * Sugar over the keyboard channel: invoke `spec.handler` whenever a
+   * non-repeat `keydown` whose normalized chord matches `spec.chord`
+   * (via {@link normalizeChord}) passes the same gates as {@link Scene.on} —
+   * including the unconditional `ownsKeyboard(activeElement)` suppression.
+   *
+   * @param spec - `{ chord, handler }`; the chord is normalized once at
+   *   registration, so `'ctrl+n'`, `'Control+n'` and `'Ctrl+N'` are aliases.
+   * @returns `this` for method chaining.
+   */
+  registerShortcut(spec) {
+    this.shortcuts.push({ chord: normalizeChord(spec.chord), handler: spec.handler });
+    return this;
+  }
+  /**
+   * Remove a shortcut previously registered with {@link Scene.registerShortcut}.
+   * Matches on normalized chord + exact handler reference; silent no-op when
+   * nothing matches.
+   *
+   * @param spec - The same spec object (chord spelling may differ; it is
+   *   re-normalized before matching).
+   * @returns `this` for method chaining.
+   */
+  unregisterShortcut(spec) {
+    const chord = normalizeChord(spec.chord);
+    const idx = this.shortcuts.findIndex((s) => s.chord === chord && s.handler === spec.handler);
+    if (idx !== -1) this.shortcuts.splice(idx, 1);
+    return this;
+  }
+  /** Attach the window bubble-phase keyboard listeners exactly once. */
+  attachWindowKeyListeners() {
+    if (this.windowKeyDownHandler || typeof window === "undefined") return;
+    this.windowKeyDownHandler = (e) => this.dispatchKeyboard(e, "keydown");
+    this.windowKeyUpHandler = (e) => this.dispatchKeyboard(e, "keyup");
+    window.addEventListener("keydown", this.windowKeyDownHandler);
+    window.addEventListener("keyup", this.windowKeyUpHandler);
+  }
+  /**
+   * Gate a native keyboard event and fan it out to scene handlers +
+   * chord-matched shortcuts. See {@link Scene.on} for the gate contract.
+   */
+  dispatchKeyboard(e, type) {
+    if (e.defaultPrevented) return;
+    if (e.repeat) return;
+    const active = typeof document !== "undefined" ? document.activeElement : null;
+    if (ownsKeyboard(active)) return;
+    const event = {
+      type,
+      key: e.key,
+      code: e.code,
+      repeat: e.repeat,
+      ctrlKey: e.ctrlKey,
+      altKey: e.altKey,
+      shiftKey: e.shiftKey,
+      metaKey: e.metaKey,
+      target: e.target,
+      nativeEvent: e,
+      stopPropagation: () => e.stopPropagation(),
+      preventDefault: () => e.preventDefault()
+    };
+    const handlers = type === "keydown" ? this.keydownHandlers : this.keyupHandlers;
+    for (const handler of [...handlers]) handler(event);
+    if (type === "keydown") {
+      const chord = normalizeChord(e);
+      for (const shortcut of [...this.shortcuts]) {
+        if (shortcut.chord === chord) shortcut.handler(event);
+      }
+    }
+  }
   // --- domain: scene-facade — tree accessors ---
   /**
    * Manually advance the scene clock by `dt` milliseconds and render synchronously.
@@ -5635,7 +5991,7 @@ var Scene = (_class15 = class _Scene {
     if (this.mouseX > -9e3 && !this.projectsSelectableText(node)) {
       if (node.isPointInside(this.mouseX, this.mouseY)) return true;
     }
-    const existing = _optionalChain([this, 'access', _165 => _165.a11yElements, 'optionalAccess', _166 => _166.get, 'call', _167 => _167(node.id)]);
+    const existing = _optionalChain([this, 'access', _171 => _171.a11yElements, 'optionalAccess', _172 => _172.get, 'call', _173 => _173(node.id)]);
     if (existing && typeof document !== "undefined" && document.activeElement === existing) {
       return true;
     }
@@ -5649,8 +6005,8 @@ var Scene = (_class15 = class _Scene {
    * selection.
    */
   projectsSelectableText(node) {
-    const projection = _optionalChain([node, 'access', _168 => _168.getContentProjection, 'optionalCall', _169 => _169()]);
-    return !!_optionalChain([projection, 'optionalAccess', _170 => _170.text]) && projection.selectable !== false;
+    const projection = _optionalChain([node, 'access', _174 => _174.getContentProjection, 'optionalCall', _175 => _175()]);
+    return !!_optionalChain([projection, 'optionalAccess', _176 => _176.text]) && projection.selectable !== false;
   }
   /**
    * Keep `entity`'s a11y shadow node projected while it has
@@ -5745,20 +6101,20 @@ var Scene = (_class15 = class _Scene {
           el.style.background = "transparent";
         }
         el.addEventListener("click", (e) => {
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("click", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("click", node, e));
         });
         el.addEventListener("dblclick", (e) => {
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("dblclick", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("dblclick", node, e));
         });
         el.addEventListener("mouseenter", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.2)";
           this.hoveredA11yElements.add(el);
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("hover", node, e, false));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("hover", node, e, false));
         });
         el.addEventListener("mouseleave", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.05)";
           this.hoveredA11yElements.delete(el);
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointerleave", node, e, false));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
         const releasePointer = (event) => {
@@ -5776,24 +6132,24 @@ var Scene = (_class15 = class _Scene {
           if (e.target === capEl && typeof capEl.setPointerCapture === "function") {
             capEl.setPointerCapture(e.pointerId);
           }
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointerdown", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointerup", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointerup", node, e));
         });
         el.addEventListener("pointercancel", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointercancel", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointercancel", node, e));
         });
         el.addEventListener(
           "pointermove",
-          (e) => node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("pointermove", node, e))
+          (e) => node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("pointermove", node, e))
         );
         el.addEventListener(
           "wheel",
           (e) => {
-            node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("wheel", node, e));
+            node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("wheel", node, e));
           },
           { passive: false }
         );
@@ -5818,10 +6174,10 @@ var Scene = (_class15 = class _Scene {
         );
         emitInitialScroll = emitScroll;
         el.addEventListener("keydown", (e) => {
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("keydown", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("keydown", node, e));
         });
         el.addEventListener("keyup", (e) => {
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("keyup", node, e));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("keyup", node, e));
         });
         if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
           const input = el;
@@ -5852,7 +6208,7 @@ var Scene = (_class15 = class _Scene {
           el.addEventListener("compositionupdate", (e) => {
             const data = _nullishCoalesce(e.data, () => ( ""));
             composition = {
-              start: _nullishCoalesce(_optionalChain([composition, 'optionalAccess', _171 => _171.start]), () => ( 0)),
+              start: _nullishCoalesce(_optionalChain([composition, 'optionalAccess', _177 => _177.start]), () => ( 0)),
               length: data.length
             };
             forward();
@@ -5883,14 +6239,6 @@ var Scene = (_class15 = class _Scene {
           }
           node.emit("blur", {});
         });
-        if (!isNativelyFocusable(el) && attrs.role && INTERACTIVE_A11Y_ROLES.has(attrs.role)) {
-          el.addEventListener("keydown", (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("click", node, e));
-            }
-          });
-        }
         if (node.a11yFullViewport) {
           this.a11yRoot.insertBefore(el, this.a11yRoot.firstChild);
         } else {
@@ -5909,7 +6257,24 @@ var Scene = (_class15 = class _Scene {
       if (renderOrder !== void 0 && el.style.zIndex !== String(renderOrder)) {
         el.style.zIndex = String(renderOrder);
       }
-      const implicitTabIndex = !isNativelyFocusable(el) && attrs.role && INTERACTIVE_A11Y_ROLES.has(attrs.role) ? 0 : null;
+      const interactiveRole = !isNativelyFocusable(el) && !!attrs.role && INTERACTIVE_A11Y_ROLES.has(attrs.role);
+      if (interactiveRole && !this.keyboardActivatedA11y.has(el)) {
+        el.addEventListener("keydown", (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("click", node, e));
+          } else if (e.key === " ") {
+            e.preventDefault();
+          }
+        });
+        el.addEventListener("keyup", (e) => {
+          if (e.key === " ") {
+            node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("click", node, e));
+          }
+        });
+        this.keyboardActivatedA11y.add(el);
+      }
+      const implicitTabIndex = interactiveRole ? 0 : null;
       const desiredTabIndex = _nullishCoalesce(attrs.tabIndex, () => ( implicitTabIndex));
       if (desiredTabIndex === null) {
         if (el.hasAttribute("tabindex")) el.removeAttribute("tabindex");
@@ -5925,7 +6290,7 @@ var Scene = (_class15 = class _Scene {
         this.syncOptionalAttribute(
           el,
           "href",
-          attrs.href === void 0 ? void 0 : _chunkZYYP2M5Djs.sanitizeUrl.call(void 0, attrs.href)
+          attrs.href === void 0 ? void 0 : _chunkBKXERWADjs.sanitizeUrl.call(void 0, attrs.href)
         );
         this.syncOptionalAttribute(el, "target", attrs.target);
       }
@@ -6094,7 +6459,7 @@ var Scene = (_class15 = class _Scene {
         const display = visible ? "" : "none";
         if (el.style.display !== display) el.style.display = display;
       }
-      _optionalChain([emitInitialScroll, 'optionalCall', _172 => _172()]);
+      _optionalChain([emitInitialScroll, 'optionalCall', _178 => _178()]);
     }
     if (this.phases.enabled) {
       const projectionStart = performance.now();
@@ -6324,7 +6689,7 @@ var Scene = (_class15 = class _Scene {
       el.addEventListener(
         "wheel",
         (e2) => {
-          node.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)("wheel", node, e2));
+          node.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)("wheel", node, e2));
         },
         { passive: false }
       );
@@ -6555,8 +6920,8 @@ var Scene = (_class15 = class _Scene {
       next.f = f2;
       next.tier = tier;
       next.hasBand = lineBand !== null;
-      next.bandMin = _nullishCoalesce(_optionalChain([lineBand, 'optionalAccess', _173 => _173.minY]), () => ( 0));
-      next.bandMax = _nullishCoalesce(_optionalChain([lineBand, 'optionalAccess', _174 => _174.maxY]), () => ( 0));
+      next.bandMin = _nullishCoalesce(_optionalChain([lineBand, 'optionalAccess', _179 => _179.minY]), () => ( 0));
+      next.bandMax = _nullishCoalesce(_optionalChain([lineBand, 'optionalAccess', _180 => _180.maxY]), () => ( 0));
       next.visible = visible;
       next.width = node.width;
       next.height = node.height;
@@ -6742,7 +7107,7 @@ var Scene = (_class15 = class _Scene {
    * (and {@link respectReducedMotion} is on). `0` means uncapped.
    */
   effectiveMaxFPS() {
-    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _175 => _175.reducedMotionQuery, 'optionalAccess', _176 => _176.matches]);
+    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _181 => _181.reducedMotionQuery, 'optionalAccess', _182 => _182.matches]);
     if (reduced)
       return this.maxFPS > 0 ? Math.min(this.maxFPS, REDUCED_MOTION_FPS) : REDUCED_MOTION_FPS;
     return this.maxFPS;
@@ -6837,7 +7202,7 @@ var Scene = (_class15 = class _Scene {
    * @param time - Current absolute time in milliseconds (default 0).
    */
   render(renderer, dt = 0, time = 0) {
-    if (_optionalChain([renderer, 'access', _177 => _177.isContextLost, 'optionalCall', _178 => _178()])) return;
+    if (_optionalChain([renderer, 'access', _183 => _183.isContextLost, 'optionalCall', _184 => _184()])) return;
     const isMainRenderer = renderer === this.renderer;
     if (isMainRenderer && this.a11yRoot && this.canvas.parentElement) {
       const parentStyle = this.canvas.parentElement.style;
@@ -6851,6 +7216,7 @@ var Scene = (_class15 = class _Scene {
       this.renderOrderCounter = 0;
       this.a11yRenderOrders.clear();
       this.activePortalsThisFrame.clear();
+      this._updateWalkDt = dt;
       this._tickBatchedDrivers(dt);
     }
     const computeEntities = this._computeEntitiesFor(this._structureVersion);
@@ -6986,14 +7352,14 @@ var Scene = (_class15 = class _Scene {
     }
     renderer.clear();
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _179 => _179.pointRenderer, 'optionalAccess', _180 => _180.begin, 'call', _181 => _181()]);
+      _optionalChain([this, 'access', _185 => _185.pointRenderer, 'optionalAccess', _186 => _186.begin, 'call', _187 => _187()]);
     }
     const vw = this.width;
     const vh = this.height;
     let walkHadAnimation = false;
     let walkHadInteractive = false;
     const runUpdate = (node) => {
-      const overridesUpdate = node.update !== _chunkSRXU3ZXKjs.Entity.prototype.update;
+      const overridesUpdate = node.update !== _chunkPOPXUPKRjs.Entity.prototype.update;
       let pending = node.hasPendingAnimations();
       if (pending || overridesUpdate) {
         node.update(dt, time);
@@ -7002,7 +7368,7 @@ var Scene = (_class15 = class _Scene {
       if (pending) walkHadAnimation = true;
       if (!walkHadInteractive && node.interactive) walkHadInteractive = true;
       if (this._devActive && this._devFrameCount % 120 === 0) {
-        if (overridesUpdate && node.hasPendingAnimations === _chunkSRXU3ZXKjs.Entity.prototype.hasPendingAnimations) {
+        if (overridesUpdate && node.hasPendingAnimations === _chunkPOPXUPKRjs.Entity.prototype.hasPendingAnimations) {
           this._devWarn(
             `Entity "${node.id}" overrides update() but not hasPendingAnimations(). Custom motion in update() without overriding hasPendingAnimations() causes the idle throttle to slow the animation. Override hasPendingAnimations() to return true while motion is in flight.`
           );
@@ -7021,6 +7387,7 @@ var Scene = (_class15 = class _Scene {
       };
       updateWalk(this.root);
       for (const overlay of this.overlayRoot.children) updateWalk(overlay);
+      this._updateWalkDt = null;
     }
     const transformTiming = this.phases.userTiming ? beginVectoUserTiming(VECTO_USER_TIMING.scene.transform) : null;
     const wasmT0 = this.phases.enabled ? performance.now() : 0;
@@ -7221,6 +7588,7 @@ var Scene = (_class15 = class _Scene {
     for (const overlay of this.overlayRoot.children) {
       renderNode(overlay, 1, 0, 0, 1, 0, 0, 1);
     }
+    if (isMainRenderer) this._updateWalkDt = null;
     if (this.phases.enabled) this.phases.record("drawWalk", performance.now() - drawT0);
     if (drawTiming) endVectoUserTiming(drawTiming);
     if (this.phases.userTiming) {
@@ -7235,9 +7603,9 @@ var Scene = (_class15 = class _Scene {
     const flushT0 = this.phases.enabled ? performance.now() : 0;
     renderer.flush();
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _182 => _182.pointRenderer, 'optionalAccess', _183 => _183.flush, 'call', _184 => _184()]);
+      _optionalChain([this, 'access', _188 => _188.pointRenderer, 'optionalAccess', _189 => _189.flush, 'call', _190 => _190()]);
     }
-    _optionalChain([renderer, 'access', _185 => _185.present, 'optionalCall', _186 => _186()]);
+    _optionalChain([renderer, 'access', _191 => _191.present, 'optionalCall', _192 => _192()]);
     if (this.phases.enabled) this.phases.record("flush", performance.now() - flushT0);
     if (flushTiming) endVectoUserTiming(flushTiming);
     if (this._devActive) {
@@ -7250,7 +7618,7 @@ var Scene = (_class15 = class _Scene {
    * Export the current scene state to a lightweight, flat SVG XML string.
    */
   toSVG() {
-    const renderer = new (0, _chunkZYYP2M5Djs.SVGRenderer)(this.width, this.height);
+    const renderer = new (0, _chunkBKXERWADjs.SVGRenderer)(this.width, this.height);
     this.render(renderer, 0, 0);
     return renderer.toXMLString();
   }
@@ -7463,20 +7831,20 @@ function defaultMeasurer() {
   sharedMeasurer ??= _layout.resolveGlyphMeasurer.call(void 0, "sans-serif");
   return sharedMeasurer;
 }
-var TextEntity = (_class16 = class extends _chunkSRXU3ZXKjs.Entity {
+var TextEntity = (_class16 = class extends _chunkPOPXUPKRjs.Entity {
   
   
   
   
-  __init177() {this.nodes = []}
+  __init191() {this.nodes = []}
   
-  __init178() {this.fillStyle = "#94a3b8"}
-  __init179() {this.strokeStyle = null}
-  __init180() {this.hoveredFillStyle = "#ffffff"}
-  __init181() {this.lineWidth = 1}
-  __init182() {this.isHovered = false}
+  __init192() {this.fillStyle = "#94a3b8"}
+  __init193() {this.strokeStyle = null}
+  __init194() {this.hoveredFillStyle = "#ffffff"}
+  __init195() {this.lineWidth = 1}
+  __init196() {this.isHovered = false}
   /** Bumped by {@link applyLayout}; read by `Scene` to skip an unchanged sync. */
-  __init183() {this.contentEpoch = 0}
+  __init197() {this.contentEpoch = 0}
   /**
    * Visual lines with real canvas geometry, rebuilt by {@link applyLayout}
    * exactly when `this.nodes` changes.
@@ -7488,9 +7856,9 @@ var TextEntity = (_class16 = class extends _chunkSRXU3ZXKjs.Entity {
    * ~0.35 em per line for a 24 px font, Firefox). Per-line carriers pin the DOM
    * baseline to the canvas baseline by construction, same as `ui/Text`.
    */
-  __init184() {this.projectionLines = []}
+  __init198() {this.projectionLines = []}
   constructor(text, atlas, maxWidth, fontSize = 24) {
-    super();_class16.prototype.__init177.call(this);_class16.prototype.__init178.call(this);_class16.prototype.__init179.call(this);_class16.prototype.__init180.call(this);_class16.prototype.__init181.call(this);_class16.prototype.__init182.call(this);_class16.prototype.__init183.call(this);_class16.prototype.__init184.call(this);;
+    super();_class16.prototype.__init191.call(this);_class16.prototype.__init192.call(this);_class16.prototype.__init193.call(this);_class16.prototype.__init194.call(this);_class16.prototype.__init195.call(this);_class16.prototype.__init196.call(this);_class16.prototype.__init197.call(this);_class16.prototype.__init198.call(this);;
     this.text = text;
     this.atlas = atlas;
     this.fontSize = fontSize;
@@ -7667,17 +8035,17 @@ var TextEntity = (_class16 = class extends _chunkSRXU3ZXKjs.Entity {
 }, _class16);
 
 // src/components/GridTextEntity.ts
-var GridTextEntity = (_class17 = class extends _chunkSRXU3ZXKjs.Entity {
+var GridTextEntity = (_class17 = class extends _chunkPOPXUPKRjs.Entity {
   
-  __init185() {this.fillStyle = "#ffffff"}
-  __init186() {this.grid = []}
+  __init199() {this.fillStyle = "#ffffff"}
+  __init200() {this.grid = []}
   // Array of rows
-  __init187() {this.cols = 0}
-  __init188() {this.rows = 0}
+  __init201() {this.cols = 0}
+  __init202() {this.rows = 0}
   
   
   constructor(_atlas, fontSize = 10) {
-    super();_class17.prototype.__init185.call(this);_class17.prototype.__init186.call(this);_class17.prototype.__init187.call(this);_class17.prototype.__init188.call(this);;
+    super();_class17.prototype.__init199.call(this);_class17.prototype.__init200.call(this);_class17.prototype.__init201.call(this);_class17.prototype.__init202.call(this);;
     this.fontSize = fontSize;
     this.charWidth = fontSize * 1;
     this.charHeight = fontSize * 1.1;
@@ -7686,7 +8054,7 @@ var GridTextEntity = (_class17 = class extends _chunkSRXU3ZXKjs.Entity {
   updateGrid(ascii) {
     this.grid = ascii;
     this.rows = ascii.length;
-    this.cols = ascii.reduce((widest, row) => Math.max(widest, _nullishCoalesce(_optionalChain([row, 'optionalAccess', _187 => _187.length]), () => ( 0))), 0);
+    this.cols = ascii.reduce((widest, row) => Math.max(widest, _nullishCoalesce(_optionalChain([row, 'optionalAccess', _193 => _193.length]), () => ( 0))), 0);
   }
   isPointInside(_globalX, _globalY) {
     return false;
@@ -7761,7 +8129,7 @@ function distSqToSegment(px, py, x1, y1, x2, y2) {
   const ey = py - cy;
   return ex * ex + ey * ey;
 }
-var SplineEntity = (_class18 = class extends _chunkSRXU3ZXKjs.Entity {
+var SplineEntity = (_class18 = class extends _chunkPOPXUPKRjs.Entity {
   
   
   
@@ -7769,17 +8137,17 @@ var SplineEntity = (_class18 = class extends _chunkSRXU3ZXKjs.Entity {
   
   
   
-  __init189() {this.offscreen = null}
-  __init190() {this.baked = false}
+  __init203() {this.offscreen = null}
+  __init204() {this.baked = false}
   /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
-  __init191() {this.bakedWidth = 0}
-  __init192() {this.bakedHeight = 0}
+  __init205() {this.bakedWidth = 0}
+  __init206() {this.bakedHeight = 0}
   /**
    * Device-pixel ratio the bitmap was rasterized at. Tracked so a DPR change
    * (browser zoom, a monitor move, a renderer whose clamp changed) re-bakes
    * instead of blitting a bitmap at the wrong device density forever.
    */
-  __init193() {this.bakedDPR = 0}
+  __init207() {this.bakedDPR = 0}
   /**
    * Gradient strokes can't be baked to a solid-color bitmap; they render
    * per-frame. Derived from `_doc`, so it is NOT readonly — assigning a new
@@ -7787,7 +8155,7 @@ var SplineEntity = (_class18 = class extends _chunkSRXU3ZXKjs.Entity {
    */
   
   /** Lazily-flattened polylines (one Float32Array of [x,y,...] per segment) for hit-testing. */
-  __init194() {this.polylines = null}
+  __init208() {this.polylines = null}
   /**
    * The spline document to render. Assigning a new document invalidates all
    * caches (baked canvas, flattened polylines, bounds).
@@ -7821,9 +8189,9 @@ var SplineEntity = (_class18 = class extends _chunkSRXU3ZXKjs.Entity {
    * local bounds after painting the curves. Useful for drag feedback and
    * debugging hit areas. Defaults to `false`.
    */
-  __init195() {this.showBounds = false}
+  __init209() {this.showBounds = false}
   constructor(doc, opts = {}) {
-    super();_class18.prototype.__init189.call(this);_class18.prototype.__init190.call(this);_class18.prototype.__init191.call(this);_class18.prototype.__init192.call(this);_class18.prototype.__init193.call(this);_class18.prototype.__init194.call(this);_class18.prototype.__init195.call(this);;
+    super();_class18.prototype.__init203.call(this);_class18.prototype.__init204.call(this);_class18.prototype.__init205.call(this);_class18.prototype.__init206.call(this);_class18.prototype.__init207.call(this);_class18.prototype.__init208.call(this);_class18.prototype.__init209.call(this);;
     this._doc = doc;
     this._lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
     this.cache = _nullishCoalesce(opts.cache, () => ( true));
@@ -7843,7 +8211,7 @@ var SplineEntity = (_class18 = class extends _chunkSRXU3ZXKjs.Entity {
    */
   computeContainsGradient() {
     const isGradient = (c) => c !== null && !Array.isArray(c);
-    return (_nullishCoalesce(_optionalChain([this, 'access', _188 => _188._doc, 'access', _189 => _189.equations, 'optionalAccess', _190 => _190.some, 'call', _191 => _191((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _192 => _192._doc, 'access', _193 => _193.paths, 'optionalAccess', _194 => _194.some, 'call', _195 => _195((p) => isGradient(p.color_rgb))]), () => ( false)));
+    return (_nullishCoalesce(_optionalChain([this, 'access', _194 => _194._doc, 'access', _195 => _195.equations, 'optionalAccess', _196 => _196.some, 'call', _197 => _197((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _198 => _198._doc, 'access', _199 => _199.paths, 'optionalAccess', _200 => _200.some, 'call', _201 => _201((p) => isGradient(p.color_rgb))]), () => ( false)));
   }
   /** Clear cached baked canvas and hit-test polylines. */
   invalidateCache() {
@@ -8089,7 +8457,7 @@ async function loadSpline(url) {
 }
 
 // src/components/Rect.ts
-var Rect = class extends _chunkSRXU3ZXKjs.Entity {
+var Rect = class extends _chunkPOPXUPKRjs.Entity {
   
   
   
@@ -8145,7 +8513,7 @@ var Rect = class extends _chunkSRXU3ZXKjs.Entity {
 };
 
 // src/components/Circle.ts
-var Circle = class extends _chunkSRXU3ZXKjs.Entity {
+var Circle = class extends _chunkPOPXUPKRjs.Entity {
   
   
   
@@ -8209,7 +8577,7 @@ var Circle = class extends _chunkSRXU3ZXKjs.Entity {
 };
 
 // src/components/Group.ts
-var Group = class extends _chunkSRXU3ZXKjs.Entity {
+var Group = class extends _chunkPOPXUPKRjs.Entity {
   constructor(...children) {
     super();
     if (children.length > 0) this.add(...children);
@@ -8228,21 +8596,21 @@ var _math = require('@vectojs/math'); _createStarExport(_math);
 
 
 // src/tree/DOMPortalEntity.ts
-var DOMPortalEntity = (_class19 = class extends _chunkSRXU3ZXKjs.Entity {
+var DOMPortalEntity = (_class19 = class extends _chunkPOPXUPKRjs.Entity {
   
-  __init196() {this.isDOMPortal = true}
-  __init197() {this.domListeners = []}
-  __init198() {this.resizeObserver = null}
-  __init199() {this.domBound = false}
-  __init200() {this.cachedWidth = 100}
-  __init201() {this.cachedHeight = 100}
-  __init202() {this.lastWidth = ""}
-  __init203() {this.lastHeight = ""}
-  __init204() {this.lastTransform = ""}
-  __init205() {this.lastZIndex = ""}
-  __init206() {this.lastOpacity = ""}
+  __init210() {this.isDOMPortal = true}
+  __init211() {this.domListeners = []}
+  __init212() {this.resizeObserver = null}
+  __init213() {this.domBound = false}
+  __init214() {this.cachedWidth = 100}
+  __init215() {this.cachedHeight = 100}
+  __init216() {this.lastWidth = ""}
+  __init217() {this.lastHeight = ""}
+  __init218() {this.lastTransform = ""}
+  __init219() {this.lastZIndex = ""}
+  __init220() {this.lastOpacity = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class19.prototype.__init196.call(this);_class19.prototype.__init197.call(this);_class19.prototype.__init198.call(this);_class19.prototype.__init199.call(this);_class19.prototype.__init200.call(this);_class19.prototype.__init201.call(this);_class19.prototype.__init202.call(this);_class19.prototype.__init203.call(this);_class19.prototype.__init204.call(this);_class19.prototype.__init205.call(this);_class19.prototype.__init206.call(this);;
+    super(id);_class19.prototype.__init210.call(this);_class19.prototype.__init211.call(this);_class19.prototype.__init212.call(this);_class19.prototype.__init213.call(this);_class19.prototype.__init214.call(this);_class19.prototype.__init215.call(this);_class19.prototype.__init216.call(this);_class19.prototype.__init217.call(this);_class19.prototype.__init218.call(this);_class19.prototype.__init219.call(this);_class19.prototype.__init220.call(this);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -8284,7 +8652,7 @@ var DOMPortalEntity = (_class19 = class extends _chunkSRXU3ZXKjs.Entity {
     ];
     for (const type of events) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)(type, this, e));
+        this.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)(type, this, e));
       };
       this.domElement.addEventListener(type, handler);
       this.domListeners.push({ type, handler, capture: false });
@@ -8295,7 +8663,7 @@ var DOMPortalEntity = (_class19 = class extends _chunkSRXU3ZXKjs.Entity {
     ];
     for (const { native, vecto } of hoverEvents) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)(vecto, this, e, false));
+        this.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)(vecto, this, e, false));
       };
       this.domElement.addEventListener(native, handler);
       this.domListeners.push({ type: native, handler, capture: false });
@@ -8303,7 +8671,7 @@ var DOMPortalEntity = (_class19 = class extends _chunkSRXU3ZXKjs.Entity {
     const focusEvents = ["focus", "blur"];
     for (const type of focusEvents) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkSRXU3ZXKjs.VectoJSEvent)(type, this, e, true));
+        this.dispatchEvent(new (0, _chunkPOPXUPKRjs.VectoJSEvent)(type, this, e, true));
       };
       this.domElement.addEventListener(type, handler, true);
       this.domListeners.push({ type, handler, capture: true });
@@ -8354,8 +8722,11 @@ var DOMPortalEntity = (_class19 = class extends _chunkSRXU3ZXKjs.Entity {
 }, _class19);
 
 // src/index.ts
-Scene.registerWebGLPointRendererCreator(_chunkZYYP2M5Djs.createWebGLPointRenderer);
-Scene.registerWebGPUParticleSystemManager(_chunkZYYP2M5Djs.WebGPUParticleSystemManager);
+Scene.registerWebGLPointRendererCreator(_chunkBKXERWADjs.createWebGLPointRenderer);
+Scene.registerWebGPUParticleSystemManager(_chunkBKXERWADjs.WebGPUParticleSystemManager);
+
+
+
 
 
 
@@ -8401,4 +8772,4 @@ Scene.registerWebGPUParticleSystemManager(_chunkZYYP2M5Djs.WebGPUParticleSystemM
 
 
 
-exports.CanvasRenderer = _chunkZYYP2M5Djs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DEFAULT_CONTENT_SEMANTIC_BUDGET = DEFAULT_CONTENT_SEMANTIC_BUDGET; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkSRXU3ZXKjs.Entity; exports.GlyphRasterAtlas = _chunkZYYP2M5Djs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkSRXU3ZXKjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.Rect = Rect; exports.SCENE_OPTION_KEYS = SCENE_OPTION_KEYS; exports.SVGEntity = _chunkSRXU3ZXKjs.SVGEntity; exports.SVGRenderer = _chunkZYYP2M5Djs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkZYYP2M5Djs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkSRXU3ZXKjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkZYYP2M5Djs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkSRXU3ZXKjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkZYYP2M5Djs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkZYYP2M5Djs.installRendererDevTraps; exports.isRendererDevMode = _chunkZYYP2M5Djs.isRendererDevMode; exports.isSafeUrl = _chunkZYYP2M5Djs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.parseColorToRGBA = _chunkZYYP2M5Djs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkZYYP2M5Djs.sanitizeUrl; exports.setRendererDevMode = _chunkZYYP2M5Djs.setRendererDevMode;
+exports.CanvasRenderer = _chunkBKXERWADjs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DEFAULT_CONTENT_SEMANTIC_BUDGET = DEFAULT_CONTENT_SEMANTIC_BUDGET; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkPOPXUPKRjs.Entity; exports.GlyphRasterAtlas = _chunkBKXERWADjs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.KEYBOARD_OWNING_ROLES = KEYBOARD_OWNING_ROLES; exports.MSDFTextEntity = _chunkPOPXUPKRjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.Rect = Rect; exports.SCENE_OPTION_KEYS = SCENE_OPTION_KEYS; exports.SVGEntity = _chunkPOPXUPKRjs.SVGEntity; exports.SVGRenderer = _chunkBKXERWADjs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkBKXERWADjs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkPOPXUPKRjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkBKXERWADjs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkPOPXUPKRjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkBKXERWADjs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkBKXERWADjs.installRendererDevTraps; exports.isRendererDevMode = _chunkBKXERWADjs.isRendererDevMode; exports.isSafeUrl = _chunkBKXERWADjs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.normalizeChord = normalizeChord; exports.ownsKeyboard = ownsKeyboard; exports.parseColorToRGBA = _chunkBKXERWADjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkBKXERWADjs.sanitizeUrl; exports.setRendererDevMode = _chunkBKXERWADjs.setRendererDevMode;