@vectojs/core 1.31.0 → 1.32.0

package/dist/index.js

@@ -1380,6 +1380,7 @@ var SCENE_OPTION_KEYS = [
   "autoThrottle",
   "contentProjection",
   "contentProjectionMargin",
+  "contentSemanticBudget",
   "contentSemanticMargin",
   "debugA11y",
   "disableWindowResize",
@@ -1433,6 +1434,7 @@ function parseInlinePx(value) {
   const n = parseFloat(value);
   return Number.isFinite(n) && n > 0 ? n : null;
 }
+var DEFAULT_CONTENT_SEMANTIC_BUDGET = 256;
 function projectionGridLineWindow(grid, projectionLines, band) {
   const count = grid.lines.length;
   const all = { start: 0, end: count, gated: false };
@@ -2008,42 +2010,77 @@ var Scene = (_class7 = class _Scene {
   // any projected DOM. `undefined` → falls back to contentProjectionMargin, so
   // the default keeps one gate. `Infinity` = every block keeps resident text.
   __init66() {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.
+  __init67() {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.
+  __init68() {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.
+  __init69() {this.contentSemanticDeferred = false}
+  /**
+   * Per-sync memo of "does the document hold a selection at all".
+   *
+   * Reading ANY property of a `Selection` (`anchorNode`, `rangeCount`, `type`,
+   * `isCollapsed`) forces a synchronous layout, because Blink validates the
+   * selection against current box geometry before answering. Measured in real
+   * Chrome against a 1000-carrier subtree with layout dirtied between reads:
+   * `anchorNode` 0.5ms, `rangeCount` 0.4ms, `type` 0.5ms, `isCollapsed` 0.5ms —
+   * all indistinguishable from `offsetHeight` (0.5ms), against a 0ms floor for
+   * mutating without reading. So there is no cheap property to probe with; the
+   * only way to avoid the layout is to not touch the object at all.
+   *
+   * Materializing a block rebuilds its carriers, which asks whether the rebuild
+   * would destroy a selection. Once per block, that read cost a forced layout
+   * over the whole (and growing) projection subtree, which is what made
+   * per-block cost rise with resident count: profiled at 1973 forced layouts
+   * totalling 633ms of an 847ms 1000-block drain (75%).
+   *
+   * A selection is a single document-wide object and a sync walk cannot yield to
+   * the user, so its presence cannot change mid-walk. Resolving it once per walk
+   * turns O(blocks) forced layouts into O(1). `null` = not yet resolved.
+   */
+  __init70() {this.contentSelectionPresentThisSync = null}
   /**
    * True while a text-selection drag that started on a projection's blank
    * region (no text node under the press) is being driven manually — the
    * browser has no native anchor for it, so mousemove extends the Selection
    * from the position we resolved ourselves.
    */
-  __init67() {this.blankRegionSelectionDrag = false}
-  __init68() {this.contentSelectionAnchor = null}
-  __init69() {this.contentSelectionEndListener = null}
+  __init71() {this.blankRegionSelectionDrag = false}
+  __init72() {this.contentSelectionAnchor = null}
+  __init73() {this.contentSelectionEndListener = null}
   // 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.
-  __init70() {this.frameHadAnimation = true}
-  __init71() {this.frameHadInteractive = true}
+  __init74() {this.frameHadAnimation = true}
+  __init75() {this.frameHadInteractive = true}
   
   /** Active `(resolution: Ndppx)` media query watching for a runtime DPR change
    *  (window moved between monitors, browser zoom) so the canvas backing store
    *  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. */
-  __init72() {this.dprMediaQuery = null}
+  __init76() {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. */
-  __init73() {this.canvasResizeObserver = null}
-  __init74() {this.dprChangeHandler = null}
-  __init75() {this.focusedA11yElement = null}
+  __init77() {this.canvasResizeObserver = null}
+  __init78() {this.dprChangeHandler = null}
+  __init79() {this.focusedA11yElement = null}
   /** Last geometry `syncOverlayGeometry` wrote, so an unchanged frame can skip the
    *  style writes entirely. Reset to `null` to force the next sync (a new overlay
    *  layer was created and has never been positioned). */
-  __init76() {this._overlayGeometry = null}
+  __init80() {this._overlayGeometry = null}
   /** 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. */
-  __init77() {this.hoveredA11yElements = /* @__PURE__ */ new WeakSet()}
+  __init81() {this.hoveredA11yElements = /* @__PURE__ */ new WeakSet()}
   /**
    * Entity ids the application has pinned via {@link requestA11yProjection}.
    *
@@ -2051,22 +2088,22 @@ var Scene = (_class7 = class _Scene {
    * a stale id simply never matches. Cleared per-entity by
    * {@link releaseA11yProjection}.
    */
-  __init78() {this.a11yProjectionRequests = /* @__PURE__ */ new Set()}
+  __init82() {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. */
-  __init79() {this.focusSentinel = null}
-  __init80() {this.caretBlinkTimer = null}
-  __init81() {this.a11yNeedsReorder = true}
-  __init82() {this.portalRoot = null}
-  __init83() {this.fullViewportElements = []}
-  __init84() {this.normalElements = []}
-  __init85() {this.activeIds = /* @__PURE__ */ new Set()}
+  __init83() {this.focusSentinel = null}
+  __init84() {this.caretBlinkTimer = null}
+  __init85() {this.a11yNeedsReorder = true}
+  __init86() {this.portalRoot = null}
+  __init87() {this.fullViewportElements = []}
+  __init88() {this.normalElements = []}
+  __init89() {this.activeIds = /* @__PURE__ */ new Set()}
   /** Per-parent insertion cursor, reused by `enforceA11yDomOrder`. */
-  __init86() {this.a11yOrderCursors = /* @__PURE__ */ new Map()}
+  __init90() {this.a11yOrderCursors = /* @__PURE__ */ new Map()}
   /** Membership set for the elements being ordered, reused per reorder pass. */
-  __init87() {this.a11yOrderMembers = /* @__PURE__ */ new Set()}
+  __init91() {this.a11yOrderMembers = /* @__PURE__ */ new Set()}
   /**
    * Elements that are an *ancestor* of another ordered element, reused per pass.
    *
@@ -2074,11 +2111,11 @@ var Scene = (_class7 = class _Scene {
    * items) spans every descendant row, so it must not extend a visual row band —
    * see {@link sortNormalElementsVisually}.
    */
-  __init88() {this.a11yOrderContainers = /* @__PURE__ */ new Set()}
-  __init89() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
-  __init90() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
-  __init91() {this.portalEntities = /* @__PURE__ */ new Map()}
-  __init92() {this.renderOrderCounter = 0}
+  __init92() {this.a11yOrderContainers = /* @__PURE__ */ new Set()}
+  __init93() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
+  __init94() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
+  __init95() {this.portalEntities = /* @__PURE__ */ new Map()}
+  __init96() {this.renderOrderCounter = 0}
   /**
    * Monotonic render-frame counter, bumped once per authoritative `render()`
    * pass. Entities stamp their per-frame world-matrix cache with this value and
@@ -2087,7 +2124,7 @@ var Scene = (_class7 = class _Scene {
    * back to the ancestor walk. Public for the same reason `Entity._getTrig`/
    * `_setWorldCache` are: it is a cross-class render-internal contract.
    */
-  __init93() {this.currentFrame = 0}
+  __init97() {this.currentFrame = 0}
   // ── WASM transform backend (invisible accelerator) ──────────────────────────
   // When `_transformBackend === 'wasm'`, the main render walk sources each
   // entity's world matrix from an SoA store composed by `_wasm` (see
@@ -2095,24 +2132,24 @@ var Scene = (_class7 = class _Scene {
   // fallback and the 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.
-  __init94() {this._wasm = null}
-  __init95() {this._transformBackend = "js"}
+  __init98() {this._wasm = null}
+  __init99() {this._transformBackend = "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.
-  __init96() {this._treeStore = null}
-  __init97() {this._slotEntity = []}
+  __init100() {this._treeStore = null}
+  __init101() {this._slotEntity = []}
   // store slot -> entity (also validates slots)
-  __init98() {this._wasmInputs = null}
-  __init99() {this._wasmWorld = null}
-  __init100() {this._structureVersion = 0}
-  __init101() {this._storeStructureVersion = -1}
+  __init102() {this._wasmInputs = null}
+  __init103() {this._wasmWorld = null}
+  __init104() {this._structureVersion = 0}
+  __init105() {this._storeStructureVersion = -1}
   // Cached list of ComputeParticleEntity instances in the tree, keyed by the
   // structure version it was gathered at. Rebuilt only on a topology change.
-  __init102() {this._computeEntities = []}
-  __init103() {this._computeEntitiesVersion = -1}
+  __init106() {this._computeEntities = []}
+  __init107() {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() {
@@ -2197,7 +2234,7 @@ var Scene = (_class7 = class _Scene {
    * cached globally; the instance is per-Scene, which is the isolation that
    * actually matters.
    */
-  __init104() {this._wasmRuntime = null}
+  __init108() {this._wasmRuntime = null}
   /**
    * Load (or reuse) this Scene's shared WASM runtime.
    *
@@ -2225,30 +2262,30 @@ var Scene = (_class7 = class _Scene {
   get wasmRuntime() {
     return this._wasmRuntime;
   }
-  __init105() {this._hitWasm = null}
+  __init109() {this._hitWasm = null}
   // Cache key: which frame + structure version the grid was last (successfully,
   // non-overflowing) built for. findEntityAt is called ad-hoc (pointer
   // hover/click), not every frame, so the grid is refreshed lazily on demand
   // rather than proactively every render() — unlike the transform store, which
   // every frame's draw depends on.
-  __init106() {this._hitGridFrame = -1}
-  __init107() {this._hitGridOk = false}
-  __init108() {this._hitSlotEntity = []}
-  __init109() {this._hitBoundless = []}
+  __init110() {this._hitGridFrame = -1}
+  __init111() {this._hitGridOk = false}
+  __init112() {this._hitSlotEntity = []}
+  __init113() {this._hitBoundless = []}
   /** Reused buffer for the fused gather, so a pointer query allocates nothing. */
-  __init110() {this._hitGatherBuffer = null}
+  __init114() {this._hitGatherBuffer = null}
   /**
    * 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.
    */
-  __init111() {this._hitFusedGather = false}
+  __init115() {this._hitFusedGather = 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.
    */
-  __init112() {this._wasmAabbsFresh = false}
+  __init116() {this._wasmAabbsFresh = false}
   /** Did the last hit-grid build use the fused (WASM-store) gather? */
   get hitGatherPath() {
     return this._hitFusedGather ? "fused" : "js";
@@ -2257,9 +2294,9 @@ var Scene = (_class7 = class _Scene {
    * Why the transform accelerator did or did not run on the most recent frame.
    * Written by the render walk and `_syncWasmStore`.
    */
-  __init113() {this._transformReason = "not-installed"}
+  __init117() {this._transformReason = "not-installed"}
   /** Why the batched-driver accelerator did or did not run. */
-  __init114() {this._animReason = "not-installed"}
+  __init118() {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
@@ -2267,11 +2304,11 @@ var Scene = (_class7 = class _Scene {
    * before a backend exists; `_ensureHitGrid` moves it to `'not-applicable'`
    * once one is installed but nothing has queried yet.
    */
-  __init115() {this._hitReason = "not-installed"}
+  __init119() {this._hitReason = "not-installed"}
   /** Why the particle accelerator did or did not run. */
-  __init116() {this._particleReason = "not-applicable"}
+  __init120() {this._particleReason = "not-applicable"}
   /** Which particle implementation actually simulated the most recent frame. */
-  __init117() {this._particlePath = "none"}
+  __init121() {this._particlePath = "none"}
   /**
    * Per-frame status of every invisible accelerator: whether each is installed,
    * whether it actually ran on the most recent frame, and why.
@@ -2431,25 +2468,25 @@ var Scene = (_class7 = class _Scene {
   // EasingFn (which cannot cross into WASM) all fall through to it — WASM can
   // only ever change *how* a driver is advanced, never *what* value it lands
   // on.
-  __init118() {this._animWasm = null}
+  __init122() {this._animWasm = null}
   // Entities with at least one active driver, added by Entity._spawnDriver.
   // Self-pruning: _tickBatchedDrivers drops an entry the first time it visits
   // 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.
-  __init119() {this._activeDriverEntities = /* @__PURE__ */ new Set()}
+  __init123() {this._activeDriverEntities = /* @__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.
-  __init120() {this._springEntities = []}
-  __init121() {this._springProps = []}
-  __init122() {this._springDrivers = []}
-  __init123() {this._tweenEntities = []}
-  __init124() {this._tweenProps = []}
-  __init125() {this._tweenDrivers = []}
+  __init124() {this._springEntities = []}
+  __init125() {this._springProps = []}
+  __init126() {this._springDrivers = []}
+  __init127() {this._tweenEntities = []}
+  __init128() {this._tweenProps = []}
+  __init129() {this._tweenDrivers = []}
   /**
    * Minimum number of batchable (spring, or named-easing tween) active drivers
    * before a frame engages the WASM batch path at all; below it, every driver
@@ -2521,7 +2558,7 @@ var Scene = (_class7 = class _Scene {
    * Setting {@link animDriverGateCount} overwrites all three, so existing code
    * that tuned the single knob keeps working unchanged.
    */
-  __init126() {this._animBatchedLastFrame = false}
+  __init130() {this._animBatchedLastFrame = false}
   /**
    * Whether the WASM batch path actually ran on the most recent frame.
    *
@@ -2533,7 +2570,7 @@ var Scene = (_class7 = class _Scene {
   get animBatchedLastFrame() {
     return this._animBatchedLastFrame;
   }
-  __init127() {this.animGate = {
+  __init131() {this.animGate = {
     spring: 128,
     tween: 256,
     mixed: 128
@@ -2571,7 +2608,7 @@ var Scene = (_class7 = class _Scene {
   // (benchmarks/particle-wasm). f32 (matches the WGSL shader), bit-identical to
   // a JS f32 reference oracle; updateCPU (f64) stays the permanent fallback when
   // no backend is installed or a scene runs on WebGPU.
-  __init128() {this._particleWasm = null}
+  __init132() {this._particleWasm = null}
   /** Which backend runs the CPU particle simulation. Reflects only whether a
    *  backend is installed (the WebGPU compute path, when active, is used first
    *  regardless). */
@@ -2848,24 +2885,24 @@ var Scene = (_class7 = class _Scene {
    * sync, so retaining the order prevents a newly opened overlay from spending
    * its first frame below previously projected controls.
    */
-  __init129() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
+  __init133() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
   // Optional WebGL point-cloud layer (see SceneOptions.pointBackend).
-  __init130() {this.pointRenderer = null}
-  __init131() {this.glCanvas = null}
-  __init132() {this.glContextLostHandler = null}
-  __init133() {this.glContextRestoredHandler = null}
+  __init134() {this.pointRenderer = null}
+  __init135() {this.glCanvas = null}
+  __init136() {this.glContextLostHandler = null}
+  __init137() {this.glContextRestoredHandler = null}
   
   
   
-  __init134() {this.disableWindowResize = false}
+  __init138() {this.disableWindowResize = false}
   /** See {@link SceneOptions.maxDPR}. `undefined` = uncapped (real DPR). */
   
   // WebGPU properties
-  __init135() {this.destroyed = false}
-  __init136() {this.device = null}
-  __init137() {this.deviceLost = false}
-  __init138() {this.particleBackend = "auto"}
-  __init139() {this._webgpuDisabled = false}
+  __init139() {this.destroyed = false}
+  __init140() {this.device = null}
+  __init141() {this.deviceLost = false}
+  __init142() {this.particleBackend = "auto"}
+  __init143() {this._webgpuDisabled = false}
   get webgpuDisabled() {
     return this._webgpuDisabled || this.particleBackend === "cpu";
   }
@@ -2893,22 +2930,22 @@ var Scene = (_class7 = class _Scene {
   set webgpuDisabled(value) {
     this._webgpuDisabled = value;
   }
-  __init140() {this.recoveryTimerId = null}
-  __init141() {this.manager = null}
-  __init142() {this.initializingWebGPU = false}
-  __init143() {this.gpuCanvas = null}
-  __init144() {this.gpuContext = null}
+  __init144() {this.recoveryTimerId = null}
+  __init145() {this.manager = null}
+  __init146() {this.initializingWebGPU = false}
+  __init147() {this.gpuCanvas = null}
+  __init148() {this.gpuContext = null}
   /** True while the GPU canvas holds a presented particle frame (needs clearing when they leave). */
-  __init145() {this.gpuHasContent = false}
-  __init146() {this.mouseX = -9999}
-  __init147() {this.mouseY = -9999}
-  __init148() {this.pointerMoveListener = null}
-  __init149() {this.pointerLeaveListener = null}
+  __init149() {this.gpuHasContent = false}
+  __init150() {this.mouseX = -9999}
+  __init151() {this.mouseY = -9999}
+  __init152() {this.pointerMoveListener = null}
+  __init153() {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. */
-  __init150() {this.pointerEventTarget = null}
-  __init151() {this.hasWarnedZeroSize = false}
-  __init152() {this.fontLoadHandler = null}
+  __init154() {this.pointerEventTarget = null}
+  __init155() {this.hasWarnedZeroSize = false}
+  __init156() {this.fontLoadHandler = null}
   // ── Dev-mode warning infrastructure ──────────────────────────────
   //
   // Enable with `Scene.devMode = true` or by setting `globalThis.__DEV__`.
@@ -2942,7 +2979,7 @@ var Scene = (_class7 = class _Scene {
     return false;
   }
   
-  __init153() {this._devFrameCount = 0}
+  __init157() {this._devFrameCount = 0}
   _devWarn(message) {
     if (!this._devActive) return;
     console.warn(`[vectojs/dev] ${message}`);
@@ -3019,7 +3056,7 @@ var Scene = (_class7 = class _Scene {
     };
     walkProjections(this.root);
   }
-  constructor(canvas, options = {}) {;_class7.prototype.__init27.call(this);_class7.prototype.__init28.call(this);_class7.prototype.__init29.call(this);_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);_class7.prototype.__init37.call(this);_class7.prototype.__init38.call(this);_class7.prototype.__init39.call(this);_class7.prototype.__init40.call(this);_class7.prototype.__init41.call(this);_class7.prototype.__init42.call(this);_class7.prototype.__init43.call(this);_class7.prototype.__init44.call(this);_class7.prototype.__init45.call(this);_class7.prototype.__init46.call(this);_class7.prototype.__init47.call(this);_class7.prototype.__init48.call(this);_class7.prototype.__init49.call(this);_class7.prototype.__init50.call(this);_class7.prototype.__init51.call(this);_class7.prototype.__init52.call(this);_class7.prototype.__init53.call(this);_class7.prototype.__init54.call(this);_class7.prototype.__init55.call(this);_class7.prototype.__init56.call(this);_class7.prototype.__init57.call(this);_class7.prototype.__init58.call(this);_class7.prototype.__init59.call(this);_class7.prototype.__init60.call(this);_class7.prototype.__init61.call(this);_class7.prototype.__init62.call(this);_class7.prototype.__init63.call(this);_class7.prototype.__init64.call(this);_class7.prototype.__init65.call(this);_class7.prototype.__init66.call(this);_class7.prototype.__init67.call(this);_class7.prototype.__init68.call(this);_class7.prototype.__init69.call(this);_class7.prototype.__init70.call(this);_class7.prototype.__init71.call(this);_class7.prototype.__init72.call(this);_class7.prototype.__init73.call(this);_class7.prototype.__init74.call(this);_class7.prototype.__init75.call(this);_class7.prototype.__init76.call(this);_class7.prototype.__init77.call(this);_class7.prototype.__init78.call(this);_class7.prototype.__init79.call(this);_class7.prototype.__init80.call(this);_class7.prototype.__init81.call(this);_class7.prototype.__init82.call(this);_class7.prototype.__init83.call(this);_class7.prototype.__init84.call(this);_class7.prototype.__init85.call(this);_class7.prototype.__init86.call(this);_class7.prototype.__init87.call(this);_class7.prototype.__init88.call(this);_class7.prototype.__init89.call(this);_class7.prototype.__init90.call(this);_class7.prototype.__init91.call(this);_class7.prototype.__init92.call(this);_class7.prototype.__init93.call(this);_class7.prototype.__init94.call(this);_class7.prototype.__init95.call(this);_class7.prototype.__init96.call(this);_class7.prototype.__init97.call(this);_class7.prototype.__init98.call(this);_class7.prototype.__init99.call(this);_class7.prototype.__init100.call(this);_class7.prototype.__init101.call(this);_class7.prototype.__init102.call(this);_class7.prototype.__init103.call(this);_class7.prototype.__init104.call(this);_class7.prototype.__init105.call(this);_class7.prototype.__init106.call(this);_class7.prototype.__init107.call(this);_class7.prototype.__init108.call(this);_class7.prototype.__init109.call(this);_class7.prototype.__init110.call(this);_class7.prototype.__init111.call(this);_class7.prototype.__init112.call(this);_class7.prototype.__init113.call(this);_class7.prototype.__init114.call(this);_class7.prototype.__init115.call(this);_class7.prototype.__init116.call(this);_class7.prototype.__init117.call(this);_class7.prototype.__init118.call(this);_class7.prototype.__init119.call(this);_class7.prototype.__init120.call(this);_class7.prototype.__init121.call(this);_class7.prototype.__init122.call(this);_class7.prototype.__init123.call(this);_class7.prototype.__init124.call(this);_class7.prototype.__init125.call(this);_class7.prototype.__init126.call(this);_class7.prototype.__init127.call(this);_class7.prototype.__init128.call(this);_class7.prototype.__init129.call(this);_class7.prototype.__init130.call(this);_class7.prototype.__init131.call(this);_class7.prototype.__init132.call(this);_class7.prototype.__init133.call(this);_class7.prototype.__init134.call(this);_class7.prototype.__init135.call(this);_class7.prototype.__init136.call(this);_class7.prototype.__init137.call(this);_class7.prototype.__init138.call(this);_class7.prototype.__init139.call(this);_class7.prototype.__init140.call(this);_class7.prototype.__init141.call(this);_class7.prototype.__init142.call(this);_class7.prototype.__init143.call(this);_class7.prototype.__init144.call(this);_class7.prototype.__init145.call(this);_class7.prototype.__init146.call(this);_class7.prototype.__init147.call(this);_class7.prototype.__init148.call(this);_class7.prototype.__init149.call(this);_class7.prototype.__init150.call(this);_class7.prototype.__init151.call(this);_class7.prototype.__init152.call(this);_class7.prototype.__init153.call(this);
+  constructor(canvas, options = {}) {;_class7.prototype.__init27.call(this);_class7.prototype.__init28.call(this);_class7.prototype.__init29.call(this);_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);_class7.prototype.__init37.call(this);_class7.prototype.__init38.call(this);_class7.prototype.__init39.call(this);_class7.prototype.__init40.call(this);_class7.prototype.__init41.call(this);_class7.prototype.__init42.call(this);_class7.prototype.__init43.call(this);_class7.prototype.__init44.call(this);_class7.prototype.__init45.call(this);_class7.prototype.__init46.call(this);_class7.prototype.__init47.call(this);_class7.prototype.__init48.call(this);_class7.prototype.__init49.call(this);_class7.prototype.__init50.call(this);_class7.prototype.__init51.call(this);_class7.prototype.__init52.call(this);_class7.prototype.__init53.call(this);_class7.prototype.__init54.call(this);_class7.prototype.__init55.call(this);_class7.prototype.__init56.call(this);_class7.prototype.__init57.call(this);_class7.prototype.__init58.call(this);_class7.prototype.__init59.call(this);_class7.prototype.__init60.call(this);_class7.prototype.__init61.call(this);_class7.prototype.__init62.call(this);_class7.prototype.__init63.call(this);_class7.prototype.__init64.call(this);_class7.prototype.__init65.call(this);_class7.prototype.__init66.call(this);_class7.prototype.__init67.call(this);_class7.prototype.__init68.call(this);_class7.prototype.__init69.call(this);_class7.prototype.__init70.call(this);_class7.prototype.__init71.call(this);_class7.prototype.__init72.call(this);_class7.prototype.__init73.call(this);_class7.prototype.__init74.call(this);_class7.prototype.__init75.call(this);_class7.prototype.__init76.call(this);_class7.prototype.__init77.call(this);_class7.prototype.__init78.call(this);_class7.prototype.__init79.call(this);_class7.prototype.__init80.call(this);_class7.prototype.__init81.call(this);_class7.prototype.__init82.call(this);_class7.prototype.__init83.call(this);_class7.prototype.__init84.call(this);_class7.prototype.__init85.call(this);_class7.prototype.__init86.call(this);_class7.prototype.__init87.call(this);_class7.prototype.__init88.call(this);_class7.prototype.__init89.call(this);_class7.prototype.__init90.call(this);_class7.prototype.__init91.call(this);_class7.prototype.__init92.call(this);_class7.prototype.__init93.call(this);_class7.prototype.__init94.call(this);_class7.prototype.__init95.call(this);_class7.prototype.__init96.call(this);_class7.prototype.__init97.call(this);_class7.prototype.__init98.call(this);_class7.prototype.__init99.call(this);_class7.prototype.__init100.call(this);_class7.prototype.__init101.call(this);_class7.prototype.__init102.call(this);_class7.prototype.__init103.call(this);_class7.prototype.__init104.call(this);_class7.prototype.__init105.call(this);_class7.prototype.__init106.call(this);_class7.prototype.__init107.call(this);_class7.prototype.__init108.call(this);_class7.prototype.__init109.call(this);_class7.prototype.__init110.call(this);_class7.prototype.__init111.call(this);_class7.prototype.__init112.call(this);_class7.prototype.__init113.call(this);_class7.prototype.__init114.call(this);_class7.prototype.__init115.call(this);_class7.prototype.__init116.call(this);_class7.prototype.__init117.call(this);_class7.prototype.__init118.call(this);_class7.prototype.__init119.call(this);_class7.prototype.__init120.call(this);_class7.prototype.__init121.call(this);_class7.prototype.__init122.call(this);_class7.prototype.__init123.call(this);_class7.prototype.__init124.call(this);_class7.prototype.__init125.call(this);_class7.prototype.__init126.call(this);_class7.prototype.__init127.call(this);_class7.prototype.__init128.call(this);_class7.prototype.__init129.call(this);_class7.prototype.__init130.call(this);_class7.prototype.__init131.call(this);_class7.prototype.__init132.call(this);_class7.prototype.__init133.call(this);_class7.prototype.__init134.call(this);_class7.prototype.__init135.call(this);_class7.prototype.__init136.call(this);_class7.prototype.__init137.call(this);_class7.prototype.__init138.call(this);_class7.prototype.__init139.call(this);_class7.prototype.__init140.call(this);_class7.prototype.__init141.call(this);_class7.prototype.__init142.call(this);_class7.prototype.__init143.call(this);_class7.prototype.__init144.call(this);_class7.prototype.__init145.call(this);_class7.prototype.__init146.call(this);_class7.prototype.__init147.call(this);_class7.prototype.__init148.call(this);_class7.prototype.__init149.call(this);_class7.prototype.__init150.call(this);_class7.prototype.__init151.call(this);_class7.prototype.__init152.call(this);_class7.prototype.__init153.call(this);_class7.prototype.__init154.call(this);_class7.prototype.__init155.call(this);_class7.prototype.__init156.call(this);_class7.prototype.__init157.call(this);
     this.canvas = canvas;
     this.debugA11y = _nullishCoalesce(options.debugA11y, () => ( false));
     this.disableWindowResize = _nullishCoalesce(options.disableWindowResize, () => ( false));
@@ -3044,6 +3081,7 @@ var Scene = (_class7 = class _Scene {
     this.contentProjectionEnabled = _nullishCoalesce(options.contentProjection, () => ( true));
     this.contentProjectionMargin = options.contentProjectionMargin;
     this.contentSemanticMargin = options.contentSemanticMargin;
+    this.contentSemanticBudget = _nullishCoalesce(options.contentSemanticBudget, () => ( DEFAULT_CONTENT_SEMANTIC_BUDGET));
     this.readingDirection = _nullishCoalesce(options.readingDirection, () => ( "ltr"));
     this.renderMode = _nullishCoalesce(options.renderMode, () => ( "always"));
     this._devActive = _Scene._devModeDetected();
@@ -3325,12 +3363,31 @@ var Scene = (_class7 = class _Scene {
     }
     return null;
   }
+  /**
+   * Does the document hold a selection right now, memoized for this sync walk?
+   *
+   * Pays one forced layout per walk instead of one per rebuilt element — see
+   * {@link Scene.contentSelectionPresentThisSync} for the measurements. When the
+   * answer is `false` no element can own a selection, so every per-element
+   * ownership test can be skipped without touching the object.
+   */
+  contentSelectionPresent() {
+    if (this.contentSelectionPresentThisSync !== null) {
+      return this.contentSelectionPresentThisSync;
+    }
+    const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
+    const present = !!selection && (!!selection.anchorNode || !!selection.focusNode);
+    this.contentSelectionPresentThisSync = present;
+    return present;
+  }
   releaseContentSelectionForRebuild(el) {
+    if (!this.contentSelectionAnchor && !this.contentSelectionPresent()) return;
     const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
     const ownsSelection = this.contentSelectionAnchor && el.contains(this.contentSelectionAnchor.node) || (_optionalChain([selection, 'optionalAccess', _85 => _85.anchorNode]) ? el.contains(selection.anchorNode) : false) || (_optionalChain([selection, 'optionalAccess', _86 => _86.focusNode]) ? el.contains(selection.focusNode) : false);
     if (!ownsSelection) return;
     this.endContentSelectionDrag();
     _optionalChain([selection, 'optionalAccess', _87 => _87.removeAllRanges, 'call', _88 => _88()]);
+    this.contentSelectionPresentThisSync = null;
   }
   /**
    * Rebuild a content-projection element's DOM (`rebuild`) while preserving a
@@ -3348,6 +3405,10 @@ var Scene = (_class7 = class _Scene {
    * restore against).
    */
   preserveContentSelectionAcrossRebuild(el, rebuild) {
+    if (!this.contentSelectionAnchor && !this.contentSelectionPresent()) {
+      rebuild();
+      return;
+    }
     const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
     const owns = !!selection && !this.blankRegionSelectionDrag && ((selection.anchorNode ? el.contains(selection.anchorNode) : false) || (selection.focusNode ? el.contains(selection.focusNode) : false));
     if (!owns || !selection.anchorNode || !selection.focusNode) {
@@ -4043,6 +4104,11 @@ var Scene = (_class7 = class _Scene {
   }
   syncA11y(node, container = null) {
     if (!this.a11yRoot) return;
+    if (node === this.root) {
+      this.contentSemanticBudgetLeft = this.contentSemanticBudget;
+      this.contentSemanticDeferred = false;
+      this.contentSelectionPresentThisSync = null;
+    }
     if (node.isDOMPortal) {
       return;
     }
@@ -4461,7 +4527,9 @@ var Scene = (_class7 = class _Scene {
    * transparent DOM node positioned over the drawn glyphs. Runs on the a11y
    * sync cadence; all writes are dirty-checked. Off-viewport projections are
    * hidden (`display: none`) so text-heavy scenes only materialize what is
-   * visible to the browser's text machinery anyway.
+   * visible to the browser's text machinery anyway — except in the coarse
+   * (resident) tier, which stays displayed because hiding it would make its text
+   * unfindable and remove it from the accessibility tree, defeating the tier.
    */
   /**
    * Whether `node`'s world-space box, expanded by `margin` px on every side,
@@ -4470,8 +4538,15 @@ var Scene = (_class7 = class _Scene {
    * at `margin = contentProjectionMargin`) and for the exact `display:none`
    * visibility test (`margin = 0`). Boundless nodes (width/height 0) opt out of
    * culling and always count as visible, matching the legacy behavior.
+   *
+   * `viewportOnly` skips the `clipChildren` ancestor walk, answering the narrower
+   * question "does this box overlap the viewport at all". The coarse content tier
+   * needs the two apart: text that is merely off-viewport is clipped by
+   * `a11yRoot`'s own `overflow: hidden` and can safely stay displayed, while text
+   * rejected by an ancestor clip box that itself overlaps the viewport would sit
+   * transparently on top of whatever is really drawn there.
    */
-  projectionBoxVisible(node, tf, margin) {
+  projectionBoxVisible(node, tf, margin, viewportOnly = false) {
     if (!(node.width > 0 && node.height > 0)) return true;
     const { a, b, c, d, e, f } = tf;
     const worldCorners = [];
@@ -4493,6 +4568,7 @@ var Scene = (_class7 = class _Scene {
     if (!(maxX >= -margin && minX <= this.width + margin && maxY >= -margin && minY <= this.height + margin)) {
       return false;
     }
+    if (viewportOnly) return true;
     for (let ancestor = node.parent; ancestor; ancestor = ancestor.parent) {
       if (!ancestor.clipChildren || ancestor.width <= 0 || ancestor.height <= 0) continue;
       let localMinX = Infinity;
@@ -4595,6 +4671,10 @@ var Scene = (_class7 = class _Scene {
         return;
       }
     }
+    if (tier === "coarse" && !el && this.contentSemanticBudgetLeft <= 0) {
+      this.contentSemanticDeferred = true;
+      return;
+    }
     const projection = node.getContentProjection(
       lineBand ? { minY: lineBand.minY, maxY: lineBand.maxY } : void 0
     );
@@ -4603,6 +4683,7 @@ var Scene = (_class7 = class _Scene {
       return;
     }
     if (!el) {
+      if (tier === "coarse") this.contentSemanticBudgetLeft--;
       el = document.createElement("div");
       el.setAttribute("data-vecto-content", node.id);
       const s = el.style;
@@ -4737,7 +4818,8 @@ var Scene = (_class7 = class _Scene {
     if (node.width > 0) el.style.width = `${node.width}px`;
     if (node.height > 0) el.style.height = `${node.height}px`;
     el.style.transform = `matrix(${a}, ${b}, ${c}, ${d}, 0, 0)`;
-    const display = visible ? "" : "none";
+    const residentTier = semanticMargin > interactionMargin;
+    const display = visible || residentTier && !this.projectionBoxVisible(node, worldTf, 0, true) ? "" : "none";
     if (el.style.display !== display) el.style.display = display;
     if (epoch !== null) {
       const { a: a2, b: b2, c: c2, d: d2, e: e2, f: f2 } = worldTf;
@@ -5380,7 +5462,7 @@ var Scene = (_class7 = class _Scene {
     if (!this.isRunning) return;
     if (!this._canvasOnScreen) return;
     let cap = this.effectiveMaxFPS();
-    const isIdle = !this.dirty && !this.frameHadAnimation;
+    const isIdle = !this.dirty && !this.frameHadAnimation && !this.contentSemanticDeferred;
     if (isIdle && this.autoThrottle && this.renderMode === "always" && this.maxFPS > 0) {
       cap = Math.min(cap, 2);
     }
@@ -6155,17 +6237,17 @@ var TextEntity = (_class8 = class extends _chunkTRT2TRCWjs.Entity {
   
   
   
-  __init154() {this.nodes = []}
+  __init158() {this.nodes = []}
   
-  __init155() {this.fillStyle = "#94a3b8"}
-  __init156() {this.strokeStyle = null}
-  __init157() {this.hoveredFillStyle = "#ffffff"}
-  __init158() {this.lineWidth = 1}
-  __init159() {this.isHovered = false}
+  __init159() {this.fillStyle = "#94a3b8"}
+  __init160() {this.strokeStyle = null}
+  __init161() {this.hoveredFillStyle = "#ffffff"}
+  __init162() {this.lineWidth = 1}
+  __init163() {this.isHovered = false}
   /** Bumped by {@link applyLayout}; read by `Scene` to skip an unchanged sync. */
-  __init160() {this.contentEpoch = 0}
+  __init164() {this.contentEpoch = 0}
   constructor(text, atlas, maxWidth, fontSize = 24) {
-    super();_class8.prototype.__init154.call(this);_class8.prototype.__init155.call(this);_class8.prototype.__init156.call(this);_class8.prototype.__init157.call(this);_class8.prototype.__init158.call(this);_class8.prototype.__init159.call(this);_class8.prototype.__init160.call(this);;
+    super();_class8.prototype.__init158.call(this);_class8.prototype.__init159.call(this);_class8.prototype.__init160.call(this);_class8.prototype.__init161.call(this);_class8.prototype.__init162.call(this);_class8.prototype.__init163.call(this);_class8.prototype.__init164.call(this);;
     this.text = text;
     this.atlas = atlas;
     this.fontSize = fontSize;
@@ -6284,15 +6366,15 @@ var TextEntity = (_class8 = class extends _chunkTRT2TRCWjs.Entity {
 // src/components/GridTextEntity.ts
 var GridTextEntity = (_class9 = class extends _chunkTRT2TRCWjs.Entity {
   
-  __init161() {this.fillStyle = "#ffffff"}
-  __init162() {this.grid = []}
+  __init165() {this.fillStyle = "#ffffff"}
+  __init166() {this.grid = []}
   // Array of rows
-  __init163() {this.cols = 0}
-  __init164() {this.rows = 0}
+  __init167() {this.cols = 0}
+  __init168() {this.rows = 0}
   
   
   constructor(_atlas, fontSize = 10) {
-    super();_class9.prototype.__init161.call(this);_class9.prototype.__init162.call(this);_class9.prototype.__init163.call(this);_class9.prototype.__init164.call(this);;
+    super();_class9.prototype.__init165.call(this);_class9.prototype.__init166.call(this);_class9.prototype.__init167.call(this);_class9.prototype.__init168.call(this);;
     this.fontSize = fontSize;
     this.charWidth = fontSize * 1;
     this.charHeight = fontSize * 1.1;
@@ -6384,23 +6466,23 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
   
   
   
-  __init165() {this.offscreen = null}
-  __init166() {this.baked = false}
+  __init169() {this.offscreen = null}
+  __init170() {this.baked = false}
   /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
-  __init167() {this.bakedWidth = 0}
-  __init168() {this.bakedHeight = 0}
+  __init171() {this.bakedWidth = 0}
+  __init172() {this.bakedHeight = 0}
   /** Gradient strokes can't be baked to a solid-color bitmap; they render per-frame. */
   
   /** Lazily-flattened polylines (one Float32Array of [x,y,...] per segment) for hit-testing. */
-  __init169() {this.polylines = null}
+  __init173() {this.polylines = null}
   /**
    * When `true`, the renderer draws a rounded-rect outline of the entity's
    * local bounds after painting the curves. Useful for drag feedback and
    * debugging hit areas. Defaults to `false`.
    */
-  __init170() {this.showBounds = false}
+  __init174() {this.showBounds = false}
   constructor(doc, opts = {}) {
-    super();_class10.prototype.__init165.call(this);_class10.prototype.__init166.call(this);_class10.prototype.__init167.call(this);_class10.prototype.__init168.call(this);_class10.prototype.__init169.call(this);_class10.prototype.__init170.call(this);;
+    super();_class10.prototype.__init169.call(this);_class10.prototype.__init170.call(this);_class10.prototype.__init171.call(this);_class10.prototype.__init172.call(this);_class10.prototype.__init173.call(this);_class10.prototype.__init174.call(this);;
     this.doc = doc;
     this.lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
     this.cache = _nullishCoalesce(opts.cache, () => ( true));
@@ -6781,19 +6863,19 @@ var _math = require('@vectojs/math'); _createStarExport(_math);
 // src/tree/DOMPortalEntity.ts
 var DOMPortalEntity = (_class11 = class extends _chunkTRT2TRCWjs.Entity {
   
-  __init171() {this.isDOMPortal = true}
-  __init172() {this.domListeners = []}
-  __init173() {this.resizeObserver = null}
-  __init174() {this.domBound = false}
-  __init175() {this.cachedWidth = 100}
-  __init176() {this.cachedHeight = 100}
-  __init177() {this.lastWidth = ""}
-  __init178() {this.lastHeight = ""}
-  __init179() {this.lastTransform = ""}
-  __init180() {this.lastZIndex = ""}
-  __init181() {this.lastOpacity = ""}
+  __init175() {this.isDOMPortal = true}
+  __init176() {this.domListeners = []}
+  __init177() {this.resizeObserver = null}
+  __init178() {this.domBound = false}
+  __init179() {this.cachedWidth = 100}
+  __init180() {this.cachedHeight = 100}
+  __init181() {this.lastWidth = ""}
+  __init182() {this.lastHeight = ""}
+  __init183() {this.lastTransform = ""}
+  __init184() {this.lastZIndex = ""}
+  __init185() {this.lastOpacity = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class11.prototype.__init171.call(this);_class11.prototype.__init172.call(this);_class11.prototype.__init173.call(this);_class11.prototype.__init174.call(this);_class11.prototype.__init175.call(this);_class11.prototype.__init176.call(this);_class11.prototype.__init177.call(this);_class11.prototype.__init178.call(this);_class11.prototype.__init179.call(this);_class11.prototype.__init180.call(this);_class11.prototype.__init181.call(this);;
+    super(id);_class11.prototype.__init175.call(this);_class11.prototype.__init176.call(this);_class11.prototype.__init177.call(this);_class11.prototype.__init178.call(this);_class11.prototype.__init179.call(this);_class11.prototype.__init180.call(this);_class11.prototype.__init181.call(this);_class11.prototype.__init182.call(this);_class11.prototype.__init183.call(this);_class11.prototype.__init184.call(this);_class11.prototype.__init185.call(this);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -6951,4 +7033,5 @@ Scene.registerWebGPUParticleSystemManager(_chunkM73XB4ZKjs.WebGPUParticleSystemM
 
 
 
-exports.CanvasRenderer = _chunkM73XB4ZKjs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkTRT2TRCWjs.Entity; exports.GlyphRasterAtlas = _chunkM73XB4ZKjs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkTRT2TRCWjs.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 = _chunkTRT2TRCWjs.SVGEntity; exports.SVGRenderer = _chunkM73XB4ZKjs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkM73XB4ZKjs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkTRT2TRCWjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkM73XB4ZKjs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkTRT2TRCWjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkM73XB4ZKjs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkM73XB4ZKjs.installRendererDevTraps; exports.isRendererDevMode = _chunkM73XB4ZKjs.isRendererDevMode; exports.isSafeUrl = _chunkM73XB4ZKjs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.parseColorToRGBA = _chunkM73XB4ZKjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkM73XB4ZKjs.sanitizeUrl; exports.setRendererDevMode = _chunkM73XB4ZKjs.setRendererDevMode;
+
+exports.CanvasRenderer = _chunkM73XB4ZKjs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DEFAULT_CONTENT_SEMANTIC_BUDGET = DEFAULT_CONTENT_SEMANTIC_BUDGET; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkTRT2TRCWjs.Entity; exports.GlyphRasterAtlas = _chunkM73XB4ZKjs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkTRT2TRCWjs.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 = _chunkTRT2TRCWjs.SVGEntity; exports.SVGRenderer = _chunkM73XB4ZKjs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkM73XB4ZKjs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkTRT2TRCWjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkM73XB4ZKjs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkTRT2TRCWjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkM73XB4ZKjs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkM73XB4ZKjs.installRendererDevTraps; exports.isRendererDevMode = _chunkM73XB4ZKjs.isRendererDevMode; exports.isSafeUrl = _chunkM73XB4ZKjs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.parseColorToRGBA = _chunkM73XB4ZKjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkM73XB4ZKjs.sanitizeUrl; exports.setRendererDevMode = _chunkM73XB4ZKjs.setRendererDevMode;

package/dist/index.mjs

@@ -1379,6 +1379,7 @@ var SCENE_OPTION_KEYS = [
   "autoThrottle",
   "contentProjection",
   "contentProjectionMargin",
+  "contentSemanticBudget",
   "contentSemanticMargin",
   "debugA11y",
   "disableWindowResize",
@@ -1432,6 +1433,7 @@ function parseInlinePx(value) {
   const n = parseFloat(value);
   return Number.isFinite(n) && n > 0 ? n : null;
 }
+var DEFAULT_CONTENT_SEMANTIC_BUDGET = 256;
 function projectionGridLineWindow(grid, projectionLines, band) {
   const count = grid.lines.length;
   const all = { start: 0, end: count, gated: false };
@@ -2007,6 +2009,41 @@ var Scene = class _Scene {
   // any projected DOM. `undefined` → falls back to contentProjectionMargin, so
   // the default keeps one gate. `Infinity` = every block keeps resident text.
   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.
+  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.
+  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.
+  contentSemanticDeferred = false;
+  /**
+   * Per-sync memo of "does the document hold a selection at all".
+   *
+   * Reading ANY property of a `Selection` (`anchorNode`, `rangeCount`, `type`,
+   * `isCollapsed`) forces a synchronous layout, because Blink validates the
+   * selection against current box geometry before answering. Measured in real
+   * Chrome against a 1000-carrier subtree with layout dirtied between reads:
+   * `anchorNode` 0.5ms, `rangeCount` 0.4ms, `type` 0.5ms, `isCollapsed` 0.5ms —
+   * all indistinguishable from `offsetHeight` (0.5ms), against a 0ms floor for
+   * mutating without reading. So there is no cheap property to probe with; the
+   * only way to avoid the layout is to not touch the object at all.
+   *
+   * Materializing a block rebuilds its carriers, which asks whether the rebuild
+   * would destroy a selection. Once per block, that read cost a forced layout
+   * over the whole (and growing) projection subtree, which is what made
+   * per-block cost rise with resident count: profiled at 1973 forced layouts
+   * totalling 633ms of an 847ms 1000-block drain (75%).
+   *
+   * A selection is a single document-wide object and a sync walk cannot yield to
+   * the user, so its presence cannot change mid-walk. Resolving it once per walk
+   * turns O(blocks) forced layouts into O(1). `null` = not yet resolved.
+   */
+  contentSelectionPresentThisSync = null;
   /**
    * True while a text-selection drag that started on a projection's blank
    * region (no text node under the press) is being driven manually — the
@@ -3043,6 +3080,7 @@ var Scene = class _Scene {
     this.contentProjectionEnabled = options.contentProjection ?? true;
     this.contentProjectionMargin = options.contentProjectionMargin;
     this.contentSemanticMargin = options.contentSemanticMargin;
+    this.contentSemanticBudget = options.contentSemanticBudget ?? DEFAULT_CONTENT_SEMANTIC_BUDGET;
     this.readingDirection = options.readingDirection ?? "ltr";
     this.renderMode = options.renderMode ?? "always";
     this._devActive = _Scene._devModeDetected();
@@ -3324,12 +3362,31 @@ var Scene = class _Scene {
     }
     return null;
   }
+  /**
+   * Does the document hold a selection right now, memoized for this sync walk?
+   *
+   * Pays one forced layout per walk instead of one per rebuilt element — see
+   * {@link Scene.contentSelectionPresentThisSync} for the measurements. When the
+   * answer is `false` no element can own a selection, so every per-element
+   * ownership test can be skipped without touching the object.
+   */
+  contentSelectionPresent() {
+    if (this.contentSelectionPresentThisSync !== null) {
+      return this.contentSelectionPresentThisSync;
+    }
+    const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
+    const present = !!selection && (!!selection.anchorNode || !!selection.focusNode);
+    this.contentSelectionPresentThisSync = present;
+    return present;
+  }
   releaseContentSelectionForRebuild(el) {
+    if (!this.contentSelectionAnchor && !this.contentSelectionPresent()) return;
     const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
     const ownsSelection = this.contentSelectionAnchor && el.contains(this.contentSelectionAnchor.node) || (selection?.anchorNode ? el.contains(selection.anchorNode) : false) || (selection?.focusNode ? el.contains(selection.focusNode) : false);
     if (!ownsSelection) return;
     this.endContentSelectionDrag();
     selection?.removeAllRanges();
+    this.contentSelectionPresentThisSync = null;
   }
   /**
    * Rebuild a content-projection element's DOM (`rebuild`) while preserving a
@@ -3347,6 +3404,10 @@ var Scene = class _Scene {
    * restore against).
    */
   preserveContentSelectionAcrossRebuild(el, rebuild) {
+    if (!this.contentSelectionAnchor && !this.contentSelectionPresent()) {
+      rebuild();
+      return;
+    }
     const selection = typeof window !== "undefined" && typeof window.getSelection === "function" ? window.getSelection() : null;
     const owns = !!selection && !this.blankRegionSelectionDrag && ((selection.anchorNode ? el.contains(selection.anchorNode) : false) || (selection.focusNode ? el.contains(selection.focusNode) : false));
     if (!owns || !selection.anchorNode || !selection.focusNode) {
@@ -4042,6 +4103,11 @@ var Scene = class _Scene {
   }
   syncA11y(node, container = null) {
     if (!this.a11yRoot) return;
+    if (node === this.root) {
+      this.contentSemanticBudgetLeft = this.contentSemanticBudget;
+      this.contentSemanticDeferred = false;
+      this.contentSelectionPresentThisSync = null;
+    }
     if (node.isDOMPortal) {
       return;
     }
@@ -4460,7 +4526,9 @@ var Scene = class _Scene {
    * transparent DOM node positioned over the drawn glyphs. Runs on the a11y
    * sync cadence; all writes are dirty-checked. Off-viewport projections are
    * hidden (`display: none`) so text-heavy scenes only materialize what is
-   * visible to the browser's text machinery anyway.
+   * visible to the browser's text machinery anyway — except in the coarse
+   * (resident) tier, which stays displayed because hiding it would make its text
+   * unfindable and remove it from the accessibility tree, defeating the tier.
    */
   /**
    * Whether `node`'s world-space box, expanded by `margin` px on every side,
@@ -4469,8 +4537,15 @@ var Scene = class _Scene {
    * at `margin = contentProjectionMargin`) and for the exact `display:none`
    * visibility test (`margin = 0`). Boundless nodes (width/height 0) opt out of
    * culling and always count as visible, matching the legacy behavior.
+   *
+   * `viewportOnly` skips the `clipChildren` ancestor walk, answering the narrower
+   * question "does this box overlap the viewport at all". The coarse content tier
+   * needs the two apart: text that is merely off-viewport is clipped by
+   * `a11yRoot`'s own `overflow: hidden` and can safely stay displayed, while text
+   * rejected by an ancestor clip box that itself overlaps the viewport would sit
+   * transparently on top of whatever is really drawn there.
    */
-  projectionBoxVisible(node, tf, margin) {
+  projectionBoxVisible(node, tf, margin, viewportOnly = false) {
     if (!(node.width > 0 && node.height > 0)) return true;
     const { a, b, c, d, e, f } = tf;
     const worldCorners = [];
@@ -4492,6 +4567,7 @@ var Scene = class _Scene {
     if (!(maxX >= -margin && minX <= this.width + margin && maxY >= -margin && minY <= this.height + margin)) {
       return false;
     }
+    if (viewportOnly) return true;
     for (let ancestor = node.parent; ancestor; ancestor = ancestor.parent) {
       if (!ancestor.clipChildren || ancestor.width <= 0 || ancestor.height <= 0) continue;
       let localMinX = Infinity;
@@ -4594,6 +4670,10 @@ var Scene = class _Scene {
         return;
       }
     }
+    if (tier === "coarse" && !el && this.contentSemanticBudgetLeft <= 0) {
+      this.contentSemanticDeferred = true;
+      return;
+    }
     const projection = node.getContentProjection(
       lineBand ? { minY: lineBand.minY, maxY: lineBand.maxY } : void 0
     );
@@ -4602,6 +4682,7 @@ var Scene = class _Scene {
       return;
     }
     if (!el) {
+      if (tier === "coarse") this.contentSemanticBudgetLeft--;
       el = document.createElement("div");
       el.setAttribute("data-vecto-content", node.id);
       const s = el.style;
@@ -4736,7 +4817,8 @@ var Scene = class _Scene {
     if (node.width > 0) el.style.width = `${node.width}px`;
     if (node.height > 0) el.style.height = `${node.height}px`;
     el.style.transform = `matrix(${a}, ${b}, ${c}, ${d}, 0, 0)`;
-    const display = visible ? "" : "none";
+    const residentTier = semanticMargin > interactionMargin;
+    const display = visible || residentTier && !this.projectionBoxVisible(node, worldTf, 0, true) ? "" : "none";
     if (el.style.display !== display) el.style.display = display;
     if (epoch !== null) {
       const { a: a2, b: b2, c: c2, d: d2, e: e2, f: f2 } = worldTf;
@@ -5379,7 +5461,7 @@ var Scene = class _Scene {
     if (!this.isRunning) return;
     if (!this._canvasOnScreen) return;
     let cap = this.effectiveMaxFPS();
-    const isIdle = !this.dirty && !this.frameHadAnimation;
+    const isIdle = !this.dirty && !this.frameHadAnimation && !this.contentSemanticDeferred;
     if (isIdle && this.autoThrottle && this.renderMode === "always" && this.maxFPS > 0) {
       cap = Math.min(cap, 2);
     }
@@ -6910,6 +6992,7 @@ export {
   CanvasRenderer,
   Circle,
   ComputeParticleEntity,
+  DEFAULT_CONTENT_SEMANTIC_BUDGET,
   DOMPortalEntity,
   Entity,
   GlyphRasterAtlas,

package/dist/tree/Scene.d.ts

@@ -220,15 +220,45 @@ export interface SceneOptions {
      * unwindowed carrier band, not from resident text.
      *
      * Note the one-time cost. A resident tier materializes one element per block
-     * on the first sync — measured ~13µs per node created, so ~20ms at 1000 blocks
-     * and ~146ms at 10000 — as one synchronous block. Steady state is cheap
+     * on the first sync — measured unbudgeted at 21.3ms for 1000 blocks and 139.5ms
+     * for 10000 on Chrome — as one synchronous block. Steady state is cheap
      * (unchanged blocks skip via {@link Entity.getContentEpoch}), so this is a
-     * document-open stall, not a per-frame cost.
+     * document-open stall, not a per-frame cost. That stall is what
+     * {@link SceneOptions.contentSemanticBudget} spreads across frames.
      *
      * Default: whatever `contentProjectionMargin` resolves to, so omitting this
      * leaves behaviour unchanged.
      */
     contentSemanticMargin?: number;
+    /**
+     * How many resident (coarse-tier) blocks may be materialized in **one** sync,
+     * bounding the document-open stall a wide {@link
+     * SceneOptions.contentSemanticMargin} otherwise pays all at once.
+     *
+     * The cost of a resident tier is per node **created**, not per node held: 10000
+     * resident blocks cost ~3.0 ms/sync at steady state, while creating them costs
+     * ~0.03 ms each plus a per-pass floor that grows with how many are already
+     * resident. So the front-load is a *scheduling* problem, and this is the
+     * schedule — remaining blocks materialize on subsequent syncs, a few per frame,
+     * until the document is fully resident.
+     *
+     * What it does **not** change is the end state: the same blocks end up with the
+     * same DOM, only later. Nothing is dropped, so the reachability the semantic
+     * tier exists for is preserved; a block still waiting is simply not yet in the
+     * DOM, exactly as a block beyond the margin is not.
+     *
+     * Applies **only** to the coarse tier. A block inside the interaction margin is
+     * on screen and materializes immediately regardless of this budget — deferring
+     * visible text would make it briefly unselectable, which is a user-visible
+     * regression rather than a cost saving.
+     *
+     * `Infinity` disables the budget and restores one synchronous pass. Default:
+     * {@link DEFAULT_CONTENT_SEMANTIC_BUDGET}. Because the coarse tier exists only
+     * when `contentSemanticMargin` is wider than `contentProjectionMargin`, a scene
+     * that does not opt into a resident tier has no coarse blocks and is therefore
+     * unaffected by any value here.
+     */
+    contentSemanticBudget?: number;
     /**
      * Reading direction used to order the accessibility/automation shadow tree so
      * keyboard **tab order** and screen-reader traversal follow the *visual*
@@ -268,7 +298,7 @@ export interface SceneOptions {
  * against. A new option must be added here too — the test suite asserts the two
  * stay in sync.
  */
-export declare const SCENE_OPTION_KEYS: readonly ['a11ySyncInterval', 'autoThrottle', 'contentProjection', 'contentProjectionMargin', 'contentSemanticMargin', 'debugA11y', 'disableWindowResize', 'maxDPR', 'maxFPS', 'particleBackend', 'pointBackend', 'readingDirection', 'renderer', 'renderMode', 'respectReducedMotion', 'userTiming'];
+export declare const SCENE_OPTION_KEYS: readonly ['a11ySyncInterval', 'autoThrottle', 'contentProjection', 'contentProjectionMargin', 'contentSemanticBudget', 'contentSemanticMargin', 'debugA11y', 'disableWindowResize', 'maxDPR', 'maxFPS', 'particleBackend', 'pointBackend', 'readingDirection', 'renderer', 'renderMode', 'respectReducedMotion', 'userTiming'];
 /** Frame-rate the loop is capped to when the OS requests reduced motion. */
 export declare const REDUCED_MOTION_FPS = 30;
 /**
@@ -359,6 +389,45 @@ export interface A11yTreeNode {
     valuemax?: string;
     children: A11yTreeNode[];
 }
+/**
+ * Default {@link SceneOptions.contentSemanticBudget}: resident blocks
+ * materialized per sync.
+ *
+ * Sized against the two costs a pass actually pays, both measured in real headed
+ * Chrome on a 240Hz panel. Per created block is cheap and flat (~0.03ms). What
+ * dominates is style+layout of the projection subtree, which scales with how many
+ * blocks are already RESIDENT and is paid once per pass: traced at 10000 blocks,
+ * `UpdateLayoutTree` 391.7ms + `Layout` 305.8ms over 40 passes (~17ms each), with
+ * per-pass cost roughly doubling from the first pass to the last while the number
+ * created stayed constant.
+ *
+ * So total drain cost is approximately `passes × f(resident)`, and a SMALLER
+ * budget multiplies the term that does not shrink. Measured to completion, 3
+ * repeats, medians:
+ *
+ * ```text
+ *  1000 blocks   budget  32 →   67.1ms total,  4.3ms worst pass
+ *                budget  64 →   54.0ms total,  5.1ms worst pass
+ *                budget 256 →   27.7ms total,  7.7ms worst pass
+ *                Infinity   →   24.1ms total, 23.6ms worst pass
+ * 10000 blocks   budget  32 → 3773.2ms total, 42.6ms worst pass
+ *                budget  64 → 1896.2ms total, 41.6ms worst pass
+ *                budget 256 →  648.1ms total, 35.2ms worst pass
+ *                Infinity   →  319.4ms total, 307.3ms worst pass
+ * ```
+ *
+ * 256 is where the two goals stop trading against each other. Below it there is no
+ * frame-bound improvement at 10000 blocks — every budget lands at 35-43ms, because
+ * the worst pass is the LAST one laying out the complete subtree — while total time
+ * rises 6x. At 1000 blocks it still holds 7.7ms, inside a 60Hz frame, for less than
+ * half the total time of 64.
+ *
+ * This replaces an earlier default of 64, which was sized against a per-block cost
+ * of ~0.4ms. That figure was inflated by a forced layout per materialized block
+ * (see `contentSelectionPresentThisSync`); with that removed, 64 spends 6x the
+ * total time for no frame-bound gain.
+ */
+export declare const DEFAULT_CONTENT_SEMANTIC_BUDGET = 256;
 /**
  * Top-level orchestrator that owns the entity tree, drive the render loop,
  * and maintains the accessibility/automation shadow layer.
@@ -560,6 +629,32 @@ export declare class Scene {
     private contentProjectionEnabled;
     private contentProjectionMargin;
     private contentSemanticMargin;
+    private contentSemanticBudget;
+    private contentSemanticBudgetLeft;
+    private contentSemanticDeferred;
+    /**
+     * Per-sync memo of "does the document hold a selection at all".
+     *
+     * Reading ANY property of a `Selection` (`anchorNode`, `rangeCount`, `type`,
+     * `isCollapsed`) forces a synchronous layout, because Blink validates the
+     * selection against current box geometry before answering. Measured in real
+     * Chrome against a 1000-carrier subtree with layout dirtied between reads:
+     * `anchorNode` 0.5ms, `rangeCount` 0.4ms, `type` 0.5ms, `isCollapsed` 0.5ms —
+     * all indistinguishable from `offsetHeight` (0.5ms), against a 0ms floor for
+     * mutating without reading. So there is no cheap property to probe with; the
+     * only way to avoid the layout is to not touch the object at all.
+     *
+     * Materializing a block rebuilds its carriers, which asks whether the rebuild
+     * would destroy a selection. Once per block, that read cost a forced layout
+     * over the whole (and growing) projection subtree, which is what made
+     * per-block cost rise with resident count: profiled at 1973 forced layouts
+     * totalling 633ms of an 847ms 1000-block drain (75%).
+     *
+     * A selection is a single document-wide object and a sync walk cannot yield to
+     * the user, so its presence cannot change mid-walk. Resolving it once per walk
+     * turns O(blocks) forced layouts into O(1). `null` = not yet resolved.
+     */
+    private contentSelectionPresentThisSync;
     /**
      * True while a text-selection drag that started on a projection's blank
      * region (no text node under the press) is being driven manually — the
@@ -1101,6 +1196,15 @@ export declare class Scene {
      * to the live DOM selection.
      */
     private contentGridSelectionLine;
+    /**
+     * Does the document hold a selection right now, memoized for this sync walk?
+     *
+     * Pays one forced layout per walk instead of one per rebuilt element — see
+     * {@link Scene.contentSelectionPresentThisSync} for the measurements. When the
+     * answer is `false` no element can own a selection, so every per-element
+     * ownership test can be skipped without touching the object.
+     */
+    private contentSelectionPresent;
     private releaseContentSelectionForRebuild;
     /**
      * Rebuild a content-projection element's DOM (`rebuild`) while preserving a
@@ -1428,7 +1532,9 @@ export declare class Scene {
      * transparent DOM node positioned over the drawn glyphs. Runs on the a11y
      * sync cadence; all writes are dirty-checked. Off-viewport projections are
      * hidden (`display: none`) so text-heavy scenes only materialize what is
-     * visible to the browser's text machinery anyway.
+     * visible to the browser's text machinery anyway — except in the coarse
+     * (resident) tier, which stays displayed because hiding it would make its text
+     * unfindable and remove it from the accessibility tree, defeating the tier.
      */
     /**
      * Whether `node`'s world-space box, expanded by `margin` px on every side,
@@ -1437,6 +1543,13 @@ export declare class Scene {
      * at `margin = contentProjectionMargin`) and for the exact `display:none`
      * visibility test (`margin = 0`). Boundless nodes (width/height 0) opt out of
      * culling and always count as visible, matching the legacy behavior.
+     *
+     * `viewportOnly` skips the `clipChildren` ancestor walk, answering the narrower
+     * question "does this box overlap the viewport at all". The coarse content tier
+     * needs the two apart: text that is merely off-viewport is clipped by
+     * `a11yRoot`'s own `overflow: hidden` and can safely stay displayed, while text
+     * rejected by an ancestor clip box that itself overlaps the viewport would sit
+     * transparently on top of whatever is really drawn there.
      */
     private projectionBoxVisible;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectojs/core",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "publishConfig": {
     "access": "public"
   },