@react-three-dom/core 0.5.0 → 0.6.1

package/dist/index.js

@@ -1,3988 +1,4 @@
-import { Box3, Object3D, Vector3, Matrix4, Frustum, Raycaster, Vector2, BufferGeometry, Material, Color, MeshBasicMaterial, DoubleSide, Mesh, BoxGeometry, EdgesGeometry, LineBasicMaterial, LineSegments, InstancedMesh, PerspectiveCamera, OrthographicCamera } from 'three';
-import { useRef, useEffect, useCallback } from 'react';
-import { useThree, useFrame } from '@react-three/fiber';
-import { computeBoundsTree, disposeBoundsTree, acceleratedRaycast } from 'three-mesh-bvh';
-
-// src/version.ts
-var version = "0.5.0";
-
-// src/debug.ts
-var _enabled = false;
-function enableDebug(on = true) {
-  _enabled = on;
-}
-function isDebugEnabled() {
-  return _enabled || typeof window !== "undefined" && !!window.__R3F_DOM_DEBUG__;
-}
-function r3fLog(area, msg, data) {
-  if (!_enabled && !(typeof window !== "undefined" && window.__R3F_DOM_DEBUG__)) {
-    return;
-  }
-  if (data !== void 0) {
-    console.log(`[r3f-dom:${area}]`, msg, data);
-  } else {
-    console.log(`[r3f-dom:${area}]`, msg);
-  }
-}
-function extractMetadata(obj) {
-  const meta = {
-    uuid: obj.uuid,
-    name: obj.name,
-    type: obj.type,
-    visible: obj.visible,
-    testId: obj.userData?.testId,
-    position: [obj.position.x, obj.position.y, obj.position.z],
-    rotation: [obj.rotation.x, obj.rotation.y, obj.rotation.z],
-    scale: [obj.scale.x, obj.scale.y, obj.scale.z],
-    parentUuid: obj.parent?.uuid ?? null,
-    childrenUuids: obj.children.map((c) => c.uuid),
-    boundsDirty: true
-  };
-  extractStaticFields(obj, meta);
-  return meta;
-}
-function extractStaticFields(obj, meta) {
-  try {
-    if ("geometry" in obj) {
-      const geom = obj.geometry;
-      if (geom instanceof BufferGeometry) {
-        meta.geometryType = geom.type;
-        const posAttr = geom.getAttribute("position");
-        if (posAttr) {
-          meta.vertexCount = posAttr.count;
-          if (geom.index) {
-            meta.triangleCount = Math.floor(geom.index.count / 3);
-          } else {
-            meta.triangleCount = Math.floor(posAttr.count / 3);
-          }
-        }
-      }
-    }
-  } catch {
-    r3fLog("store", `extractMetadata: geometry access failed for "${obj.name || obj.uuid}"`);
-  }
-  try {
-    if ("material" in obj) {
-      const mat = obj.material;
-      if (mat instanceof Material) {
-        meta.materialType = mat.type;
-      } else if (Array.isArray(mat) && mat.length > 0) {
-        meta.materialType = mat[0].type + (mat.length > 1 ? ` (+${mat.length - 1})` : "");
-      }
-    }
-  } catch {
-    r3fLog("store", `extractMetadata: material access failed for "${obj.name || obj.uuid}"`);
-  }
-  try {
-    if (obj instanceof InstancedMesh) {
-      meta.instanceCount = obj.count;
-    }
-  } catch {
-  }
-  try {
-    if (obj instanceof PerspectiveCamera) {
-      meta.fov = obj.fov;
-      meta.near = obj.near;
-      meta.far = obj.far;
-      meta.zoom = obj.zoom;
-    } else if (obj instanceof OrthographicCamera) {
-      meta.near = obj.near;
-      meta.far = obj.far;
-      meta.zoom = obj.zoom;
-    }
-  } catch {
-  }
-}
-function updateDynamicFields(obj, meta) {
-  let changed = false;
-  if (meta.visible !== obj.visible) {
-    meta.visible = obj.visible;
-    changed = true;
-  }
-  if (meta.name !== obj.name) {
-    meta.name = obj.name;
-    changed = true;
-  }
-  const testId = obj.userData?.testId;
-  if (meta.testId !== testId) {
-    meta.testId = testId;
-    changed = true;
-  }
-  const p = obj.position;
-  if (meta.position[0] !== p.x || meta.position[1] !== p.y || meta.position[2] !== p.z) {
-    meta.position[0] = p.x;
-    meta.position[1] = p.y;
-    meta.position[2] = p.z;
-    changed = true;
-  }
-  const r = obj.rotation;
-  if (meta.rotation[0] !== r.x || meta.rotation[1] !== r.y || meta.rotation[2] !== r.z) {
-    meta.rotation[0] = r.x;
-    meta.rotation[1] = r.y;
-    meta.rotation[2] = r.z;
-    changed = true;
-  }
-  const s = obj.scale;
-  if (meta.scale[0] !== s.x || meta.scale[1] !== s.y || meta.scale[2] !== s.z) {
-    meta.scale[0] = s.x;
-    meta.scale[1] = s.y;
-    meta.scale[2] = s.z;
-    changed = true;
-  }
-  const parentUuid = obj.parent?.uuid ?? null;
-  if (meta.parentUuid !== parentUuid) {
-    meta.parentUuid = parentUuid;
-    changed = true;
-  }
-  const children = obj.children;
-  const cached = meta.childrenUuids;
-  if (cached.length !== children.length) {
-    meta.childrenUuids = children.map((c) => c.uuid);
-    changed = true;
-  } else {
-    for (let i = 0; i < cached.length; i++) {
-      if (cached[i] !== children[i].uuid) {
-        meta.childrenUuids = children.map((c) => c.uuid);
-        changed = true;
-        break;
-      }
-    }
-  }
-  return changed;
-}
-var _box3 = new Box3();
-function inspectObject(obj, metadata, options) {
-  let worldMatrix = Array(16).fill(0);
-  let boundsMin = [0, 0, 0];
-  let boundsMax = [0, 0, 0];
-  try {
-    obj.updateWorldMatrix(true, false);
-    worldMatrix = Array.from(obj.matrixWorld.elements);
-    _box3.setFromObject(obj);
-    boundsMin = [_box3.min.x, _box3.min.y, _box3.min.z];
-    boundsMax = [_box3.max.x, _box3.max.y, _box3.max.z];
-  } catch {
-    r3fLog("store", `inspectObject: world matrix / bounds failed for "${obj.name || obj.uuid}"`);
-  }
-  const inspection = {
-    metadata,
-    worldMatrix,
-    bounds: { min: boundsMin, max: boundsMax },
-    userData: {}
-  };
-  try {
-    inspection.userData = { ...obj.userData };
-  } catch {
-    r3fLog("store", `inspectObject: userData copy failed for "${obj.name || obj.uuid}"`);
-  }
-  try {
-    if ("geometry" in obj) {
-      const geom = obj.geometry;
-      if (geom instanceof BufferGeometry && geom.attributes) {
-        const geoInspection = {
-          type: geom.type,
-          attributes: {}
-        };
-        for (const [name, attr] of Object.entries(geom.attributes)) {
-          if (!attr) continue;
-          geoInspection.attributes[name] = {
-            itemSize: attr.itemSize,
-            count: attr.count
-          };
-        }
-        if (geom.index) {
-          geoInspection.index = { count: geom.index.count };
-        }
-        if (options?.includeGeometryData) {
-          const posAttr = geom.getAttribute("position");
-          if (posAttr?.array) {
-            geoInspection.positionData = Array.from(posAttr.array);
-          }
-          if (geom.index?.array) {
-            geoInspection.indexData = Array.from(geom.index.array);
-          }
-        }
-        geom.computeBoundingSphere();
-        const sphere = geom.boundingSphere;
-        if (sphere) {
-          geoInspection.boundingSphere = {
-            center: [sphere.center.x, sphere.center.y, sphere.center.z],
-            radius: sphere.radius
-          };
-        }
-        inspection.geometry = geoInspection;
-      }
-    }
-  } catch {
-    r3fLog("store", `inspectObject: geometry inspection failed for "${obj.name || obj.uuid}"`);
-  }
-  try {
-    if ("material" in obj) {
-      const rawMat = obj.material;
-      if (!rawMat) throw new Error("disposed");
-      const mat = Array.isArray(rawMat) ? rawMat[0] : rawMat;
-      if (mat instanceof Material) {
-        const matInspection = {
-          type: mat.type,
-          transparent: mat.transparent,
-          opacity: mat.opacity,
-          side: mat.side
-        };
-        if ("color" in mat && mat.color instanceof Color) {
-          matInspection.color = "#" + mat.color.getHexString();
-        }
-        if ("map" in mat) {
-          const map = mat.map;
-          if (map) {
-            matInspection.map = map.name || map.uuid || "unnamed";
-          }
-        }
-        if ("uniforms" in mat) {
-          const uniforms = mat.uniforms;
-          matInspection.uniforms = {};
-          for (const [key, uniform] of Object.entries(uniforms)) {
-            const val = uniform.value;
-            if (val === null || val === void 0) {
-              matInspection.uniforms[key] = val;
-            } else if (typeof val === "number" || typeof val === "boolean" || typeof val === "string") {
-              matInspection.uniforms[key] = val;
-            } else if (typeof val === "object" && "toArray" in val) {
-              matInspection.uniforms[key] = val.toArray();
-            } else {
-              matInspection.uniforms[key] = `[${typeof val}]`;
-            }
-          }
-        }
-        inspection.material = matInspection;
-      }
-    }
-  } catch {
-    r3fLog("store", `inspectObject: material inspection failed for "${obj.name || obj.uuid}"`);
-  }
-  return inspection;
-}
-var ObjectStore = class {
-  constructor() {
-    // Tier 1: metadata for every tracked object
-    this._metaByObject = /* @__PURE__ */ new WeakMap();
-    this._objectByUuid = /* @__PURE__ */ new Map();
-    this._objectsByTestId = /* @__PURE__ */ new Map();
-    this._objectsByName = /* @__PURE__ */ new Map();
-    // Flat list for amortized iteration
-    this._flatList = [];
-    this._flatListDirty = true;
-    // Priority dirty queue: objects that changed and need immediate sync
-    this._dirtyQueue = /* @__PURE__ */ new Set();
-    // Event listeners
-    this._listeners = [];
-    // Track the root scene(s) for scoping
-    this._trackedRoots = /* @__PURE__ */ new WeakSet();
-    // ---- Async registration state ----
-    this._asyncRegQueue = [];
-    this._asyncRegHandle = null;
-    this._asyncRegBatchSize = 1e3;
-  }
-  // -------------------------------------------------------------------------
-  // Registration
-  // -------------------------------------------------------------------------
-  /**
-   * Register a single object into the store.
-   * Populates Tier 1 metadata and all indexes.
-   * Tags the object with `__r3fdom_tracked = true` for O(1) scene membership checks.
-   */
-  register(obj) {
-    if (obj.userData?.__r3fdom_internal) {
-      return extractMetadata(obj);
-    }
-    const existing = this._metaByObject.get(obj);
-    if (existing) return existing;
-    const meta = extractMetadata(obj);
-    this._metaByObject.set(obj, meta);
-    this._objectByUuid.set(meta.uuid, obj);
-    this._flatListDirty = true;
-    obj.userData.__r3fdom_tracked = true;
-    if (meta.testId) {
-      this._objectsByTestId.set(meta.testId, obj);
-    }
-    if (meta.name) {
-      let nameSet = this._objectsByName.get(meta.name);
-      if (!nameSet) {
-        nameSet = /* @__PURE__ */ new Set();
-        this._objectsByName.set(meta.name, nameSet);
-      }
-      nameSet.add(obj);
-    }
-    this._emit({ type: "add", object: obj, metadata: meta });
-    if (meta.testId) {
-      r3fLog("store", `Registered "${meta.testId}" (${meta.type})`);
-    }
-    return meta;
-  }
-  /**
-   * Register an entire subtree (object + all descendants) synchronously.
-   * Prefer `registerTreeAsync` for large scenes (100k+) to avoid blocking.
-   */
-  registerTree(root) {
-    this._trackedRoots.add(root);
-    root.traverse((obj) => {
-      try {
-        this.register(obj);
-      } catch (err) {
-        r3fLog("store", `registerTree: failed to register "${obj.name || obj.uuid}"`, err);
-      }
-    });
-  }
-  /**
-   * Register an entire subtree asynchronously using requestIdleCallback.
-   * Processes ~1000 objects per idle slice to avoid blocking the main thread.
-   *
-   * IMPORTANT: install patchObject3D BEFORE calling this so that objects
-   * added to the scene during async registration are caught by the patch.
-   *
-   * Returns a cancel function. Also cancelled automatically by dispose().
-   */
-  registerTreeAsync(root) {
-    this._trackedRoots.add(root);
-    const queue = [];
-    root.traverse((obj) => queue.push(obj));
-    this._asyncRegQueue = queue;
-    r3fLog("store", `registerTreeAsync: ${queue.length} objects queued`);
-    this._scheduleRegChunk();
-    return () => this._cancelAsyncRegistration();
-  }
-  _scheduleRegChunk() {
-    if (this._asyncRegQueue.length === 0) {
-      this._asyncRegHandle = null;
-      r3fLog("store", `registerTreeAsync complete: ${this.getCount()} objects registered`);
-      return;
-    }
-    const callback = (deadline) => {
-      const hasTime = deadline ? () => deadline.timeRemaining() > 1 : () => true;
-      let processed = 0;
-      while (this._asyncRegQueue.length > 0 && processed < this._asyncRegBatchSize && hasTime()) {
-        const obj = this._asyncRegQueue.shift();
-        try {
-          this.register(obj);
-        } catch (err) {
-          r3fLog("store", `registerTreeAsync: failed to register "${obj.name || obj.uuid}"`, err);
-        }
-        processed++;
-      }
-      this._scheduleRegChunk();
-    };
-    if (typeof requestIdleCallback === "function") {
-      this._asyncRegHandle = requestIdleCallback(callback, { timeout: 50 });
-    } else {
-      this._asyncRegHandle = setTimeout(callback, 4);
-    }
-  }
-  _cancelAsyncRegistration() {
-    if (this._asyncRegHandle !== null) {
-      if (typeof cancelIdleCallback === "function") {
-        cancelIdleCallback(this._asyncRegHandle);
-      } else {
-        clearTimeout(this._asyncRegHandle);
-      }
-      this._asyncRegHandle = null;
-    }
-    this._asyncRegQueue = [];
-  }
-  /**
-   * Unregister a single object from the store.
-   * Clears the `__r3fdom_tracked` flag.
-   */
-  unregister(obj) {
-    const meta = this._metaByObject.get(obj);
-    if (!meta) return;
-    this._metaByObject.delete(obj);
-    this._objectByUuid.delete(meta.uuid);
-    this._dirtyQueue.delete(obj);
-    this._flatListDirty = true;
-    delete obj.userData.__r3fdom_tracked;
-    delete obj.userData.__r3fdom_manual;
-    if (meta.testId) {
-      this._objectsByTestId.delete(meta.testId);
-    }
-    if (meta.name) {
-      const nameSet = this._objectsByName.get(meta.name);
-      if (nameSet) {
-        nameSet.delete(obj);
-        if (nameSet.size === 0) {
-          this._objectsByName.delete(meta.name);
-        }
-      }
-    }
-    if (meta.testId) {
-      r3fLog("store", `Unregistered "${meta.testId}" (${meta.type})`);
-    }
-    this._emit({ type: "remove", object: obj, metadata: meta });
-  }
-  /**
-   * Unregister an entire subtree (object + all descendants).
-   */
-  /** Mark a root as tracked without traversing/registering its children. */
-  addTrackedRoot(root) {
-    this._trackedRoots.add(root);
-  }
-  unregisterTree(root) {
-    root.traverse((obj) => {
-      this.unregister(obj);
-    });
-    this._trackedRoots.delete(root);
-  }
-  // -------------------------------------------------------------------------
-  // Tier 1: Update (compare-and-set, returns true if changed)
-  // -------------------------------------------------------------------------
-  /**
-   * Refresh dynamic Tier 1 fields from the live Three.js object.
-   * Only reads transform, visibility, children count, and parent —
-   * skips static fields (geometry, material) that don't change per-frame.
-   * Mutates metadata in-place to avoid allocation.
-   * Returns true if any values changed.
-   */
-  update(obj) {
-    const meta = this._metaByObject.get(obj);
-    if (!meta) return false;
-    let changed;
-    try {
-      const prevTestId = meta.testId;
-      const prevName = meta.name;
-      changed = updateDynamicFields(obj, meta);
-      if (changed) {
-        if (prevTestId !== meta.testId) {
-          r3fLog("store", `testId changed: "${prevTestId}" \u2192 "${meta.testId}" (${meta.type})`);
-          if (prevTestId) this._objectsByTestId.delete(prevTestId);
-          if (meta.testId) this._objectsByTestId.set(meta.testId, obj);
-        }
-        if (prevName !== meta.name) {
-          if (prevName) {
-            const nameSet = this._objectsByName.get(prevName);
-            if (nameSet) {
-              nameSet.delete(obj);
-              if (nameSet.size === 0) this._objectsByName.delete(prevName);
-            }
-          }
-          if (meta.name) {
-            let nameSet = this._objectsByName.get(meta.name);
-            if (!nameSet) {
-              nameSet = /* @__PURE__ */ new Set();
-              this._objectsByName.set(meta.name, nameSet);
-            }
-            nameSet.add(obj);
-          }
-        }
-        this._emit({ type: "update", object: obj, metadata: meta });
-      }
-    } catch (err) {
-      r3fLog("store", `update: updateDynamicFields failed for "${obj.name || obj.uuid}"`, err);
-      return false;
-    }
-    return changed;
-  }
-  // -------------------------------------------------------------------------
-  // Tier 2: On-demand inspection (never cached)
-  // -------------------------------------------------------------------------
-  /**
-   * Compute full inspection data from a live Three.js object.
-   * This reads geometry buffers, material properties, world bounds, etc.
-   * Cost: 0.1–2ms depending on geometry complexity.
-   * Pass { includeGeometryData: true } to include vertex positions and triangle indices (higher cost for large meshes).
-   */
-  inspect(idOrUuid, options) {
-    const obj = this.getObject3D(idOrUuid);
-    if (!obj) return null;
-    const meta = this._metaByObject.get(obj);
-    if (!meta) return null;
-    return inspectObject(obj, meta, options);
-  }
-  // -------------------------------------------------------------------------
-  // Lookups (O(1))
-  // -------------------------------------------------------------------------
-  /** Get metadata by testId. O(1). */
-  getByTestId(testId) {
-    const obj = this._objectsByTestId.get(testId);
-    if (!obj) return null;
-    return this._metaByObject.get(obj) ?? null;
-  }
-  /** Get metadata by uuid. O(1). */
-  getByUuid(uuid) {
-    const obj = this._objectByUuid.get(uuid);
-    if (!obj) return null;
-    return this._metaByObject.get(obj) ?? null;
-  }
-  /** Get metadata by name (returns array since names aren't unique). O(1). */
-  getByName(name) {
-    const objs = this._objectsByName.get(name);
-    if (!objs) return [];
-    const results = [];
-    for (const obj of objs) {
-      const meta = this._metaByObject.get(obj);
-      if (meta) results.push(meta);
-    }
-    return results;
-  }
-  /** Get direct children of an object by testId or uuid. Returns empty array if not found. */
-  getChildren(idOrUuid) {
-    const meta = this.getByTestId(idOrUuid) ?? this.getByUuid(idOrUuid);
-    if (!meta) return [];
-    const results = [];
-    for (const childUuid of meta.childrenUuids) {
-      const childMeta = this.getByUuid(childUuid);
-      if (childMeta) results.push(childMeta);
-    }
-    return results;
-  }
-  /** Get parent of an object by testId or uuid. Returns null if not found or if root. */
-  getParent(idOrUuid) {
-    const meta = this.getByTestId(idOrUuid) ?? this.getByUuid(idOrUuid);
-    if (!meta || meta.parentUuid === null) return null;
-    return this.getByUuid(meta.parentUuid);
-  }
-  /**
-   * Batch lookup: get metadata for multiple objects by testId or uuid.
-   * Returns a Map from the requested id to its metadata (or null if not found).
-   * Single round-trip — much more efficient than calling getByTestId/getByUuid
-   * in a loop for BIM/CAD scenes with many objects.
-   * O(k) where k is the number of requested ids.
-   */
-  getObjects(ids) {
-    const results = /* @__PURE__ */ new Map();
-    for (const id of ids) {
-      const meta = this.getByTestId(id) ?? this.getByUuid(id);
-      results.set(id, meta);
-    }
-    return results;
-  }
-  /**
-   * Get all objects of a given Three.js type (e.g. "Mesh", "Group", "Line").
-   * Linear scan — O(n) where n is total tracked objects.
-   */
-  getByType(type) {
-    const results = [];
-    for (const obj of this.getFlatList()) {
-      const meta = this._metaByObject.get(obj);
-      if (meta && meta.type === type) results.push(meta);
-    }
-    return results;
-  }
-  /**
-   * Get all objects with a given geometry type (e.g. "BoxGeometry", "BufferGeometry").
-   * Linear scan — O(n). Only meshes/points/lines have geometryType.
-   */
-  getByGeometryType(type) {
-    const results = [];
-    for (const obj of this.getFlatList()) {
-      const meta = this._metaByObject.get(obj);
-      if (meta && meta.geometryType === type) results.push(meta);
-    }
-    return results;
-  }
-  /**
-   * Get all objects with a given material type (e.g. "MeshStandardMaterial").
-   * Linear scan — O(n). Only meshes/points/lines have materialType.
-   */
-  getByMaterialType(type) {
-    const results = [];
-    for (const obj of this.getFlatList()) {
-      const meta = this._metaByObject.get(obj);
-      if (meta && meta.materialType === type) results.push(meta);
-    }
-    return results;
-  }
-  /**
-   * Get all objects that have a specific userData key.
-   * If `value` is provided, only returns objects where `userData[key]` matches.
-   * Uses JSON.stringify for deep equality on complex values.
-   * Linear scan — O(n).
-   */
-  getByUserData(key, value) {
-    const results = [];
-    const checkValue = value !== void 0;
-    const valueJson = checkValue ? JSON.stringify(value) : "";
-    for (const obj of this.getFlatList()) {
-      if (!(key in obj.userData)) continue;
-      if (checkValue && JSON.stringify(obj.userData[key]) !== valueJson) continue;
-      const meta = this._metaByObject.get(obj);
-      if (meta) results.push(meta);
-    }
-    return results;
-  }
-  /**
-   * Count objects of a given Three.js type.
-   * More efficient than getByType().length — no array allocation.
-   * Linear scan — O(n).
-   */
-  getCountByType(type) {
-    let count = 0;
-    for (const obj of this.getFlatList()) {
-      const meta = this._metaByObject.get(obj);
-      if (meta && meta.type === type) count++;
-    }
-    return count;
-  }
-  /** Get the raw Three.js Object3D by testId or uuid. */
-  getObject3D(idOrUuid) {
-    return this._objectsByTestId.get(idOrUuid) ?? this._objectByUuid.get(idOrUuid) ?? null;
-  }
-  /** Get metadata for a known Object3D reference. */
-  getMetadata(obj) {
-    return this._metaByObject.get(obj) ?? null;
-  }
-  /** Check if an object is registered. */
-  has(obj) {
-    return this._metaByObject.has(obj);
-  }
-  /** Total number of tracked objects. */
-  getCount() {
-    return this._objectByUuid.size;
-  }
-  /** Check if a root scene is tracked. */
-  isTrackedRoot(obj) {
-    return this._trackedRoots.has(obj);
-  }
-  /**
-   * Check if an object belongs to a tracked scene.
-   * Fast path: checks the `__r3fdom_tracked` flag set during register (O(1)).
-   * Fallback: walks up the parent chain to find a tracked root.
-   * The fallback is needed for newly added objects that aren't registered yet.
-   */
-  isInTrackedScene(obj) {
-    if (obj.userData?.__r3fdom_tracked) return true;
-    let current = obj.parent;
-    while (current) {
-      if (current.userData?.__r3fdom_tracked) return true;
-      if (this._trackedRoots.has(current)) return true;
-      current = current.parent;
-    }
-    return false;
-  }
-  // -------------------------------------------------------------------------
-  // Flat list for amortized iteration
-  // -------------------------------------------------------------------------
-  /**
-   * Get a flat array of all tracked objects for amortized batch processing.
-   * Rebuilds lazily when the list is dirty (objects added/removed).
-   */
-  getFlatList() {
-    if (this._flatListDirty) {
-      this._flatList = Array.from(this._objectByUuid.values());
-      this._flatListDirty = false;
-    }
-    return this._flatList;
-  }
-  // -------------------------------------------------------------------------
-  // Priority dirty queue
-  // -------------------------------------------------------------------------
-  /** Mark an object as dirty (needs priority sync next frame). */
-  markDirty(obj) {
-    if (this._metaByObject.has(obj)) {
-      this._dirtyQueue.add(obj);
-    }
-  }
-  /**
-   * Drain the dirty queue, returning all objects that need priority sync.
-   * Clears the queue after draining.
-   */
-  drainDirtyQueue() {
-    if (this._dirtyQueue.size === 0) return [];
-    const objects = Array.from(this._dirtyQueue);
-    this._dirtyQueue.clear();
-    return objects;
-  }
-  /** Number of objects currently in the dirty queue. */
-  getDirtyCount() {
-    return this._dirtyQueue.size;
-  }
-  // -------------------------------------------------------------------------
-  // Event system
-  // -------------------------------------------------------------------------
-  /** Subscribe to store events (add, remove, update). */
-  subscribe(listener) {
-    this._listeners.push(listener);
-    return () => {
-      const idx = this._listeners.indexOf(listener);
-      if (idx !== -1) this._listeners.splice(idx, 1);
-    };
-  }
-  _emit(event) {
-    for (const listener of this._listeners) {
-      listener(event);
-    }
-  }
-  // -------------------------------------------------------------------------
-  // GC: sweep orphaned objects
-  // -------------------------------------------------------------------------
-  /**
-   * Sweep objects in `_objectByUuid` that are no longer in any tracked scene.
-   * This catches objects that were removed from the scene graph without
-   * triggering the patched Object3D.remove (e.g. direct `.children` splice,
-   * or the remove hook failing silently).
-   *
-   * At BIM scale, call this periodically (e.g. every 30s or after a floor
-   * load/unload) to prevent memory leaks from retained Object3D references.
-   *
-   * Returns the number of orphans cleaned up.
-   */
-  sweepOrphans() {
-    let swept = 0;
-    for (const [uuid, obj] of this._objectByUuid) {
-      if (!obj.parent && !this._trackedRoots.has(obj)) {
-        this.unregister(obj);
-        swept++;
-        r3fLog("store", `sweepOrphans: removed orphan "${obj.name || uuid}"`);
-      }
-    }
-    return swept;
-  }
-  // -------------------------------------------------------------------------
-  // Cleanup
-  // -------------------------------------------------------------------------
-  /** Remove all tracked objects and reset state. */
-  dispose() {
-    this._cancelAsyncRegistration();
-    for (const obj of this._objectByUuid.values()) {
-      if (obj.userData) delete obj.userData.__r3fdom_tracked;
-    }
-    this._objectByUuid.clear();
-    this._objectsByTestId.clear();
-    this._objectsByName.clear();
-    this._flatList = [];
-    this._flatListDirty = true;
-    this._dirtyQueue.clear();
-    this._listeners = [];
-  }
-};
-
-// src/mirror/CustomElements.ts
-var TAG_MAP = {
-  // Scenes
-  Scene: "three-scene",
-  // Groups / containers
-  Group: "three-group",
-  LOD: "three-group",
-  Bone: "three-group",
-  // Meshes
-  Mesh: "three-mesh",
-  SkinnedMesh: "three-mesh",
-  InstancedMesh: "three-mesh",
-  LineSegments: "three-mesh",
-  Line: "three-mesh",
-  LineLoop: "three-mesh",
-  Points: "three-mesh",
-  Sprite: "three-mesh",
-  // Lights
-  AmbientLight: "three-light",
-  DirectionalLight: "three-light",
-  HemisphereLight: "three-light",
-  PointLight: "three-light",
-  RectAreaLight: "three-light",
-  SpotLight: "three-light",
-  LightProbe: "three-light",
-  // Cameras
-  PerspectiveCamera: "three-camera",
-  OrthographicCamera: "three-camera",
-  ArrayCamera: "three-camera",
-  CubeCamera: "three-camera",
-  // Helpers (map to object as fallback)
-  BoxHelper: "three-object",
-  ArrowHelper: "three-object",
-  AxesHelper: "three-object",
-  GridHelper: "three-object",
-  SkeletonHelper: "three-object"
-};
-var ALL_TAGS = [
-  "three-scene",
-  "three-group",
-  "three-mesh",
-  "three-light",
-  "three-camera",
-  "three-object"
-];
-var DEFAULT_TAG = "three-object";
-function getTagForType(type) {
-  return TAG_MAP[type] ?? DEFAULT_TAG;
-}
-var _store = null;
-var ThreeElement = class extends HTMLElement {
-  // -------------------------------------------------------------------------
-  // Tier 1: Lightweight cached metadata (always available)
-  // -------------------------------------------------------------------------
-  /**
-   * Returns the Tier 1 cached metadata for this object.
-   * Instant, no computation. Returns null if the element is not linked.
-   */
-  get metadata() {
-    const uuid = this.dataset.uuid;
-    if (!uuid || !_store) return null;
-    return _store.getByUuid(uuid);
-  }
-  // -------------------------------------------------------------------------
-  // Tier 2: On-demand heavy inspection (reads live Three.js object)
-  // -------------------------------------------------------------------------
-  /**
-   * Performs a full inspection of the linked Three.js object.
-   * Reads geometry buffers, material properties, world bounds, etc.
-   * Cost: 0.1–2ms depending on geometry complexity.
-   */
-  inspect() {
-    const uuid = this.dataset.uuid;
-    if (!uuid || !_store) return null;
-    return _store.inspect(uuid);
-  }
-  // -------------------------------------------------------------------------
-  // Raw Three.js object reference
-  // -------------------------------------------------------------------------
-  /**
-   * Returns the raw Three.js Object3D linked to this DOM element.
-   * Allows direct access to any Three.js property or method.
-   */
-  get object3D() {
-    const uuid = this.dataset.uuid;
-    if (!uuid || !_store) return null;
-    return _store.getObject3D(uuid);
-  }
-  // -------------------------------------------------------------------------
-  // Convenience shortcuts (read from Tier 1 metadata)
-  // -------------------------------------------------------------------------
-  /**
-   * Local position as [x, y, z].
-   */
-  get position() {
-    return this.metadata?.position ?? null;
-  }
-  /**
-   * Local euler rotation as [x, y, z] in radians.
-   */
-  get rotation() {
-    return this.metadata?.rotation ?? null;
-  }
-  /**
-   * Local scale as [x, y, z].
-   */
-  get scale() {
-    return this.metadata?.scale ?? null;
-  }
-  /**
-   * Whether the object is visible (does not check parent chain).
-   */
-  get visible() {
-    return this.metadata?.visible ?? false;
-  }
-  /**
-   * The testId from userData.testId, if set.
-   */
-  get testId() {
-    return this.metadata?.testId;
-  }
-  /**
-   * World-space bounding box. Computed on-demand (Tier 2).
-   */
-  get bounds() {
-    const inspection = this.inspect();
-    return inspection?.bounds ?? null;
-  }
-  // -------------------------------------------------------------------------
-  // Interaction methods
-  // -------------------------------------------------------------------------
-  /**
-   * Trigger a deterministic click on the linked 3D object.
-   * Projects the object center to screen coordinates and dispatches pointer events.
-   */
-  click() {
-    const uuid = this.dataset.uuid;
-    if (!uuid) {
-      console.warn("[react-three-dom] Cannot click: element has no data-uuid");
-      return;
-    }
-    if (typeof window.__R3F_DOM__?.click === "function") {
-      window.__R3F_DOM__.click(uuid);
-    } else {
-      console.warn("[react-three-dom] Cannot click: bridge API not initialized");
-    }
-  }
-  /**
-   * Trigger a deterministic hover on the linked 3D object.
-   */
-  hover() {
-    const uuid = this.dataset.uuid;
-    if (!uuid) {
-      console.warn("[react-three-dom] Cannot hover: element has no data-uuid");
-      return;
-    }
-    if (typeof window.__R3F_DOM__?.hover === "function") {
-      window.__R3F_DOM__.hover(uuid);
-    } else {
-      console.warn("[react-three-dom] Cannot hover: bridge API not initialized");
-    }
-  }
-  // -------------------------------------------------------------------------
-  // Console-friendly output
-  // -------------------------------------------------------------------------
-  /**
-   * Returns a readable string representation for console output.
-   */
-  toString() {
-    const tag = this.tagName.toLowerCase();
-    const name = this.dataset.name ? ` name="${this.dataset.name}"` : "";
-    const testId = this.dataset.testId ? ` testId="${this.dataset.testId}"` : "";
-    const type = this.dataset.type ? ` type="${this.dataset.type}"` : "";
-    return `<${tag}${name}${testId}${type}>`;
-  }
-};
-var _registered = false;
-function ensureCustomElements(store) {
-  if (_registered) return;
-  if (typeof customElements === "undefined") return;
-  _store = store;
-  for (const tag of ALL_TAGS) {
-    if (!customElements.get(tag)) {
-      const elementClass = class extends ThreeElement {
-      };
-      Object.defineProperty(elementClass, "name", { value: `ThreeElement_${tag}` });
-      customElements.define(tag, elementClass);
-    }
-  }
-  _registered = true;
-}
-
-// src/mirror/attributes.ts
-var ATTRIBUTE_MAP = {
-  "data-uuid": (m) => m.uuid,
-  "data-name": (m) => m.name || void 0,
-  "data-type": (m) => m.type,
-  "data-visible": (m) => String(m.visible),
-  "data-test-id": (m) => m.testId,
-  "data-geometry": (m) => m.geometryType,
-  "data-material": (m) => m.materialType,
-  "data-position": (m) => serializeTuple(m.position),
-  "data-rotation": (m) => serializeTuple(m.rotation),
-  "data-scale": (m) => serializeTuple(m.scale),
-  "data-vertex-count": (m) => m.vertexCount !== void 0 ? String(m.vertexCount) : void 0,
-  "data-triangle-count": (m) => m.triangleCount !== void 0 ? String(m.triangleCount) : void 0,
-  "data-instance-count": (m) => m.instanceCount !== void 0 ? String(m.instanceCount) : void 0,
-  "data-fov": (m) => m.fov !== void 0 ? String(m.fov) : void 0,
-  "data-near": (m) => m.near !== void 0 ? String(m.near) : void 0,
-  "data-far": (m) => m.far !== void 0 ? String(m.far) : void 0,
-  "data-zoom": (m) => m.zoom !== void 0 ? String(m.zoom) : void 0
-};
-var MANAGED_ATTRIBUTES = Object.keys(ATTRIBUTE_MAP);
-function serializeTuple(tuple) {
-  return `${round(tuple[0])},${round(tuple[1])},${round(tuple[2])}`;
-}
-function round(n) {
-  const rounded = Math.round(n * 1e4) / 1e4;
-  return String(rounded === 0 ? 0 : rounded);
-}
-function computeAttributes(meta) {
-  const attrs = /* @__PURE__ */ new Map();
-  for (const [key, extractor] of Object.entries(ATTRIBUTE_MAP)) {
-    const value = extractor(meta);
-    if (value !== void 0) {
-      attrs.set(key, value);
-    }
-  }
-  return attrs;
-}
-function applyAttributes(element, meta, prevAttrs) {
-  let writeCount = 0;
-  const newAttrs = computeAttributes(meta);
-  for (const [key, value] of newAttrs) {
-    const prev = prevAttrs.get(key);
-    if (prev !== value) {
-      element.setAttribute(key, value);
-      prevAttrs.set(key, value);
-      writeCount++;
-    }
-  }
-  for (const key of prevAttrs.keys()) {
-    if (!newAttrs.has(key)) {
-      element.removeAttribute(key);
-      prevAttrs.delete(key);
-      writeCount++;
-    }
-  }
-  return writeCount;
-}
-
-// src/mirror/DomMirror.ts
-var DomMirror = class {
-  constructor(store, maxNodes = 2e3) {
-    this._rootElement = null;
-    // Materialized nodes indexed by uuid
-    this._nodes = /* @__PURE__ */ new Map();
-    // LRU doubly-linked list for eviction (head = most recently used, tail = least)
-    this._lruHead = null;
-    this._lruTail = null;
-    this._lruSize = 0;
-    // UUID → parent UUID mapping for DOM tree structure
-    this._parentMap = /* @__PURE__ */ new Map();
-    /** When true, mirror elements use pointer-events: auto so DevTools element picker can select them. */
-    this._inspectMode = false;
-    /** Async materialization state for inspect mode */
-    this._asyncQueue = [];
-    this._asyncIdleHandle = null;
-    this._asyncBatchSize = 200;
-    this._store = store;
-    this._maxNodes = maxNodes;
-  }
-  // -------------------------------------------------------------------------
-  // Initialization
-  // -------------------------------------------------------------------------
-  /**
-   * Set the root DOM element where the mirror tree will be appended.
-   * Typically a hidden div: <div id="three-dom-root" style="display:none">
-   */
-  setRoot(rootElement) {
-    this._rootElement = rootElement;
-  }
-  /**
-   * Enable or disable "inspect mode". When turning on, kicks off async
-   * chunked materialization so the full tree becomes browsable in the
-   * Elements tab without blocking the main thread.
-   *
-   * At BIM scale (100k-200k objects) the old synchronous loop would freeze
-   * the page for 2-10s. The new approach uses requestIdleCallback to
-   * spread work across idle frames (~200 nodes per idle slice, ~5ms each).
-   */
-  setInspectMode(on) {
-    if (this._inspectMode === on) return;
-    this._inspectMode = on;
-    if (on) {
-      this._startAsyncMaterialization();
-    } else {
-      this._cancelAsyncMaterialization();
-    }
-    r3fLog("inspect", "setInspectMode", { on, nodeCount: this._nodes.size });
-  }
-  /** Whether inspect mode is currently enabled. */
-  getInspectMode() {
-    return this._inspectMode;
-  }
-  /**
-   * Build the initial DOM tree from the scene.
-   * Materializes the top 2 levels of the scene hierarchy.
-   */
-  buildInitialTree(scene) {
-    if (!this._rootElement) return;
-    this.materializeSubtree(scene.uuid, 2);
-  }
-  // -------------------------------------------------------------------------
-  // Materialization
-  // -------------------------------------------------------------------------
-  /**
-   * Create a DOM node for a single object.
-   * If already materialized, touches the LRU and returns the existing element.
-   */
-  materialize(uuid) {
-    const existing = this._nodes.get(uuid);
-    if (existing) {
-      this._lruTouch(existing.lruNode);
-      return existing.element;
-    }
-    const meta = this._store.getByUuid(uuid);
-    if (!meta) return null;
-    if (this._lruSize >= this._maxNodes) {
-      this._evictLRU();
-    }
-    const tag = getTagForType(meta.type);
-    const element = document.createElement(tag);
-    element.style.cssText = "display:contents;";
-    const prevAttrs = /* @__PURE__ */ new Map();
-    applyAttributes(element, meta, prevAttrs);
-    const lruNode = { uuid, prev: null, next: null };
-    this._lruPush(lruNode);
-    const node = { element, prevAttrs, lruNode };
-    this._nodes.set(uuid, node);
-    this._parentMap.set(uuid, meta.parentUuid);
-    this._insertIntoDom(uuid, meta.parentUuid, element);
-    return element;
-  }
-  /**
-   * Materialize a subtree starting from the given uuid, up to the specified depth.
-   * depth=0 materializes just the node, depth=1 includes direct children, etc.
-   */
-  materializeSubtree(uuid, depth) {
-    this.materialize(uuid);
-    if (depth <= 0) return;
-    const meta = this._store.getByUuid(uuid);
-    if (!meta) return;
-    for (const childUuid of meta.childrenUuids) {
-      this.materializeSubtree(childUuid, depth - 1);
-    }
-  }
-  /**
-   * Remove a DOM node but keep JS metadata in the ObjectStore.
-   * Called by LRU eviction or when an object is removed from the scene.
-   * Also dematerializes any materialized descendants so they don't become
-   * orphaned entries in the LRU / _nodes maps.
-   */
-  dematerialize(uuid) {
-    const node = this._nodes.get(uuid);
-    if (!node) return;
-    const descendants = this._collectMaterializedDescendants(uuid);
-    for (const descUuid of descendants) {
-      const descNode = this._nodes.get(descUuid);
-      if (descNode) {
-        this._lruRemove(descNode.lruNode);
-        this._nodes.delete(descUuid);
-        this._parentMap.delete(descUuid);
-      }
-    }
-    node.element.remove();
-    this._lruRemove(node.lruNode);
-    this._nodes.delete(uuid);
-    this._parentMap.delete(uuid);
-  }
-  /**
-   * Collect all materialized descendants of a uuid by walking _parentMap.
-   */
-  _collectMaterializedDescendants(parentUuid) {
-    const result = [];
-    for (const [childUuid, pUuid] of this._parentMap) {
-      if (pUuid === parentUuid) {
-        result.push(childUuid);
-        result.push(...this._collectMaterializedDescendants(childUuid));
-      }
-    }
-    return result;
-  }
-  // -------------------------------------------------------------------------
-  // Structural updates (called by Object3D.add/remove patch)
-  // -------------------------------------------------------------------------
-  /**
-   * Called when a new object is added to the tracked scene.
-   * Only materializes if the parent is already materialized (lazy expansion).
-   */
-  onObjectAdded(obj) {
-    const parentUuid = obj.parent?.uuid;
-    if (!parentUuid) return;
-    const parentNode = this._nodes.get(parentUuid);
-    if (parentNode) {
-      this.materialize(obj.uuid);
-    }
-    if (parentNode) {
-      const parentMeta = this._store.getByUuid(parentUuid);
-      if (parentMeta) {
-        applyAttributes(parentNode.element, parentMeta, parentNode.prevAttrs);
-      }
-    }
-  }
-  /**
-   * Called when an object is removed from the tracked scene.
-   * Dematerializes the object and all its descendants.
-   */
-  onObjectRemoved(obj) {
-    obj.traverse((child) => {
-      this.dematerialize(child.uuid);
-    });
-  }
-  // -------------------------------------------------------------------------
-  // Attribute sync (called per-frame by ThreeDom)
-  // -------------------------------------------------------------------------
-  /**
-   * Sync Tier 1 attributes for an object if it's materialized.
-   * No-op if the object has no materialized DOM node.
-   * Returns the number of DOM writes performed.
-   */
-  syncAttributes(obj) {
-    const node = this._nodes.get(obj.uuid);
-    if (!node) return 0;
-    const meta = this._store.getMetadata(obj);
-    if (!meta) return 0;
-    return applyAttributes(node.element, meta, node.prevAttrs);
-  }
-  /**
-   * Sync attributes by uuid (when you don't have the Object3D ref).
-   */
-  syncAttributesByUuid(uuid) {
-    const node = this._nodes.get(uuid);
-    if (!node) return 0;
-    const meta = this._store.getByUuid(uuid);
-    if (!meta) return 0;
-    return applyAttributes(node.element, meta, node.prevAttrs);
-  }
-  // -------------------------------------------------------------------------
-  // Querying
-  // -------------------------------------------------------------------------
-  /**
-   * Get the root DOM element.
-   */
-  getRootElement() {
-    return this._rootElement;
-  }
-  /**
-   * Get the materialized DOM element for an object, if it exists.
-   */
-  getElement(uuid) {
-    const node = this._nodes.get(uuid);
-    if (node) {
-      this._lruTouch(node.lruNode);
-      return node.element;
-    }
-    return null;
-  }
-  /**
-   * Get or lazily materialize a DOM element for an object.
-   * Also materializes the ancestor chain so the element is correctly
-   * nested in the DOM tree. Used by InspectController so that
-   * hover/click always produces a valid mirror element regardless
-   * of whether async materialization has reached it yet.
-   */
-  getOrMaterialize(uuid) {
-    const existing = this._nodes.get(uuid);
-    if (existing) {
-      this._lruTouch(existing.lruNode);
-      return existing.element;
-    }
-    this._materializeAncestorChain(uuid);
-    return this.materialize(uuid);
-  }
-  /**
-   * Check if an object has a materialized DOM node.
-   */
-  isMaterialized(uuid) {
-    return this._nodes.has(uuid);
-  }
-  /**
-   * Query the mirror DOM using a CSS selector.
-   * Falls back to searching the ObjectStore if no materialized nodes match,
-   * then materializes the matching objects.
-   */
-  querySelector(selector) {
-    if (!this._rootElement) return null;
-    const existing = this._rootElement.querySelector(selector);
-    if (existing) return existing;
-    const uuid = this._findUuidBySelector(selector);
-    if (uuid) {
-      return this.materialize(uuid);
-    }
-    return null;
-  }
-  /**
-   * Query all matching elements in the mirror DOM.
-   */
-  querySelectorAll(selector) {
-    if (!this._rootElement) return [];
-    const uuids = this._findAllUuidsBySelector(selector);
-    const elements = [];
-    for (const uuid of uuids) {
-      const el = this.materialize(uuid);
-      if (el) elements.push(el);
-    }
-    return elements;
-  }
-  // -------------------------------------------------------------------------
-  // Configuration
-  // -------------------------------------------------------------------------
-  /**
-   * Set the maximum number of materialized DOM nodes.
-   * If current count exceeds the new max, excess nodes are evicted immediately.
-   */
-  setMaxNodes(max) {
-    this._maxNodes = max;
-    while (this._lruSize > this._maxNodes) {
-      this._evictLRU();
-    }
-  }
-  /** Current number of materialized DOM nodes. */
-  getMaterializedCount() {
-    return this._nodes.size;
-  }
-  /** Maximum allowed materialized DOM nodes. */
-  getMaxNodes() {
-    return this._maxNodes;
-  }
-  // -------------------------------------------------------------------------
-  // Cleanup
-  // -------------------------------------------------------------------------
-  /**
-   * Remove all materialized DOM nodes and reset state.
-   */
-  dispose() {
-    this._cancelAsyncMaterialization();
-    for (const [, node] of this._nodes) {
-      node.element.remove();
-    }
-    this._nodes.clear();
-    this._parentMap.clear();
-    this._lruHead = null;
-    this._lruTail = null;
-    this._lruSize = 0;
-    if (this._rootElement) {
-      this._rootElement.innerHTML = "";
-    }
-  }
-  // -------------------------------------------------------------------------
-  // Private: DOM insertion
-  // -------------------------------------------------------------------------
-  /**
-   * Insert a newly created element into the correct position in the DOM tree.
-   */
-  _insertIntoDom(_uuid, parentUuid, element) {
-    if (!this._rootElement) return;
-    if (!parentUuid) {
-      this._rootElement.appendChild(element);
-      return;
-    }
-    const parentNode = this._nodes.get(parentUuid);
-    if (parentNode) {
-      parentNode.element.appendChild(element);
-    } else {
-      this._rootElement.appendChild(element);
-    }
-  }
-  // -------------------------------------------------------------------------
-  // Private: Ancestor chain materialization
-  // -------------------------------------------------------------------------
-  /**
-   * Materialize all ancestors of a uuid from root down, so the target
-   * element will be correctly nested when materialized.
-   */
-  _materializeAncestorChain(uuid) {
-    const chain = [];
-    let currentUuid = uuid;
-    while (currentUuid) {
-      if (this._nodes.has(currentUuid)) break;
-      const meta = this._store.getByUuid(currentUuid);
-      if (!meta) break;
-      chain.push(currentUuid);
-      currentUuid = meta.parentUuid;
-    }
-    for (let i = chain.length - 1; i > 0; i--) {
-      this.materialize(chain[i]);
-    }
-  }
-  // -------------------------------------------------------------------------
-  // Private: Async chunked materialization for inspect mode
-  // -------------------------------------------------------------------------
-  _startAsyncMaterialization() {
-    this._cancelAsyncMaterialization();
-    const flatList = this._store.getFlatList();
-    this._asyncQueue = [];
-    for (const obj of flatList) {
-      if (obj.userData?.__r3fdom_internal) continue;
-      if (this._nodes.has(obj.uuid)) continue;
-      this._asyncQueue.push(obj.uuid);
-    }
-    if (this._asyncQueue.length === 0) return;
-    r3fLog("inspect", `Async materialization started: ${this._asyncQueue.length} objects queued`);
-    this._scheduleAsyncChunk();
-  }
-  _cancelAsyncMaterialization() {
-    if (this._asyncIdleHandle !== null) {
-      if (typeof cancelIdleCallback === "function") {
-        cancelIdleCallback(this._asyncIdleHandle);
-      } else {
-        clearTimeout(this._asyncIdleHandle);
-      }
-      this._asyncIdleHandle = null;
-    }
-    this._asyncQueue = [];
-  }
-  _scheduleAsyncChunk() {
-    if (this._asyncQueue.length === 0) {
-      this._asyncIdleHandle = null;
-      r3fLog("inspect", `Async materialization complete: ${this._nodes.size} nodes materialized`);
-      return;
-    }
-    const callback = (deadline) => {
-      const hasTimeRemaining = deadline ? () => deadline.timeRemaining() > 2 : () => true;
-      let processed = 0;
-      while (this._asyncQueue.length > 0 && processed < this._asyncBatchSize && hasTimeRemaining()) {
-        const uuid = this._asyncQueue.shift();
-        if (!this._nodes.has(uuid)) {
-          this.materialize(uuid);
-        }
-        processed++;
-      }
-      this._scheduleAsyncChunk();
-    };
-    if (typeof requestIdleCallback === "function") {
-      this._asyncIdleHandle = requestIdleCallback(callback, { timeout: 100 });
-    } else {
-      this._asyncIdleHandle = setTimeout(callback, 16);
-    }
-  }
-  // -------------------------------------------------------------------------
-  // Private: Selector → UUID resolution
-  // -------------------------------------------------------------------------
-  /**
-   * Parse common CSS selector patterns and resolve to a uuid from the store.
-   * Supports:
-   *   [data-test-id="value"]
-   *   [data-name="value"]
-   *   [data-uuid="value"]
-   *   three-mesh, three-light, etc. (by tag/type)
-   */
-  _findUuidBySelector(selector) {
-    const testIdMatch = selector.match(/\[data-test-id=["']([^"']+)["']\]/);
-    if (testIdMatch) {
-      const meta = this._store.getByTestId(testIdMatch[1]);
-      return meta?.uuid ?? null;
-    }
-    const uuidMatch = selector.match(/\[data-uuid=["']([^"']+)["']\]/);
-    if (uuidMatch) {
-      const meta = this._store.getByUuid(uuidMatch[1]);
-      return meta?.uuid ?? null;
-    }
-    const nameMatch = selector.match(/\[data-name=["']([^"']+)["']\]/);
-    if (nameMatch) {
-      const metas = this._store.getByName(nameMatch[1]);
-      return metas.length > 0 ? metas[0].uuid : null;
-    }
-    return null;
-  }
-  /**
-   * Find all UUIDs matching a selector pattern.
-   */
-  _findAllUuidsBySelector(selector) {
-    const uuids = [];
-    const testIdMatch = selector.match(/\[data-test-id=["']([^"']+)["']\]/);
-    if (testIdMatch) {
-      const meta = this._store.getByTestId(testIdMatch[1]);
-      if (meta) uuids.push(meta.uuid);
-      return uuids;
-    }
-    const nameMatch = selector.match(/\[data-name=["']([^"']+)["']\]/);
-    if (nameMatch) {
-      const metas = this._store.getByName(nameMatch[1]);
-      for (const m of metas) uuids.push(m.uuid);
-      return uuids;
-    }
-    const tagMatch = selector.match(/^(three-(?:scene|group|mesh|light|camera|object))$/);
-    if (tagMatch) {
-      const targetTag = tagMatch[1];
-      const allObjects = this._store.getFlatList();
-      for (const obj of allObjects) {
-        const meta = this._store.getMetadata(obj);
-        if (meta && getTagForType(meta.type) === targetTag) {
-          uuids.push(meta.uuid);
-        }
-      }
-      return uuids;
-    }
-    return uuids;
-  }
-  // -------------------------------------------------------------------------
-  // Private: LRU doubly-linked list operations
-  // -------------------------------------------------------------------------
-  /** Add a node to the front (most recently used). */
-  _lruPush(node) {
-    node.prev = null;
-    node.next = this._lruHead;
-    if (this._lruHead) {
-      this._lruHead.prev = node;
-    }
-    this._lruHead = node;
-    if (!this._lruTail) {
-      this._lruTail = node;
-    }
-    this._lruSize++;
-  }
-  /** Remove a node from the list. */
-  _lruRemove(node) {
-    if (node.prev) {
-      node.prev.next = node.next;
-    } else {
-      this._lruHead = node.next;
-    }
-    if (node.next) {
-      node.next.prev = node.prev;
-    } else {
-      this._lruTail = node.prev;
-    }
-    node.prev = null;
-    node.next = null;
-    this._lruSize--;
-  }
-  /** Move a node to the front (most recently used). */
-  _lruTouch(node) {
-    if (this._lruHead === node) return;
-    this._lruRemove(node);
-    this._lruPush(node);
-  }
-  /** Evict the least recently used node. */
-  _evictLRU() {
-    if (!this._lruTail) return;
-    const uuid = this._lruTail.uuid;
-    this.dematerialize(uuid);
-  }
-};
-var _patched = false;
-var _originalAdd = null;
-var _originalRemove = null;
-var _activePairs = [];
-function findTrackingPair(obj) {
-  for (const pair of _activePairs) {
-    if (pair.store.isInTrackedScene(obj)) {
-      return pair;
-    }
-  }
-  return null;
-}
-function registerSubtree(obj, store, mirror, instanceKey) {
-  obj.traverse((child) => {
-    if (!store.has(child) && shouldRegister(instanceKey, child)) {
-      ensureAncestorChain(child, store, mirror);
-      store.register(child);
-      mirror.onObjectAdded(child);
-    }
-  });
-}
-function patchObject3D(store, mirror, instanceKey = "") {
-  _activePairs.push({ store, mirror, instanceKey });
-  if (!_patched) {
-    r3fLog("patch", "Patching Object3D.prototype.add and .remove");
-    _originalAdd = Object3D.prototype.add;
-    _originalRemove = Object3D.prototype.remove;
-    Object3D.prototype.add = function patchedAdd(...objects) {
-      _originalAdd.call(this, ...objects);
-      const pair = findTrackingPair(this);
-      if (pair) {
-        for (const obj of objects) {
-          if (obj === this) continue;
-          try {
-            r3fLog("patch", `patchedAdd: "${obj.name || obj.type}" added to "${this.name || this.type}"`);
-            registerSubtree(obj, pair.store, pair.mirror, pair.instanceKey);
-          } catch (err) {
-            r3fLog("patch", `patchedAdd: failed to register "${obj.name || obj.type}"`, err);
-          }
-        }
-        pair.store.update(this);
-        pair.store.markDirty(this);
-      }
-      return this;
-    };
-    Object3D.prototype.remove = function patchedRemove(...objects) {
-      const pair = findTrackingPair(this);
-      if (pair) {
-        for (const obj of objects) {
-          if (obj === this) continue;
-          try {
-            r3fLog("patch", `patchedRemove: "${obj.name || obj.type}" removed from "${this.name || this.type}"`);
-            pair.mirror.onObjectRemoved(obj);
-            obj.traverse((child) => {
-              pair.store.unregister(child);
-            });
-          } catch (err) {
-            r3fLog("patch", `patchedRemove: failed to unregister "${obj.name || obj.type}"`, err);
-          }
-        }
-        pair.store.update(this);
-        pair.store.markDirty(this);
-      }
-      _originalRemove.call(this, ...objects);
-      return this;
-    };
-    _patched = true;
-  }
-  return () => {
-    const idx = _activePairs.findIndex(
-      (p) => p.store === store && p.mirror === mirror
-    );
-    if (idx !== -1) {
-      _activePairs.splice(idx, 1);
-    }
-    if (_activePairs.length === 0 && _patched) {
-      restoreObject3D();
-    }
-  };
-}
-function restoreObject3D() {
-  if (!_patched) return;
-  r3fLog("patch", "Restoring original Object3D.prototype.add and .remove");
-  if (_originalAdd) {
-    Object3D.prototype.add = _originalAdd;
-    _originalAdd = null;
-  }
-  if (_originalRemove) {
-    Object3D.prototype.remove = _originalRemove;
-    _originalRemove = null;
-  }
-  _patched = false;
-}
-function isPatched() {
-  return _patched;
-}
-
-// src/snapshot/snapshot.ts
-function buildNodeTree(store, meta) {
-  const children = [];
-  for (const childUuid of meta.childrenUuids) {
-    const childMeta = store.getByUuid(childUuid);
-    if (childMeta) {
-      children.push(buildNodeTree(store, childMeta));
-    }
-  }
-  const node = {
-    uuid: meta.uuid,
-    name: meta.name,
-    type: meta.type,
-    testId: meta.testId,
-    visible: meta.visible,
-    position: [...meta.position],
-    rotation: [...meta.rotation],
-    scale: [...meta.scale],
-    children
-  };
-  if (meta.geometryType) node.geometryType = meta.geometryType;
-  if (meta.materialType) node.materialType = meta.materialType;
-  if (meta.vertexCount != null) node.vertexCount = meta.vertexCount;
-  if (meta.triangleCount != null) node.triangleCount = meta.triangleCount;
-  if (meta.instanceCount != null) node.instanceCount = meta.instanceCount;
-  return node;
-}
-function findRoot(store) {
-  const allObjects = store.getFlatList();
-  for (const obj of allObjects) {
-    const meta = store.getMetadata(obj);
-    if (meta && meta.parentUuid === null) {
-      return meta;
-    }
-  }
-  return null;
-}
-function createSnapshot(store) {
-  const rootMeta = findRoot(store);
-  const tree = rootMeta ? buildNodeTree(store, rootMeta) : {
-    uuid: "",
-    name: "empty",
-    type: "Scene",
-    visible: true,
-    position: [0, 0, 0],
-    rotation: [0, 0, 0],
-    scale: [1, 1, 1],
-    children: []
-  };
-  return {
-    timestamp: Date.now(),
-    objectCount: store.getCount(),
-    tree
-  };
-}
-function createFlatSnapshot(store) {
-  const objects = [];
-  const allObjects = store.getFlatList();
-  for (const obj of allObjects) {
-    const meta = store.getMetadata(obj);
-    if (meta) {
-      objects.push({ ...meta });
-    }
-  }
-  return {
-    timestamp: Date.now(),
-    objectCount: objects.length,
-    objects
-  };
-}
-var _vec3 = /* @__PURE__ */ new Vector3();
-var _vec3B = /* @__PURE__ */ new Vector3();
-var _box32 = /* @__PURE__ */ new Box3();
-var _frustum = /* @__PURE__ */ new Frustum();
-var _projMatrix = /* @__PURE__ */ new Matrix4();
-function ndcToScreen(ndc, size) {
-  return {
-    x: (ndc.x + 1) / 2 * size.width,
-    y: (-ndc.y + 1) / 2 * size.height
-  };
-}
-function isNdcOnScreen(ndc) {
-  return ndc.x >= -1 && ndc.x <= 1 && ndc.y >= -1 && ndc.y <= 1 && ndc.z >= -1 && ndc.z <= 1;
-}
-function isInFrontOfCamera(ndc) {
-  return ndc.z >= -1 && ndc.z <= 1;
-}
-function getWorldCenter(obj) {
-  _box32.setFromObject(obj);
-  if (_box32.isEmpty()) {
-    obj.getWorldPosition(_vec3);
-    return _vec3;
-  }
-  _box32.getCenter(_vec3);
-  return _vec3;
-}
-function getBboxCorners(obj) {
-  _box32.setFromObject(obj);
-  if (_box32.isEmpty()) return [];
-  const { min, max } = _box32;
-  return [
-    new Vector3(min.x, min.y, min.z),
-    new Vector3(min.x, min.y, max.z),
-    new Vector3(min.x, max.y, min.z),
-    new Vector3(min.x, max.y, max.z),
-    new Vector3(max.x, min.y, min.z),
-    new Vector3(max.x, min.y, max.z),
-    new Vector3(max.x, max.y, min.z),
-    new Vector3(max.x, max.y, max.z)
-  ];
-}
-function getBboxFaceCenters(obj) {
-  _box32.setFromObject(obj);
-  if (_box32.isEmpty()) return [];
-  const center = _box32.getCenter(new Vector3());
-  const { min, max } = _box32;
-  return [
-    new Vector3(min.x, center.y, center.z),
-    // -X face
-    new Vector3(max.x, center.y, center.z),
-    // +X face
-    new Vector3(center.x, min.y, center.z),
-    // -Y face
-    new Vector3(center.x, max.y, center.z),
-    // +Y face
-    new Vector3(center.x, center.y, min.z),
-    // -Z face
-    new Vector3(center.x, center.y, max.z)
-    // +Z face
-  ];
-}
-function tryProjectPoint(worldPoint, camera, size) {
-  _vec3B.copy(worldPoint).project(camera);
-  if (!isInFrontOfCamera(_vec3B)) return null;
-  const screen = ndcToScreen(_vec3B, size);
-  return {
-    screen,
-    ndc: { x: _vec3B.x, y: _vec3B.y },
-    ndcZ: _vec3B.z,
-    onScreen: isNdcOnScreen(_vec3B)
-  };
-}
-function projectToScreen(obj, camera, size) {
-  obj.updateWorldMatrix(true, false);
-  camera.updateWorldMatrix(true, false);
-  const center = getWorldCenter(obj);
-  const centerResult = tryProjectPoint(center, camera, size);
-  if (centerResult && centerResult.onScreen) {
-    return {
-      point: centerResult.screen,
-      strategy: "center",
-      ndc: centerResult.ndc
-    };
-  }
-  const faceCenters = getBboxFaceCenters(obj);
-  const faceResult = findBestOnScreenPoint(faceCenters, camera, size);
-  if (faceResult) {
-    return {
-      point: faceResult.screen,
-      strategy: "face-center",
-      ndc: faceResult.ndc
-    };
-  }
-  const corners = getBboxCorners(obj);
-  const cornerResult = findBestOnScreenPoint(corners, camera, size);
-  if (cornerResult) {
-    return {
-      point: cornerResult.screen,
-      strategy: "corner",
-      ndc: cornerResult.ndc
-    };
-  }
-  obj.getWorldPosition(_vec3);
-  const originResult = tryProjectPoint(_vec3.clone(), camera, size);
-  if (originResult && originResult.onScreen) {
-    return {
-      point: originResult.screen,
-      strategy: "fallback-origin",
-      ndc: originResult.ndc
-    };
-  }
-  if (centerResult) {
-    return {
-      point: centerResult.screen,
-      strategy: "center",
-      ndc: centerResult.ndc
-    };
-  }
-  return null;
-}
-function findBestOnScreenPoint(candidates, camera, size) {
-  let bestResult = null;
-  let bestDistSq = Infinity;
-  const halfW = size.width / 2;
-  const halfH = size.height / 2;
-  for (const point of candidates) {
-    const result = tryProjectPoint(point, camera, size);
-    if (!result || !result.onScreen) continue;
-    const dx = result.screen.x - halfW;
-    const dy = result.screen.y - halfH;
-    const distSq = dx * dx + dy * dy;
-    if (distSq < bestDistSq) {
-      bestDistSq = distSq;
-      bestResult = { screen: result.screen, ndc: result.ndc };
-    }
-  }
-  return bestResult;
-}
-function isInFrustum(obj, camera) {
-  camera.updateWorldMatrix(true, false);
-  obj.updateWorldMatrix(true, false);
-  _projMatrix.multiplyMatrices(
-    camera.projectionMatrix,
-    camera.matrixWorldInverse
-  );
-  _frustum.setFromProjectionMatrix(_projMatrix);
-  _box32.setFromObject(obj);
-  if (_box32.isEmpty()) {
-    obj.getWorldPosition(_vec3);
-    return _frustum.containsPoint(_vec3);
-  }
-  return _frustum.intersectsBox(_box32);
-}
-function screenDeltaToWorld(dx, dy, obj, camera, size) {
-  obj.getWorldPosition(_vec3);
-  _vec3.project(camera);
-  const depth = _vec3.z;
-  const start = new Vector3(0, 0, depth).unproject(camera);
-  const right = new Vector3(2 / size.width, 0, depth).unproject(camera);
-  const up = new Vector3(0, -2 / size.height, depth).unproject(camera);
-  const rightDir = right.sub(start);
-  const upDir = up.sub(start);
-  return new Vector3().addScaledVector(rightDir, dx).addScaledVector(upDir, dy);
-}
-function projectAllSamplePoints(obj, camera, size) {
-  obj.updateWorldMatrix(true, false);
-  camera.updateWorldMatrix(true, false);
-  const points = [];
-  const candidates = [];
-  candidates.push(getWorldCenter(obj).clone());
-  candidates.push(...getBboxFaceCenters(obj));
-  candidates.push(...getBboxCorners(obj));
-  for (const wsPt of candidates) {
-    const result = tryProjectPoint(wsPt, camera, size);
-    if (result && result.onScreen) {
-      points.push(result.screen);
-    }
-  }
-  return points;
-}
-
-// src/interactions/dispatch.ts
-var _nextPointerId = 1e3;
-function allocPointerId() {
-  return _nextPointerId++;
-}
-function toClientCoords(canvas, point) {
-  const rect = canvas.getBoundingClientRect();
-  return {
-    clientX: rect.left + point.x,
-    clientY: rect.top + point.y
-  };
-}
-function makePointerInit(canvas, point, pointerId, overrides) {
-  const { clientX, clientY } = toClientCoords(canvas, point);
-  return {
-    bubbles: true,
-    cancelable: true,
-    composed: true,
-    clientX,
-    clientY,
-    screenX: clientX,
-    screenY: clientY,
-    pointerId,
-    pointerType: "mouse",
-    isPrimary: true,
-    button: 0,
-    buttons: 1,
-    width: 1,
-    height: 1,
-    pressure: 0.5,
-    ...overrides
-  };
-}
-function dispatchClick(canvas, point) {
-  withSafePointerCapture(() => {
-    const pointerId = allocPointerId();
-    canvas.dispatchEvent(
-      new PointerEvent("pointerdown", makePointerInit(canvas, point, pointerId))
-    );
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerup",
-        makePointerInit(canvas, point, pointerId, { buttons: 0, pressure: 0 })
-      )
-    );
-    canvas.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        ...toClientCoords(canvas, point),
-        button: 0
-      })
-    );
-  });
-}
-function dispatchHover(canvas, point) {
-  const pointerId = allocPointerId();
-  const init = makePointerInit(canvas, point, pointerId, {
-    buttons: 0,
-    pressure: 0
-  });
-  canvas.dispatchEvent(new PointerEvent("pointermove", init));
-  canvas.dispatchEvent(new PointerEvent("pointerover", init));
-  canvas.dispatchEvent(new PointerEvent("pointerenter", { ...init, bubbles: false }));
-}
-async function dispatchDrag(canvas, start, end, options = {}) {
-  const { steps = 10, stepDelayMs = 0 } = options;
-  const pointerId = allocPointerId();
-  withSafePointerCapture(() => {
-    canvas.dispatchEvent(
-      new PointerEvent("pointerdown", makePointerInit(canvas, start, pointerId))
-    );
-  });
-  for (let i = 1; i <= steps; i++) {
-    const t = i / steps;
-    const intermediate = {
-      x: start.x + (end.x - start.x) * t,
-      y: start.y + (end.y - start.y) * t
-    };
-    if (stepDelayMs > 0) {
-      await sleep(stepDelayMs);
-    }
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointermove",
-        makePointerInit(canvas, intermediate, pointerId)
-      )
-    );
-  }
-  withSafePointerCapture(() => {
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerup",
-        makePointerInit(canvas, end, pointerId, { buttons: 0, pressure: 0 })
-      )
-    );
-  });
-}
-function dispatchDoubleClick(canvas, point) {
-  withSafePointerCapture(() => {
-    const pointerId = allocPointerId();
-    const coords = toClientCoords(canvas, point);
-    canvas.dispatchEvent(
-      new PointerEvent("pointerdown", makePointerInit(canvas, point, pointerId))
-    );
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerup",
-        makePointerInit(canvas, point, pointerId, { buttons: 0, pressure: 0 })
-      )
-    );
-    canvas.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        ...coords,
-        button: 0,
-        detail: 1
-      })
-    );
-    canvas.dispatchEvent(
-      new PointerEvent("pointerdown", makePointerInit(canvas, point, pointerId))
-    );
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerup",
-        makePointerInit(canvas, point, pointerId, { buttons: 0, pressure: 0 })
-      )
-    );
-    canvas.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        ...coords,
-        button: 0,
-        detail: 2
-      })
-    );
-    canvas.dispatchEvent(
-      new MouseEvent("dblclick", {
-        bubbles: true,
-        cancelable: true,
-        ...coords,
-        button: 0,
-        detail: 2
-      })
-    );
-  });
-}
-function dispatchContextMenu(canvas, point) {
-  withSafePointerCapture(() => {
-    const pointerId = allocPointerId();
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerdown",
-        makePointerInit(canvas, point, pointerId, { button: 2, buttons: 2 })
-      )
-    );
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointerup",
-        makePointerInit(canvas, point, pointerId, {
-          button: 2,
-          buttons: 0,
-          pressure: 0
-        })
-      )
-    );
-    canvas.dispatchEvent(
-      new MouseEvent("contextmenu", {
-        bubbles: true,
-        cancelable: true,
-        ...toClientCoords(canvas, point),
-        button: 2
-      })
-    );
-  });
-}
-function dispatchWheel(canvas, point, options = {}) {
-  const { deltaY = 100, deltaX = 0, deltaMode = 0 } = options;
-  const coords = toClientCoords(canvas, point);
-  canvas.dispatchEvent(
-    new WheelEvent("wheel", {
-      bubbles: true,
-      cancelable: true,
-      ...coords,
-      deltaX,
-      deltaY,
-      deltaZ: 0,
-      deltaMode
-    })
-  );
-}
-function dispatchPointerMiss(canvas, point = { x: 1, y: 1 }) {
-  dispatchClick(canvas, point);
-}
-function dispatchUnhover(canvas) {
-  const pointerId = allocPointerId();
-  const offScreen = { x: -9999, y: -9999 };
-  const init = makePointerInit(canvas, offScreen, pointerId, {
-    buttons: 0,
-    pressure: 0
-  });
-  canvas.dispatchEvent(new PointerEvent("pointermove", init));
-  canvas.dispatchEvent(new PointerEvent("pointerout", init));
-  canvas.dispatchEvent(new PointerEvent("pointerleave", { ...init, bubbles: false }));
-}
-function withSafePointerCapture(fn) {
-  const original = Element.prototype.releasePointerCapture;
-  Element.prototype.releasePointerCapture = function safeRelease(pointerId) {
-    try {
-      original.call(this, pointerId);
-    } catch {
-    }
-  };
-  try {
-    return fn();
-  } finally {
-    Element.prototype.releasePointerCapture = original;
-  }
-}
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-var _raycaster = /* @__PURE__ */ new Raycaster();
-var _ndc = /* @__PURE__ */ new Vector2();
-function screenToNdc(point, size) {
-  _ndc.set(
-    point.x / size.width * 2 - 1,
-    -(point.y / size.height) * 2 + 1
-  );
-  return _ndc;
-}
-function getObjectLabel(obj) {
-  const testId = obj.userData?.testId;
-  if (testId) return `testId="${testId}"`;
-  if (obj.name) return `name="${obj.name}"`;
-  return `uuid="${obj.uuid.slice(0, 8)}\u2026"`;
-}
-function isTargetOrDescendant(candidate, target) {
-  let current = candidate;
-  while (current) {
-    if (current === target) return true;
-    current = current.parent;
-  }
-  return false;
-}
-function findScene(obj) {
-  let current = obj;
-  while (current) {
-    if (current.isScene) return current;
-    current = current.parent;
-  }
-  return null;
-}
-function verifyRaycastHit(point, target, camera, size) {
-  const scene = findScene(target);
-  if (!scene) {
-    return { hit: false, occluderLabel: "object not in scene" };
-  }
-  const ndc = screenToNdc(point, size);
-  _raycaster.setFromCamera(ndc, camera);
-  const intersections = _raycaster.intersectObjects(scene.children, true);
-  if (intersections.length === 0) {
-    return { hit: true };
-  }
-  const firstHit = intersections[0].object;
-  if (isTargetOrDescendant(firstHit, target)) {
-    return { hit: true };
-  }
-  const targetHit = intersections.find(
-    (i) => isTargetOrDescendant(i.object, target)
-  );
-  if (targetHit) {
-    return {
-      hit: false,
-      occluder: firstHit,
-      occluderLabel: getObjectLabel(firstHit)
-    };
-  }
-  return {
-    hit: false,
-    occluder: firstHit,
-    occluderLabel: getObjectLabel(firstHit)
-  };
-}
-function verifyRaycastHitMultiPoint(points, target, camera, size) {
-  let lastResult = { hit: false };
-  for (const point of points) {
-    const result = verifyRaycastHit(point, target, camera, size);
-    if (result.hit) return result;
-    lastResult = result;
-  }
-  return lastResult;
-}
-
-// src/interactions/resolve.ts
-var _store2 = null;
-var _camera = null;
-var _gl = null;
-var _size = null;
-function setInteractionState(store, camera, gl, size) {
-  _store2 = store;
-  _camera = camera;
-  _gl = gl;
-  _size = size;
-}
-function clearInteractionState() {
-  _store2 = null;
-  _camera = null;
-  _gl = null;
-  _size = null;
-}
-function getStore() {
-  if (!_store2) {
-    throw new Error(
-      "[react-three-dom] Interaction state not initialized. Is <ThreeDom> mounted?"
-    );
-  }
-  return _store2;
-}
-function getCamera() {
-  if (!_camera) {
-    throw new Error(
-      "[react-three-dom] Camera not available. Is <ThreeDom> mounted?"
-    );
-  }
-  return _camera;
-}
-function getRenderer() {
-  if (!_gl) {
-    throw new Error(
-      "[react-three-dom] Renderer not available. Is <ThreeDom> mounted?"
-    );
-  }
-  return _gl;
-}
-function getCanvasSize() {
-  if (!_size) {
-    throw new Error(
-      "[react-three-dom] Canvas size not available. Is <ThreeDom> mounted?"
-    );
-  }
-  return _size;
-}
-function resolveObject(idOrUuid) {
-  const store = getStore();
-  const obj = store.getObject3D(idOrUuid);
-  if (!obj) {
-    throw new Error(
-      `[react-three-dom] Object "${idOrUuid}" not found. Check that the object has userData.testId="${idOrUuid}" or uuid="${idOrUuid}".`
-    );
-  }
-  return obj;
-}
-
-// src/interactions/click.ts
-function click3D(idOrUuid, options = {}) {
-  const { verify = true } = options;
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  r3fLog("click", `click3D("${idOrUuid}") \u2014 resolving projection`);
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] click3D("${idOrUuid}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`
-    );
-  }
-  const canvas = gl.domElement;
-  dispatchClick(canvas, projection.point);
-  let raycast;
-  if (verify) {
-    raycast = verifyRaycastHit(projection.point, obj, camera, size);
-    if (!raycast.hit && raycast.occluderLabel) {
-      console.warn(
-        `[react-three-dom] click3D("${idOrUuid}") dispatched at (${Math.round(projection.point.x)}, ${Math.round(projection.point.y)}) but raycast hit ${raycast.occluderLabel} instead. The object may be occluded.`
-      );
-    }
-  }
-  return {
-    dispatched: true,
-    raycast,
-    screenPoint: projection.point,
-    strategy: projection.strategy
-  };
-}
-function doubleClick3D(idOrUuid, options = {}) {
-  const { verify = true } = options;
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] doubleClick3D("${idOrUuid}") failed: object is not visible on screen.`
-    );
-  }
-  const canvas = gl.domElement;
-  dispatchDoubleClick(canvas, projection.point);
-  let raycast;
-  if (verify) {
-    raycast = verifyRaycastHit(projection.point, obj, camera, size);
-    if (!raycast.hit && raycast.occluderLabel) {
-      console.warn(
-        `[react-three-dom] doubleClick3D("${idOrUuid}") dispatched at (${Math.round(projection.point.x)}, ${Math.round(projection.point.y)}) but raycast hit ${raycast.occluderLabel} instead.`
-      );
-    }
-  }
-  return {
-    dispatched: true,
-    raycast,
-    screenPoint: projection.point,
-    strategy: projection.strategy
-  };
-}
-function contextMenu3D(idOrUuid, options = {}) {
-  const { verify = true } = options;
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] contextMenu3D("${idOrUuid}") failed: object is not visible on screen.`
-    );
-  }
-  const canvas = gl.domElement;
-  dispatchContextMenu(canvas, projection.point);
-  let raycast;
-  if (verify) {
-    raycast = verifyRaycastHit(projection.point, obj, camera, size);
-    if (!raycast.hit && raycast.occluderLabel) {
-      console.warn(
-        `[react-three-dom] contextMenu3D("${idOrUuid}") dispatched at (${Math.round(projection.point.x)}, ${Math.round(projection.point.y)}) but raycast hit ${raycast.occluderLabel} instead.`
-      );
-    }
-  }
-  return {
-    dispatched: true,
-    raycast,
-    screenPoint: projection.point,
-    strategy: projection.strategy
-  };
-}
-
-// src/interactions/hover.ts
-function hover3D(idOrUuid, options = {}) {
-  const { verify = true } = options;
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  r3fLog("hover", `hover3D("${idOrUuid}") \u2014 resolving projection`);
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] hover3D("${idOrUuid}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`
-    );
-  }
-  const canvas = gl.domElement;
-  dispatchHover(canvas, projection.point);
-  let raycast;
-  if (verify) {
-    raycast = verifyRaycastHit(projection.point, obj, camera, size);
-    if (!raycast.hit && raycast.occluderLabel) {
-      console.warn(
-        `[react-three-dom] hover3D("${idOrUuid}") dispatched at (${Math.round(projection.point.x)}, ${Math.round(projection.point.y)}) but raycast hit ${raycast.occluderLabel} instead.`
-      );
-    }
-  }
-  return {
-    dispatched: true,
-    raycast,
-    screenPoint: projection.point,
-    strategy: projection.strategy
-  };
-}
-function unhover3D() {
-  const gl = getRenderer();
-  dispatchUnhover(gl.domElement);
-}
-async function drag3D(idOrUuid, delta, options = {}) {
-  const { mode = "world", ...dragOptions } = options;
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  r3fLog("drag", `drag3D("${idOrUuid}") mode=${mode}`, delta);
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] drag3D("${idOrUuid}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`
-    );
-  }
-  const startPoint = projection.point;
-  let endPoint;
-  if (mode === "screen" && "dx" in delta) {
-    const screenDelta = delta;
-    endPoint = {
-      x: startPoint.x + screenDelta.dx,
-      y: startPoint.y + screenDelta.dy
-    };
-  } else {
-    const worldDelta = delta;
-    const worldPos = new Vector3();
-    obj.getWorldPosition(worldPos);
-    const targetPos = worldPos.clone().add(new Vector3(worldDelta.x, worldDelta.y, worldDelta.z));
-    targetPos.project(camera);
-    endPoint = {
-      x: (targetPos.x + 1) / 2 * size.width,
-      y: (-targetPos.y + 1) / 2 * size.height
-    };
-  }
-  const canvas = gl.domElement;
-  await dispatchDrag(canvas, startPoint, endPoint, dragOptions);
-  return {
-    dispatched: true,
-    startPoint,
-    endPoint,
-    strategy: projection.strategy
-  };
-}
-function previewDragWorldDelta(idOrUuid, screenDx, screenDy) {
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const size = getCanvasSize();
-  return screenDeltaToWorld(screenDx, screenDy, obj, camera, size);
-}
-
-// src/interactions/wheel.ts
-function wheel3D(idOrUuid, options = {}) {
-  const obj = resolveObject(idOrUuid);
-  const camera = getCamera();
-  const gl = getRenderer();
-  const size = getCanvasSize();
-  const projection = projectToScreen(obj, camera, size);
-  if (!projection) {
-    throw new Error(
-      `[react-three-dom] wheel3D("${idOrUuid}") failed: object is not visible on screen.`
-    );
-  }
-  const canvas = gl.domElement;
-  dispatchWheel(canvas, projection.point, options);
-  return {
-    dispatched: true,
-    screenPoint: projection.point,
-    strategy: projection.strategy
-  };
-}
-
-// src/interactions/pointerMiss.ts
-function pointerMiss3D(options = {}) {
-  const gl = getRenderer();
-  const canvas = gl.domElement;
-  dispatchPointerMiss(canvas, options.point);
-}
-
-// src/interactions/drawPath.ts
-var _nextDrawPointerId = 5e3;
-function makeDrawPointerInit(canvas, point, pointerId, pointerType, overrides) {
-  const rect = canvas.getBoundingClientRect();
-  const clientX = rect.left + point.x;
-  const clientY = rect.top + point.y;
-  return {
-    bubbles: true,
-    cancelable: true,
-    composed: true,
-    clientX,
-    clientY,
-    screenX: clientX,
-    screenY: clientY,
-    pointerId,
-    pointerType,
-    isPrimary: true,
-    button: 0,
-    buttons: 1,
-    width: 1,
-    height: 1,
-    pressure: point.pressure ?? 0.5,
-    ...overrides
-  };
-}
-async function drawPath(points, options = {}) {
-  if (points.length < 2) {
-    throw new Error(
-      `[react-three-dom] drawPath requires at least 2 points, got ${points.length}.`
-    );
-  }
-  const {
-    stepDelayMs = 0,
-    pointerType = "mouse",
-    clickAtEnd = false,
-    canvas: explicitCanvas
-  } = options;
-  const canvas = explicitCanvas ?? getRenderer().domElement;
-  const pointerId = _nextDrawPointerId++;
-  let eventCount = 0;
-  r3fLog("draw", `drawPath \u2014 ${points.length} points, delay=${stepDelayMs}ms, pointerType=${pointerType}`);
-  const first = points[0];
-  canvas.dispatchEvent(
-    new PointerEvent("pointerdown", makeDrawPointerInit(canvas, first, pointerId, pointerType))
-  );
-  eventCount++;
-  for (let i = 1; i < points.length; i++) {
-    if (stepDelayMs > 0) {
-      await sleep2(stepDelayMs);
-    }
-    canvas.dispatchEvent(
-      new PointerEvent(
-        "pointermove",
-        makeDrawPointerInit(canvas, points[i], pointerId, pointerType)
-      )
-    );
-    eventCount++;
-  }
-  const last = points[points.length - 1];
-  canvas.dispatchEvent(
-    new PointerEvent(
-      "pointerup",
-      makeDrawPointerInit(canvas, last, pointerId, pointerType, {
-        buttons: 0,
-        pressure: 0
-      })
-    )
-  );
-  eventCount++;
-  if (clickAtEnd) {
-    const rect = canvas.getBoundingClientRect();
-    canvas.dispatchEvent(
-      new MouseEvent("click", {
-        bubbles: true,
-        cancelable: true,
-        clientX: rect.left + last.x,
-        clientY: rect.top + last.y,
-        button: 0
-      })
-    );
-    eventCount++;
-  }
-  r3fLog("draw", `drawPath complete \u2014 ${eventCount} events dispatched`);
-  return {
-    eventCount,
-    pointCount: points.length,
-    startPoint: first,
-    endPoint: last
-  };
-}
-function linePath(start, end, steps = 10, pressure = 0.5) {
-  const points = [];
-  const totalSteps = steps + 1;
-  for (let i = 0; i <= totalSteps; i++) {
-    const t = i / totalSteps;
-    points.push({
-      x: start.x + (end.x - start.x) * t,
-      y: start.y + (end.y - start.y) * t,
-      pressure
-    });
-  }
-  return points;
-}
-function curvePath(start, control, end, steps = 20, pressure = 0.5) {
-  const points = [];
-  for (let i = 0; i <= steps; i++) {
-    const t = i / steps;
-    const invT = 1 - t;
-    points.push({
-      x: invT * invT * start.x + 2 * invT * t * control.x + t * t * end.x,
-      y: invT * invT * start.y + 2 * invT * t * control.y + t * t * end.y,
-      pressure
-    });
-  }
-  return points;
-}
-function rectPath(topLeft, bottomRight, pointsPerSide = 5, pressure = 0.5) {
-  const topRight = { x: bottomRight.x, y: topLeft.y };
-  const bottomLeft = { x: topLeft.x, y: bottomRight.y };
-  const sides = [
-    [topLeft, topRight],
-    [topRight, bottomRight],
-    [bottomRight, bottomLeft],
-    [bottomLeft, topLeft]
-  ];
-  const points = [];
-  for (const [from, to] of sides) {
-    for (let i = 0; i < pointsPerSide; i++) {
-      const t = i / pointsPerSide;
-      points.push({
-        x: from.x + (to.x - from.x) * t,
-        y: from.y + (to.y - from.y) * t,
-        pressure
-      });
-    }
-  }
-  points.push({ x: topLeft.x, y: topLeft.y, pressure });
-  return points;
-}
-function circlePath(center, radiusX, radiusY, steps = 36, pressure = 0.5) {
-  const ry = radiusY ?? radiusX;
-  const points = [];
-  for (let i = 0; i <= steps; i++) {
-    const angle = i / steps * Math.PI * 2;
-    points.push({
-      x: center.x + Math.cos(angle) * radiusX,
-      y: center.y + Math.sin(angle) * ry,
-      pressure
-    });
-  }
-  return points;
-}
-function sleep2(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-// src/highlight/SelectionManager.ts
-var SelectionManager = class {
-  constructor() {
-    /** Currently selected objects (ordered by selection time). */
-    this._selected = [];
-    /** Listeners notified on selection change. */
-    this._listeners = [];
-  }
-  // -----------------------------------------------------------------------
-  // Selection API
-  // -----------------------------------------------------------------------
-  /** Select a single object (clears previous selection). */
-  select(obj) {
-    if (this._selected.length === 1 && this._selected[0] === obj) return;
-    this._selected = [obj];
-    this._notify();
-  }
-  /** Add an object to the current selection (multi-select). */
-  addToSelection(obj) {
-    if (this._selected.includes(obj)) return;
-    this._selected.push(obj);
-    this._notify();
-  }
-  /** Remove an object from the selection. */
-  removeFromSelection(obj) {
-    const idx = this._selected.indexOf(obj);
-    if (idx === -1) return;
-    this._selected.splice(idx, 1);
-    this._notify();
-  }
-  /** Toggle an object in/out of the selection. */
-  toggleSelection(obj) {
-    if (this._selected.includes(obj)) {
-      this.removeFromSelection(obj);
-    } else {
-      this.addToSelection(obj);
-    }
-  }
-  /** Clear all selections. */
-  clearSelection() {
-    if (this._selected.length === 0) return;
-    this._selected = [];
-    this._notify();
-  }
-  /** Get the currently selected objects. */
-  getSelected() {
-    return this._selected;
-  }
-  /** Get the primary (first) selected object, or null. */
-  getPrimary() {
-    return this._selected[0] ?? null;
-  }
-  /** Check if an object is selected. */
-  isSelected(obj) {
-    return this._selected.includes(obj);
-  }
-  /** Number of selected objects. */
-  get count() {
-    return this._selected.length;
-  }
-  // -----------------------------------------------------------------------
-  // Event system
-  // -----------------------------------------------------------------------
-  /** Subscribe to selection changes. Returns unsubscribe function. */
-  subscribe(listener) {
-    this._listeners.push(listener);
-    return () => {
-      const idx = this._listeners.indexOf(listener);
-      if (idx !== -1) this._listeners.splice(idx, 1);
-    };
-  }
-  _notify() {
-    const snapshot = [...this._selected];
-    for (const listener of this._listeners) {
-      listener(snapshot);
-    }
-  }
-  // -----------------------------------------------------------------------
-  // Cleanup
-  // -----------------------------------------------------------------------
-  dispose() {
-    this._selected = [];
-    this._listeners = [];
-  }
-};
-var HOVER_FILL_COLOR = 7317724;
-var HOVER_FILL_OPACITY = 0.66;
-var SELECTION_FILL_COLOR = 7317724;
-var SELECTION_FILL_OPACITY = 0.75;
-var SELECTION_BBOX_COLOR = 7317724;
-var SELECTION_BBOX_OPACITY = 0.3;
-var _box33 = /* @__PURE__ */ new Box3();
-function hasRenderableGeometry(obj) {
-  return obj.isMesh === true || obj.isLine === true || obj.isPoints === true;
-}
-function collectHighlightTargets(obj) {
-  if (hasRenderableGeometry(obj)) return [obj];
-  const targets = [];
-  obj.traverse((child) => {
-    if (child === obj) return;
-    if (child.userData?.__r3fdom_internal) return;
-    if (hasRenderableGeometry(child)) targets.push(child);
-  });
-  return targets;
-}
-function markInternal(obj) {
-  obj.userData.__r3fdom_internal = true;
-  obj.raycast = () => {
-  };
-  obj.traverse((child) => {
-    child.userData.__r3fdom_internal = true;
-    child.raycast = () => {
-    };
-  });
-}
-function _syncGroupTransform(source, highlightRoot) {
-  source.updateWorldMatrix(true, false);
-  source.matrixWorld.decompose(
-    highlightRoot.position,
-    highlightRoot.quaternion,
-    highlightRoot.scale
-  );
-}
-function _attachRenderSync(source, highlightRoot) {
-  highlightRoot.matrixAutoUpdate = false;
-  highlightRoot.updateMatrixWorld = (force) => {
-    source.updateWorldMatrix(true, false);
-    highlightRoot.matrixWorld.copy(source.matrixWorld);
-    for (const child of highlightRoot.children) {
-      child.updateMatrixWorld(force);
-    }
-  };
-}
-function createHighlightMesh(source, fillColor, fillOpacity) {
-  const geom = source.geometry;
-  if (!geom) return null;
-  const group = new Object3D();
-  const disposables = [];
-  const fillMat = new MeshBasicMaterial({
-    color: fillColor,
-    transparent: true,
-    opacity: fillOpacity,
-    depthTest: false,
-    depthWrite: false,
-    side: DoubleSide
-  });
-  disposables.push(fillMat);
-  const fillMesh = new Mesh(geom, fillMat);
-  fillMesh.scale.setScalar(1.005);
-  fillMesh.raycast = () => {
-  };
-  group.add(fillMesh);
-  source.updateWorldMatrix(true, false);
-  source.matrixWorld.decompose(group.position, group.quaternion, group.scale);
-  markInternal(group);
-  _attachRenderSync(source, group);
-  return { root: group, disposables };
-}
-function createBoundingBoxHighlight(obj) {
-  _box33.makeEmpty();
-  const targets = collectHighlightTargets(obj);
-  if (targets.length === 0) return null;
-  for (const target of targets) {
-    target.updateWorldMatrix(true, false);
-    const geom = target.geometry;
-    if (geom) {
-      if (!geom.boundingBox) geom.computeBoundingBox();
-      if (geom.boundingBox) {
-        const childBox = geom.boundingBox.clone();
-        childBox.applyMatrix4(target.matrixWorld);
-        _box33.union(childBox);
-      }
-    }
-  }
-  if (_box33.isEmpty()) return null;
-  const size = _box33.getSize(new Vector3());
-  const center = _box33.getCenter(new Vector3());
-  const disposables = [];
-  const boxGeom = new BoxGeometry(size.x, size.y, size.z);
-  disposables.push(boxGeom);
-  const fillMat = new MeshBasicMaterial({
-    color: SELECTION_BBOX_COLOR,
-    transparent: true,
-    opacity: SELECTION_BBOX_OPACITY,
-    depthTest: false,
-    depthWrite: false,
-    side: DoubleSide
-  });
-  disposables.push(fillMat);
-  const fillMesh = new Mesh(boxGeom, fillMat);
-  fillMesh.raycast = () => {
-  };
-  const edgesGeom = new EdgesGeometry(boxGeom);
-  disposables.push(edgesGeom);
-  const edgeMat = new LineBasicMaterial({
-    color: SELECTION_BBOX_COLOR,
-    transparent: true,
-    opacity: 0.5,
-    depthTest: false,
-    depthWrite: false
-  });
-  disposables.push(edgeMat);
-  const edgeMesh = new LineSegments(edgesGeom, edgeMat);
-  edgeMesh.raycast = () => {
-  };
-  const group = new Object3D();
-  group.add(fillMesh);
-  group.add(edgeMesh);
-  group.position.copy(center);
-  group.renderOrder = 998;
-  markInternal(group);
-  group.matrixAutoUpdate = false;
-  group.updateMatrixWorld = (force) => {
-    _box33.makeEmpty();
-    for (const target of targets) {
-      target.updateWorldMatrix(true, false);
-      const g = target.geometry;
-      if (g) {
-        if (!g.boundingBox) g.computeBoundingBox();
-        if (g.boundingBox) {
-          const childBox = g.boundingBox.clone();
-          childBox.applyMatrix4(target.matrixWorld);
-          _box33.union(childBox);
-        }
-      }
-    }
-    if (!_box33.isEmpty()) {
-      const s = _box33.getSize(new Vector3());
-      const c = _box33.getCenter(new Vector3());
-      group.position.copy(c);
-      group.scale.set(
-        s.x / size.x || 1,
-        s.y / size.y || 1,
-        s.z / size.z || 1
-      );
-    }
-    group.updateMatrix();
-    group.matrixWorld.copy(group.matrix);
-    for (const child of group.children) {
-      child.updateMatrixWorld(force);
-    }
-  };
-  return { root: group, disposables };
-}
-var Highlighter = class {
-  constructor(_options = {}) {
-    this._scene = null;
-    this._unsubscribe = null;
-    this._hoverEntries = [];
-    this._hoverTarget = null;
-    this._selectedEntries = /* @__PURE__ */ new Map();
-    this._hoverPollId = null;
-    this._lastHoveredUuid = null;
-    this._store = null;
-  }
-  // -----------------------------------------------------------------------
-  // Lifecycle
-  // -----------------------------------------------------------------------
-  /** Bind to a scene and selection manager, start hover polling. */
-  attach(scene, selectionManager, _camera2, _renderer, store) {
-    this.detach();
-    this._scene = scene;
-    this._store = store;
-    this._unsubscribe = selectionManager.subscribe((selected) => {
-      this._syncSelectionHighlights(selected);
-    });
-    this._syncSelectionHighlights([...selectionManager.getSelected()]);
-    this._startHoverPolling();
-  }
-  /** Unbind from the scene, stop polling, and remove all highlights. */
-  detach() {
-    if (this._unsubscribe) {
-      this._unsubscribe();
-      this._unsubscribe = null;
-    }
-    this._stopHoverPolling();
-    this.clearHoverHighlight();
-    this._clearAllSelectionHighlights();
-    this._scene = null;
-    this._store = null;
-  }
-  // -----------------------------------------------------------------------
-  // Per-frame update
-  // -----------------------------------------------------------------------
-  /** Sync highlight group transforms to their source objects. Call each frame. */
-  update() {
-    for (const entry of this._hoverEntries) {
-      _syncGroupTransform(entry.source, entry.group.root);
-    }
-    for (const selEntry of this._selectedEntries.values()) {
-      for (const mg of selEntry.meshGroups) {
-        const src = mg.root.userData.__r3fdom_source;
-        if (src) {
-          _syncGroupTransform(src, mg.root);
-        }
-      }
-    }
-  }
-  // -----------------------------------------------------------------------
-  // Public API: hover highlight
-  // -----------------------------------------------------------------------
-  /** Show a hover highlight on the given object (replaces any previous hover). */
-  showHoverHighlight(obj) {
-    if (obj === this._hoverTarget) return;
-    this._clearHoverVisuals();
-    if (!this._scene) return;
-    this._hoverTarget = obj;
-    const targets = collectHighlightTargets(obj);
-    for (const target of targets) {
-      const hg = createHighlightMesh(target, HOVER_FILL_COLOR, HOVER_FILL_OPACITY);
-      if (hg) {
-        hg.root.renderOrder = 997;
-        this._scene.add(hg.root);
-        this._hoverEntries.push({ source: target, group: hg });
-      }
-    }
-  }
-  /** Remove the current hover highlight. */
-  clearHoverHighlight() {
-    this._clearHoverVisuals();
-    this._lastHoveredUuid = null;
-  }
-  _clearHoverVisuals() {
-    for (const entry of this._hoverEntries) {
-      this._disposeHighlightGroup(entry.group);
-    }
-    this._hoverEntries = [];
-    this._hoverTarget = null;
-  }
-  // -----------------------------------------------------------------------
-  // Public API: queries
-  // -----------------------------------------------------------------------
-  /** Check if an object currently has a selection highlight. */
-  isHighlighted(obj) {
-    return this._selectedEntries.has(obj);
-  }
-  /** Remove all hover and selection highlights. */
-  clearAll() {
-    this.clearHoverHighlight();
-    this._clearAllSelectionHighlights();
-  }
-  // -----------------------------------------------------------------------
-  // Internal: selection highlights
-  // -----------------------------------------------------------------------
-  _syncSelectionHighlights(selected) {
-    if (!this._scene) return;
-    const selectedSet = new Set(selected);
-    for (const [obj] of this._selectedEntries) {
-      if (!selectedSet.has(obj)) {
-        this._removeSelectionHighlight(obj);
-      }
-    }
-    for (const obj of selected) {
-      if (!this._selectedEntries.has(obj)) {
-        this._addSelectionHighlight(obj);
-      }
-    }
-  }
-  _addSelectionHighlight(obj) {
-    if (!this._scene) return;
-    const targets = collectHighlightTargets(obj);
-    const meshGroups = [];
-    for (const target of targets) {
-      const hg = createHighlightMesh(target, SELECTION_FILL_COLOR, SELECTION_FILL_OPACITY);
-      if (hg) {
-        hg.root.userData.__r3fdom_source = target;
-        hg.root.renderOrder = 999;
-        this._scene.add(hg.root);
-        meshGroups.push(hg);
-      }
-    }
-    let bboxGroup = null;
-    if (targets.length > 1 && obj.type !== "Group") {
-      bboxGroup = createBoundingBoxHighlight(obj);
-      if (bboxGroup) {
-        this._scene.add(bboxGroup.root);
-      }
-    }
-    if (meshGroups.length > 0 || bboxGroup) {
-      this._selectedEntries.set(obj, { source: obj, meshGroups, bboxGroup });
-    }
-  }
-  _removeSelectionHighlight(obj) {
-    const entry = this._selectedEntries.get(obj);
-    if (!entry) return;
-    for (const mg of entry.meshGroups) {
-      this._disposeHighlightGroup(mg);
-    }
-    if (entry.bboxGroup) {
-      this._disposeHighlightGroup(entry.bboxGroup);
-    }
-    this._selectedEntries.delete(obj);
-  }
-  _clearAllSelectionHighlights() {
-    for (const entry of this._selectedEntries.values()) {
-      for (const mg of entry.meshGroups) {
-        this._disposeHighlightGroup(mg);
-      }
-      if (entry.bboxGroup) {
-        this._disposeHighlightGroup(entry.bboxGroup);
-      }
-    }
-    this._selectedEntries.clear();
-  }
-  // -----------------------------------------------------------------------
-  // Internal: DevTools hover polling
-  // -----------------------------------------------------------------------
-  _startHoverPolling() {
-    this._hoverPollId = setInterval(() => {
-      this._pollDevToolsHover();
-    }, 100);
-  }
-  _stopHoverPolling() {
-    if (this._hoverPollId) {
-      clearInterval(this._hoverPollId);
-      this._hoverPollId = null;
-    }
-  }
-  _pollDevToolsHover() {
-    if (!this._store) return;
-    try {
-      const hoveredEl = window.__r3fdom_hovered__;
-      const uuid = hoveredEl?.getAttribute?.("data-uuid") ?? null;
-      if (uuid === this._lastHoveredUuid) return;
-      this._lastHoveredUuid = uuid;
-      if (!uuid) {
-        this._clearHoverVisuals();
-        return;
-      }
-      const obj = this._store.getObject3D(uuid);
-      if (obj) {
-        this.showHoverHighlight(obj);
-      } else {
-        this._clearHoverVisuals();
-      }
-    } catch {
-    }
-  }
-  // -----------------------------------------------------------------------
-  // Internal: cleanup
-  // -----------------------------------------------------------------------
-  _disposeHighlightGroup(hg) {
-    hg.root.removeFromParent();
-    for (const d of hg.disposables) {
-      d.dispose();
-    }
-  }
-  /** Detach and release all resources. */
-  dispose() {
-    this.detach();
-  }
-};
-
-// src/highlight/selectionDisplayTarget.ts
-function isFirstMeshInGroup(obj) {
-  const parent = obj.parent;
-  if (!parent || parent.type !== "Group") return false;
-  const firstMesh = parent.children.find((c) => getTagForType(c.type) === "three-mesh");
-  return firstMesh === obj;
-}
-function resolveSelectionDisplayTarget(getObject3D, uuid) {
-  const obj = getObject3D(uuid);
-  if (!obj) return null;
-  if (getTagForType(obj.type) !== "three-mesh") return uuid;
-  if (isFirstMeshInGroup(obj) && obj.parent) return obj.parent.uuid;
-  return uuid;
-}
-
-// src/highlight/InspectController.ts
-var RAYCAST_THROTTLE_MS = 50;
-var HOVER_REVEAL_DEBOUNCE_MS = 300;
-var InspectController = class {
-  constructor(opts) {
-    this._active = false;
-    this._lastRaycastTime = 0;
-    this._hoveredObject = null;
-    this._hoverRevealTimer = null;
-    this._overlay = null;
-    this._boundPointerMove = null;
-    this._boundPointerDown = null;
-    this._boundContextMenu = null;
-    this._camera = opts.camera;
-    this._renderer = opts.renderer;
-    this._selectionManager = opts.selectionManager;
-    this._highlighter = opts.highlighter;
-    this._raycastAccelerator = opts.raycastAccelerator;
-    this._mirror = opts.mirror;
-    this._store = opts.store;
-  }
-  get active() {
-    return this._active;
-  }
-  /** Update the camera reference (e.g. after a camera switch). */
-  updateCamera(camera) {
-    this._camera = camera;
-  }
-  // -----------------------------------------------------------------------
-  // Enable / disable
-  // -----------------------------------------------------------------------
-  /** Activate inspect mode — creates overlay on top of canvas. */
-  enable() {
-    if (this._active) return;
-    this._active = true;
-    const canvas = this._renderer.domElement;
-    const parent = canvas.parentElement;
-    if (!parent) return;
-    const overlay = document.createElement("div");
-    overlay.dataset.r3fdomInspect = "true";
-    overlay.style.cssText = [
-      "position:absolute",
-      "inset:0",
-      "z-index:999999",
-      "cursor:crosshair",
-      "background:transparent"
-    ].join(";");
-    const parentPos = getComputedStyle(parent).position;
-    if (parentPos === "static") {
-      parent.style.position = "relative";
-    }
-    this._boundPointerMove = this._onPointerMove.bind(this);
-    this._boundPointerDown = this._onPointerDown.bind(this);
-    this._boundContextMenu = (e) => e.preventDefault();
-    overlay.addEventListener("pointermove", this._boundPointerMove);
-    overlay.addEventListener("pointerdown", this._boundPointerDown);
-    overlay.addEventListener("contextmenu", this._boundContextMenu);
-    parent.appendChild(overlay);
-    this._overlay = overlay;
-    r3fLog("inspect", "Inspect mode enabled \u2014 hover to highlight, click to select");
-  }
-  /** Deactivate inspect mode — removes overlay and clears all inspect state. */
-  disable() {
-    if (!this._active) return;
-    this._active = false;
-    if (this._overlay) {
-      if (this._boundPointerMove) this._overlay.removeEventListener("pointermove", this._boundPointerMove);
-      if (this._boundPointerDown) this._overlay.removeEventListener("pointerdown", this._boundPointerDown);
-      if (this._boundContextMenu) this._overlay.removeEventListener("contextmenu", this._boundContextMenu);
-      this._overlay.remove();
-      this._overlay = null;
-    }
-    this._boundPointerMove = null;
-    this._boundPointerDown = null;
-    this._boundContextMenu = null;
-    this._hoveredObject = null;
-    this._cancelHoverReveal();
-    this._highlighter.clearHoverHighlight();
-    window.__r3fdom_selected_element__ = null;
-    r3fLog("inspect", "InspectController disabled");
-  }
-  /** Disable and release all resources. */
-  dispose() {
-    this.disable();
-  }
-  // -----------------------------------------------------------------------
-  // Raycasting (delegated to RaycastAccelerator)
-  // -----------------------------------------------------------------------
-  _raycastFromEvent(e) {
-    return this._raycastAccelerator.raycastAtMouse(
-      e,
-      this._camera,
-      this._renderer.domElement
-    );
-  }
-  /**
-   * Resolve a raw raycast hit to the logical selection target.
-   * Walks up to find the best Group parent if applicable.
-   */
-  _resolveTarget(hit) {
-    const displayUuid = resolveSelectionDisplayTarget(
-      (id) => this._store.getObject3D(id),
-      hit.uuid
-    );
-    if (!displayUuid) return hit;
-    return this._store.getObject3D(displayUuid) ?? hit;
-  }
-  // -----------------------------------------------------------------------
-  // Event handlers
-  // -----------------------------------------------------------------------
-  _onPointerMove(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    const now = performance.now();
-    if (now - this._lastRaycastTime < RAYCAST_THROTTLE_MS) return;
-    this._lastRaycastTime = now;
-    const hit = this._raycastFromEvent(e);
-    if (!hit) {
-      if (this._hoveredObject) {
-        this._hoveredObject = null;
-        this._highlighter.clearHoverHighlight();
-        this._cancelHoverReveal();
-      }
-      return;
-    }
-    if (hit === this._hoveredObject) return;
-    this._hoveredObject = hit;
-    this._highlighter.showHoverHighlight(hit);
-    this._scheduleHoverReveal(hit);
-  }
-  /**
-   * After hovering an object for HOVER_REVEAL_DEBOUNCE_MS, auto-reveal its
-   * mirror element in the Elements tab.
-   */
-  _scheduleHoverReveal(target) {
-    this._cancelHoverReveal();
-    this._hoverRevealTimer = setTimeout(() => {
-      const mirrorEl = this._mirror.getOrMaterialize(target.uuid);
-      if (mirrorEl) {
-        window.__r3fdom_selected_element__ = mirrorEl;
-      }
-    }, HOVER_REVEAL_DEBOUNCE_MS);
-  }
-  _cancelHoverReveal() {
-    if (this._hoverRevealTimer) {
-      clearTimeout(this._hoverRevealTimer);
-      this._hoverRevealTimer = null;
-    }
-  }
-  _onPointerDown(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    const hit = this._raycastFromEvent(e);
-    if (!hit) {
-      this._selectionManager.clearSelection();
-      return;
-    }
-    const target = this._resolveTarget(hit);
-    if (!target) return;
-    this._selectionManager.select(target);
-    const mirrorEl = this._mirror.getOrMaterialize(target.uuid);
-    if (mirrorEl) {
-      window.__r3fdom_selected_element__ = mirrorEl;
-    }
-    r3fLog("inspect", "Object selected via canvas click", {
-      uuid: target.uuid.slice(0, 8),
-      name: target.name || "(unnamed)",
-      type: target.type
-    });
-  }
-};
-var _bvhPatched = false;
-function ensureBVHPatched() {
-  if (_bvhPatched) return;
-  _bvhPatched = true;
-  BufferGeometry.prototype.computeBoundsTree = computeBoundsTree;
-  BufferGeometry.prototype.disposeBoundsTree = disposeBoundsTree;
-  Mesh.prototype.raycast = acceleratedRaycast;
-  r3fLog("raycast", "three-mesh-bvh patched into Three.js");
-}
-var _raycaster2 = /* @__PURE__ */ new Raycaster();
-var _mouse = /* @__PURE__ */ new Vector2();
-function isRaycastable(obj) {
-  if (obj.userData?.__r3fdom_internal) return false;
-  if (!obj.visible) return false;
-  const isMeshLike = obj.isMesh === true || obj.isLine === true || obj.isPoints === true;
-  if (!isMeshLike) return false;
-  const geom = obj.geometry;
-  if (geom) {
-    const posAttr = geom.getAttribute("position");
-    if (posAttr && !posAttr.array) return false;
-  }
-  return true;
-}
-var RaycastAccelerator = class {
-  constructor(store) {
-    this._targets = [];
-    this._dirty = true;
-    this._unsubscribe = null;
-    this._bvhBuiltFor = /* @__PURE__ */ new WeakSet();
-    this._store = store;
-    ensureBVHPatched();
-    this._unsubscribe = store.subscribe(() => {
-      this._dirty = true;
-    });
-  }
-  /** Force a target list rebuild on the next raycast. */
-  markDirty() {
-    this._dirty = true;
-  }
-  _rebuild() {
-    this._dirty = false;
-    const flatList = this._store.getFlatList();
-    const targets = [];
-    for (let i = 0; i < flatList.length; i++) {
-      const obj = flatList[i];
-      if (isRaycastable(obj)) {
-        targets.push(obj);
-      }
-    }
-    this._targets = targets;
-    let bvhBudget = 50;
-    for (let i = 0; i < targets.length && bvhBudget > 0; i++) {
-      const obj = targets[i];
-      if (obj.isMesh) {
-        const geom = obj.geometry;
-        if (geom && !this._bvhBuiltFor.has(geom) && !geom.boundsTree) {
-          this._ensureBVH(obj);
-          bvhBudget--;
-        }
-      }
-    }
-    if (bvhBudget === 0) {
-      this._dirty = true;
-    }
-  }
-  /**
-   * Build a BVH for a mesh's geometry if it doesn't have one yet.
-   * Uses indirect mode to avoid modifying the index buffer.
-   * Skips disposed geometries and does NOT mark failed builds so they
-   * can be retried (e.g. after geometry is re-uploaded).
-   */
-  _ensureBVH(obj) {
-    if (!obj.isMesh) return;
-    const geom = obj.geometry;
-    if (!geom || this._bvhBuiltFor.has(geom)) return;
-    const posAttr = geom.getAttribute("position");
-    if (!posAttr || !posAttr.array) return;
-    if (geom.boundsTree) {
-      this._bvhBuiltFor.add(geom);
-      return;
-    }
-    try {
-      geom.computeBoundsTree({ indirect: true });
-      this._bvhBuiltFor.add(geom);
-    } catch {
-      r3fLog("raycast", `BVH build failed for geometry, will retry next rebuild`);
-    }
-  }
-  /**
-   * Raycast from mouse position against only raycastable meshes.
-   * Returns the closest non-internal hit, or null.
-   */
-  raycastAtMouse(e, camera, canvas) {
-    if (this._dirty) this._rebuild();
-    const rect = canvas.getBoundingClientRect();
-    _mouse.x = (e.clientX - rect.left) / rect.width * 2 - 1;
-    _mouse.y = -((e.clientY - rect.top) / rect.height) * 2 + 1;
-    _raycaster2.setFromCamera(_mouse, camera);
-    _raycaster2.firstHitOnly = true;
-    const intersections = _raycaster2.intersectObjects(this._targets, false);
-    _raycaster2.firstHitOnly = false;
-    for (const intersection of intersections) {
-      if (intersection.object.userData?.__r3fdom_internal) continue;
-      return intersection.object;
-    }
-    return null;
-  }
-  /**
-   * Raycast from NDC coordinates. Used by raycastVerify.
-   */
-  raycastAtNdc(ndcX, ndcY, camera) {
-    if (this._dirty) this._rebuild();
-    _mouse.set(ndcX, ndcY);
-    _raycaster2.setFromCamera(_mouse, camera);
-    return _raycaster2.intersectObjects(this._targets, false);
-  }
-  /** Current number of raycastable targets. */
-  get targetCount() {
-    if (this._dirty) this._rebuild();
-    return this._targets.length;
-  }
-  /** Unsubscribe from the store and release the target list. */
-  dispose() {
-    if (this._unsubscribe) {
-      this._unsubscribe();
-      this._unsubscribe = null;
-    }
-    this._targets = [];
-  }
-};
-
-// src/bridge/ThreeDom.tsx
-var _stores = /* @__PURE__ */ new Map();
-var _mirrors = /* @__PURE__ */ new Map();
-var _selectionManagers = /* @__PURE__ */ new Map();
-var _highlighters = /* @__PURE__ */ new Map();
-var _inspectControllers = /* @__PURE__ */ new Map();
-var _filters = /* @__PURE__ */ new Map();
-var _modes = /* @__PURE__ */ new Map();
-function shouldRegister(instanceKey, obj) {
-  const mode = _modes.get(instanceKey);
-  if (mode === "manual") return false;
-  const filter = _filters.get(instanceKey);
-  if (filter) return filter(obj);
-  return true;
-}
-function ensureAncestorChain(obj, store, mirror) {
-  const chain = [];
-  let cursor = obj.parent;
-  while (cursor) {
-    if (store.has(cursor)) break;
-    chain.push(cursor);
-    cursor = cursor.parent;
-  }
-  for (let i = chain.length - 1; i >= 0; i--) {
-    const ancestor = chain[i];
-    store.register(ancestor);
-    mirror.onObjectAdded(ancestor);
-    mirror.materialize(ancestor.uuid);
-  }
-}
-function getStore2(canvasId = "") {
-  return _stores.get(canvasId) ?? null;
-}
-function getMirror(canvasId = "") {
-  return _mirrors.get(canvasId) ?? null;
-}
-function getSelectionManager(canvasId = "") {
-  return _selectionManagers.get(canvasId) ?? null;
-}
-function getHighlighter(canvasId = "") {
-  return _highlighters.get(canvasId) ?? null;
-}
-function getInspectController(canvasId = "") {
-  return _inspectControllers.get(canvasId) ?? null;
-}
-function getCanvasIds() {
-  return Array.from(_stores.keys());
-}
-function exposeGlobalAPI(store, gl, cameraRef, selMgr, inspCtrl, mirror, canvasId, isPrimary = true) {
-  const api = {
-    _ready: true,
-    canvasId,
-    getByTestId: (id) => store.getByTestId(id),
-    getByUuid: (uuid) => store.getByUuid(uuid),
-    getByName: (name) => store.getByName(name),
-    getChildren: (idOrUuid) => store.getChildren(idOrUuid),
-    getParent: (idOrUuid) => store.getParent(idOrUuid),
-    getCount: () => store.getCount(),
-    getByType: (type) => store.getByType(type),
-    getByGeometryType: (type) => store.getByGeometryType(type),
-    getByMaterialType: (type) => store.getByMaterialType(type),
-    getByUserData: (key, value) => store.getByUserData(key, value),
-    getCountByType: (type) => store.getCountByType(type),
-    getObjects: (ids) => {
-      const map = store.getObjects(ids);
-      const result = {};
-      for (const [id, meta] of map) {
-        result[id] = meta;
-      }
-      return result;
-    },
-    snapshot: () => createSnapshot(store),
-    inspect: (idOrUuid, options) => store.inspect(idOrUuid, options),
-    click: (idOrUuid) => {
-      click3D(idOrUuid);
-    },
-    doubleClick: (idOrUuid) => {
-      doubleClick3D(idOrUuid);
-    },
-    contextMenu: (idOrUuid) => {
-      contextMenu3D(idOrUuid);
-    },
-    hover: (idOrUuid) => {
-      hover3D(idOrUuid);
-    },
-    unhover: () => {
-      unhover3D();
-    },
-    drag: async (idOrUuid, delta) => {
-      await drag3D(idOrUuid, delta);
-    },
-    wheel: (idOrUuid, options) => {
-      wheel3D(idOrUuid, options);
-    },
-    pointerMiss: () => {
-      pointerMiss3D();
-    },
-    drawPath: async (points, options) => {
-      const result = await drawPath(points, options);
-      return { eventCount: result.eventCount, pointCount: result.pointCount };
-    },
-    select: (idOrUuid) => {
-      const obj = store.getObject3D(idOrUuid);
-      if (obj && selMgr) selMgr.select(obj);
-    },
-    clearSelection: () => {
-      selMgr?.clearSelection();
-    },
-    getSelection: () => selMgr ? selMgr.getSelected().map((o) => o.uuid) : [],
-    getObject3D: (idOrUuid) => store.getObject3D(idOrUuid),
-    getSelectionDisplayTarget: (uuid) => resolveSelectionDisplayTarget((id) => store.getObject3D(id), uuid) ?? uuid,
-    setInspectMode: (on) => {
-      r3fLog("inspect", "Global API setInspectMode called", { on });
-      const ctrl = inspCtrl ?? _inspectControllers.get(canvasId ?? "");
-      if (on) {
-        ctrl?.enable();
-        mirror?.setInspectMode(true);
-      } else {
-        ctrl?.disable();
-        mirror?.setInspectMode(false);
-      }
-    },
-    getInspectMode: () => {
-      const ctrl = inspCtrl ?? _inspectControllers.get(canvasId ?? "");
-      return ctrl?.active ?? false;
-    },
-    sweepOrphans: () => store.sweepOrphans(),
-    getDiagnostics: () => ({
-      version,
-      ready: true,
-      objectCount: store.getCount(),
-      meshCount: store.getCountByType("Mesh"),
-      groupCount: store.getCountByType("Group"),
-      lightCount: store.getCountByType("DirectionalLight") + store.getCountByType("PointLight") + store.getCountByType("SpotLight") + store.getCountByType("AmbientLight") + store.getCountByType("HemisphereLight"),
-      cameraCount: store.getCountByType("PerspectiveCamera") + store.getCountByType("OrthographicCamera"),
-      materializedDomNodes: mirror?.getMaterializedCount() ?? 0,
-      maxDomNodes: mirror?.getMaxNodes() ?? 0,
-      canvasWidth: gl.domElement.width,
-      canvasHeight: gl.domElement.height,
-      webglRenderer: (() => {
-        try {
-          const ctx = gl.getContext();
-          const dbg = ctx.getExtension("WEBGL_debug_renderer_info");
-          return dbg ? ctx.getParameter(dbg.UNMASKED_RENDERER_WEBGL) : "unknown";
-        } catch {
-          return "unknown";
-        }
-      })(),
-      dirtyQueueSize: store.getDirtyCount()
-    }),
-    getCameraState: () => {
-      const cam = cameraRef.current;
-      const dir = new Vector3(0, 0, -1).applyQuaternion(cam.quaternion);
-      const target = [
-        cam.position.x + dir.x * 100,
-        cam.position.y + dir.y * 100,
-        cam.position.z + dir.z * 100
-      ];
-      const state = {
-        type: cam.type,
-        position: [cam.position.x, cam.position.y, cam.position.z],
-        rotation: [cam.rotation.x, cam.rotation.y, cam.rotation.z],
-        target,
-        near: cam.near,
-        far: cam.far,
-        zoom: cam.zoom
-      };
-      if (cam.type === "PerspectiveCamera") {
-        const pc = cam;
-        state.fov = pc.fov;
-        state.aspect = pc.aspect;
-      } else if (cam.type === "OrthographicCamera") {
-        const oc = cam;
-        state.left = oc.left;
-        state.right = oc.right;
-        state.top = oc.top;
-        state.bottom = oc.bottom;
-      }
-      return state;
-    },
-    r3fRegister: (obj) => {
-      if (store.has(obj)) return;
-      if (!store.isInTrackedScene(obj)) {
-        console.warn(
-          `[react-three-dom] r3fRegister: object "${obj.userData?.testId || obj.name || obj.uuid.slice(0, 8)}" is not in a tracked scene. Add it to the scene graph first.`
-        );
-        return;
-      }
-      obj.userData.__r3fdom_manual = true;
-      ensureAncestorChain(obj, store, mirror);
-      let count = 0;
-      obj.traverse((child) => {
-        if (!store.has(child)) {
-          store.register(child);
-          mirror?.onObjectAdded(child);
-          mirror?.materialize(child.uuid);
-          count++;
-        }
-      });
-      r3fLog("bridge", `r3fRegister: "${obj.userData?.testId || obj.name || obj.uuid.slice(0, 8)}" (${obj.type}) \u2014 ${count} objects`);
-    },
-    r3fUnregister: (obj) => {
-      if (!store.has(obj)) return;
-      if (!obj.userData?.__r3fdom_manual) {
-        r3fLog("bridge", `r3fUnregister skipped \u2014 "${obj.userData?.testId || obj.name || obj.uuid.slice(0, 8)}" was auto-registered`);
-        return;
-      }
-      delete obj.userData.__r3fdom_manual;
-      mirror?.onObjectRemoved(obj);
-      obj.traverse((child) => store.unregister(child));
-      r3fLog("bridge", `r3fUnregister: "${obj.userData?.testId || obj.name || obj.uuid.slice(0, 8)}" (${obj.type})`);
-    },
-    fuzzyFind: (query, limit = 5) => {
-      const q = query.toLowerCase();
-      const results = [];
-      for (const obj of store.getFlatList()) {
-        if (results.length >= limit) break;
-        const meta = store.getMetadata(obj);
-        if (!meta) continue;
-        const testId = meta.testId?.toLowerCase() ?? "";
-        const name = meta.name?.toLowerCase() ?? "";
-        if (testId.includes(q) || name.includes(q) || meta.uuid.startsWith(q)) {
-          results.push(meta);
-        }
-      }
-      return results;
-    },
-    version
-  };
-  if (isPrimary) {
-    window.__R3F_DOM__ = api;
-  }
-  if (canvasId) {
-    if (!window.__R3F_DOM_INSTANCES__) window.__R3F_DOM_INSTANCES__ = {};
-    if (window.__R3F_DOM_INSTANCES__[canvasId]) {
-      console.warn(
-        `[react-three-dom] Duplicate canvasId "${canvasId}" \u2014 the previous bridge instance will be overwritten. Each <ThreeDom> must have a unique canvasId.`
-      );
-    }
-    window.__R3F_DOM_INSTANCES__[canvasId] = api;
-  }
-}
-function removeGlobalAPI(onlyIfEquals, canvasId) {
-  r3fLog("bridge", "removeGlobalAPI called (deferred)");
-  const removeFromRegistry = (ref) => {
-    if (canvasId && window.__R3F_DOM_INSTANCES__) {
-      if (!ref || window.__R3F_DOM_INSTANCES__[canvasId] === ref) {
-        delete window.__R3F_DOM_INSTANCES__[canvasId];
-        if (Object.keys(window.__R3F_DOM_INSTANCES__).length === 0) {
-          delete window.__R3F_DOM_INSTANCES__;
-        }
-      }
-    }
-  };
-  if (onlyIfEquals !== void 0) {
-    const ref = onlyIfEquals;
-    queueMicrotask(() => {
-      if (window.__R3F_DOM__ === ref) {
-        delete window.__R3F_DOM__;
-        r3fLog("bridge", "Global API removed");
-      } else {
-        r3fLog("bridge", "Global API not removed \u2014 replaced by new instance (Strict Mode remount)");
-      }
-      removeFromRegistry(ref);
-    });
-  } else {
-    delete window.__R3F_DOM__;
-    removeFromRegistry();
-    r3fLog("bridge", "Global API removed (immediate)");
-  }
-}
-function createStubBridge(error, canvasId) {
-  return {
-    _ready: false,
-    _error: error,
-    canvasId,
-    getByTestId: () => null,
-    getByUuid: () => null,
-    getByName: () => [],
-    getChildren: () => [],
-    getParent: () => null,
-    getCount: () => 0,
-    getByType: () => [],
-    getByGeometryType: () => [],
-    getByMaterialType: () => [],
-    getByUserData: () => [],
-    getCountByType: () => 0,
-    getObjects: (ids) => {
-      const result = {};
-      for (const id of ids) result[id] = null;
-      return result;
-    },
-    snapshot: () => ({
-      timestamp: 0,
-      objectCount: 0,
-      tree: {
-        uuid: "",
-        name: "",
-        type: "Scene",
-        visible: true,
-        position: [0, 0, 0],
-        rotation: [0, 0, 0],
-        scale: [1, 1, 1],
-        children: []
-      }
-    }),
-    inspect: () => null,
-    click: () => {
-    },
-    doubleClick: () => {
-    },
-    contextMenu: () => {
-    },
-    hover: () => {
-    },
-    unhover: () => {
-    },
-    drag: async () => {
-    },
-    wheel: () => {
-    },
-    pointerMiss: () => {
-    },
-    drawPath: async () => ({ eventCount: 0, pointCount: 0 }),
-    select: () => {
-    },
-    clearSelection: () => {
-    },
-    getSelection: () => [],
-    getObject3D: () => null,
-    getSelectionDisplayTarget: (uuid) => uuid,
-    setInspectMode: () => {
-    },
-    getInspectMode: () => false,
-    r3fRegister: () => {
-    },
-    r3fUnregister: () => {
-    },
-    sweepOrphans: () => 0,
-    getDiagnostics: () => ({
-      version,
-      ready: false,
-      error: error ?? void 0,
-      objectCount: 0,
-      meshCount: 0,
-      groupCount: 0,
-      lightCount: 0,
-      cameraCount: 0,
-      materializedDomNodes: 0,
-      maxDomNodes: 0,
-      canvasWidth: 0,
-      canvasHeight: 0,
-      webglRenderer: "unavailable",
-      dirtyQueueSize: 0
-    }),
-    getCameraState: () => ({
-      type: "unknown",
-      position: [0, 0, 0],
-      rotation: [0, 0, 0],
-      target: [0, 0, -100],
-      near: 0.1,
-      far: 1e3,
-      zoom: 1
-    }),
-    fuzzyFind: () => [],
-    version
-  };
-}
-function ThreeDom({
-  canvasId,
-  primary,
-  root = "#three-dom-root",
-  mode = "auto",
-  filter,
-  batchSize = 500,
-  syncBudgetMs = 0.5,
-  maxDomNodes = 2e3,
-  initialDepth = 3,
-  enabled = true,
-  debug = false,
-  inspect: inspectProp = false
-} = {}) {
-  const isPrimary = primary ?? canvasId === void 0;
-  const instanceKey = canvasId ?? "";
-  const scene = useThree((s) => s.scene);
-  const camera = useThree((s) => s.camera);
-  const gl = useThree((s) => s.gl);
-  const size = useThree((s) => s.size);
-  const cursorRef = useRef(0);
-  const lastSweepRef = useRef(0);
-  const cameraRef = useRef(camera);
-  cameraRef.current = camera;
-  useEffect(() => {
-    if (!enabled) return;
-    if (debug) enableDebug(true);
-    r3fLog("setup", "ThreeDom effect started", { enabled, debug, root, maxDomNodes });
-    const canvas = gl.domElement;
-    canvas.setAttribute("data-r3f-canvas", canvasId ?? "true");
-    const canvasParent = canvas.parentElement;
-    let rootElement = null;
-    let createdRoot = false;
-    if (typeof root === "string") {
-      rootElement = document.querySelector(root);
-    } else {
-      rootElement = root;
-    }
-    if (!rootElement) {
-      rootElement = document.createElement("div");
-      rootElement.id = typeof root === "string" ? root.replace(/^#/, "") : "three-dom-root";
-      createdRoot = true;
-    }
-    canvasParent.style.position = canvasParent.style.position || "relative";
-    canvasParent.appendChild(rootElement);
-    rootElement.style.cssText = "width:0;height:0;overflow:hidden;pointer-events:none;opacity:0;";
-    let store = null;
-    let mirror = null;
-    let unpatch = null;
-    let cancelAsyncReg = null;
-    let selectionManager = null;
-    let highlighter = null;
-    let raycastAccelerator = null;
-    let inspectController = null;
-    let currentApi;
-    try {
-      const webglContext = gl.getContext();
-      if (!webglContext || webglContext.isContextLost?.()) {
-        const msg = "WebGL context not available. For headless Chromium, add --enable-webgl and optionally --use-gl=angle --use-angle=swiftshader-webgl to launch args.";
-        const stubApi = createStubBridge(msg, canvasId);
-        if (isPrimary) window.__R3F_DOM__ = stubApi;
-        if (canvasId) {
-          if (!window.__R3F_DOM_INSTANCES__) window.__R3F_DOM_INSTANCES__ = {};
-          window.__R3F_DOM_INSTANCES__[canvasId] = stubApi;
-        }
-        r3fLog("setup", msg);
-        return () => {
-          removeGlobalAPI(stubApi, canvasId);
-          canvas.removeAttribute("data-r3f-canvas");
-          if (createdRoot && rootElement?.parentNode) {
-            rootElement.parentNode.removeChild(rootElement);
-          }
-          if (debug) enableDebug(false);
-        };
-      }
-      store = new ObjectStore();
-      mirror = new DomMirror(store, maxDomNodes);
-      mirror.setRoot(rootElement);
-      r3fLog("setup", "Store and mirror created");
-      ensureCustomElements(store);
-      _modes.set(instanceKey, mode);
-      _filters.set(instanceKey, filter ?? null);
-      unpatch = patchObject3D(store, mirror, instanceKey);
-      setInteractionState(store, camera, gl, size);
-      r3fLog("setup", `Object3D patched (mode=${mode}), interaction state set`);
-      if (mode === "auto") {
-        if (filter) {
-          store.addTrackedRoot(scene);
-          store.register(scene);
-          mirror.onObjectAdded(scene);
-          scene.traverse((obj) => {
-            if (obj === scene) return;
-            if (filter(obj)) {
-              ensureAncestorChain(obj, store, mirror);
-              store.register(obj);
-              mirror.onObjectAdded(obj);
-            }
-          });
-        } else {
-          store.registerTree(scene);
-        }
-        if (!store.has(camera)) {
-          const camMeta = store.register(camera);
-          camMeta.parentUuid = scene.uuid;
-          mirror.materialize(camera.uuid);
-        }
-        mirror.materializeSubtree(scene.uuid, initialDepth);
-        if (!filter) {
-          cancelAsyncReg = store.registerTreeAsync(scene);
-        }
-      } else {
-        store.addTrackedRoot(scene);
-        store.register(scene);
-        mirror.onObjectAdded(scene);
-      }
-      r3fLog("setup", `Scene registered (mode=${mode}): ${store.getCount()} objects`);
-      selectionManager = new SelectionManager();
-      highlighter = new Highlighter();
-      highlighter.attach(scene, selectionManager, camera, gl, store);
-      raycastAccelerator = new RaycastAccelerator(store);
-      inspectController = new InspectController({
-        camera,
-        renderer: gl,
-        selectionManager,
-        highlighter,
-        raycastAccelerator,
-        mirror,
-        store
-      });
-      _selectionManagers.set(instanceKey, selectionManager);
-      _highlighters.set(instanceKey, highlighter);
-      _inspectControllers.set(instanceKey, inspectController);
-      exposeGlobalAPI(store, gl, cameraRef, selectionManager, inspectController, mirror, canvasId, isPrimary);
-      r3fLog("bridge", `exposeGlobalAPI called \u2014 bridge is live, _ready=true${canvasId ? `, canvasId="${canvasId}"` : ""}`);
-      currentApi = canvasId ? window.__R3F_DOM_INSTANCES__?.[canvasId] : window.__R3F_DOM__;
-      _stores.set(instanceKey, store);
-      _mirrors.set(instanceKey, mirror);
-      if (inspectProp) {
-        inspectController.enable();
-      }
-      if (debug) {
-        const inspectStatus = inspectProp ? "on" : "off";
-        console.log(
-          "%c[react-three-dom]%c v" + version + " \u2014 " + store.getCount() + " objects \xB7 inspect: " + inspectStatus + "\n  %c\u2192%c Toggle inspect: %c__R3F_DOM__.setInspectMode(true|false)%c\n  %c\u2192%c Hover 3D objects to highlight + auto-reveal in Elements tab",
-          "background:#1a73e8;color:#fff;padding:2px 6px;border-radius:3px;font-weight:bold",
-          "color:inherit",
-          "color:#1a73e8",
-          "color:inherit",
-          "color:#e8a317;font-family:monospace",
-          "color:inherit",
-          "color:#1a73e8",
-          "color:inherit"
-        );
-      }
-    } catch (err) {
-      const errorMsg = err instanceof Error ? err.message : String(err);
-      r3fLog("setup", "ThreeDom setup failed", err);
-      console.error("[react-three-dom] Setup failed:", err);
-      const stubApi = createStubBridge(errorMsg, canvasId);
-      if (isPrimary) window.__R3F_DOM__ = stubApi;
-      if (canvasId) {
-        if (!window.__R3F_DOM_INSTANCES__) window.__R3F_DOM_INSTANCES__ = {};
-        window.__R3F_DOM_INSTANCES__[canvasId] = stubApi;
-      }
-      currentApi = stubApi;
-    }
-    return () => {
-      r3fLog("setup", "ThreeDom cleanup started");
-      if (cancelAsyncReg) cancelAsyncReg();
-      if (inspectController) inspectController.dispose();
-      if (raycastAccelerator) raycastAccelerator.dispose();
-      if (highlighter) highlighter.dispose();
-      if (unpatch) unpatch();
-      removeGlobalAPI(currentApi, canvasId);
-      clearInteractionState();
-      if (selectionManager) selectionManager.dispose();
-      if (mirror) mirror.dispose();
-      if (store) store.dispose();
-      canvas.removeAttribute("data-r3f-canvas");
-      if (createdRoot && rootElement?.parentNode) {
-        rootElement.parentNode.removeChild(rootElement);
-      }
-      _stores.delete(instanceKey);
-      _mirrors.delete(instanceKey);
-      _selectionManagers.delete(instanceKey);
-      _highlighters.delete(instanceKey);
-      _inspectControllers.delete(instanceKey);
-      _modes.delete(instanceKey);
-      _filters.delete(instanceKey);
-      if (debug) enableDebug(false);
-      r3fLog("setup", "ThreeDom cleanup complete");
-    };
-  }, [scene, camera, gl, enabled, root, maxDomNodes, initialDepth, debug, inspectProp, canvasId, isPrimary, instanceKey]);
-  useFrame(() => {
-    const _store3 = _stores.get(instanceKey);
-    const _mirror = _mirrors.get(instanceKey);
-    const _highlighter = _highlighters.get(instanceKey);
-    const _inspectController = _inspectControllers.get(instanceKey);
-    if (!enabled || !_store3 || !_mirror) return;
-    try {
-      setInteractionState(_store3, camera, gl, size);
-      if (_inspectController) _inspectController.updateCamera(camera);
-      const store = _store3;
-      const mirror = _mirror;
-      const start = performance.now();
-      const dirtyObjects = store.drainDirtyQueue();
-      for (const obj of dirtyObjects) {
-        store.update(obj);
-        mirror.syncAttributes(obj);
-      }
-      const budgetRemaining = syncBudgetMs - (performance.now() - start);
-      if (budgetRemaining > 0.1) {
-        const objects = store.getFlatList();
-        if (objects.length > 0) {
-          const end = Math.min(cursorRef.current + batchSize, objects.length);
-          for (let i = cursorRef.current; i < end; i++) {
-            if (performance.now() - start > syncBudgetMs) break;
-            const obj = objects[i];
-            const changed = store.update(obj);
-            if (changed) mirror.syncAttributes(obj);
-          }
-          cursorRef.current = end >= objects.length ? 0 : end;
-        }
-      }
-      if (_highlighter) _highlighter.update();
-      const now = performance.now();
-      if (now - lastSweepRef.current > 3e4) {
-        lastSweepRef.current = now;
-        store.sweepOrphans();
-      }
-    } catch (err) {
-      r3fLog("sync", "Per-frame sync error", err);
-    }
-  });
-  return null;
-}
-function getAPI(canvasId) {
-  if (canvasId) {
-    return window.__R3F_DOM_INSTANCES__?.[canvasId];
-  }
-  return window.__R3F_DOM__;
-}
-function useR3FRegister(ref, canvasId) {
-  const trackedObj = useRef(null);
-  const canvasIdRef = useRef(canvasId);
-  canvasIdRef.current = canvasId;
-  const register = useCallback((obj) => {
-    const api = getAPI(canvasIdRef.current);
-    if (!api) return false;
-    api.r3fRegister(obj);
-    trackedObj.current = obj;
-    return true;
-  }, []);
-  const unregister = useCallback(() => {
-    if (!trackedObj.current) return;
-    const api = getAPI(canvasIdRef.current);
-    api?.r3fUnregister(trackedObj.current);
-    trackedObj.current = null;
-  }, []);
-  useEffect(() => {
-    const obj = ref.current;
-    if (obj) register(obj);
-    return () => unregister();
-  }, [ref, register, unregister]);
-  useFrame(() => {
-    const current = ref.current;
-    if (current === trackedObj.current) return;
-    unregister();
-    if (current) register(current);
-  });
-}
-
-export { DomMirror, Highlighter, InspectController, MANAGED_ATTRIBUTES, ObjectStore, RaycastAccelerator, SelectionManager, TAG_MAP, ThreeDom, ThreeElement, applyAttributes, circlePath, click3D, computeAttributes, contextMenu3D, createFlatSnapshot, createSnapshot, curvePath, dispatchClick, dispatchContextMenu, dispatchDoubleClick, dispatchDrag, dispatchHover, dispatchPointerMiss, dispatchUnhover, dispatchWheel, doubleClick3D, drag3D, drawPath, enableDebug, ensureCustomElements, getCanvasIds, getHighlighter, getInspectController, getMirror, getSelectionManager, getStore2 as getStore, getTagForType, hover3D, isDebugEnabled, isInFrustum, isPatched, linePath, patchObject3D, pointerMiss3D, previewDragWorldDelta, projectAllSamplePoints, projectToScreen, r3fLog, rectPath, resolveObject, restoreObject3D, screenDeltaToWorld, unhover3D, useR3FRegister, verifyRaycastHit, verifyRaycastHitMultiPoint, version, wheel3D };
-//# sourceMappingURL=index.js.map
+import {Box3,Vector3,Frustum,Matrix4,Raycaster,Vector2,Object3D,BufferGeometry,Material,Color,MeshBasicMaterial,DoubleSide,Mesh,BoxGeometry,EdgesGeometry,LineBasicMaterial,LineSegments,InstancedMesh,PerspectiveCamera,OrthographicCamera}from'three';import {useRef,useEffect,useCallback}from'react';import {useThree,useFrame}from'@react-three/fiber';var $="0.6.0";var Le=false;function ne(t=true){Le=t;}function rr(){return Le||typeof window<"u"&&!!window.__R3F_DOM_DEBUG__}function d(t,e,r){!Le&&!(typeof window<"u"&&window.__R3F_DOM_DEBUG__)||(r!==void 0?console.log(`[r3f-dom:${t}]`,e,r):console.log(`[r3f-dom:${t}]`,e));}function _t(t){let e={uuid:t.uuid,name:t.name,type:t.type,visible:t.visible,testId:t.userData?.testId,position:[t.position.x,t.position.y,t.position.z],rotation:[t.rotation.x,t.rotation.y,t.rotation.z],scale:[t.scale.x,t.scale.y,t.scale.z],parentUuid:t.parent?.uuid??null,childrenUuids:t.children.map(r=>r.uuid),boundsDirty:true};return cr(t,e),e}function cr(t,e){try{if("geometry"in t){let r=t.geometry;if(r instanceof BufferGeometry){e.geometryType=r.type;let n=r.getAttribute("position");n&&(e.vertexCount=n.count,r.index?e.triangleCount=Math.floor(r.index.count/3):e.triangleCount=Math.floor(n.count/3));}}}catch{d("store",`extractMetadata: geometry access failed for "${t.name||t.uuid}"`);}try{if("material"in t){let r=t.material;r instanceof Material?e.materialType=r.type:Array.isArray(r)&&r.length>0&&(e.materialType=r[0].type+(r.length>1?` (+${r.length-1})`:""));}}catch{d("store",`extractMetadata: material access failed for "${t.name||t.uuid}"`);}try{t instanceof InstancedMesh&&(e.instanceCount=t.count);}catch{}try{t instanceof PerspectiveCamera?(e.fov=t.fov,e.near=t.near,e.far=t.far,e.zoom=t.zoom):t instanceof OrthographicCamera&&(e.near=t.near,e.far=t.far,e.zoom=t.zoom);}catch{}}function lr(t,e){let r=false;e.visible!==t.visible&&(e.visible=t.visible,r=true),e.name!==t.name&&(e.name=t.name,r=true);let n=t.userData?.testId;e.testId!==n&&(e.testId=n,r=true);let i=t.position;(e.position[0]!==i.x||e.position[1]!==i.y||e.position[2]!==i.z)&&(e.position[0]=i.x,e.position[1]=i.y,e.position[2]=i.z,r=true);let a=t.rotation;(e.rotation[0]!==a.x||e.rotation[1]!==a.y||e.rotation[2]!==a.z)&&(e.rotation[0]=a.x,e.rotation[1]=a.y,e.rotation[2]=a.z,r=true);let o=t.scale;(e.scale[0]!==o.x||e.scale[1]!==o.y||e.scale[2]!==o.z)&&(e.scale[0]=o.x,e.scale[1]=o.y,e.scale[2]=o.z,r=true);let c=t.parent?.uuid??null;e.parentUuid!==c&&(e.parentUuid=c,r=true);let u=t.children,s=e.childrenUuids;if(s.length!==u.length)e.childrenUuids=u.map(l=>l.uuid),r=true;else for(let l=0;l<s.length;l++)if(s[l]!==u[l].uuid){e.childrenUuids=u.map(p=>p.uuid),r=true;break}return r}var N=new Box3;function ur(t,e,r){let n=Array(16).fill(0),i=[0,0,0],a=[0,0,0];try{t.updateWorldMatrix(!0,!1),n=Array.from(t.matrixWorld.elements),N.setFromObject(t),i=[N.min.x,N.min.y,N.min.z],a=[N.max.x,N.max.y,N.max.z];}catch{d("store",`inspectObject: world matrix / bounds failed for "${t.name||t.uuid}"`);}let o={metadata:e,worldMatrix:n,bounds:{min:i,max:a},userData:{}};try{o.userData={...t.userData};}catch{d("store",`inspectObject: userData copy failed for "${t.name||t.uuid}"`);}try{if("geometry"in t){let c=t.geometry;if(c instanceof BufferGeometry&&c.attributes){let u={type:c.type,attributes:{}};for(let[l,p]of Object.entries(c.attributes))p&&(u.attributes[l]={itemSize:p.itemSize,count:p.count});if(c.index&&(u.index={count:c.index.count}),r?.includeGeometryData){let l=c.getAttribute("position");l?.array&&(u.positionData=Array.from(l.array)),c.index?.array&&(u.indexData=Array.from(c.index.array));}c.computeBoundingSphere();let s=c.boundingSphere;s&&(u.boundingSphere={center:[s.center.x,s.center.y,s.center.z],radius:s.radius}),o.geometry=u;}}}catch{d("store",`inspectObject: geometry inspection failed for "${t.name||t.uuid}"`);}try{if("material"in t){let c=t.material;if(!c)throw new Error("disposed");let u=Array.isArray(c)?c[0]:c;if(u instanceof Material){let s={type:u.type,transparent:u.transparent,opacity:u.opacity,side:u.side};if("color"in u&&u.color instanceof Color&&(s.color="#"+u.color.getHexString()),"map"in u){let l=u.map;l&&(s.map=l.name||l.uuid||"unnamed");}if("uniforms"in u){let l=u.uniforms;s.uniforms={};for(let[p,g]of Object.entries(l)){let h=g.value;h==null||typeof h=="number"||typeof h=="boolean"||typeof h=="string"?s.uniforms[p]=h:typeof h=="object"&&"toArray"in h?s.uniforms[p]=h.toArray():s.uniforms[p]=`[${typeof h}]`;}}o.material=s;}}}catch{d("store",`inspectObject: material inspection failed for "${t.name||t.uuid}"`);}return o}var ie=class{constructor(){this._metaByObject=new WeakMap;this._objectByUuid=new Map;this._objectsByTestId=new Map;this._objectsByName=new Map;this._flatList=[];this._flatListDirty=true;this._dirtyQueue=new Set;this._listeners=[];this._trackedRoots=new WeakSet;this._asyncRegQueue=[];this._asyncRegHandle=null;this._asyncRegBatchSize=1e3;}register(e){if(e.userData?.__r3fdom_internal)return _t(e);let r=this._metaByObject.get(e);if(r)return r;let n=_t(e);if(this._metaByObject.set(e,n),this._objectByUuid.set(n.uuid,e),this._flatListDirty=true,e.userData.__r3fdom_tracked=true,n.testId&&this._objectsByTestId.set(n.testId,e),n.name){let i=this._objectsByName.get(n.name);i||(i=new Set,this._objectsByName.set(n.name,i)),i.add(e);}return this._emit({type:"add",object:e,metadata:n}),n.testId&&d("store",`Registered "${n.testId}" (${n.type})`),n}registerTree(e){this._trackedRoots.add(e),e.traverse(r=>{try{this.register(r);}catch(n){d("store",`registerTree: failed to register "${r.name||r.uuid}"`,n);}});}registerTreeAsync(e){this._trackedRoots.add(e);let r=[];return e.traverse(n=>r.push(n)),this._asyncRegQueue=r,d("store",`registerTreeAsync: ${r.length} objects queued`),this._scheduleRegChunk(),()=>this._cancelAsyncRegistration()}_scheduleRegChunk(){if(this._asyncRegQueue.length===0){this._asyncRegHandle=null,d("store",`registerTreeAsync complete: ${this.getCount()} objects registered`);return}let e=r=>{let n=r?()=>r.timeRemaining()>1:()=>true,i=0;for(;this._asyncRegQueue.length>0&&i<this._asyncRegBatchSize&&n();){let a=this._asyncRegQueue.shift();try{this.register(a);}catch(o){d("store",`registerTreeAsync: failed to register "${a.name||a.uuid}"`,o);}i++;}this._scheduleRegChunk();};typeof requestIdleCallback=="function"?this._asyncRegHandle=requestIdleCallback(e,{timeout:50}):this._asyncRegHandle=setTimeout(e,4);}_cancelAsyncRegistration(){this._asyncRegHandle!==null&&(typeof cancelIdleCallback=="function"?cancelIdleCallback(this._asyncRegHandle):clearTimeout(this._asyncRegHandle),this._asyncRegHandle=null),this._asyncRegQueue=[];}unregister(e){let r=this._metaByObject.get(e);if(r){if(this._metaByObject.delete(e),this._objectByUuid.delete(r.uuid),this._dirtyQueue.delete(e),this._flatListDirty=true,delete e.userData.__r3fdom_tracked,delete e.userData.__r3fdom_manual,r.testId&&this._objectsByTestId.delete(r.testId),r.name){let n=this._objectsByName.get(r.name);n&&(n.delete(e),n.size===0&&this._objectsByName.delete(r.name));}r.testId&&d("store",`Unregistered "${r.testId}" (${r.type})`),this._emit({type:"remove",object:e,metadata:r});}}addTrackedRoot(e){this._trackedRoots.add(e);}unregisterTree(e){e.traverse(r=>{this.unregister(r);}),this._trackedRoots.delete(e);}update(e){let r=this._metaByObject.get(e);if(!r)return  false;let n;try{let i=r.testId,a=r.name;if(n=lr(e,r),n){if(i!==r.testId&&(d("store",`testId changed: "${i}" \u2192 "${r.testId}" (${r.type})`),i&&this._objectsByTestId.delete(i),r.testId&&this._objectsByTestId.set(r.testId,e)),a!==r.name){if(a){let o=this._objectsByName.get(a);o&&(o.delete(e),o.size===0&&this._objectsByName.delete(a));}if(r.name){let o=this._objectsByName.get(r.name);o||(o=new Set,this._objectsByName.set(r.name,o)),o.add(e);}}this._emit({type:"update",object:e,metadata:r});}}catch(i){return d("store",`update: updateDynamicFields failed for "${e.name||e.uuid}"`,i),false}return n}inspect(e,r){let n=this.getObject3D(e);if(!n)return null;let i=this._metaByObject.get(n);return i?ur(n,i,r):null}getByTestId(e){let r=this._objectsByTestId.get(e);return r?this._metaByObject.get(r)??null:null}getByUuid(e){let r=this._objectByUuid.get(e);return r?this._metaByObject.get(r)??null:null}getByName(e){let r=this._objectsByName.get(e);if(!r)return [];let n=[];for(let i of r){let a=this._metaByObject.get(i);a&&n.push(a);}return n}getChildren(e){let r=this.getByTestId(e)??this.getByUuid(e);if(!r)return [];let n=[];for(let i of r.childrenUuids){let a=this.getByUuid(i);a&&n.push(a);}return n}getParent(e){let r=this.getByTestId(e)??this.getByUuid(e);return !r||r.parentUuid===null?null:this.getByUuid(r.parentUuid)}getObjects(e){let r=new Map;for(let n of e){let i=this.getByTestId(n)??this.getByUuid(n);r.set(n,i);}return r}getByType(e){let r=[];for(let n of this.getFlatList()){let i=this._metaByObject.get(n);i&&i.type===e&&r.push(i);}return r}getByGeometryType(e){let r=[];for(let n of this.getFlatList()){let i=this._metaByObject.get(n);i&&i.geometryType===e&&r.push(i);}return r}getByMaterialType(e){let r=[];for(let n of this.getFlatList()){let i=this._metaByObject.get(n);i&&i.materialType===e&&r.push(i);}return r}getByUserData(e,r){let n=[],i=r!==void 0,a=i?JSON.stringify(r):"";for(let o of this.getFlatList()){if(!(e in o.userData)||i&&JSON.stringify(o.userData[e])!==a)continue;let c=this._metaByObject.get(o);c&&n.push(c);}return n}getCountByType(e){let r=0;for(let n of this.getFlatList()){let i=this._metaByObject.get(n);i&&i.type===e&&r++;}return r}getObject3D(e){return this._objectsByTestId.get(e)??this._objectByUuid.get(e)??null}getMetadata(e){return this._metaByObject.get(e)??null}has(e){return this._metaByObject.has(e)}getCount(){return this._objectByUuid.size}isTrackedRoot(e){return this._trackedRoots.has(e)}isInTrackedScene(e){if(e.userData?.__r3fdom_tracked)return  true;let r=e.parent;for(;r;){if(r.userData?.__r3fdom_tracked||this._trackedRoots.has(r))return  true;r=r.parent;}return  false}getFlatList(){return this._flatListDirty&&(this._flatList=Array.from(this._objectByUuid.values()),this._flatListDirty=false),this._flatList}markDirty(e){this._metaByObject.has(e)&&this._dirtyQueue.add(e);}drainDirtyQueue(){if(this._dirtyQueue.size===0)return [];let e=Array.from(this._dirtyQueue);return this._dirtyQueue.clear(),e}getDirtyCount(){return this._dirtyQueue.size}subscribe(e){return this._listeners.push(e),()=>{let r=this._listeners.indexOf(e);r!==-1&&this._listeners.splice(r,1);}}_emit(e){for(let r of this._listeners)r(e);}sweepOrphans(){let e=0;for(let[r,n]of this._objectByUuid)!n.parent&&!this._trackedRoots.has(n)&&(this.unregister(n),e++,d("store",`sweepOrphans: removed orphan "${n.name||r}"`));return e}dispose(){this._cancelAsyncRegistration();for(let e of this._objectByUuid.values())e.userData&&delete e.userData.__r3fdom_tracked;this._objectByUuid.clear(),this._objectsByTestId.clear(),this._objectsByName.clear(),this._flatList=[],this._flatListDirty=true,this._dirtyQueue.clear(),this._listeners=[];}};var Ot={Scene:"three-scene",Group:"three-group",LOD:"three-group",Bone:"three-group",Mesh:"three-mesh",SkinnedMesh:"three-mesh",InstancedMesh:"three-mesh",LineSegments:"three-mesh",Line:"three-mesh",LineLoop:"three-mesh",Points:"three-mesh",Sprite:"three-mesh",AmbientLight:"three-light",DirectionalLight:"three-light",HemisphereLight:"three-light",PointLight:"three-light",RectAreaLight:"three-light",SpotLight:"three-light",LightProbe:"three-light",PerspectiveCamera:"three-camera",OrthographicCamera:"three-camera",ArrayCamera:"three-camera",CubeCamera:"three-camera",BoxHelper:"three-object",ArrowHelper:"three-object",AxesHelper:"three-object",GridHelper:"three-object",SkeletonHelper:"three-object"},dr=["three-scene","three-group","three-mesh","three-light","three-camera","three-object"],hr="three-object";function G(t){return Ot[t]??hr}var F=null;var ve=class extends HTMLElement{get metadata(){let e=this.dataset.uuid;return !e||!F?null:F.getByUuid(e)}inspect(){let e=this.dataset.uuid;return !e||!F?null:F.inspect(e)}get object3D(){let e=this.dataset.uuid;return !e||!F?null:F.getObject3D(e)}get position(){return this.metadata?.position??null}get rotation(){return this.metadata?.rotation??null}get scale(){return this.metadata?.scale??null}get visible(){return this.metadata?.visible??false}get testId(){return this.metadata?.testId}get bounds(){return this.inspect()?.bounds??null}click(){let e=this.dataset.uuid;if(!e){console.warn("[react-three-dom] Cannot click: element has no data-uuid");return}typeof window.__R3F_DOM__?.click=="function"?window.__R3F_DOM__.click(e):console.warn("[react-three-dom] Cannot click: bridge API not initialized");}hover(){let e=this.dataset.uuid;if(!e){console.warn("[react-three-dom] Cannot hover: element has no data-uuid");return}typeof window.__R3F_DOM__?.hover=="function"?window.__R3F_DOM__.hover(e):console.warn("[react-three-dom] Cannot hover: bridge API not initialized");}toString(){let e=this.tagName.toLowerCase(),r=this.dataset.name?` name="${this.dataset.name}"`:"",n=this.dataset.testId?` testId="${this.dataset.testId}"`:"",i=this.dataset.type?` type="${this.dataset.type}"`:"";return `<${e}${r}${n}${i}>`}},xt=false;function ze(t){if(!xt&&!(typeof customElements>"u")){F=t;for(let e of dr)if(!customElements.get(e)){let r=class extends ve{};Object.defineProperty(r,"name",{value:`ThreeElement_${e}`}),customElements.define(e,r);}xt=true;}}var Mt={"data-uuid":t=>t.uuid,"data-name":t=>t.name||void 0,"data-type":t=>t.type,"data-visible":t=>String(t.visible),"data-test-id":t=>t.testId,"data-geometry":t=>t.geometryType,"data-material":t=>t.materialType,"data-position":t=>ke(t.position),"data-rotation":t=>ke(t.rotation),"data-scale":t=>ke(t.scale),"data-vertex-count":t=>t.vertexCount!==void 0?String(t.vertexCount):void 0,"data-triangle-count":t=>t.triangleCount!==void 0?String(t.triangleCount):void 0,"data-instance-count":t=>t.instanceCount!==void 0?String(t.instanceCount):void 0,"data-fov":t=>t.fov!==void 0?String(t.fov):void 0,"data-near":t=>t.near!==void 0?String(t.near):void 0,"data-far":t=>t.far!==void 0?String(t.far):void 0,"data-zoom":t=>t.zoom!==void 0?String(t.zoom):void 0},pr=Object.keys(Mt);function ke(t){return `${We(t[0])},${We(t[1])},${We(t[2])}`}function We(t){let e=Math.round(t*1e4)/1e4;return String(e===0?0:e)}function wt(t){let e=new Map;for(let[r,n]of Object.entries(Mt)){let i=n(t);i!==void 0&&e.set(r,i);}return e}function Y(t,e,r){let n=0,i=wt(e);for(let[a,o]of i)r.get(a)!==o&&(t.setAttribute(a,o),r.set(a,o),n++);for(let a of r.keys())i.has(a)||(t.removeAttribute(a),r.delete(a),n++);return n}var oe=class{constructor(e,r=2e3){this._rootElement=null;this._nodes=new Map;this._lruHead=null;this._lruTail=null;this._lruSize=0;this._parentMap=new Map;this._inspectMode=false;this._asyncQueue=[];this._asyncIdleHandle=null;this._asyncBatchSize=200;this._store=e,this._maxNodes=r;}setRoot(e){this._rootElement=e;}setInspectMode(e){this._inspectMode!==e&&(this._inspectMode=e,e?this._startAsyncMaterialization():this._cancelAsyncMaterialization(),d("inspect","setInspectMode",{on:e,nodeCount:this._nodes.size}));}getInspectMode(){return this._inspectMode}buildInitialTree(e){this._rootElement&&this.materializeSubtree(e.uuid,2);}materialize(e){let r=this._nodes.get(e);if(r)return this._lruTouch(r.lruNode),r.element;let n=this._store.getByUuid(e);if(!n)return null;this._lruSize>=this._maxNodes&&this._evictLRU();let i=G(n.type),a=document.createElement(i);a.style.cssText="display:contents;";let o=new Map;Y(a,n,o);let c={uuid:e,prev:null,next:null};this._lruPush(c);let u={element:a,prevAttrs:o,lruNode:c};return this._nodes.set(e,u),this._parentMap.set(e,n.parentUuid),this._insertIntoDom(e,n.parentUuid,a),a}materializeSubtree(e,r){if(this.materialize(e),r<=0)return;let n=this._store.getByUuid(e);if(n)for(let i of n.childrenUuids)this.materializeSubtree(i,r-1);}dematerialize(e){let r=this._nodes.get(e);if(!r)return;let n=this._collectMaterializedDescendants(e);for(let i of n){let a=this._nodes.get(i);a&&(this._lruRemove(a.lruNode),this._nodes.delete(i),this._parentMap.delete(i));}r.element.remove(),this._lruRemove(r.lruNode),this._nodes.delete(e),this._parentMap.delete(e);}_collectMaterializedDescendants(e){let r=[];for(let[n,i]of this._parentMap)i===e&&(r.push(n),r.push(...this._collectMaterializedDescendants(n)));return r}onObjectAdded(e){let r=e.parent?.uuid;if(!r)return;let n=this._nodes.get(r);if(n&&this.materialize(e.uuid),n){let i=this._store.getByUuid(r);i&&Y(n.element,i,n.prevAttrs);}}onObjectRemoved(e){e.traverse(r=>{this.dematerialize(r.uuid);});}syncAttributes(e){let r=this._nodes.get(e.uuid);if(!r)return 0;let n=this._store.getMetadata(e);return n?Y(r.element,n,r.prevAttrs):0}syncAttributesByUuid(e){let r=this._nodes.get(e);if(!r)return 0;let n=this._store.getByUuid(e);return n?Y(r.element,n,r.prevAttrs):0}getRootElement(){return this._rootElement}getElement(e){let r=this._nodes.get(e);return r?(this._lruTouch(r.lruNode),r.element):null}getOrMaterialize(e){let r=this._nodes.get(e);return r?(this._lruTouch(r.lruNode),r.element):(this._materializeAncestorChain(e),this.materialize(e))}isMaterialized(e){return this._nodes.has(e)}querySelector(e){if(!this._rootElement)return null;let r=this._rootElement.querySelector(e);if(r)return r;let n=this._findUuidBySelector(e);return n?this.materialize(n):null}querySelectorAll(e){if(!this._rootElement)return [];let r=this._findAllUuidsBySelector(e),n=[];for(let i of r){let a=this.materialize(i);a&&n.push(a);}return n}setMaxNodes(e){for(this._maxNodes=e;this._lruSize>this._maxNodes;)this._evictLRU();}getMaterializedCount(){return this._nodes.size}getMaxNodes(){return this._maxNodes}dispose(){this._cancelAsyncMaterialization();for(let[,e]of this._nodes)e.element.remove();this._nodes.clear(),this._parentMap.clear(),this._lruHead=null,this._lruTail=null,this._lruSize=0,this._rootElement&&(this._rootElement.innerHTML="");}_insertIntoDom(e,r,n){if(!this._rootElement)return;if(!r){this._rootElement.appendChild(n);return}let i=this._nodes.get(r);i?i.element.appendChild(n):this._rootElement.appendChild(n);}_materializeAncestorChain(e){let r=[],n=e;for(;n&&!this._nodes.has(n);){let i=this._store.getByUuid(n);if(!i)break;r.push(n),n=i.parentUuid;}for(let i=r.length-1;i>0;i--)this.materialize(r[i]);}_startAsyncMaterialization(){this._cancelAsyncMaterialization();let e=this._store.getFlatList();this._asyncQueue=[];for(let r of e)r.userData?.__r3fdom_internal||this._nodes.has(r.uuid)||this._asyncQueue.push(r.uuid);this._asyncQueue.length!==0&&(d("inspect",`Async materialization started: ${this._asyncQueue.length} objects queued`),this._scheduleAsyncChunk());}_cancelAsyncMaterialization(){this._asyncIdleHandle!==null&&(typeof cancelIdleCallback=="function"?cancelIdleCallback(this._asyncIdleHandle):clearTimeout(this._asyncIdleHandle),this._asyncIdleHandle=null),this._asyncQueue=[];}_scheduleAsyncChunk(){if(this._asyncQueue.length===0){this._asyncIdleHandle=null,d("inspect",`Async materialization complete: ${this._nodes.size} nodes materialized`);return}let e=r=>{let n=r?()=>r.timeRemaining()>2:()=>true,i=0;for(;this._asyncQueue.length>0&&i<this._asyncBatchSize&&n();){let a=this._asyncQueue.shift();this._nodes.has(a)||this.materialize(a),i++;}this._scheduleAsyncChunk();};typeof requestIdleCallback=="function"?this._asyncIdleHandle=requestIdleCallback(e,{timeout:100}):this._asyncIdleHandle=setTimeout(e,16);}_findUuidBySelector(e){let r=e.match(/\[data-test-id=["']([^"']+)["']\]/);if(r)return this._store.getByTestId(r[1])?.uuid??null;let n=e.match(/\[data-uuid=["']([^"']+)["']\]/);if(n)return this._store.getByUuid(n[1])?.uuid??null;let i=e.match(/\[data-name=["']([^"']+)["']\]/);if(i){let a=this._store.getByName(i[1]);return a.length>0?a[0].uuid:null}return null}_findAllUuidsBySelector(e){let r=[],n=e.match(/\[data-test-id=["']([^"']+)["']\]/);if(n){let o=this._store.getByTestId(n[1]);return o&&r.push(o.uuid),r}let i=e.match(/\[data-name=["']([^"']+)["']\]/);if(i){let o=this._store.getByName(i[1]);for(let c of o)r.push(c.uuid);return r}let a=e.match(/^(three-(?:scene|group|mesh|light|camera|object))$/);if(a){let o=a[1],c=this._store.getFlatList();for(let u of c){let s=this._store.getMetadata(u);s&&G(s.type)===o&&r.push(s.uuid);}return r}return r}_lruPush(e){e.prev=null,e.next=this._lruHead,this._lruHead&&(this._lruHead.prev=e),this._lruHead=e,this._lruTail||(this._lruTail=e),this._lruSize++;}_lruRemove(e){e.prev?e.prev.next=e.next:this._lruHead=e.next,e.next?e.next.prev=e.prev:this._lruTail=e.prev,e.prev=null,e.next=null,this._lruSize--;}_lruTouch(e){this._lruHead!==e&&(this._lruRemove(e),this._lruPush(e));}_evictLRU(){if(!this._lruTail)return;let e=this._lruTail.uuid;this.dematerialize(e);}};var K=false,ae=null,ce=null,se=[];function St(t){for(let e of se)if(e.store.isInTrackedScene(t))return e;return null}function mr(t,e,r,n){t.traverse(i=>{!e.has(i)&&jt(n,i)&&(De(i,e,r),e.register(i),r.onObjectAdded(i));});}function $e(t,e,r=""){return se.push({store:t,mirror:e,instanceKey:r}),K||(d("patch","Patching Object3D.prototype.add and .remove"),ae=Object3D.prototype.add,ce=Object3D.prototype.remove,Object3D.prototype.add=function(...i){ae.call(this,...i);let a=St(this);if(a){for(let o of i)if(o!==this)try{d("patch",`patchedAdd: "${o.name||o.type}" added to "${this.name||this.type}"`),mr(o,a.store,a.mirror,a.instanceKey);}catch(c){d("patch",`patchedAdd: failed to register "${o.name||o.type}"`,c);}a.store.update(this),a.store.markDirty(this);}return this},Object3D.prototype.remove=function(...i){let a=St(this);if(a){for(let o of i)if(o!==this)try{d("patch",`patchedRemove: "${o.name||o.type}" removed from "${this.name||this.type}"`),a.mirror.onObjectRemoved(o),o.traverse(c=>{a.store.unregister(c);});}catch(c){d("patch",`patchedRemove: failed to unregister "${o.name||o.type}"`,c);}a.store.update(this),a.store.markDirty(this);}return ce.call(this,...i),this},K=true),()=>{let n=se.findIndex(i=>i.store===t&&i.mirror===e);n!==-1&&se.splice(n,1),se.length===0&&K&&Ct();}}function Ct(){K&&(d("patch","Restoring original Object3D.prototype.add and .remove"),ae&&(Object3D.prototype.add=ae,ae=null),ce&&(Object3D.prototype.remove=ce,ce=null),K=false);}function fr(){return K}function Rt(t,e){let r=[];for(let i of e.childrenUuids){let a=t.getByUuid(i);a&&r.push(Rt(t,a));}let n={uuid:e.uuid,name:e.name,type:e.type,testId:e.testId,visible:e.visible,position:[...e.position],rotation:[...e.rotation],scale:[...e.scale],children:r};return e.geometryType&&(n.geometryType=e.geometryType),e.materialType&&(n.materialType=e.materialType),e.vertexCount!=null&&(n.vertexCount=e.vertexCount),e.triangleCount!=null&&(n.triangleCount=e.triangleCount),e.instanceCount!=null&&(n.instanceCount=e.instanceCount),n}function gr(t){let e=t.getFlatList();for(let r of e){let n=t.getMetadata(r);if(n&&n.parentUuid===null)return n}return null}function Ne(t){let e=gr(t),r=e?Rt(t,e):{uuid:"",name:"empty",type:"Scene",visible:true,position:[0,0,0],rotation:[0,0,0],scale:[1,1,1],children:[]};return {timestamp:Date.now(),objectCount:t.getCount(),tree:r}}function yr(t){let e=[],r=t.getFlatList();for(let n of r){let i=t.getMetadata(n);i&&e.push({...i});}return {timestamp:Date.now(),objectCount:e.length,objects:e}}var P=new Vector3,U=new Vector3,S=new Box3,Fe=new Frustum,Tt=new Matrix4;function Dr(t,e){return {x:(t.x+1)/2*e.width,y:(-t.y+1)/2*e.height}}function xr(t){return t.x>=-1&&t.x<=1&&t.y>=-1&&t.y<=1&&t.z>=-1&&t.z<=1}function Or(t){return t.z>=-1&&t.z<=1}function Et(t){return S.setFromObject(t),S.isEmpty()?(t.getWorldPosition(P),P):(S.getCenter(P),P)}function It(t){if(S.setFromObject(t),S.isEmpty())return [];let{min:e,max:r}=S;return [new Vector3(e.x,e.y,e.z),new Vector3(e.x,e.y,r.z),new Vector3(e.x,r.y,e.z),new Vector3(e.x,r.y,r.z),new Vector3(r.x,e.y,e.z),new Vector3(r.x,e.y,r.z),new Vector3(r.x,r.y,e.z),new Vector3(r.x,r.y,r.z)]}function At(t){if(S.setFromObject(t),S.isEmpty())return [];let e=S.getCenter(new Vector3),{min:r,max:n}=S;return [new Vector3(r.x,e.y,e.z),new Vector3(n.x,e.y,e.z),new Vector3(e.x,r.y,e.z),new Vector3(e.x,n.y,e.z),new Vector3(e.x,e.y,r.z),new Vector3(e.x,e.y,n.z)]}function xe(t,e,r){return U.copy(t).project(e),Or(U)?{screen:Dr(U,r),ndc:{x:U.x,y:U.y},ndcZ:U.z,onScreen:xr(U)}:null}function E(t,e,r){t.updateWorldMatrix(true,false),e.updateWorldMatrix(true,false);let n=Et(t),i=xe(n,e,r);if(i&&i.onScreen)return {point:i.screen,strategy:"center",ndc:i.ndc};let a=At(t),o=Pt(a,e,r);if(o)return {point:o.screen,strategy:"face-center",ndc:o.ndc};let c=It(t),u=Pt(c,e,r);if(u)return {point:u.screen,strategy:"corner",ndc:u.ndc};t.getWorldPosition(P);let s=xe(P.clone(),e,r);return s&&s.onScreen?{point:s.screen,strategy:"fallback-origin",ndc:s.ndc}:i?{point:i.screen,strategy:"center",ndc:i.ndc}:null}function Pt(t,e,r){let n=null,i=1/0,a=r.width/2,o=r.height/2;for(let c of t){let u=xe(c,e,r);if(!u||!u.onScreen)continue;let s=u.screen.x-a,l=u.screen.y-o,p=s*s+l*l;p<i&&(i=p,n={screen:u.screen,ndc:u.ndc});}return n}function Mr(t,e){return e.updateWorldMatrix(true,false),t.updateWorldMatrix(true,false),Tt.multiplyMatrices(e.projectionMatrix,e.matrixWorldInverse),Fe.setFromProjectionMatrix(Tt),S.setFromObject(t),S.isEmpty()?(t.getWorldPosition(P),Fe.containsPoint(P)):Fe.intersectsBox(S)}function Ge(t,e,r,n,i){r.getWorldPosition(P),P.project(n);let a=P.z,o=new Vector3(0,0,a).unproject(n),c=new Vector3(2/i.width,0,a).unproject(n),u=new Vector3(0,-2/i.height,a).unproject(n),s=c.sub(o),l=u.sub(o);return new Vector3().addScaledVector(s,t).addScaledVector(l,e)}function wr(t,e,r){t.updateWorldMatrix(true,false),e.updateWorldMatrix(true,false);let n=[],i=[];i.push(Et(t).clone()),i.push(...At(t)),i.push(...It(t));for(let a of i){let o=xe(a,e,r);o&&o.onScreen&&n.push(o.screen);}return n}var Sr=1e3;function J(){return Sr++}function ue(t,e){let r=t.getBoundingClientRect();return {clientX:r.left+e.x,clientY:r.top+e.y}}function C(t,e,r,n){let{clientX:i,clientY:a}=ue(t,e);return {bubbles:true,cancelable:true,composed:true,clientX:i,clientY:a,screenX:i,screenY:a,pointerId:r,pointerType:"mouse",isPrimary:true,button:0,buttons:1,width:1,height:1,pressure:.5,...n}}function Z(t,e){le(()=>{let r=J();t.dispatchEvent(new PointerEvent("pointerdown",C(t,e,r))),t.dispatchEvent(new PointerEvent("pointerup",C(t,e,r,{buttons:0,pressure:0}))),t.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,...ue(t,e),button:0}));});}function de(t,e){let r=J(),n=C(t,e,r,{buttons:0,pressure:0});t.dispatchEvent(new PointerEvent("pointermove",n)),t.dispatchEvent(new PointerEvent("pointerover",n)),t.dispatchEvent(new PointerEvent("pointerenter",{...n,bubbles:false}));}async function Ue(t,e,r,n={}){let{steps:i=10,stepDelayMs:a=0}=n,o=J();le(()=>{t.dispatchEvent(new PointerEvent("pointerdown",C(t,e,o)));});for(let c=1;c<=i;c++){let u=c/i,s={x:e.x+(r.x-e.x)*u,y:e.y+(r.y-e.y)*u};a>0&&await Cr(a),t.dispatchEvent(new PointerEvent("pointermove",C(t,s,o)));}le(()=>{t.dispatchEvent(new PointerEvent("pointerup",C(t,r,o,{buttons:0,pressure:0})));});}function he(t,e){le(()=>{let r=J(),n=ue(t,e);t.dispatchEvent(new PointerEvent("pointerdown",C(t,e,r))),t.dispatchEvent(new PointerEvent("pointerup",C(t,e,r,{buttons:0,pressure:0}))),t.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,...n,button:0,detail:1})),t.dispatchEvent(new PointerEvent("pointerdown",C(t,e,r))),t.dispatchEvent(new PointerEvent("pointerup",C(t,e,r,{buttons:0,pressure:0}))),t.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,...n,button:0,detail:2})),t.dispatchEvent(new MouseEvent("dblclick",{bubbles:!0,cancelable:!0,...n,button:0,detail:2}));});}function pe(t,e){le(()=>{let r=J();t.dispatchEvent(new PointerEvent("pointerdown",C(t,e,r,{button:2,buttons:2}))),t.dispatchEvent(new PointerEvent("pointerup",C(t,e,r,{button:2,buttons:0,pressure:0}))),t.dispatchEvent(new MouseEvent("contextmenu",{bubbles:!0,cancelable:!0,...ue(t,e),button:2}));});}function Ve(t,e,r={}){let{deltaY:n=100,deltaX:i=0,deltaMode:a=0}=r,o=ue(t,e);t.dispatchEvent(new WheelEvent("wheel",{bubbles:true,cancelable:true,...o,deltaX:i,deltaY:n,deltaZ:0,deltaMode:a}));}function Qe(t,e={x:1,y:1}){Z(t,e);}function qe(t){let e=J(),n=C(t,{x:-9999,y:-9999},e,{buttons:0,pressure:0});t.dispatchEvent(new PointerEvent("pointermove",n)),t.dispatchEvent(new PointerEvent("pointerout",n)),t.dispatchEvent(new PointerEvent("pointerleave",{...n,bubbles:false}));}function le(t){let e=Element.prototype.releasePointerCapture;Element.prototype.releasePointerCapture=function(n){try{e.call(this,n);}catch{}};try{return t()}finally{Element.prototype.releasePointerCapture=e;}}function Cr(t){return new Promise(e=>setTimeout(e,t))}var Bt=new Raycaster,Ht=new Vector2;function Tr(t,e){return Ht.set(t.x/e.width*2-1,-(t.y/e.height)*2+1),Ht}function Lt(t){let e=t.userData?.testId;return e?`testId="${e}"`:t.name?`name="${t.name}"`:`uuid="${t.uuid.slice(0,8)}\u2026"`}function zt(t,e){let r=t;for(;r;){if(r===e)return  true;r=r.parent;}return  false}function Pr(t){let e=t;for(;e;){if(e.isScene)return e;e=e.parent;}return null}function z(t,e,r,n){let i=Pr(e);if(!i)return {hit:false,occluderLabel:"object not in scene"};let a=Tr(t,n);Bt.setFromCamera(a,r);let o=Bt.intersectObjects(i.children,true);if(o.length===0)return {hit:true};let c=o[0].object;return zt(c,e)?{hit:true}:o.find(s=>zt(s.object,e))?{hit:false,occluder:c,occluderLabel:Lt(c)}:{hit:false,occluder:c,occluderLabel:Lt(c)}}function Er(t,e,r,n){let i={hit:false};for(let a of t){let o=z(a,e,r,n);if(o.hit)return o;i=o;}return i}var Oe=null,Me=null,we=null,Se=null;function Ye(t,e,r,n){Oe=t,Me=e,we=r,Se=n;}function kt(){Oe=null,Me=null,we=null,Se=null;}function Ir(){if(!Oe)throw new Error("[react-three-dom] Interaction state not initialized. Is <ThreeDom> mounted?");return Oe}function O(){if(!Me)throw new Error("[react-three-dom] Camera not available. Is <ThreeDom> mounted?");return Me}function _(){if(!we)throw new Error("[react-three-dom] Renderer not available. Is <ThreeDom> mounted?");return we}function M(){if(!Se)throw new Error("[react-three-dom] Canvas size not available. Is <ThreeDom> mounted?");return Se}function R(t){let r=Ir().getObject3D(t);if(!r)throw new Error(`[react-three-dom] Object "${t}" not found. Check that the object has userData.testId="${t}" or uuid="${t}".`);return r}function Xe(t,e={}){let{verify:r=true}=e,n=R(t),i=O(),a=_(),o=M();d("click",`click3D("${t}") \u2014 resolving projection`);let c=E(n,i,o);if(!c)throw new Error(`[react-three-dom] click3D("${t}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`);let u=a.domElement;Z(u,c.point);let s;return r&&(s=z(c.point,n,i,o),!s.hit&&s.occluderLabel&&console.warn(`[react-three-dom] click3D("${t}") dispatched at (${Math.round(c.point.x)}, ${Math.round(c.point.y)}) but raycast hit ${s.occluderLabel} instead. The object may be occluded.`)),{dispatched:true,raycast:s,screenPoint:c.point,strategy:c.strategy}}function Ke(t,e={}){let{verify:r=true}=e,n=R(t),i=O(),a=_(),o=M(),c=E(n,i,o);if(!c)throw new Error(`[react-three-dom] doubleClick3D("${t}") failed: object is not visible on screen.`);let u=a.domElement;he(u,c.point);let s;return r&&(s=z(c.point,n,i,o),!s.hit&&s.occluderLabel&&console.warn(`[react-three-dom] doubleClick3D("${t}") dispatched at (${Math.round(c.point.x)}, ${Math.round(c.point.y)}) but raycast hit ${s.occluderLabel} instead.`)),{dispatched:true,raycast:s,screenPoint:c.point,strategy:c.strategy}}function Je(t,e={}){let{verify:r=true}=e,n=R(t),i=O(),a=_(),o=M(),c=E(n,i,o);if(!c)throw new Error(`[react-three-dom] contextMenu3D("${t}") failed: object is not visible on screen.`);let u=a.domElement;pe(u,c.point);let s;return r&&(s=z(c.point,n,i,o),!s.hit&&s.occluderLabel&&console.warn(`[react-three-dom] contextMenu3D("${t}") dispatched at (${Math.round(c.point.x)}, ${Math.round(c.point.y)}) but raycast hit ${s.occluderLabel} instead.`)),{dispatched:true,raycast:s,screenPoint:c.point,strategy:c.strategy}}function Ze(t,e={}){let{verify:r=true}=e,n=R(t),i=O(),a=_(),o=M();d("hover",`hover3D("${t}") \u2014 resolving projection`);let c=E(n,i,o);if(!c)throw new Error(`[react-three-dom] hover3D("${t}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`);let u=a.domElement;de(u,c.point);let s;return r&&(s=z(c.point,n,i,o),!s.hit&&s.occluderLabel&&console.warn(`[react-three-dom] hover3D("${t}") dispatched at (${Math.round(c.point.x)}, ${Math.round(c.point.y)}) but raycast hit ${s.occluderLabel} instead.`)),{dispatched:true,raycast:s,screenPoint:c.point,strategy:c.strategy}}function et(){let t=_();qe(t.domElement);}async function tt(t,e,r={}){let{mode:n="world",...i}=r,a=R(t),o=O(),c=_(),u=M();d("drag",`drag3D("${t}") mode=${n}`,e);let s=E(a,o,u);if(!s)throw new Error(`[react-three-dom] drag3D("${t}") failed: object is not visible on screen. It may be behind the camera or outside the viewport.`);let l=s.point,p;if(n==="screen"&&"dx"in e){let h=e;p={x:l.x+h.dx,y:l.y+h.dy};}else {let h=e,m=new Vector3;a.getWorldPosition(m);let b=m.clone().add(new Vector3(h.x,h.y,h.z));b.project(o),p={x:(b.x+1)/2*u.width,y:(-b.y+1)/2*u.height};}let g=c.domElement;return await Ue(g,l,p,i),{dispatched:true,startPoint:l,endPoint:p,strategy:s.strategy}}function Ar(t,e,r){let n=R(t),i=O(),a=M();return Ge(e,r,n,i,a)}function rt(t,e={}){let r=R(t),n=O(),i=_(),a=M(),o=E(r,n,a);if(!o)throw new Error(`[react-three-dom] wheel3D("${t}") failed: object is not visible on screen.`);let c=i.domElement;return Ve(c,o.point,e),{dispatched:true,screenPoint:o.point,strategy:o.strategy}}function nt(t={}){let r=_().domElement;Qe(r,t.point);}var Br=5e3;function it(t,e,r,n,i){let a=t.getBoundingClientRect(),o=a.left+e.x,c=a.top+e.y;return {bubbles:true,cancelable:true,composed:true,clientX:o,clientY:c,screenX:o,screenY:c,pointerId:r,pointerType:n,isPrimary:true,button:0,buttons:1,width:1,height:1,pressure:e.pressure??.5,...i}}async function ot(t,e={}){if(t.length<2)throw new Error(`[react-three-dom] drawPath requires at least 2 points, got ${t.length}.`);let{stepDelayMs:r=0,pointerType:n="mouse",clickAtEnd:i=false,canvas:a}=e,o=a??_().domElement,c=Br++,u=0;d("draw",`drawPath \u2014 ${t.length} points, delay=${r}ms, pointerType=${n}`);let s=t[0];o.dispatchEvent(new PointerEvent("pointerdown",it(o,s,c,n))),u++;for(let p=1;p<t.length;p++)r>0&&await Wr(r),o.dispatchEvent(new PointerEvent("pointermove",it(o,t[p],c,n))),u++;let l=t[t.length-1];if(o.dispatchEvent(new PointerEvent("pointerup",it(o,l,c,n,{buttons:0,pressure:0}))),u++,i){let p=o.getBoundingClientRect();o.dispatchEvent(new MouseEvent("click",{bubbles:true,cancelable:true,clientX:p.left+l.x,clientY:p.top+l.y,button:0})),u++;}return d("draw",`drawPath complete \u2014 ${u} events dispatched`),{eventCount:u,pointCount:t.length,startPoint:s,endPoint:l}}function Hr(t,e,r=10,n=.5){let i=[],a=r+1;for(let o=0;o<=a;o++){let c=o/a;i.push({x:t.x+(e.x-t.x)*c,y:t.y+(e.y-t.y)*c,pressure:n});}return i}function Lr(t,e,r,n=20,i=.5){let a=[];for(let o=0;o<=n;o++){let c=o/n,u=1-c;a.push({x:u*u*t.x+2*u*c*e.x+c*c*r.x,y:u*u*t.y+2*u*c*e.y+c*c*r.y,pressure:i});}return a}function zr(t,e,r=5,n=.5){let i={x:e.x,y:t.y},a={x:t.x,y:e.y},o=[[t,i],[i,e],[e,a],[a,t]],c=[];for(let[u,s]of o)for(let l=0;l<r;l++){let p=l/r;c.push({x:u.x+(s.x-u.x)*p,y:u.y+(s.y-u.y)*p,pressure:n});}return c.push({x:t.x,y:t.y,pressure:n}),c}function kr(t,e,r,n=36,i=.5){let a=r??e,o=[];for(let c=0;c<=n;c++){let u=c/n*Math.PI*2;o.push({x:t.x+Math.cos(u)*e,y:t.y+Math.sin(u)*a,pressure:i});}return o}function Wr(t){return new Promise(e=>setTimeout(e,t))}var Ce=new Vector3;function je(t,e,r){return Ce.set(t.x,t.y,t.z).project(e),Ce.z>1?null:{x:(Ce.x+1)/2*r.width,y:(-Ce.y+1)/2*r.height}}function Re(t,e={}){let r=O(),n=_(),i=M(),a=n.domElement,o=je(t,r,i);return o?(d("interaction",`clickAtWorld(${t.x}, ${t.y}, ${t.z}) \u2192 screen(${Math.round(o.x)}, ${Math.round(o.y)})`),Z(a,o),{dispatched:true,screenPoint:o,behindCamera:false}):(d("interaction",`clickAtWorld(${t.x}, ${t.y}, ${t.z}) \u2014 behind camera, skipped`),{dispatched:false,screenPoint:{x:0,y:0},behindCamera:true})}function st(t,e={}){let r=O(),n=_(),i=M(),a=n.domElement,o=je(t,r,i);return o?(d("interaction",`doubleClickAtWorld(${t.x}, ${t.y}, ${t.z}) \u2192 screen(${Math.round(o.x)}, ${Math.round(o.y)})`),he(a,o),{dispatched:true,screenPoint:o,behindCamera:false}):(d("interaction",`doubleClickAtWorld(${t.x}, ${t.y}, ${t.z}) \u2014 behind camera, skipped`),{dispatched:false,screenPoint:{x:0,y:0},behindCamera:true})}function at(t,e={}){let r=O(),n=_(),i=M(),a=n.domElement,o=je(t,r,i);return o?(d("interaction",`contextMenuAtWorld(${t.x}, ${t.y}, ${t.z}) \u2192 screen(${Math.round(o.x)}, ${Math.round(o.y)})`),pe(a,o),{dispatched:true,screenPoint:o,behindCamera:false}):(d("interaction",`contextMenuAtWorld(${t.x}, ${t.y}, ${t.z}) \u2014 behind camera, skipped`),{dispatched:false,screenPoint:{x:0,y:0},behindCamera:true})}function ct(t,e={}){let r=O(),n=_(),i=M(),a=n.domElement,o=je(t,r,i);return o?(d("interaction",`hoverAtWorld(${t.x}, ${t.y}, ${t.z}) \u2192 screen(${Math.round(o.x)}, ${Math.round(o.y)})`),de(a,o),{dispatched:true,screenPoint:o,behindCamera:false}):(d("interaction",`hoverAtWorld(${t.x}, ${t.y}, ${t.z}) \u2014 behind camera, skipped`),{dispatched:false,screenPoint:{x:0,y:0},behindCamera:true})}async function lt(t,e={}){let{delayMs:r=50,...n}=e,i=[];for(let a=0;a<t.length;a++)i.push(Re(t[a],n)),r>0&&a<t.length-1&&await new Promise(o=>setTimeout(o,r));return i}var me=class{constructor(){this._selected=[];this._listeners=[];}select(e){this._selected.length===1&&this._selected[0]===e||(this._selected=[e],this._notify());}addToSelection(e){this._selected.includes(e)||(this._selected.push(e),this._notify());}removeFromSelection(e){let r=this._selected.indexOf(e);r!==-1&&(this._selected.splice(r,1),this._notify());}toggleSelection(e){this._selected.includes(e)?this.removeFromSelection(e):this.addToSelection(e);}clearSelection(){this._selected.length!==0&&(this._selected=[],this._notify());}getSelected(){return this._selected}getPrimary(){return this._selected[0]??null}isSelected(e){return this._selected.includes(e)}get count(){return this._selected.length}subscribe(e){return this._listeners.push(e),()=>{let r=this._listeners.indexOf(e);r!==-1&&this._listeners.splice(r,1);}}_notify(){let e=[...this._selected];for(let r of this._listeners)r(e);}dispose(){this._selected=[],this._listeners=[];}};var Qr=7317724,qr=.66,Yr=7317724,Xr=.75,$t=7317724,Kr=.3,B=new Box3;function Nt(t){return t.isMesh===true||t.isLine===true||t.isPoints===true}function ut(t){if(Nt(t))return [t];let e=[];return t.traverse(r=>{r!==t&&(r.userData?.__r3fdom_internal||Nt(r)&&e.push(r));}),e}function Yt(t){t.userData.__r3fdom_internal=true,t.raycast=()=>{},t.traverse(e=>{e.userData.__r3fdom_internal=true,e.raycast=()=>{};});}function Ft(t,e){t.updateWorldMatrix(true,false),t.matrixWorld.decompose(e.position,e.quaternion,e.scale);}function Jr(t,e){e.matrixAutoUpdate=false,e.updateMatrixWorld=r=>{t.updateWorldMatrix(true,false),e.matrixWorld.copy(t.matrixWorld);for(let n of e.children)n.updateMatrixWorld(r);};}function Gt(t,e,r){let n=t.geometry;if(!n)return null;let i=new Object3D,a=[],o=new MeshBasicMaterial({color:e,transparent:true,opacity:r,depthTest:false,depthWrite:false,side:DoubleSide});a.push(o);let c=new Mesh(n,o);return c.scale.setScalar(1.005),c.raycast=()=>{},i.add(c),t.updateWorldMatrix(true,false),t.matrixWorld.decompose(i.position,i.quaternion,i.scale),Yt(i),Jr(t,i),{root:i,disposables:a}}function Zr(t){B.makeEmpty();let e=ut(t);if(e.length===0)return null;for(let g of e){g.updateWorldMatrix(true,false);let h=g.geometry;if(h&&(h.boundingBox||h.computeBoundingBox(),h.boundingBox)){let m=h.boundingBox.clone();m.applyMatrix4(g.matrixWorld),B.union(m);}}if(B.isEmpty())return null;let r=B.getSize(new Vector3),n=B.getCenter(new Vector3),i=[],a=new BoxGeometry(r.x,r.y,r.z);i.push(a);let o=new MeshBasicMaterial({color:$t,transparent:true,opacity:Kr,depthTest:false,depthWrite:false,side:DoubleSide});i.push(o);let c=new Mesh(a,o);c.raycast=()=>{};let u=new EdgesGeometry(a);i.push(u);let s=new LineBasicMaterial({color:$t,transparent:true,opacity:.5,depthTest:false,depthWrite:false});i.push(s);let l=new LineSegments(u,s);l.raycast=()=>{};let p=new Object3D;return p.add(c),p.add(l),p.position.copy(n),p.renderOrder=998,Yt(p),p.matrixAutoUpdate=false,p.updateMatrixWorld=g=>{B.makeEmpty();for(let h of e){h.updateWorldMatrix(true,false);let m=h.geometry;if(m&&(m.boundingBox||m.computeBoundingBox(),m.boundingBox)){let b=m.boundingBox.clone();b.applyMatrix4(h.matrixWorld),B.union(b);}}if(!B.isEmpty()){let h=B.getSize(new Vector3),m=B.getCenter(new Vector3);p.position.copy(m),p.scale.set(h.x/r.x||1,h.y/r.y||1,h.z/r.z||1);}p.updateMatrix(),p.matrixWorld.copy(p.matrix);for(let h of p.children)h.updateMatrixWorld(g);},{root:p,disposables:i}}var fe=class{constructor(e={}){this._scene=null;this._unsubscribe=null;this._hoverEntries=[];this._hoverTarget=null;this._selectedEntries=new Map;this._hoverPollId=null;this._lastHoveredUuid=null;this._store=null;}attach(e,r,n,i,a){this.detach(),this._scene=e,this._store=a,this._unsubscribe=r.subscribe(o=>{this._syncSelectionHighlights(o);}),this._syncSelectionHighlights([...r.getSelected()]),this._startHoverPolling();}detach(){this._unsubscribe&&(this._unsubscribe(),this._unsubscribe=null),this._stopHoverPolling(),this.clearHoverHighlight(),this._clearAllSelectionHighlights(),this._scene=null,this._store=null;}update(){for(let e of this._hoverEntries)Ft(e.source,e.group.root);for(let e of this._selectedEntries.values())for(let r of e.meshGroups){let n=r.root.userData.__r3fdom_source;n&&Ft(n,r.root);}}showHoverHighlight(e){if(e===this._hoverTarget||(this._clearHoverVisuals(),!this._scene))return;this._hoverTarget=e;let r=ut(e);for(let n of r){let i=Gt(n,Qr,qr);i&&(i.root.renderOrder=997,this._scene.add(i.root),this._hoverEntries.push({source:n,group:i}));}}clearHoverHighlight(){this._clearHoverVisuals(),this._lastHoveredUuid=null;}_clearHoverVisuals(){for(let e of this._hoverEntries)this._disposeHighlightGroup(e.group);this._hoverEntries=[],this._hoverTarget=null;}isHighlighted(e){return this._selectedEntries.has(e)}clearAll(){this.clearHoverHighlight(),this._clearAllSelectionHighlights();}_syncSelectionHighlights(e){if(!this._scene)return;let r=new Set(e);for(let[n]of this._selectedEntries)r.has(n)||this._removeSelectionHighlight(n);for(let n of e)this._selectedEntries.has(n)||this._addSelectionHighlight(n);}_addSelectionHighlight(e){if(!this._scene)return;let r=ut(e),n=[];for(let a of r){let o=Gt(a,Yr,Xr);o&&(o.root.userData.__r3fdom_source=a,o.root.renderOrder=999,this._scene.add(o.root),n.push(o));}let i=null;r.length>1&&e.type!=="Group"&&(i=Zr(e),i&&this._scene.add(i.root)),(n.length>0||i)&&this._selectedEntries.set(e,{source:e,meshGroups:n,bboxGroup:i});}_removeSelectionHighlight(e){let r=this._selectedEntries.get(e);if(r){for(let n of r.meshGroups)this._disposeHighlightGroup(n);r.bboxGroup&&this._disposeHighlightGroup(r.bboxGroup),this._selectedEntries.delete(e);}}_clearAllSelectionHighlights(){for(let e of this._selectedEntries.values()){for(let r of e.meshGroups)this._disposeHighlightGroup(r);e.bboxGroup&&this._disposeHighlightGroup(e.bboxGroup);}this._selectedEntries.clear();}_startHoverPolling(){this._hoverPollId=setInterval(()=>{this._pollDevToolsHover();},100);}_stopHoverPolling(){this._hoverPollId&&(clearInterval(this._hoverPollId),this._hoverPollId=null);}_pollDevToolsHover(){if(this._store)try{let r=window.__r3fdom_hovered__?.getAttribute?.("data-uuid")??null;if(r===this._lastHoveredUuid)return;if(this._lastHoveredUuid=r,!r){this._clearHoverVisuals();return}let n=this._store.getObject3D(r);n?this.showHoverHighlight(n):this._clearHoverVisuals();}catch{}}_disposeHighlightGroup(e){e.root.removeFromParent();for(let r of e.disposables)r.dispose();}dispose(){this.detach();}};function en(t){let e=t.parent;return !e||e.type!=="Group"?false:e.children.find(n=>G(n.type)==="three-mesh")===t}function Pe(t,e){let r=t(e);return r?G(r.type)!=="three-mesh"?e:en(r)&&r.parent?r.parent.uuid:e:null}var tn=50,rn=300,ge=class{constructor(e){this._active=false;this._lastRaycastTime=0;this._hoveredObject=null;this._hoverRevealTimer=null;this._overlay=null;this._boundPointerMove=null;this._boundPointerDown=null;this._boundContextMenu=null;this._camera=e.camera,this._renderer=e.renderer,this._selectionManager=e.selectionManager,this._highlighter=e.highlighter,this._raycastAccelerator=e.raycastAccelerator,this._mirror=e.mirror,this._store=e.store;}get active(){return this._active}updateCamera(e){this._camera=e;}enable(){if(this._active)return;this._active=true;let r=this._renderer.domElement.parentElement;if(!r)return;let n=document.createElement("div");n.dataset.r3fdomInspect="true",n.style.cssText=["position:absolute","inset:0","z-index:999999","cursor:crosshair","background:transparent"].join(";"),getComputedStyle(r).position==="static"&&(r.style.position="relative"),this._boundPointerMove=this._onPointerMove.bind(this),this._boundPointerDown=this._onPointerDown.bind(this),this._boundContextMenu=a=>a.preventDefault(),n.addEventListener("pointermove",this._boundPointerMove),n.addEventListener("pointerdown",this._boundPointerDown),n.addEventListener("contextmenu",this._boundContextMenu),r.appendChild(n),this._overlay=n,d("inspect","Inspect mode enabled \u2014 hover to highlight, click to select");}disable(){this._active&&(this._active=false,this._overlay&&(this._boundPointerMove&&this._overlay.removeEventListener("pointermove",this._boundPointerMove),this._boundPointerDown&&this._overlay.removeEventListener("pointerdown",this._boundPointerDown),this._boundContextMenu&&this._overlay.removeEventListener("contextmenu",this._boundContextMenu),this._overlay.remove(),this._overlay=null),this._boundPointerMove=null,this._boundPointerDown=null,this._boundContextMenu=null,this._hoveredObject=null,this._cancelHoverReveal(),this._highlighter.clearHoverHighlight(),window.__r3fdom_selected_element__=null,d("inspect","InspectController disabled"));}dispose(){this.disable();}_raycastFromEvent(e){return this._raycastAccelerator.raycastAtMouse(e,this._camera,this._renderer.domElement)}_resolveTarget(e){let r=Pe(n=>this._store.getObject3D(n),e.uuid);return r?this._store.getObject3D(r)??e:e}_onPointerMove(e){e.stopPropagation(),e.preventDefault();let r=performance.now();if(r-this._lastRaycastTime<tn)return;this._lastRaycastTime=r;let n=this._raycastFromEvent(e);if(!n){this._hoveredObject&&(this._hoveredObject=null,this._highlighter.clearHoverHighlight(),this._cancelHoverReveal());return}n!==this._hoveredObject&&(this._hoveredObject=n,this._highlighter.showHoverHighlight(n),this._scheduleHoverReveal(n));}_scheduleHoverReveal(e){this._cancelHoverReveal(),this._hoverRevealTimer=setTimeout(()=>{let r=this._mirror.getOrMaterialize(e.uuid);r&&(window.__r3fdom_selected_element__=r);},rn);}_cancelHoverReveal(){this._hoverRevealTimer&&(clearTimeout(this._hoverRevealTimer),this._hoverRevealTimer=null);}_onPointerDown(e){e.stopPropagation(),e.preventDefault();let r=this._raycastFromEvent(e);if(!r){this._selectionManager.clearSelection();return}let n=this._resolveTarget(r);if(!n)return;this._selectionManager.select(n);let i=this._mirror.getOrMaterialize(n.uuid);i&&(window.__r3fdom_selected_element__=i),d("inspect","Object selected via canvas click",{uuid:n.uuid.slice(0,8),name:n.name||"(unnamed)",type:n.type});}};var dt=false,Ee=null;function an(){return dt?Promise.resolve():Ee||(Ee=import('three-mesh-bvh').then(t=>{BufferGeometry.prototype.computeBoundsTree=t.computeBoundsTree,BufferGeometry.prototype.disposeBoundsTree=t.disposeBoundsTree,Mesh.prototype.raycast=t.acceleratedRaycast,dt=true,d("raycast","three-mesh-bvh patched into Three.js");}),Ee)}var ee=new Raycaster,ye=new Vector2;function cn(t){if(t.userData?.__r3fdom_internal||!t.visible||!(t.isMesh===true||t.isLine===true||t.isPoints===true))return  false;let r=t.geometry;if(r){let n=r.getAttribute("position");if(n&&!n.array)return  false}return  true}var be=class{constructor(e){this._targets=[];this._dirty=true;this._unsubscribe=null;this._bvhBuiltFor=new WeakSet;this._store=e,an(),this._unsubscribe=e.subscribe(()=>{this._dirty=true;});}markDirty(){this._dirty=true;}_rebuild(){this._dirty=false;let e=this._store.getFlatList(),r=[];for(let n=0;n<e.length;n++){let i=e[n];cn(i)&&r.push(i);}if(this._targets=r,dt){let n=50;for(let i=0;i<r.length&&n>0;i++){let a=r[i];if(a.isMesh){let o=a.geometry;o&&!this._bvhBuiltFor.has(o)&&!o.boundsTree&&(this._ensureBVH(a),n--);}}n===0&&(this._dirty=true);}}_ensureBVH(e){if(!e.isMesh)return;let r=e.geometry;if(!r||this._bvhBuiltFor.has(r))return;let n=r.getAttribute("position");if(!(!n||!n.array)){if(r.boundsTree){this._bvhBuiltFor.add(r);return}try{r.computeBoundsTree({indirect:!0}),this._bvhBuiltFor.add(r);}catch{d("raycast","BVH build failed for geometry, will retry next rebuild");}}}raycastAtMouse(e,r,n){this._dirty&&this._rebuild();let i=n.getBoundingClientRect();ye.x=(e.clientX-i.left)/i.width*2-1,ye.y=-((e.clientY-i.top)/i.height)*2+1,ee.setFromCamera(ye,r),ee.firstHitOnly=true;let a=ee.intersectObjects(this._targets,false);ee.firstHitOnly=false;for(let o of a)if(!o.object.userData?.__r3fdom_internal)return o.object;return null}raycastAtNdc(e,r,n){return this._dirty&&this._rebuild(),ye.set(e,r),ee.setFromCamera(ye,n),ee.intersectObjects(this._targets,false)}get targetCount(){return this._dirty&&this._rebuild(),this._targets.length}dispose(){this._unsubscribe&&(this._unsubscribe(),this._unsubscribe=null),this._targets=[];}};var _e=new Map,Ae=new Map,pt=new Map,Be=new Map,te=new Map,mt=new Map,ft=new Map;function jt(t,e){if(ft.get(t)==="manual")return  false;let n=mt.get(t);return n?n(e):true}function De(t,e,r){let n=[],i=t.parent;for(;i&&!e.has(i);)n.push(i),i=i.parent;for(let a=n.length-1;a>=0;a--){let o=n[a];e.register(o),r.onObjectAdded(o),r.materialize(o.uuid);}}function hn(t=""){return _e.get(t)??null}function pn(t=""){return Ae.get(t)??null}function mn(t=""){return pt.get(t)??null}function fn(t=""){return Be.get(t)??null}function gn(t=""){return te.get(t)??null}function yn(){return Array.from(_e.keys())}function bn(t,e,r,n,i,a,o,c=true){let u={_ready:true,canvasId:o,getByTestId:s=>t.getByTestId(s),getByUuid:s=>t.getByUuid(s),getByName:s=>t.getByName(s),getChildren:s=>t.getChildren(s),getParent:s=>t.getParent(s),getCount:()=>t.getCount(),getByType:s=>t.getByType(s),getByGeometryType:s=>t.getByGeometryType(s),getByMaterialType:s=>t.getByMaterialType(s),getByUserData:(s,l)=>t.getByUserData(s,l),getCountByType:s=>t.getCountByType(s),getObjects:s=>{let l=t.getObjects(s),p={};for(let[g,h]of l)p[g]=h;return p},snapshot:()=>Ne(t),inspect:(s,l)=>t.inspect(s,l),click:s=>{Xe(s);},doubleClick:s=>{Ke(s);},contextMenu:s=>{Je(s);},hover:s=>{Ze(s);},unhover:()=>{et();},drag:async(s,l)=>{await tt(s,l);},wheel:(s,l)=>{rt(s,l);},pointerMiss:()=>{nt();},drawPath:async(s,l)=>{let p=await ot(s,l);return {eventCount:p.eventCount,pointCount:p.pointCount}},clickAtWorld:(s,l)=>Re(s,l),doubleClickAtWorld:(s,l)=>st(s,l),contextMenuAtWorld:(s,l)=>at(s,l),hoverAtWorld:(s,l)=>ct(s,l),clickAtWorldSequence:(s,l)=>lt(s,l),select:s=>{let l=t.getObject3D(s);l&&n&&n.select(l);},clearSelection:()=>{n?.clearSelection();},getSelection:()=>n?n.getSelected().map(s=>s.uuid):[],getObject3D:s=>t.getObject3D(s),getSelectionDisplayTarget:s=>Pe(l=>t.getObject3D(l),s)??s,setInspectMode:s=>{d("inspect","Global API setInspectMode called",{on:s});let l=i??te.get(o??"");s?(l?.enable(),a?.setInspectMode(true)):(l?.disable(),a?.setInspectMode(false));},getInspectMode:()=>(i??te.get(o??""))?.active??false,sweepOrphans:()=>t.sweepOrphans(),getDiagnostics:()=>({version:$,ready:true,objectCount:t.getCount(),meshCount:t.getCountByType("Mesh"),groupCount:t.getCountByType("Group"),lightCount:t.getCountByType("DirectionalLight")+t.getCountByType("PointLight")+t.getCountByType("SpotLight")+t.getCountByType("AmbientLight")+t.getCountByType("HemisphereLight"),cameraCount:t.getCountByType("PerspectiveCamera")+t.getCountByType("OrthographicCamera"),materializedDomNodes:a?.getMaterializedCount()??0,maxDomNodes:a?.getMaxNodes()??0,canvasWidth:e.domElement.width,canvasHeight:e.domElement.height,webglRenderer:(()=>{try{let s=e.getContext(),l=s.getExtension("WEBGL_debug_renderer_info");return l?s.getParameter(l.UNMASKED_RENDERER_WEBGL):"unknown"}catch{return "unknown"}})(),dirtyQueueSize:t.getDirtyCount()}),getCameraState:()=>{let s=r.current,l=new Vector3(0,0,-1).applyQuaternion(s.quaternion),p=[s.position.x+l.x*100,s.position.y+l.y*100,s.position.z+l.z*100],g={type:s.type,position:[s.position.x,s.position.y,s.position.z],rotation:[s.rotation.x,s.rotation.y,s.rotation.z],target:p,near:s.near,far:s.far,zoom:s.zoom};if(s.type==="PerspectiveCamera"){let h=s;g.fov=h.fov,g.aspect=h.aspect;}else if(s.type==="OrthographicCamera"){let h=s;g.left=h.left,g.right=h.right,g.top=h.top,g.bottom=h.bottom;}return g},r3fRegister:s=>{if(t.has(s))return;if(!t.isInTrackedScene(s)){console.warn(`[react-three-dom] r3fRegister: object "${s.userData?.testId||s.name||s.uuid.slice(0,8)}" is not in a tracked scene. Add it to the scene graph first.`);return}s.userData.__r3fdom_manual=true,De(s,t,a);let l=0;s.traverse(p=>{t.has(p)||(t.register(p),a?.onObjectAdded(p),a?.materialize(p.uuid),l++);}),d("bridge",`r3fRegister: "${s.userData?.testId||s.name||s.uuid.slice(0,8)}" (${s.type}) \u2014 ${l} objects`);},r3fUnregister:s=>{if(t.has(s)){if(!s.userData?.__r3fdom_manual){d("bridge",`r3fUnregister skipped \u2014 "${s.userData?.testId||s.name||s.uuid.slice(0,8)}" was auto-registered`);return}delete s.userData.__r3fdom_manual,a?.onObjectRemoved(s),s.traverse(l=>t.unregister(l)),d("bridge",`r3fUnregister: "${s.userData?.testId||s.name||s.uuid.slice(0,8)}" (${s.type})`);}},fuzzyFind:(s,l=5)=>{let p=s.toLowerCase(),g=[];for(let h of t.getFlatList()){if(g.length>=l)break;let m=t.getMetadata(h);if(!m)continue;let b=m.testId?.toLowerCase()??"",I=m.name?.toLowerCase()??"";(b.includes(p)||I.includes(p)||m.uuid.startsWith(p))&&g.push(m);}return g},version:$};c&&(window.__R3F_DOM__=u),o&&(window.__R3F_DOM_INSTANCES__||(window.__R3F_DOM_INSTANCES__={}),window.__R3F_DOM_INSTANCES__[o]&&console.warn(`[react-three-dom] Duplicate canvasId "${o}" \u2014 the previous bridge instance will be overwritten. Each <ThreeDom> must have a unique canvasId.`),window.__R3F_DOM_INSTANCES__[o]=u);}function Kt(t,e){d("bridge","removeGlobalAPI called (deferred)");let r=n=>{e&&window.__R3F_DOM_INSTANCES__&&(!n||window.__R3F_DOM_INSTANCES__[e]===n)&&(delete window.__R3F_DOM_INSTANCES__[e],Object.keys(window.__R3F_DOM_INSTANCES__).length===0&&delete window.__R3F_DOM_INSTANCES__);};if(t!==void 0){let n=t;queueMicrotask(()=>{window.__R3F_DOM__===n?(delete window.__R3F_DOM__,d("bridge","Global API removed")):d("bridge","Global API not removed \u2014 replaced by new instance (Strict Mode remount)"),r(n);});}else delete window.__R3F_DOM__,r(),d("bridge","Global API removed (immediate)");}function Jt(t,e){return {_ready:false,_error:t,canvasId:e,getByTestId:()=>null,getByUuid:()=>null,getByName:()=>[],getChildren:()=>[],getParent:()=>null,getCount:()=>0,getByType:()=>[],getByGeometryType:()=>[],getByMaterialType:()=>[],getByUserData:()=>[],getCountByType:()=>0,getObjects:r=>{let n={};for(let i of r)n[i]=null;return n},snapshot:()=>({timestamp:0,objectCount:0,tree:{uuid:"",name:"",type:"Scene",visible:true,position:[0,0,0],rotation:[0,0,0],scale:[1,1,1],children:[]}}),inspect:()=>null,click:()=>{},doubleClick:()=>{},contextMenu:()=>{},hover:()=>{},unhover:()=>{},drag:async()=>{},wheel:()=>{},pointerMiss:()=>{},drawPath:async()=>({eventCount:0,pointCount:0}),clickAtWorld:()=>({dispatched:false,screenPoint:{x:0,y:0},behindCamera:false}),doubleClickAtWorld:()=>({dispatched:false,screenPoint:{x:0,y:0},behindCamera:false}),contextMenuAtWorld:()=>({dispatched:false,screenPoint:{x:0,y:0},behindCamera:false}),hoverAtWorld:()=>({dispatched:false,screenPoint:{x:0,y:0},behindCamera:false}),clickAtWorldSequence:async()=>[],select:()=>{},clearSelection:()=>{},getSelection:()=>[],getObject3D:()=>null,getSelectionDisplayTarget:r=>r,setInspectMode:()=>{},getInspectMode:()=>false,r3fRegister:()=>{},r3fUnregister:()=>{},sweepOrphans:()=>0,getDiagnostics:()=>({version:$,ready:false,error:t??void 0,objectCount:0,meshCount:0,groupCount:0,lightCount:0,cameraCount:0,materializedDomNodes:0,maxDomNodes:0,canvasWidth:0,canvasHeight:0,webglRenderer:"unavailable",dirtyQueueSize:0}),getCameraState:()=>({type:"unknown",position:[0,0,0],rotation:[0,0,0],target:[0,0,-100],near:.1,far:1e3,zoom:1}),fuzzyFind:()=>[],version:$}}function _n({canvasId:t,primary:e,root:r="#three-dom-root",mode:n="auto",filter:i,batchSize:a=500,syncBudgetMs:o=.5,maxDomNodes:c=2e3,initialDepth:u=3,enabled:s=true,debug:l=false,inspect:p=false}={}){let g=e??t===void 0,h=t??"",m=useThree(x=>x.scene),b=useThree(x=>x.camera),I=useThree(x=>x.gl),gt=useThree(x=>x.size),He=useRef(0),yt=useRef(0),bt=useRef(b);return bt.current=b,useEffect(()=>{if(!s)return;l&&ne(true),d("setup","ThreeDom effect started",{enabled:s,debug:l,root:r,maxDomNodes:c});let x=I.domElement;x.setAttribute("data-r3f-canvas",t??"true");let V=x.parentElement,v=null,Q=false;typeof r=="string"?v=document.querySelector(r):v=r,v||(v=document.createElement("div"),v.id=typeof r=="string"?r.replace(/^#/,""):"three-dom-root",Q=true),V.style.position=V.style.position||"relative",V.appendChild(v),v.style.cssText="width:0;height:0;overflow:hidden;pointer-events:none;opacity:0;";let f=null,D=null,q=null,re=null,L=null,H=null,j=null,A=null,k;try{let T=I.getContext();if(!T||T.isContextLost?.()){let w="WebGL context not available. For headless Chromium, add --enable-webgl and optionally --use-gl=angle --use-angle=swiftshader-webgl to launch args.",W=Jt(w,t);return g&&(window.__R3F_DOM__=W),t&&(window.__R3F_DOM_INSTANCES__||(window.__R3F_DOM_INSTANCES__={}),window.__R3F_DOM_INSTANCES__[t]=W),d("setup",w),()=>{Kt(W,t),x.removeAttribute("data-r3f-canvas"),Q&&v?.parentNode&&v.parentNode.removeChild(v),l&&ne(!1);}}if(f=new ie,D=new oe(f,c),D.setRoot(v),d("setup","Store and mirror created"),ze(f),ft.set(h,n),mt.set(h,i??null),q=$e(f,D,h),Ye(f,b,I,gt),d("setup",`Object3D patched (mode=${n}), interaction state set`),n==="auto"){if(i?(f.addTrackedRoot(m),f.register(m),D.onObjectAdded(m),m.traverse(w=>{w!==m&&i(w)&&(De(w,f,D),f.register(w),D.onObjectAdded(w));})):f.registerTree(m),!f.has(b)){let w=f.register(b);w.parentUuid=m.uuid,D.materialize(b.uuid);}D.materializeSubtree(m.uuid,u),i||(re=f.registerTreeAsync(m));}else f.addTrackedRoot(m),f.register(m),D.onObjectAdded(m);if(d("setup",`Scene registered (mode=${n}): ${f.getCount()} objects`),L=new me,H=new fe,H.attach(m,L,b,I,f),j=new be(f),A=new ge({camera:b,renderer:I,selectionManager:L,highlighter:H,raycastAccelerator:j,mirror:D,store:f}),pt.set(h,L),Be.set(h,H),te.set(h,A),bn(f,I,bt,L,A,D,t,g),d("bridge",`exposeGlobalAPI called \u2014 bridge is live, _ready=true${t?`, canvasId="${t}"`:""}`),k=t?window.__R3F_DOM_INSTANCES__?.[t]:window.__R3F_DOM__,_e.set(h,f),Ae.set(h,D),p&&A.enable(),l){let w=p?"on":"off";console.log("%c[react-three-dom]%c v"+$+" \u2014 "+f.getCount()+" objects \xB7 inspect: "+w+`
+  %c\u2192%c Toggle inspect: %c__R3F_DOM__.setInspectMode(true|false)%c
+  %c\u2192%c Hover 3D objects to highlight + auto-reveal in Elements tab`,"background:#1a73e8;color:#fff;padding:2px 6px;border-radius:3px;font-weight:bold","color:inherit","color:#1a73e8","color:inherit","color:#e8a317;font-family:monospace","color:inherit","color:#1a73e8","color:inherit");}}catch(T){let w=T instanceof Error?T.message:String(T);d("setup","ThreeDom setup failed",T),console.error("[react-three-dom] Setup failed:",T);let W=Jt(w,t);g&&(window.__R3F_DOM__=W),t&&(window.__R3F_DOM_INSTANCES__||(window.__R3F_DOM_INSTANCES__={}),window.__R3F_DOM_INSTANCES__[t]=W),k=W;}return ()=>{d("setup","ThreeDom cleanup started"),re&&re(),A&&A.dispose(),j&&j.dispose(),H&&H.dispose(),q&&q(),Kt(k,t),kt(),L&&L.dispose(),D&&D.dispose(),f&&f.dispose(),x.removeAttribute("data-r3f-canvas"),Q&&v?.parentNode&&v.parentNode.removeChild(v),_e.delete(h),Ae.delete(h),pt.delete(h),Be.delete(h),te.delete(h),ft.delete(h),mt.delete(h),l&&ne(false),d("setup","ThreeDom cleanup complete");}},[m,b,I,s,r,c,u,l,p,t,g,h]),useFrame(()=>{let x=_e.get(h),V=Ae.get(h),v=Be.get(h),Q=te.get(h);if(!(!s||!x||!V))try{Ye(x,b,I,gt),Q&&Q.updateCamera(b);let f=x,D=V,q=performance.now(),re=f.drainDirtyQueue();for(let j of re)f.update(j),D.syncAttributes(j);if(o-(performance.now()-q)>.1){let j=f.getFlatList();if(j.length>0){let A=Math.min(He.current+a,j.length);for(let k=He.current;k<A&&!(performance.now()-q>o);k++){let T=j[k];f.update(T)&&D.syncAttributes(T);}He.current=A>=j.length?0:A;}}v&&v.update();let H=performance.now();H-yt.current>3e4&&(yt.current=H,f.sweepOrphans());}catch(f){d("sync","Per-frame sync error",f);}}),null}function tr(t){return t?window.__R3F_DOM_INSTANCES__?.[t]:window.__R3F_DOM__}function xn(t,e){let r=useRef(null),n=useRef(e);n.current=e;let i=useCallback(o=>{let c=tr(n.current);return c?(c.r3fRegister(o),r.current=o,true):false},[]),a=useCallback(()=>{if(!r.current)return;tr(n.current)?.r3fUnregister(r.current),r.current=null;},[]);useEffect(()=>{let o=t.current;return o&&i(o),()=>a()},[t,i,a]),useFrame(()=>{let o=t.current;o!==r.current&&(a(),o&&i(o));});}export{oe as DomMirror,fe as Highlighter,ge as InspectController,pr as MANAGED_ATTRIBUTES,ie as ObjectStore,be as RaycastAccelerator,me as SelectionManager,Ot as TAG_MAP,_n as ThreeDom,ve as ThreeElement,Y as applyAttributes,kr as circlePath,Xe as click3D,Re as clickAtWorld,lt as clickAtWorldSequence,wt as computeAttributes,Je as contextMenu3D,at as contextMenuAtWorld,yr as createFlatSnapshot,Ne as createSnapshot,Lr as curvePath,Z as dispatchClick,pe as dispatchContextMenu,he as dispatchDoubleClick,Ue as dispatchDrag,de as dispatchHover,Qe as dispatchPointerMiss,qe as dispatchUnhover,Ve as dispatchWheel,Ke as doubleClick3D,st as doubleClickAtWorld,tt as drag3D,ot as drawPath,ne as enableDebug,ze as ensureCustomElements,yn as getCanvasIds,fn as getHighlighter,gn as getInspectController,pn as getMirror,mn as getSelectionManager,hn as getStore,G as getTagForType,Ze as hover3D,ct as hoverAtWorld,rr as isDebugEnabled,Mr as isInFrustum,fr as isPatched,Hr as linePath,$e as patchObject3D,nt as pointerMiss3D,Ar as previewDragWorldDelta,wr as projectAllSamplePoints,E as projectToScreen,d as r3fLog,zr as rectPath,R as resolveObject,Ct as restoreObject3D,Ge as screenDeltaToWorld,et as unhover3D,xn as useR3FRegister,z as verifyRaycastHit,Er as verifyRaycastHitMultiPoint,$ as version,rt as wheel3D};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map