force-3d-graph 1.2.5 → 1.2.6

package/dist/force-3d-graph.js

@@ -92,12 +92,12 @@ class ft extends at {
     }, this.saveState = function() {
       t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
     }, this.reset = function() {
-      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(Pe), t.update(), i = o.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(Pe), t.update(), o = i.NONE;
     }, this.update = function() {
       const n = new S(), g = new Te().setFromUnitVectors(e.up, new S(0, 1, 0)), v = g.clone().invert(), w = new S(), C = new Te(), F = new S(), z = 2 * Math.PI;
       return function(it = null) {
         const Se = t.object.position;
-        n.copy(Se).sub(t.target), n.applyQuaternion(g), r.setFromVector3(n), t.autoRotate && i === o.NONE && B(Ae(it)), t.enableDamping ? (r.theta += c.theta * t.dampingFactor, r.phi += c.phi * t.dampingFactor) : (r.theta += c.theta, r.phi += c.phi);
+        n.copy(Se).sub(t.target), n.applyQuaternion(g), r.setFromVector3(n), t.autoRotate && o === i.NONE && B(Ae(it)), t.enableDamping ? (r.theta += c.theta * t.dampingFactor, r.phi += c.phi * t.dampingFactor) : (r.theta += c.theta, r.phi += c.phi);
         let I = t.minAzimuthAngle, L = t.maxAzimuthAngle;
         isFinite(I) && isFinite(L) && (I < -Math.PI ? I += z : I > Math.PI && (I -= z), L < -Math.PI ? L += z : L > Math.PI && (L -= z), I <= L ? r.theta = Math.max(I, Math.min(L, r.theta)) : r.theta = r.theta > (I + L) / 2 ? Math.max(I, r.theta) : Math.min(L, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(p, t.dampingFactor) : t.target.add(p), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && H || t.object.isOrthographicCamera ? r.radius = ne(r.radius) : r.radius = ne(r.radius * h), n.setFromSpherical(r), n.applyQuaternion(v), Se.copy(t.target).add(n), t.object.lookAt(t.target), t.enableDamping === !0 ? (c.theta *= 1 - t.dampingFactor, c.phi *= 1 - t.dampingFactor, p.multiplyScalar(1 - t.dampingFactor)) : (c.set(0, 0, 0), p.set(0, 0, 0));
         let le = !1;
@@ -122,7 +122,7 @@ class ft extends at {
     }(), this.dispose = function() {
       t.domElement.removeEventListener("contextmenu", Ce), t.domElement.removeEventListener("pointerdown", Me), t.domElement.removeEventListener("pointercancel", K), t.domElement.removeEventListener("wheel", we), t.domElement.removeEventListener("pointermove", ae), t.domElement.removeEventListener("pointerup", K), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", re), t._domElementKeyEvents = null);
     };
-    const t = this, o = {
+    const t = this, i = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -132,7 +132,7 @@ class ft extends at {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let i = o.NONE;
+    let o = i.NONE;
     const a = 1e-6, r = new ze(), c = new ze();
     let h = 1;
     const p = new S(), x = new T(), m = new T(), u = new T(), f = new T(), b = new T(), M = new T(), N = new T(), O = new T(), R = new T(), Y = new S(), k = new T();
@@ -296,7 +296,7 @@ class ft extends at {
       t.enabled !== !1 && (n.pointerType === "touch" ? et(n) : We(n));
     }
     function K(n) {
-      st(n), E.length === 0 && (t.domElement.releasePointerCapture(n.pointerId), t.domElement.removeEventListener("pointermove", ae), t.domElement.removeEventListener("pointerup", K)), t.dispatchEvent(Re), i = o.NONE;
+      st(n), E.length === 0 && (t.domElement.releasePointerCapture(n.pointerId), t.domElement.removeEventListener("pointermove", ae), t.domElement.removeEventListener("pointerup", K)), t.dispatchEvent(Re), o = i.NONE;
     }
     function qe(n) {
       let g;
@@ -316,49 +316,49 @@ class ft extends at {
       switch (g) {
         case $.DOLLY:
           if (t.enableZoom === !1) return;
-          je(n), i = o.DOLLY;
+          je(n), o = i.DOLLY;
           break;
         case $.ROTATE:
           if (n.ctrlKey || n.metaKey || n.shiftKey) {
             if (t.enablePan === !1) return;
-            ue(n), i = o.PAN;
+            ue(n), o = i.PAN;
           } else {
             if (t.enableRotate === !1) return;
-            ge(n), i = o.ROTATE;
+            ge(n), o = i.ROTATE;
           }
           break;
         case $.PAN:
           if (n.ctrlKey || n.metaKey || n.shiftKey) {
             if (t.enableRotate === !1) return;
-            ge(n), i = o.ROTATE;
+            ge(n), o = i.ROTATE;
           } else {
             if (t.enablePan === !1) return;
-            ue(n), i = o.PAN;
+            ue(n), o = i.PAN;
           }
           break;
         default:
-          i = o.NONE;
+          o = i.NONE;
       }
-      i !== o.NONE && t.dispatchEvent(ce);
+      o !== i.NONE && t.dispatchEvent(ce);
     }
     function We(n) {
-      switch (i) {
-        case o.ROTATE:
+      switch (o) {
+        case i.ROTATE:
           if (t.enableRotate === !1) return;
           $e(n);
           break;
-        case o.DOLLY:
+        case i.DOLLY:
           if (t.enableZoom === !1) return;
           Ge(n);
           break;
-        case o.PAN:
+        case i.PAN:
           if (t.enablePan === !1) return;
           Ye(n);
           break;
       }
     }
     function we(n) {
-      t.enabled === !1 || t.enableZoom === !1 || i !== o.NONE || (n.preventDefault(), t.dispatchEvent(ce), Be(Ze(n)), t.dispatchEvent(Re));
+      t.enabled === !1 || t.enableZoom === !1 || o !== i.NONE || (n.preventDefault(), t.dispatchEvent(ce), Be(Ze(n)), t.dispatchEvent(Re));
     }
     function Ze(n) {
       const g = n.deltaMode, v = {
@@ -391,55 +391,55 @@ class ft extends at {
           switch (t.touches.ONE) {
             case G.ROTATE:
               if (t.enableRotate === !1) return;
-              fe(n), i = o.TOUCH_ROTATE;
+              fe(n), o = i.TOUCH_ROTATE;
               break;
             case G.PAN:
               if (t.enablePan === !1) return;
-              me(n), i = o.TOUCH_PAN;
+              me(n), o = i.TOUCH_PAN;
               break;
             default:
-              i = o.NONE;
+              o = i.NONE;
           }
           break;
         case 2:
           switch (t.touches.TWO) {
             case G.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1) return;
-              Ue(n), i = o.TOUCH_DOLLY_PAN;
+              Ue(n), o = i.TOUCH_DOLLY_PAN;
               break;
             case G.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1) return;
-              _e(n), i = o.TOUCH_DOLLY_ROTATE;
+              _e(n), o = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              i = o.NONE;
+              o = i.NONE;
           }
           break;
         default:
-          i = o.NONE;
+          o = i.NONE;
       }
-      i !== o.NONE && t.dispatchEvent(ce);
+      o !== i.NONE && t.dispatchEvent(ce);
     }
     function et(n) {
-      switch (Ne(n), i) {
-        case o.TOUCH_ROTATE:
+      switch (Ne(n), o) {
+        case i.TOUCH_ROTATE:
           if (t.enableRotate === !1) return;
           xe(n), t.update();
           break;
-        case o.TOUCH_PAN:
+        case i.TOUCH_PAN:
           if (t.enablePan === !1) return;
           be(n), t.update();
           break;
-        case o.TOUCH_DOLLY_PAN:
+        case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1) return;
           Xe(n), t.update();
           break;
-        case o.TOUCH_DOLLY_ROTATE:
+        case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1) return;
           Ve(n), t.update();
           break;
         default:
-          i = o.NONE;
+          o = i.NONE;
       }
     }
     function Ce(n) {
@@ -478,14 +478,14 @@ class mt {
     this.container = e, this.scene = new y.Scene(), this.scene.background = new y.Color(
       s.backgroundColor ?? 657930
     );
-    const { width: t, height: o } = ke(e), i = s.cameraFov ?? 75;
-    this.camera = new y.PerspectiveCamera(i, t / o, 0.1, 2e3);
+    const { width: t, height: i } = ke(e), o = s.cameraFov ?? 75;
+    this.camera = new y.PerspectiveCamera(o, t / i, 0.1, 2e3);
     const a = s.cameraPosition ?? { x: 0, y: 0, z: 80 };
     this.camera.position.set(a.x, a.y, a.z), this.renderer = new y.WebGLRenderer({
       antialias: !0,
       alpha: !0,
       powerPreference: "high-performance"
-    }), this.renderer.setSize(t, o), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.toneMapping = y.ACESFilmicToneMapping, this.renderer.toneMappingExposure = 1, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = y.PCFSoftShadowMap, e.appendChild(this.renderer.domElement), this.controls = new ft(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.dampingFactor = 0.05, this.controls.rotateSpeed = 0.8, this.controls.zoomSpeed = 1.2, this.controls.minDistance = 10, this.controls.maxDistance = 2e3, this.setupLighting(), this.resizeHandler = this.onWindowResize.bind(this), window.addEventListener("resize", this.resizeHandler);
+    }), this.renderer.setSize(t, i), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.toneMapping = y.ACESFilmicToneMapping, this.renderer.toneMappingExposure = 1, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = y.PCFSoftShadowMap, e.appendChild(this.renderer.domElement), this.controls = new ft(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.dampingFactor = 0.05, this.controls.rotateSpeed = 0.8, this.controls.zoomSpeed = 1.2, this.controls.minDistance = 10, this.controls.maxDistance = 2e3, this.setupLighting(), this.resizeHandler = this.onWindowResize.bind(this), window.addEventListener("resize", this.resizeHandler);
   }
   /**
    * Sets up scene lighting for gradient glass on dark background
@@ -497,10 +497,10 @@ class mt {
     s.position.set(50, 60, 40), s.castShadow = !0, s.shadow.mapSize.width = 1024, s.shadow.mapSize.height = 1024, this.scene.add(s);
     const t = new y.DirectionalLight(16773344, 0.4);
     t.position.set(-50, 30, -40), this.scene.add(t);
-    const o = new y.DirectionalLight(16777215, 0.3);
-    o.position.set(0, -30, -50), this.scene.add(o);
-    const i = new y.PointLight(16750950, 0.5, 150);
-    i.position.set(40, 20, 40), this.scene.add(i);
+    const i = new y.DirectionalLight(16777215, 0.3);
+    i.position.set(0, -30, -50), this.scene.add(i);
+    const o = new y.PointLight(16750950, 0.5, 150);
+    o.position.set(40, 20, 40), this.scene.add(o);
     const a = new y.PointLight(16764057, 0.4, 150);
     a.position.set(-40, -20, 40), this.scene.add(a);
     const r = new y.PointLight(6724095, 0.2, 100);
@@ -588,20 +588,20 @@ const V = class V {
       return !1;
     if (this.nodes.has(e.id))
       return console.warn(`[ForceGraph3D] Node with id "${e.id}" already exists`), !1;
-    const t = Math.max(50, Math.cbrt(V.expectedNodeCount) * 10), o = e.position ?? {
+    const t = Math.max(50, Math.cbrt(V.expectedNodeCount) * 10), i = e.position ?? {
       x: (Math.random() - 0.5) * t,
       y: (Math.random() - 0.5) * t,
       z: (Math.random() - 0.5) * t
-    }, i = {
+    }, o = {
       ...e,
-      position: o,
+      position: i,
       velocity: { x: 0, y: 0, z: 0 },
       mass: 1
     }, a = this.nodeFactory.createNode(
-      { ...e, position: o },
+      { ...e, position: i },
       s
     );
-    return this.sceneManager.add(a.group), this.nodes.set(e.id, i), this.nodeObjects.set(e.id, a), !0;
+    return this.sceneManager.add(a.group), this.nodes.set(e.id, o), this.nodeObjects.set(e.id, a), !0;
   }
   /**
    * Removes a node from the graph
@@ -615,17 +615,17 @@ const V = class V {
    * Updates a node's properties
    */
   updateNode(e, s) {
-    const t = this.nodes.get(e), o = this.nodeObjects.get(e);
-    return !t || !o ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (s.label !== void 0 && (t.label = s.label, this.nodeFactory.updateNodeLabel(o, s.label)), s.color !== void 0 && (t.color = s.color, this.nodeFactory.updateNodeColor(o, s.color)), Object.keys(s).forEach((i) => {
-      i !== "id" && i !== "label" && i !== "color" && i !== "position" && (t[i] = s[i]);
+    const t = this.nodes.get(e), i = this.nodeObjects.get(e);
+    return !t || !i ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (s.label !== void 0 && (t.label = s.label, this.nodeFactory.updateNodeLabel(i, s.label)), s.color !== void 0 && (t.color = s.color, this.nodeFactory.updateNodeColor(i, s.color)), Object.keys(s).forEach((o) => {
+      o !== "id" && o !== "label" && o !== "color" && o !== "position" && (t[o] = s[o]);
     }), !0);
   }
   /**
    * Updates a node's position (called by physics engine)
    */
   updateNodePosition(e, s) {
-    const t = this.nodes.get(e), o = this.nodeObjects.get(e);
-    t && o && (t.position = s, o.group.position.set(s.x, s.y, s.z));
+    const t = this.nodes.get(e), i = this.nodeObjects.get(e);
+    t && i && (t.position = s, i.group.position.set(s.x, s.y, s.z));
   }
   /**
    * Updates a node's LOD level
@@ -726,14 +726,14 @@ class yt {
     const s = D(e.source, e.target);
     if (this.edgeKeySet.has(s))
       return console.warn(`[ForceGraph3D] Edge "${e.source}" -> "${e.target}" already exists`), !1;
-    const t = this.nodeManager.getNode(e.source), o = this.nodeManager.getNode(e.target), i = this.edgeFactory.createEdge(
+    const t = this.nodeManager.getNode(e.source), i = this.nodeManager.getNode(e.target), o = this.edgeFactory.createEdge(
       e,
       t,
-      o,
+      i,
       t.position,
-      o.position
+      i.position
     );
-    return this.sceneManager.add(i.line), this.edges.push(e), this.edgeObjects.push(i), this.edgeKeySet.add(s), !0;
+    return this.sceneManager.add(o.line), this.edges.push(e), this.edgeObjects.push(o), this.edgeKeySet.add(s), !0;
   }
   /**
    * Removes an edge from the graph
@@ -743,13 +743,13 @@ class yt {
     const t = D(e, s);
     if (!this.edgeKeySet.has(t))
       return !1;
-    const o = this.edges.findIndex(
+    const i = this.edges.findIndex(
       (a) => D(a.source, a.target) === t
     );
-    if (o === -1)
+    if (i === -1)
       return !1;
-    const i = this.edgeObjects[o];
-    return this.sceneManager.remove(i.line), this.edgeFactory.disposeEdge(i), this.edges.splice(o, 1), this.edgeObjects.splice(o, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
+    const o = this.edgeObjects[i];
+    return this.sceneManager.remove(o.line), this.edgeFactory.disposeEdge(o), this.edges.splice(i, 1), this.edgeObjects.splice(i, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
   }
   /**
    * Highlights an edge
@@ -757,10 +757,10 @@ class yt {
   highlightEdge(e, s) {
     const t = D(e, s);
     this.highlightedEdgeKey && this.highlightedEdgeKey !== t && this.unhighlightCurrentEdge();
-    const o = this.edges.findIndex(
-      (i) => D(i.source, i.target) === t
+    const i = this.edges.findIndex(
+      (o) => D(o.source, o.target) === t
     );
-    o !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[o]), this.highlightedEdgeKey = t);
+    i !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[i]), this.highlightedEdgeKey = t);
   }
   /**
    * Unhighlights the currently highlighted edge
@@ -803,11 +803,11 @@ class yt {
    */
   updateEdgePositions() {
     this.edgeObjects.forEach((e, s) => {
-      const t = this.edges[s], o = this.nodeManager.getNode(t.source), i = this.nodeManager.getNode(t.target);
-      o && i && this.edgeFactory.updateEdgePositions(
+      const t = this.edges[s], i = this.nodeManager.getNode(t.source), o = this.nodeManager.getNode(t.target);
+      i && o && this.edgeFactory.updateEdgePositions(
         e,
-        o.position,
-        i.position
+        i.position,
+        o.position
       );
     });
   }
@@ -861,14 +861,36 @@ class Le {
     // Skip repulsion beyond this distance
     l(this, "REPULSION_CUTOFF_SQ");
     // Precomputed cutoff²
-    l(this, "GRAVITY_STRENGTH", 0.02);
+    l(this, "GRAVITY_STRENGTH", 0.05);
     // Centering force strength
+    // Hub node pinning
+    l(this, "pinnedNodeId", null);
     // Simulation state
     l(this, "alpha", 1);
     l(this, "alphaDecay", 0.0228);
     l(this, "alphaMin", 1e-3);
     l(this, "alphaTarget", 0);
-    this.nodes = e, this.edges = s, this.repulsionStrength = t.repulsionStrength ?? 100, this.attractionStrength = t.attractionStrength ?? 0.01, this.damping = t.damping ?? 0.9, this.useBarnesHut = t.useBarnesHut ?? !1, this.barnesHutTheta = t.barnesHutTheta ?? 0.5, this.REPULSION_CUTOFF_SQ = this.REPULSION_CUTOFF * this.REPULSION_CUTOFF;
+    this.nodes = e, this.edges = s, this.repulsionStrength = t.repulsionStrength ?? 100, this.attractionStrength = t.attractionStrength ?? 0.01, this.damping = t.damping ?? 0.9, this.useBarnesHut = t.useBarnesHut ?? !1, this.barnesHutTheta = t.barnesHutTheta ?? 0.5, this.REPULSION_CUTOFF_SQ = this.REPULSION_CUTOFF * this.REPULSION_CUTOFF, this.initializeNodeMassAndPin();
+  }
+  /**
+   * Assigns mass proportional to node degree (connection count) and
+   * pins the most-connected hub node at the origin.
+   */
+  initializeNodeMassAndPin() {
+    const e = /* @__PURE__ */ new Map();
+    for (const i of this.edges)
+      e.set(i.source, (e.get(i.source) || 0) + 1), e.set(i.target, (e.get(i.target) || 0) + 1);
+    let s = 0, t = null;
+    for (const [i, o] of e) {
+      o > s && (s = o, t = i);
+      const a = this.nodes.get(i);
+      a && (a.mass = 1 + Math.log2(1 + o));
+    }
+    if (t && s > 10) {
+      this.pinnedNodeId = t;
+      const i = this.nodes.get(t);
+      i && (i.position.x = 0, i.position.y = 0, i.position.z = 0, i.velocity.x = 0, i.velocity.y = 0, i.velocity.z = 0);
+    }
   }
   /**
    * Computes effective repulsion strength scaled by node count.
@@ -891,15 +913,15 @@ class Le {
    */
   calculateRepulsionBruteForce() {
     const e = Array.from(this.nodes.values()), s = e.length, t = this.getEffectiveRepulsion();
-    for (let o = 0; o < s; o++) {
-      const i = e[o];
-      for (let a = o + 1; a < s; a++) {
-        const r = e[a], c = r.position.x - i.position.x, h = r.position.y - i.position.y, p = r.position.z - i.position.z;
+    for (let i = 0; i < s; i++) {
+      const o = e[i];
+      for (let a = i + 1; a < s; a++) {
+        const r = e[a], c = r.position.x - o.position.x, h = r.position.y - o.position.y, p = r.position.z - o.position.z;
         let x = c * c + h * h + p * p;
         if (x > this.REPULSION_CUTOFF_SQ) continue;
         x < 0.01 && (x = 0.01);
         const m = Math.sqrt(x), u = t * this.alpha / x, f = c / m * u, b = h / m * u, M = p / m * u;
-        i.velocity.x -= f / i.mass, i.velocity.y -= b / i.mass, i.velocity.z -= M / i.mass, r.velocity.x += f / r.mass, r.velocity.y += b / r.mass, r.velocity.z += M / r.mass;
+        o.velocity.x -= f / o.mass, o.velocity.y -= b / o.mass, o.velocity.z -= M / o.mass, r.velocity.x += f / r.mass, r.velocity.y += b / r.mass, r.velocity.z += M / r.mass;
       }
     }
   }
@@ -920,12 +942,12 @@ class Le {
       return;
     }
     if (s.mass === 0) return;
-    const t = s.centerOfMass.x - e.position.x, o = s.centerOfMass.y - e.position.y, i = s.centerOfMass.z - e.position.z, a = t * t + o * o + i * i;
+    const t = s.centerOfMass.x - e.position.x, i = s.centerOfMass.y - e.position.y, o = s.centerOfMass.z - e.position.z, a = t * t + i * i + o * o;
     if (a > this.REPULSION_CUTOFF_SQ) return;
     const r = Math.sqrt(a), c = this.getEffectiveRepulsion();
     if (r > 0 && s.size / r < this.barnesHutTheta) {
       const h = Math.max(a, 0.01), p = c * this.alpha * s.mass / h;
-      e.velocity.x -= t / r * p / e.mass, e.velocity.y -= o / r * p / e.mass, e.velocity.z -= i / r * p / e.mass;
+      e.velocity.x -= t / r * p / e.mass, e.velocity.y -= i / r * p / e.mass, e.velocity.z -= o / r * p / e.mass;
     } else
       for (const h of s.children)
         h && this.calculateForceFromOctree(e, h);
@@ -934,12 +956,12 @@ class Le {
    * Apply repulsion between two nodes (with cutoff)
    */
   applyRepulsionBetween(e, s) {
-    const t = s.position.x - e.position.x, o = s.position.y - e.position.y, i = s.position.z - e.position.z;
-    let a = t * t + o * o + i * i;
+    const t = s.position.x - e.position.x, i = s.position.y - e.position.y, o = s.position.z - e.position.z;
+    let a = t * t + i * i + o * o;
     if (a > this.REPULSION_CUTOFF_SQ) return;
     a < 0.01 && (a = 0.01);
     const r = Math.sqrt(a), h = this.getEffectiveRepulsion() * this.alpha / a;
-    e.velocity.x -= t / r * h / e.mass, e.velocity.y -= o / r * h / e.mass, e.velocity.z -= i / r * h / e.mass;
+    e.velocity.x -= t / r * h / e.mass, e.velocity.y -= i / r * h / e.mass, e.velocity.z -= o / r * h / e.mass;
   }
   /**
    * Calculate attraction forces along edges
@@ -947,12 +969,12 @@ class Le {
   calculateAttraction() {
     const e = this.nodes.size, s = e > 500 ? 1 + Math.log10(e / 500) : 1;
     for (const t of this.edges) {
-      const o = this.nodes.get(t.source), i = this.nodes.get(t.target);
-      if (!o || !i) continue;
-      const a = i.position.x - o.position.x, r = i.position.y - o.position.y, c = i.position.z - o.position.z, h = Math.sqrt(a * a + r * r + c * c);
+      const i = this.nodes.get(t.source), o = this.nodes.get(t.target);
+      if (!i || !o) continue;
+      const a = o.position.x - i.position.x, r = o.position.y - i.position.y, c = o.position.z - i.position.z, h = Math.sqrt(a * a + r * r + c * c);
       if (h < 0.01) continue;
       const x = (h - 15) * this.attractionStrength * s * this.alpha, m = a / h * x, u = r / h * x, f = c / h * x;
-      o.velocity.x += m / o.mass, o.velocity.y += u / o.mass, o.velocity.z += f / o.mass, i.velocity.x -= m / i.mass, i.velocity.y -= u / i.mass, i.velocity.z -= f / i.mass;
+      i.velocity.x += m / i.mass, i.velocity.y += u / i.mass, i.velocity.z += f / i.mass, o.velocity.x -= m / o.mass, o.velocity.y -= u / o.mass, o.velocity.z -= f / o.mass;
     }
   }
   /**
@@ -969,6 +991,10 @@ class Le {
    */
   applyForces() {
     for (const e of this.nodes.values()) {
+      if (e.id === this.pinnedNodeId) {
+        e.position.x = 0, e.position.y = 0, e.position.z = 0, e.velocity.x = 0, e.velocity.y = 0, e.velocity.z = 0;
+        continue;
+      }
       e.velocity.x *= this.damping, e.velocity.y *= this.damping, e.velocity.z *= this.damping;
       const s = Math.sqrt(
         e.velocity.x * e.velocity.x + e.velocity.y * e.velocity.y + e.velocity.z * e.velocity.z
@@ -1018,13 +1044,13 @@ class xt {
         max: { x: 100, y: 100, z: 100 }
       };
     const s = { x: 1 / 0, y: 1 / 0, z: 1 / 0 }, t = { x: -1 / 0, y: -1 / 0, z: -1 / 0 };
-    for (const i of e)
-      s.x = Math.min(s.x, i.position.x), s.y = Math.min(s.y, i.position.y), s.z = Math.min(s.z, i.position.z), t.x = Math.max(t.x, i.position.x), t.y = Math.max(t.y, i.position.y), t.z = Math.max(t.z, i.position.z);
-    const o = 10;
-    return s.x -= o, s.y -= o, s.z -= o, t.x += o, t.y += o, t.z += o, { min: s, max: t };
+    for (const o of e)
+      s.x = Math.min(s.x, o.position.x), s.y = Math.min(s.y, o.position.y), s.z = Math.min(s.z, o.position.z), t.x = Math.max(t.x, o.position.x), t.y = Math.max(t.y, o.position.y), t.z = Math.max(t.z, o.position.z);
+    const i = 10;
+    return s.x -= i, s.y -= i, s.z -= i, t.x += i, t.y += i, t.z += i, { min: s, max: t };
   }
   buildTree(e, s, t = 0) {
-    const o = Math.max(
+    const i = Math.max(
       s.max.x - s.min.x,
       s.max.y - s.min.y,
       s.max.z - s.min.z
@@ -1032,7 +1058,7 @@ class xt {
     if (e.length === 0)
       return {
         bounds: s,
-        size: o,
+        size: i,
         centerOfMass: { x: 0, y: 0, z: 0 },
         mass: 0,
         isLeaf: !0,
@@ -1046,7 +1072,7 @@ class xt {
         u += b.mass, f.x += b.position.x * b.mass, f.y += b.position.y * b.mass, f.z += b.position.z * b.mass;
       return u > 0 && (f.x /= u, f.y /= u, f.z /= u), {
         bounds: s,
-        size: o,
+        size: i,
         centerOfMass: f,
         mass: u,
         isLeaf: !0,
@@ -1054,20 +1080,20 @@ class xt {
         children: []
       };
     }
-    const i = (s.min.x + s.max.x) / 2, a = (s.min.y + s.max.y) / 2, r = (s.min.z + s.max.z) / 2, c = [[], [], [], [], [], [], [], []];
+    const o = (s.min.x + s.max.x) / 2, a = (s.min.y + s.max.y) / 2, r = (s.min.z + s.max.z) / 2, c = [[], [], [], [], [], [], [], []];
     for (const u of e) {
-      const f = (u.position.x >= i ? 1 : 0) + (u.position.y >= a ? 2 : 0) + (u.position.z >= r ? 4 : 0);
+      const f = (u.position.x >= o ? 1 : 0) + (u.position.y >= a ? 2 : 0) + (u.position.z >= r ? 4 : 0);
       c[f].push(u);
     }
     const h = [
-      { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: i, y: a, z: r } },
-      { min: { x: i, y: s.min.y, z: s.min.z }, max: { x: s.max.x, y: a, z: r } },
-      { min: { x: s.min.x, y: a, z: s.min.z }, max: { x: i, y: s.max.y, z: r } },
-      { min: { x: i, y: a, z: s.min.z }, max: { x: s.max.x, y: s.max.y, z: r } },
-      { min: { x: s.min.x, y: s.min.y, z: r }, max: { x: i, y: a, z: s.max.z } },
-      { min: { x: i, y: s.min.y, z: r }, max: { x: s.max.x, y: a, z: s.max.z } },
-      { min: { x: s.min.x, y: a, z: r }, max: { x: i, y: s.max.y, z: s.max.z } },
-      { min: { x: i, y: a, z: r }, max: { x: s.max.x, y: s.max.y, z: s.max.z } }
+      { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: o, y: a, z: r } },
+      { min: { x: o, y: s.min.y, z: s.min.z }, max: { x: s.max.x, y: a, z: r } },
+      { min: { x: s.min.x, y: a, z: s.min.z }, max: { x: o, y: s.max.y, z: r } },
+      { min: { x: o, y: a, z: s.min.z }, max: { x: s.max.x, y: s.max.y, z: r } },
+      { min: { x: s.min.x, y: s.min.y, z: r }, max: { x: o, y: a, z: s.max.z } },
+      { min: { x: o, y: s.min.y, z: r }, max: { x: s.max.x, y: a, z: s.max.z } },
+      { min: { x: s.min.x, y: a, z: r }, max: { x: o, y: s.max.y, z: s.max.z } },
+      { min: { x: o, y: a, z: r }, max: { x: s.max.x, y: s.max.y, z: s.max.z } }
     ], p = [];
     let x = 0;
     const m = { x: 0, y: 0, z: 0 };
@@ -1079,7 +1105,7 @@ class xt {
         p.push(null);
     return x > 0 && (m.x /= x, m.y /= x, m.z /= x), {
       bounds: s,
-      size: o,
+      size: i,
       centerOfMass: m,
       mass: x,
       isLeaf: !1,
@@ -1089,7 +1115,7 @@ class xt {
   }
 }
 class bt {
-  constructor(e, s, t, o = 60) {
+  constructor(e, s, t, i = 60) {
     l(this, "sceneManager");
     l(this, "animationId", null);
     l(this, "isRunning", !1);
@@ -1114,7 +1140,7 @@ class bt {
       const t = e - this.fpsStartTime;
       t >= 1e3 && (this.currentFPS = this.frameCount / (t / 1e3), this.frameCount = 0, this.fpsStartTime = e), this.onSimulate(), this.onRender(), this.sceneManager.render();
     });
-    this.sceneManager = e, this.onSimulate = s, this.onRender = t, this.frameInterval = 1e3 / o;
+    this.sceneManager = e, this.onSimulate = s, this.onRender = t, this.frameInterval = 1e3 / i;
   }
   /**
    * Starts the animation loop
@@ -1191,10 +1217,10 @@ class vt {
       { colors: ["#2d1a1a", "#1a0a0a", "#0f0505"] }
       // -z
     ];
-    for (const o of t) {
-      const i = document.createElement("canvas");
-      i.width = 256, i.height = 256;
-      const a = i.getContext("2d"), r = a.createRadialGradient(
+    for (const i of t) {
+      const o = document.createElement("canvas");
+      o.width = 256, o.height = 256;
+      const a = o.getContext("2d"), r = a.createRadialGradient(
         256 / 2,
         256 / 2,
         0,
@@ -1202,17 +1228,17 @@ class vt {
         256 / 2,
         256 * 0.8
       );
-      r.addColorStop(0, o.colors[0]), r.addColorStop(0.5, o.colors[1]), r.addColorStop(1, o.colors[2]), a.fillStyle = r, a.fillRect(0, 0, 256, 256);
+      r.addColorStop(0, i.colors[0]), r.addColorStop(0.5, i.colors[1]), r.addColorStop(1, i.colors[2]), a.fillStyle = r, a.fillRect(0, 0, 256, 256);
       const c = a.getImageData(0, 0, 256, 256);
       for (let h = 0; h < c.data.length; h += 4) {
         const p = (Math.random() - 0.5) * 5;
         c.data[h] = Math.min(255, Math.max(0, c.data[h] + p)), c.data[h + 1] = Math.min(255, Math.max(0, c.data[h + 1] + p)), c.data[h + 2] = Math.min(255, Math.max(0, c.data[h + 2] + p));
       }
-      a.putImageData(c, 0, 0), s.push(i);
+      a.putImageData(c, 0, 0), s.push(o);
     }
-    this.envMap = new y.CubeTexture(s.map((o) => {
-      const i = new Image();
-      return i.src = o.toDataURL(), i;
+    this.envMap = new y.CubeTexture(s.map((i) => {
+      const o = new Image();
+      return o.src = i.toDataURL(), o;
     })), this.envMap.needsUpdate = !0;
   }
   /**
@@ -1229,9 +1255,9 @@ class vt {
     const t = "glass-single";
     if (this.materialCache.has(t))
       return this.materialCache.get(t).clone();
-    const o = new y.Color(16750950), i = new y.ShaderMaterial({
+    const i = new y.Color(16750950), o = new y.ShaderMaterial({
       uniforms: {
-        uColor: { value: o },
+        uColor: { value: i },
         uEnvMap: { value: this.envMap },
         uGlowColor: { value: new y.Color(16777215) },
         uGlowIntensity: { value: 0.8 },
@@ -1303,7 +1329,7 @@ class vt {
       depthWrite: !0,
       blending: y.NormalBlending
     });
-    return this.materialCache.set(t, i), i.clone();
+    return this.materialCache.set(t, o), o.clone();
   }
   /**
    * Creates material for edges (light color for dark background)
@@ -1332,10 +1358,10 @@ class vt {
    * Creates a sprite material for labels (light text for dark background)
    */
   createLabelMaterial(e, s = 24) {
-    const t = document.createElement("canvas"), o = t.getContext("2d");
-    o.font = `600 ${s}px Inter, -apple-system, sans-serif`;
-    const a = o.measureText(e).width;
-    t.width = Math.max(128, a + 24), t.height = s + 20, o.clearRect(0, 0, t.width, t.height), o.font = `600 ${s}px Inter, -apple-system, sans-serif`, o.textAlign = "center", o.textBaseline = "middle", o.shadowColor = "rgba(0, 0, 0, 0.8)", o.shadowBlur = 4, o.shadowOffsetX = 1, o.shadowOffsetY = 1, o.fillStyle = "rgba(255, 255, 255, 0.95)", o.fillText(e, t.width / 2, t.height / 2);
+    const t = document.createElement("canvas"), i = t.getContext("2d");
+    i.font = `600 ${s}px Inter, -apple-system, sans-serif`;
+    const a = i.measureText(e).width;
+    t.width = Math.max(128, a + 24), t.height = s + 20, i.clearRect(0, 0, t.width, t.height), i.font = `600 ${s}px Inter, -apple-system, sans-serif`, i.textAlign = "center", i.textBaseline = "middle", i.shadowColor = "rgba(0, 0, 0, 0.8)", i.shadowBlur = 4, i.shadowOffsetX = 1, i.shadowOffsetY = 1, i.fillStyle = "rgba(255, 255, 255, 0.95)", i.fillText(e, t.width / 2, t.height / 2);
     const r = new y.CanvasTexture(t);
     return r.needsUpdate = !0, new y.SpriteMaterial({
       map: r,
@@ -1358,13 +1384,13 @@ class vt {
   }
 }
 class Mt {
-  constructor(e, s = 2, t = [32, 16, 8], o = 16750950) {
+  constructor(e, s = 2, t = [32, 16, 8], i = 16750950) {
     l(this, "materialFactory");
     l(this, "geometryCache", /* @__PURE__ */ new Map());
     l(this, "nodeRadius");
     l(this, "lodSegments");
     l(this, "defaultNodeColor");
-    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.defaultNodeColor = o, this.initGeometryCache();
+    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.defaultNodeColor = i, this.initGeometryCache();
   }
   /**
    * Pre-create geometries for each LOD level
@@ -1391,9 +1417,9 @@ class Mt {
   createNode(e, s = 0) {
     const t = new y.Group();
     t.name = `node-${e.id}`, t.userData = { nodeId: e.id, nodeData: e };
-    const o = this.getGeometry(s), i = this.materialFactory.createGlassMaterial(
+    const i = this.getGeometry(s), o = this.materialFactory.createGlassMaterial(
       e.color ?? this.defaultNodeColor
-    ), a = new y.Mesh(o, i);
+    ), a = new y.Mesh(i, o);
     a.castShadow = !0, a.receiveShadow = !0, t.add(a);
     const r = this.materialFactory.createLabelMaterial(e.label), c = new y.Sprite(r);
     return c.position.y = this.nodeRadius + 1.5, c.scale.set(4, 1, 1), t.add(c), e.position && t.position.set(
@@ -1467,14 +1493,14 @@ class wt {
   /**
    * Creates an edge line between two positions
    */
-  createEdge(e, s, t, o, i) {
+  createEdge(e, s, t, i, o) {
     const a = new y.BufferGeometry(), r = new Float32Array([
-      o.x,
-      o.y,
-      o.z,
       i.x,
       i.y,
-      i.z
+      i.z,
+      o.x,
+      o.y,
+      o.z
     ]);
     a.setAttribute("position", new y.BufferAttribute(r, 3));
     const c = this.getDefaultMaterial().clone(), h = new y.Line(a, c);
@@ -1506,8 +1532,8 @@ class wt {
    * Updates an edge's positions
    */
   updateEdgePositions(e, s, t) {
-    const o = e.line.geometry.attributes.position, i = o.array;
-    i[0] = s.x, i[1] = s.y, i[2] = s.z, i[3] = t.x, i[4] = t.y, i[5] = t.z, o.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
+    const i = e.line.geometry.attributes.position, o = i.array;
+    o[0] = s.x, o[1] = s.y, o[2] = s.z, o[3] = t.x, o[4] = t.y, o[5] = t.z, i.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
   }
   /**
    * Disposes an edge's resources
@@ -1535,15 +1561,15 @@ class Et {
   getLODLevel(e) {
     if (!this.enabled)
       return X.HIGH;
-    const s = e.x - this.camera.position.x, t = e.y - this.camera.position.y, o = e.z - this.camera.position.z, i = Math.sqrt(s * s + t * t + o * o);
-    return i < this.lodDistances[0] ? X.HIGH : i < this.lodDistances[1] ? X.MEDIUM : X.LOW;
+    const s = e.x - this.camera.position.x, t = e.y - this.camera.position.y, i = e.z - this.camera.position.z, o = Math.sqrt(s * s + t * t + i * i);
+    return o < this.lodDistances[0] ? X.HIGH : o < this.lodDistances[1] ? X.MEDIUM : X.LOW;
   }
   /**
    * Checks if a node should be visible based on distance
    */
   shouldRenderNode(e, s = 500) {
-    const t = e.x - this.camera.position.x, o = e.y - this.camera.position.y, i = e.z - this.camera.position.z;
-    return Math.sqrt(t * t + o * o + i * i) < s;
+    const t = e.x - this.camera.position.x, i = e.y - this.camera.position.y, o = e.z - this.camera.position.z;
+    return Math.sqrt(t * t + i * i + o * o) < s;
   }
   /**
    * Sets the LOD distances
@@ -1599,14 +1625,14 @@ class Ct {
    */
   isLineVisible(e, s) {
     if (!this.enabled) return !0;
-    const t = new y.Vector3(e.x, e.y, e.z), o = new y.Vector3(s.x, s.y, s.z);
-    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(o))
+    const t = new y.Vector3(e.x, e.y, e.z), i = new y.Vector3(s.x, s.y, s.z);
+    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(i))
       return !0;
-    const i = new y.Vector3(
+    const o = new y.Vector3(
       (e.x + s.x) / 2,
       (e.y + s.y) / 2,
       (e.z + s.z) / 2
-    ), a = i.distanceTo(t), r = new y.Sphere(i, a);
+    ), a = o.distanceTo(t), r = new y.Sphere(o, a);
     return this.frustum.intersectsSphere(r);
   }
   /**
@@ -1689,23 +1715,23 @@ class Nt {
       this.hoveredEdgeKey !== null && this.onEdgeHover && (this.hoveredEdgeKey = null, this.onEdgeHover(null)), this.container.style.cursor = "pointer";
       return;
     }
-    const o = this.getIntersectedEdge(e), i = o ? `${o.edge.source}-${o.edge.target}` : null;
-    i !== this.hoveredEdgeKey && (this.hoveredEdgeKey = i, this.onEdgeHover && this.onEdgeHover(o)), this.container.style.cursor = o ? "pointer" : "default";
+    const i = this.getIntersectedEdge(e), o = i ? `${i.edge.source}-${i.edge.target}` : null;
+    o !== this.hoveredEdgeKey && (this.hoveredEdgeKey = o, this.onEdgeHover && this.onEdgeHover(i)), this.container.style.cursor = i ? "pointer" : "default";
   }
   /**
    * Gets the intersected node from a mouse event
    */
   getIntersectedNode(e) {
-    var o;
+    var i;
     const s = this.container.getBoundingClientRect();
     this.mouse.x = (e.clientX - s.left) / s.width * 2 - 1, this.mouse.y = -((e.clientY - s.top) / s.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
     const t = this.raycaster.intersectObjects(this.nodeObjects, !0);
     if (t.length > 0) {
-      let i = t[0].object;
-      for (; i; ) {
-        if ((o = i.userData) != null && o.nodeData)
-          return i.userData.nodeData;
-        i = i.parent;
+      let o = t[0].object;
+      for (; o; ) {
+        if ((i = o.userData) != null && i.nodeData)
+          return o.userData.nodeData;
+        o = o.parent;
       }
     }
     return null;
@@ -1718,13 +1744,13 @@ class Nt {
     this.mouse.x = (e.clientX - s.left) / s.width * 2 - 1, this.mouse.y = -((e.clientY - s.top) / s.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
     const t = this.raycaster.intersectObjects(this.edgeObjects, !1);
     if (t.length > 0) {
-      const o = t[0].object, i = o.userData;
-      if (i != null && i.edge && (i != null && i.sourceNode) && (i != null && i.targetNode))
+      const i = t[0].object, o = i.userData;
+      if (o != null && o.edge && (o != null && o.sourceNode) && (o != null && o.targetNode))
         return {
-          edge: i.edge,
-          sourceNode: i.sourceNode,
-          targetNode: i.targetNode,
-          edgeLine: o
+          edge: o.edge,
+          sourceNode: o.sourceNode,
+          targetNode: o.targetNode,
+          edgeLine: i
         };
     }
     return null;
@@ -1733,14 +1759,14 @@ class Nt {
    * Performs a raycast and returns the intersected node ID
    */
   getIntersectedNodeId(e, s) {
-    var i;
+    var o;
     const t = this.container.getBoundingClientRect();
     this.mouse.x = (e - t.left) / t.width * 2 - 1, this.mouse.y = -((s - t.top) / t.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
-    const o = this.raycaster.intersectObjects(this.nodeObjects, !0);
-    if (o.length > 0) {
-      let a = o[0].object;
+    const i = this.raycaster.intersectObjects(this.nodeObjects, !0);
+    if (i.length > 0) {
+      let a = i[0].object;
       for (; a; ) {
-        if ((i = a.userData) != null && i.nodeId)
+        if ((o = a.userData) != null && o.nodeId)
           return a.userData.nodeId;
         a = a.parent;
       }
@@ -1824,10 +1850,10 @@ class St {
     this.currentNodeId = e.id;
     let t;
     this.panelTemplate ? t = this.panelTemplate(e, s) : t = this.generateDefaultContent(e, s), this.panel.innerHTML = t;
-    const o = this.panel.querySelector('[data-action="expand"]'), i = this.panel.querySelector("[data-depth-select]");
-    o && this.onExpand && o.addEventListener("click", () => {
+    const i = this.panel.querySelector('[data-action="expand"]'), o = this.panel.querySelector("[data-depth-select]");
+    i && this.onExpand && i.addEventListener("click", () => {
       if (this.currentNodeId) {
-        const r = i ? parseInt(i.value, 10) : 1;
+        const r = o ? parseInt(o.value, 10) : 1;
         this.onExpand(this.currentNodeId, r);
       }
     });
@@ -1986,7 +2012,7 @@ class St {
         <div class="neighbors-section">
           <div class="neighbors-title">Connected To</div>
           ${s.slice(0, 5).map(
-      (o) => `<span class="neighbor-chip">${this.escapeHtml(o.label)}</span>`
+      (i) => `<span class="neighbor-chip">${this.escapeHtml(i.label)}</span>`
     ).join("")}
           ${s.length > 5 ? `<span class="neighbor-chip">+${s.length - 5} more</span>` : ""}
         </div>
@@ -2104,10 +2130,10 @@ class zt {
   show(e, s, t) {
     if (!this.panel) return;
     this.currentEdgeKey = `${e.source}-${e.target}`;
-    let o;
-    this.panelTemplate ? o = this.panelTemplate(e, s, t) : o = this.generateDefaultContent(e, s, t), this.panel.innerHTML = o;
-    const i = this.panel.querySelector('[data-action="close"]');
-    i && i.addEventListener("click", () => {
+    let i;
+    this.panelTemplate ? i = this.panelTemplate(e, s, t) : i = this.generateDefaultContent(e, s, t), this.panel.innerHTML = i;
+    const o = this.panel.querySelector('[data-action="close"]');
+    o && o.addEventListener("click", () => {
       this.hide(), this.onClose && this.onClose();
     });
     const a = this.panel.querySelector('[data-action="goto-source"]');
@@ -2123,7 +2149,7 @@ class zt {
    * Generates default panel content
    */
   generateDefaultContent(e, s, t) {
-    const o = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", i = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", a = e.relationship || "connected to";
+    const i = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", o = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", a = e.relationship || "connected to";
     return `
             <style>
                 .force-graph-edge-panel .panel-header {
@@ -2233,7 +2259,7 @@ class zt {
             <div class="node-card" data-action="goto-source" title="Click to focus on ${this.escapeHtml(s.label)}">
                 <div class="node-type">Source</div>
                 <div class="node-card-header">
-                    <span class="color-dot" style="background: ${o}; box-shadow: 0 0 8px ${o}80;"></span>
+                    <span class="color-dot" style="background: ${i}; box-shadow: 0 0 8px ${i}80;"></span>
                     <span class="node-label">${this.escapeHtml(s.label)}</span>
                 </div>
             </div>
@@ -2243,7 +2269,7 @@ class zt {
             <div class="node-card" data-action="goto-target" title="Click to focus on ${this.escapeHtml(t.label)}">
                 <div class="node-type">Target</div>
                 <div class="node-card-header">
-                    <span class="color-dot" style="background: ${i}; box-shadow: 0 0 8px ${i}80;"></span>
+                    <span class="color-dot" style="background: ${o}; box-shadow: 0 0 8px ${o}80;"></span>
                     <span class="node-label">${this.escapeHtml(t.label)}</span>
                 </div>
             </div>
@@ -2331,14 +2357,14 @@ class Tt {
    */
   positionTooltip(e, s) {
     if (!this.tooltip) return;
-    const t = this.tooltip.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
+    const t = this.tooltip.getBoundingClientRect(), i = window.innerWidth, o = window.innerHeight;
     let a = e + 15, r = s + 15;
-    a + t.width > o - 10 && (a = e - t.width - 15), r + t.height > i - 10 && (r = s - t.height - 15), a < 10 && (a = 10), r < 10 && (r = 10), this.tooltip.style.left = `${a}px`, this.tooltip.style.top = `${r}px`;
+    a + t.width > i - 10 && (a = e - t.width - 15), r + t.height > o - 10 && (r = s - t.height - 15), a < 10 && (a = 10), r < 10 && (r = 10), this.tooltip.style.left = `${a}px`, this.tooltip.style.top = `${r}px`;
   }
   /**
    * Shows the tooltip with edge info
    */
-  show(e, s, t, o, i) {
+  show(e, s, t, i, o) {
     if (!this.tooltip) return;
     const a = e.relationship || "connected to";
     this.tooltip.innerHTML = `
@@ -2353,7 +2379,7 @@ class Tt {
                     <span style="font-weight: 600; color: #ff9966;">${this.escapeHtml(t.label)}</span>
                 </div>
             </div>
-        `, this.positionTooltip(o, i), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
+        `, this.positionTooltip(i, o), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
   }
   /**
    * Updates tooltip position (called externally on mouse move)
@@ -2530,25 +2556,25 @@ class kt {
       this.searchResults.innerHTML = '<div class="f3d-no-results">No results found</div>', this.searchResults.style.display = "block";
       return;
     }
-    let o = "";
-    s.length > 0 && (o += '<div class="f3d-search-section-header">Nodes</div>', s.slice(0, 10).forEach((i) => {
-      const a = i.type || "Node";
-      o += `
-                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(i.id)}">
-                        <div class="f3d-result-label">${this.escapeHtml(i.label)}</div>
+    let i = "";
+    s.length > 0 && (i += '<div class="f3d-search-section-header">Nodes</div>', s.slice(0, 10).forEach((o) => {
+      const a = o.type || "Node";
+      i += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(o.id)}">
+                        <div class="f3d-result-label">${this.escapeHtml(o.label)}</div>
                         <div class="f3d-result-type">${this.escapeHtml(a)}</div>
                     </div>
                 `;
-    }), s.length > 10 && (o += `<div class="f3d-no-results">+ ${s.length - 10} more nodes</div>`)), t.length > 0 && (o += '<div class="f3d-search-section-header">Relationships</div>', t.slice(0, 5).forEach(({ edge: i, sourceNode: a, targetNode: r }) => {
-      o += `
-                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(i.source)}">
+    }), s.length > 10 && (i += `<div class="f3d-no-results">+ ${s.length - 10} more nodes</div>`)), t.length > 0 && (i += '<div class="f3d-search-section-header">Relationships</div>', t.slice(0, 5).forEach(({ edge: o, sourceNode: a, targetNode: r }) => {
+      i += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(o.source)}">
                         <div class="f3d-result-label">${this.escapeHtml(a.label)} → ${this.escapeHtml(r.label)}</div>
-                        <div class="f3d-result-relationship">${this.escapeHtml(i.relationship || "connected")}</div>
+                        <div class="f3d-result-relationship">${this.escapeHtml(o.relationship || "connected")}</div>
                     </div>
                 `;
-    }), t.length > 5 && (o += `<div class="f3d-no-results">+ ${t.length - 5} more relationships</div>`)), this.searchResults.innerHTML = o, this.searchResults.style.display = "block", this.searchResults.querySelectorAll(".f3d-search-result-item").forEach((i) => {
-      i.addEventListener("click", () => {
-        const a = i.dataset.nodeId;
+    }), t.length > 5 && (i += `<div class="f3d-no-results">+ ${t.length - 5} more relationships</div>`)), this.searchResults.innerHTML = i, this.searchResults.style.display = "block", this.searchResults.querySelectorAll(".f3d-search-result-item").forEach((o) => {
+      o.addEventListener("click", () => {
+        const a = o.dataset.nodeId;
         a && (this.onResultClick(a), this.searchResults && (this.searchResults.style.display = "none"), this.searchInput && this.searchInput.blur());
       });
     });
@@ -2706,31 +2732,31 @@ class It {
   setupInteractions() {
     this.canvas.addEventListener("wheel", (e) => {
       e.preventDefault();
-      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = e.deltaY > 0 ? 0.9 : 1.1, a = Math.max(0.1, Math.min(5, this.transform.scale * i)), r = a / this.transform.scale;
-      this.transform.x = t - (t - this.transform.x) * r, this.transform.y = o - (o - this.transform.y) * r, this.transform.scale = a;
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, i = e.clientY - s.top, o = e.deltaY > 0 ? 0.9 : 1.1, a = Math.max(0.1, Math.min(5, this.transform.scale * o)), r = a / this.transform.scale;
+      this.transform.x = t - (t - this.transform.x) * r, this.transform.y = i - (i - this.transform.y) * r, this.transform.scale = a;
     }), this.canvas.addEventListener("mousedown", (e) => {
-      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = this.screenToWorld(t, o), a = this.findNodeAt(i.x, i.y);
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, i = e.clientY - s.top, o = this.screenToWorld(t, i), a = this.findNodeAt(o.x, o.y);
       this.dragStartPos = { x: e.clientX, y: e.clientY }, a ? (this.isDragging = !0, this.draggedNode = a, this.canvas.style.cursor = "grabbing", this.isSimulating = !0) : (this.isPanning = !0, this.canvas.style.cursor = "grabbing"), this.lastMousePos = { x: e.clientX, y: e.clientY };
     }), this.canvas.addEventListener("mousemove", (e) => {
-      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = this.screenToWorld(t, o);
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, i = e.clientY - s.top, o = this.screenToWorld(t, i);
       if (this.isDragging && this.draggedNode)
-        this.draggedNode.x = i.x, this.draggedNode.y = i.y, this.draggedNode.vx = 0, this.draggedNode.vy = 0;
+        this.draggedNode.x = o.x, this.draggedNode.y = o.y, this.draggedNode.vx = 0, this.draggedNode.vy = 0;
       else if (this.isPanning) {
         const a = e.clientX - this.lastMousePos.x, r = e.clientY - this.lastMousePos.y;
         this.transform.x += a, this.transform.y += r, this.lastMousePos = { x: e.clientX, y: e.clientY };
       } else {
-        const a = this.findNodeAt(i.x, i.y);
+        const a = this.findNodeAt(o.x, o.y);
         if (a !== this.hoveredNode && (this.hoveredNode = a, a ? (this.hoveredEdge && (this.hoveredEdge = null, this.options.onEdgeHover && this.options.onEdgeHover(null)), this.canvas.style.cursor = "pointer", this.options.onNodeHover && this.options.onNodeHover(a.data)) : this.options.onNodeHover && this.options.onNodeHover(null)), !a) {
-          const r = this.findEdgeAt(i.x, i.y);
+          const r = this.findEdgeAt(o.x, o.y);
           r !== this.hoveredEdge && (this.hoveredEdge = r, this.canvas.style.cursor = r ? "pointer" : "grab", this.options.onEdgeHover && this.options.onEdgeHover(r ? r.data : null, e));
         }
       }
     }), this.canvas.addEventListener("mouseup", (e) => {
-      const s = Math.abs(e.clientX - this.dragStartPos.x), t = Math.abs(e.clientY - this.dragStartPos.y), o = s < 5 && t < 5;
+      const s = Math.abs(e.clientX - this.dragStartPos.x), t = Math.abs(e.clientY - this.dragStartPos.y), i = s < 5 && t < 5;
       if (this.isDragging && this.draggedNode)
-        o && this.options.onNodeClick && (this.selectedNode = this.draggedNode, this.options.onNodeClick(this.draggedNode.data));
-      else if (o) {
-        const i = this.canvas.getBoundingClientRect(), a = this.screenToWorld(e.clientX - i.left, e.clientY - i.top), r = this.findEdgeAt(a.x, a.y);
+        i && this.options.onNodeClick && (this.selectedNode = this.draggedNode, this.options.onNodeClick(this.draggedNode.data));
+      else if (i) {
+        const o = this.canvas.getBoundingClientRect(), a = this.screenToWorld(e.clientX - o.left, e.clientY - o.top), r = this.findEdgeAt(a.x, a.y);
         r && this.options.onEdgeClick && this.options.onEdgeClick(r.data);
       }
       this.isDragging = !1, this.isPanning = !1, this.draggedNode = null, this.canvas.style.cursor = this.hoveredNode ? "pointer" : "grab";
@@ -2746,21 +2772,21 @@ class It {
   }
   findNodeAt(e, s) {
     for (const t of this.nodes.values()) {
-      const o = t.x - e, i = t.y - s;
-      if (Math.sqrt(o * o + i * i) < t.radius)
+      const i = t.x - e, o = t.y - s;
+      if (Math.sqrt(i * i + o * o) < t.radius)
         return t;
     }
     return null;
   }
   findEdgeAt(e, s) {
-    for (const o of this.edges) {
-      const i = this.nodes.get(o.source), a = this.nodes.get(o.target);
-      if (!i || !a) continue;
-      const r = a.x - i.x, c = a.y - i.y, h = r * r + c * c;
+    for (const i of this.edges) {
+      const o = this.nodes.get(i.source), a = this.nodes.get(i.target);
+      if (!o || !a) continue;
+      const r = a.x - o.x, c = a.y - o.y, h = r * r + c * c;
       if (h === 0) continue;
-      const p = Math.max(0, Math.min(1, ((e - i.x) * r + (s - i.y) * c) / h)), x = i.x + p * r, m = i.y + p * c, u = e - x, f = s - m;
+      const p = Math.max(0, Math.min(1, ((e - o.x) * r + (s - o.y) * c) / h)), x = o.x + p * r, m = o.y + p * c, u = e - x, f = s - m;
       if (Math.sqrt(u * u + f * f) < 12)
-        return o;
+        return i;
     }
     return null;
   }
@@ -2773,8 +2799,8 @@ class It {
   simulate() {
     const e = Array.from(this.nodes.values()), s = e.length;
     if (s === 0) return;
-    const t = 60, o = 5;
-    let i = 0;
+    const t = 60, i = 5;
+    let o = 0;
     for (let r = 0; r < s; r++)
       for (let c = r + 1; c < s; c++) {
         const h = e[r], p = e[c];
@@ -2798,35 +2824,35 @@ class It {
       if (this.draggedNode === r) continue;
       r.vx *= this.options.damping, r.vy *= this.options.damping;
       const c = Math.sqrt(r.vx * r.vx + r.vy * r.vy);
-      c > o && (r.vx = r.vx / c * o, r.vy = r.vy / c * o), r.x += r.vx, r.y += r.vy, i += r.vx * r.vx + r.vy * r.vy;
+      c > i && (r.vx = r.vx / c * i, r.vy = r.vy / c * i), r.x += r.vx, r.y += r.vy, o += r.vx * r.vx + r.vy * r.vy;
     }
-    i < 0.01 && !this.draggedNode && (this.isSimulating = !1);
+    o < 0.01 && !this.draggedNode && (this.isSimulating = !1);
   }
   render() {
     const e = this.ctx, s = this.canvas.width / (window.devicePixelRatio || 1), t = this.canvas.height / (window.devicePixelRatio || 1);
     e.fillStyle = this.options.backgroundColor, e.fillRect(0, 0, s, t), this.renderGrid(s, t), e.save(), e.translate(this.transform.x, this.transform.y), e.scale(this.transform.scale, this.transform.scale), this.renderEdges(), this.renderNodes(), e.restore();
   }
   renderGrid(e, s) {
-    const t = this.ctx, o = 40 * this.transform.scale, i = 1.5, a = this.transform.x % o, r = this.transform.y % o;
+    const t = this.ctx, i = 40 * this.transform.scale, o = 1.5, a = this.transform.x % i, r = this.transform.y % i;
     t.fillStyle = this.options.gridColor;
-    for (let c = a; c < e; c += o)
-      for (let h = r; h < s; h += o)
-        t.beginPath(), t.arc(c, h, i, 0, Math.PI * 2), t.fill();
+    for (let c = a; c < e; c += i)
+      for (let h = r; h < s; h += i)
+        t.beginPath(), t.arc(c, h, o, 0, Math.PI * 2), t.fill();
   }
   renderEdges() {
     const e = this.ctx;
     for (const s of this.edges) {
-      const t = this.nodes.get(s.source), o = this.nodes.get(s.target);
-      if (!t || !o) continue;
-      const i = s === this.hoveredEdge, a = e.createLinearGradient(t.x, t.y, o.x, o.y);
-      i ? (a.addColorStop(0, "rgba(255, 153, 102, 0.8)"), a.addColorStop(0.5, "rgba(255, 255, 255, 0.5)"), a.addColorStop(1, "rgba(102, 153, 255, 0.8)"), e.lineWidth = 3) : (a.addColorStop(0, "rgba(255, 153, 102, 0.3)"), a.addColorStop(0.5, "rgba(255, 255, 255, 0.15)"), a.addColorStop(1, "rgba(102, 153, 255, 0.3)"), e.lineWidth = 1.5), e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(o.x, o.y), e.strokeStyle = a, e.stroke();
+      const t = this.nodes.get(s.source), i = this.nodes.get(s.target);
+      if (!t || !i) continue;
+      const o = s === this.hoveredEdge, a = e.createLinearGradient(t.x, t.y, i.x, i.y);
+      o ? (a.addColorStop(0, "rgba(255, 153, 102, 0.8)"), a.addColorStop(0.5, "rgba(255, 255, 255, 0.5)"), a.addColorStop(1, "rgba(102, 153, 255, 0.8)"), e.lineWidth = 3) : (a.addColorStop(0, "rgba(255, 153, 102, 0.3)"), a.addColorStop(0.5, "rgba(255, 255, 255, 0.15)"), a.addColorStop(1, "rgba(102, 153, 255, 0.3)"), e.lineWidth = 1.5), e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(i.x, i.y), e.strokeStyle = a, e.stroke();
     }
   }
   renderNodes() {
     const e = this.ctx;
     for (const s of this.nodes.values()) {
-      const t = s === this.hoveredNode, o = s === this.selectedNode, i = this.hoveredEdge && (s.data.id === this.hoveredEdge.source || s.data.id === this.hoveredEdge.target), a = s.radius * (t ? 1.1 : 1);
-      if (t || o || i) {
+      const t = s === this.hoveredNode, i = s === this.selectedNode, o = this.hoveredEdge && (s.data.id === this.hoveredEdge.source || s.data.id === this.hoveredEdge.target), a = s.radius * (t ? 1.1 : 1);
+      if (t || i || o) {
         const f = e.createRadialGradient(
           s.x,
           s.y,
@@ -2834,7 +2860,7 @@ class It {
           s.x,
           s.y,
           a * 2
-        ), b = t || o ? 0.4 : 0.25;
+        ), b = t || i ? 0.4 : 0.25;
         f.addColorStop(0, `rgba(255, 153, 102, ${b})`), f.addColorStop(1, "rgba(255, 153, 102, 0)"), e.fillStyle = f, e.beginPath(), e.arc(s.x, s.y, a * 2, 0, Math.PI * 2), e.fill();
       }
       const r = e.createRadialGradient(
@@ -2861,14 +2887,14 @@ class It {
    */
   setData(e) {
     this.nodes.clear(), this.edges = [], this.nodeIdToIndex.clear(), e.nodes.forEach((s, t) => {
-      const o = s.position || {
+      const i = s.position || {
         x: (Math.random() - 0.5) * 300,
         y: (Math.random() - 0.5) * 300
-      }, i = {
+      }, o = {
         id: s.id,
         label: s.label,
-        x: o.x,
-        y: o.y,
+        x: i.x,
+        y: i.y,
         vx: 0,
         vy: 0,
         color: s.color || 16750950,
@@ -2876,7 +2902,7 @@ class It {
         radius: this.options.nodeRadius,
         data: s
       };
-      this.nodes.set(s.id, i), this.nodeIdToIndex.set(s.id, t);
+      this.nodes.set(s.id, o), this.nodeIdToIndex.set(s.id, t);
     }), this.edges = e.edges.map((s) => ({
       source: s.source,
       target: s.target,
@@ -2952,9 +2978,9 @@ class It {
   focusOnNode(e) {
     const s = this.nodes.get(e);
     if (!s) return;
-    const t = this.canvas.width / 2 / (window.devicePixelRatio || 1) - s.x * this.transform.scale, o = this.canvas.height / 2 / (window.devicePixelRatio || 1) - s.y * this.transform.scale, i = this.transform.x, a = this.transform.y, r = 500, c = performance.now(), h = () => {
+    const t = this.canvas.width / 2 / (window.devicePixelRatio || 1) - s.x * this.transform.scale, i = this.canvas.height / 2 / (window.devicePixelRatio || 1) - s.y * this.transform.scale, o = this.transform.x, a = this.transform.y, r = 500, c = performance.now(), h = () => {
       const p = performance.now() - c, x = Math.min(p / r, 1), m = 1 - Math.pow(1 - x, 3);
-      this.transform.x = i + (t - i) * m, this.transform.y = a + (o - a) * m, x < 1 ? requestAnimationFrame(h) : this.selectedNode = s;
+      this.transform.x = o + (t - o) * m, this.transform.y = a + (i - a) * m, x < 1 ? requestAnimationFrame(h) : this.selectedNode = s;
     };
     h();
   }
@@ -2963,8 +2989,8 @@ class It {
    */
   syncFrom3D(e) {
     e.forEach((s, t) => {
-      const o = this.nodes.get(t);
-      o && (o.x = s.position.x * 3, o.y = s.position.y * 3, o.vx = 0, o.vy = 0);
+      const i = this.nodes.get(t);
+      i && (i.x = s.position.x * 3, i.y = s.position.y * 3, i.vx = 0, i.vy = 0);
     }), this.isSimulating = !1;
   }
   /**
@@ -3106,8 +3132,8 @@ class Ht {
   onEdgeHover(e) {
     if (e) {
       this.edgeManager.highlightEdge(e.edge.source, e.edge.target);
-      const s = this.container.getBoundingClientRect(), t = s.left + s.width / 2, o = s.top + s.height / 2;
-      this.edgeTooltipManager.show(e.edge, e.sourceNode, e.targetNode, t, o), this.options.onEdgeHover && this.options.onEdgeHover(e.edge, e.sourceNode, e.targetNode), this.emit("edgeHover", e.edge, e.sourceNode, e.targetNode);
+      const s = this.container.getBoundingClientRect(), t = s.left + s.width / 2, i = s.top + s.height / 2;
+      this.edgeTooltipManager.show(e.edge, e.sourceNode, e.targetNode, t, i), this.options.onEdgeHover && this.options.onEdgeHover(e.edge, e.sourceNode, e.targetNode), this.emit("edgeHover", e.edge, e.sourceNode, e.targetNode);
     } else
       this.edgeManager.unhighlightCurrentEdge(), this.edgeTooltipManager.hide(), this.options.onEdgeHover && this.options.onEdgeHover(null, null, null), this.emit("edgeHover", null, null, null);
   }
@@ -3116,7 +3142,7 @@ class Ht {
    */
   onNodeClick(e) {
     this.edgePanelManager.hide();
-    const t = this.edgeManager.getNeighborIds(e.id).map((o) => this.nodeManager.getNode(o)).filter((o) => o !== void 0);
+    const t = this.edgeManager.getNeighborIds(e.id).map((i) => this.nodeManager.getNode(i)).filter((i) => i !== void 0);
     this.options.showPanel !== !1 && this.panelManager.show(e, t), this.options.onNodeClick && this.options.onNodeClick(e), this.emit("nodeClick", e);
   }
   /**
@@ -3151,20 +3177,20 @@ class Ht {
    */
   setData(e) {
     var a;
-    const s = (a = e.data) != null && a.nodes ? e.data : e, o = (s.edges || s.links || []).map((r) => ({
+    const s = (a = e.data) != null && a.nodes ? e.data : e, i = (s.edges || s.links || []).map((r) => ({
       ...r,
       relationship: r.relationship || r.label || "related_to"
-    })), i = {
+    })), o = {
       nodes: s.nodes || [],
-      edges: o
+      edges: i
     };
-    if (this.graphData = i, this.edgeManager.clear(), this.nodeManager.clear(), i.nodes && Array.isArray(i.nodes)) {
-      te.setExpectedNodeCount(i.nodes.length);
-      for (const r of i.nodes)
+    if (this.graphData = o, this.edgeManager.clear(), this.nodeManager.clear(), o.nodes && Array.isArray(o.nodes)) {
+      te.setExpectedNodeCount(o.nodes.length);
+      for (const r of o.nodes)
         this.addNode(r);
     }
-    if (i.edges && Array.isArray(i.edges))
-      for (const r of i.edges)
+    if (o.edges && Array.isArray(o.edges))
+      for (const r of o.edges)
         this.addEdge(r);
     this.graphEngine = new Le(
       this.nodeManager.getAllNodes(),
@@ -3176,7 +3202,7 @@ class Ht {
         useBarnesHut: this.options.useBarnesHut,
         barnesHutTheta: this.options.barnesHutTheta
       }
-    ), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setData(i);
+    ), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setData(o);
   }
   /**
    * Adds a node to the graph
@@ -3230,20 +3256,20 @@ class Ht {
    * @param fetchFn - Optional fetch function to override the default
    */
   async expandNode(e, s = 1, t) {
-    const o = t ?? this.options.onExpand;
-    if (!o)
+    const i = t ?? this.options.onExpand;
+    if (!i)
       return console.warn("[ForceGraph3D] No expand callback provided"), !1;
     try {
-      const i = await o(e, s);
-      if (i.nodes && Array.isArray(i.nodes))
-        for (const a of i.nodes)
+      const o = await i(e, s);
+      if (o.nodes && Array.isArray(o.nodes))
+        for (const a of o.nodes)
           this.addNode(a);
-      if (i.edges && Array.isArray(i.edges))
-        for (const a of i.edges)
+      if (o.edges && Array.isArray(o.edges))
+        for (const a of o.edges)
           this.addEdge(a);
-      return this.panelManager.hide(), this.emit("expand", e, i), !0;
-    } catch (i) {
-      return console.error("[ForceGraph3D] Error expanding node:", i), !1;
+      return this.panelManager.hide(), this.emit("expand", e, o), !0;
+    } catch (o) {
+      return console.error("[ForceGraph3D] Error expanding node:", o), !1;
     }
   }
   /**
@@ -3290,13 +3316,13 @@ class Ht {
       console.warn(`[ForceGraph3D] Node "${e}" not found`);
       return;
     }
-    const o = t.position, i = this.sceneManager.camera, a = this.sceneManager.controls, r = i.position.clone().sub(a.target).normalize(), c = {
-      x: o.x + r.x * s,
-      y: o.y + r.y * s,
-      z: o.z + r.z * s
-    }, h = { x: i.position.x, y: i.position.y, z: i.position.z }, p = { x: a.target.x, y: a.target.y, z: a.target.z }, x = 800, m = performance.now(), u = () => {
+    const i = t.position, o = this.sceneManager.camera, a = this.sceneManager.controls, r = o.position.clone().sub(a.target).normalize(), c = {
+      x: i.x + r.x * s,
+      y: i.y + r.y * s,
+      z: i.z + r.z * s
+    }, h = { x: o.position.x, y: o.position.y, z: o.position.z }, p = { x: a.target.x, y: a.target.y, z: a.target.z }, x = 800, m = performance.now(), u = () => {
       const f = performance.now() - m, b = Math.min(f / x, 1), M = 1 - Math.pow(1 - b, 3);
-      i.position.x = h.x + (c.x - h.x) * M, i.position.y = h.y + (c.y - h.y) * M, i.position.z = h.z + (c.z - h.z) * M, a.target.x = p.x + (o.x - p.x) * M, a.target.y = p.y + (o.y - p.y) * M, a.target.z = p.z + (o.z - p.z) * M, a.update(), b < 1 && requestAnimationFrame(u);
+      o.position.x = h.x + (c.x - h.x) * M, o.position.y = h.y + (c.y - h.y) * M, o.position.z = h.z + (c.z - h.z) * M, a.target.x = p.x + (i.x - p.x) * M, a.target.y = p.y + (i.y - p.y) * M, a.target.z = p.z + (i.z - p.z) * M, a.update(), b < 1 && requestAnimationFrame(u);
     };
     u();
   }
@@ -3305,16 +3331,16 @@ class Ht {
    * Camera targets the midpoint and zooms out enough to see both nodes
    */
   focusOnEdge(e, s, t = 1.5) {
-    const o = this.nodeManager.getNode(e), i = this.nodeManager.getNode(s);
-    if (!o || !i) {
+    const i = this.nodeManager.getNode(e), o = this.nodeManager.getNode(s);
+    if (!i || !o) {
       console.warn(`[ForceGraph3D] Could not find nodes for edge "${e}" -> "${s}"`);
       return;
     }
     const a = this.sceneManager.camera, r = this.sceneManager.controls, c = {
-      x: (o.position.x + i.position.x) / 2,
-      y: (o.position.y + i.position.y) / 2,
-      z: (o.position.z + i.position.z) / 2
-    }, h = i.position.x - o.position.x, p = i.position.y - o.position.y, x = i.position.z - o.position.z, m = Math.sqrt(h * h + p * p + x * x), u = Math.max(m * t, 40), f = a.position.clone().sub(r.target).normalize(), b = {
+      x: (i.position.x + o.position.x) / 2,
+      y: (i.position.y + o.position.y) / 2,
+      z: (i.position.z + o.position.z) / 2
+    }, h = o.position.x - i.position.x, p = o.position.y - i.position.y, x = o.position.z - i.position.z, m = Math.sqrt(h * h + p * p + x * x), u = Math.max(m * t, 40), f = a.position.clone().sub(r.target).normalize(), b = {
       x: c.x + f.x * u,
       y: c.y + f.y * u,
       z: c.z + f.z * u
@@ -3343,28 +3369,28 @@ class Ht {
   searchNodes(e) {
     if (!e || e.trim() === "")
       return [];
-    const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), o = [];
-    return t.forEach((i) => {
+    const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), i = [];
+    return t.forEach((o) => {
       var h, p, x;
-      const a = (h = i.label) == null ? void 0 : h.toLowerCase().includes(s), r = (p = i.id) == null ? void 0 : p.toLowerCase().includes(s), c = (x = i.type) == null ? void 0 : x.toLowerCase().includes(s);
-      (a || r || c) && o.push(i);
-    }), o;
+      const a = (h = o.label) == null ? void 0 : h.toLowerCase().includes(s), r = (p = o.id) == null ? void 0 : p.toLowerCase().includes(s), c = (x = o.type) == null ? void 0 : x.toLowerCase().includes(s);
+      (a || r || c) && i.push(o);
+    }), i;
   }
   /**
    * Searches edges by relationship (case-insensitive)
    * @returns Array of matching edges with source/target node info
    */
   searchEdges(e) {
-    var i;
+    var o;
     if (!e || e.trim() === "")
       return [];
-    const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), o = [];
+    const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), i = [];
     for (const a of t)
-      if ((i = a.relationship) == null ? void 0 : i.toLowerCase().includes(s)) {
+      if ((o = a.relationship) == null ? void 0 : o.toLowerCase().includes(s)) {
         const c = this.nodeManager.getNode(a.source), h = this.nodeManager.getNode(a.target);
-        c && h && o.push({ edge: a, sourceNode: c, targetNode: h });
+        c && h && i.push({ edge: a, sourceNode: c, targetNode: h });
       }
-    return o;
+    return i;
   }
   /**
    * Gets all nodes as an array
@@ -3406,11 +3432,11 @@ class Ht {
       },
       onEdgeHover: (s, t) => {
         if (s && t) {
-          const o = this.nodeManager.getNode(s.source), i = this.nodeManager.getNode(s.target);
-          o && i && this.edgeTooltipManager.show(
+          const i = this.nodeManager.getNode(s.source), o = this.nodeManager.getNode(s.target);
+          i && o && this.edgeTooltipManager.show(
             s,
-            o,
             i,
+            o,
             t.clientX,
             t.clientY
           );
@@ -3418,8 +3444,8 @@ class Ht {
           this.edgeTooltipManager.hide();
       },
       onEdgeClick: (s) => {
-        const t = this.nodeManager.getNode(s.source), o = this.nodeManager.getNode(s.target);
-        t && o && this.edgePanelManager.show(s, t, o);
+        const t = this.nodeManager.getNode(s.source), i = this.nodeManager.getNode(s.target);
+        t && i && this.edgePanelManager.show(s, t, i);
       }
     }), this.graphData && (this.forceGraph2D.setData(this.graphData), this.forceGraph2D.syncFrom3D(this.nodeManager.getAllNodes())))) : (this.forceGraph2D && this.forceGraph2D.hide(), this.sceneManager.renderer.domElement.style.display = "block", this.rendererManager.start()), this.emit("viewChange", e));
   }
@@ -3434,7 +3460,7 @@ class Ht {
    */
   emit(e, ...s) {
     const t = this.eventCallbacks.get(e);
-    t && t.forEach((o) => o(...s));
+    t && t.forEach((i) => i(...s));
   }
   /**
    * Sets physics parameters for both 3D and 2D views
@@ -3511,17 +3537,17 @@ class Ht {
     `, this.container.appendChild(this.devControls);
     const e = this.devControls.querySelector("#dev-repulsion"), s = this.devControls.querySelector("#dev-attraction"), t = this.devControls.querySelector("#dev-damping");
     e == null || e.addEventListener("input", () => {
-      const o = parseFloat(e.value);
-      this.setPhysicsParams({ repulsionStrength: o }), this.devControls.querySelector("#dev-repulsion-val").textContent = o.toString();
+      const i = parseFloat(e.value);
+      this.setPhysicsParams({ repulsionStrength: i }), this.devControls.querySelector("#dev-repulsion-val").textContent = i.toString();
     }), s == null || s.addEventListener("input", () => {
-      const o = parseFloat(s.value) / 1e3;
-      this.setPhysicsParams({ attractionStrength: o }), this.devControls.querySelector("#dev-attraction-val").textContent = o.toFixed(3);
+      const i = parseFloat(s.value) / 1e3;
+      this.setPhysicsParams({ attractionStrength: i }), this.devControls.querySelector("#dev-attraction-val").textContent = i.toFixed(3);
     }), t == null || t.addEventListener("input", () => {
-      const o = parseFloat(t.value) / 100;
-      this.setPhysicsParams({ damping: o }), this.devControls.querySelector("#dev-damping-val").textContent = o.toFixed(2);
+      const i = parseFloat(t.value) / 100;
+      this.setPhysicsParams({ damping: i }), this.devControls.querySelector("#dev-damping-val").textContent = i.toFixed(2);
     }), setInterval(() => {
-      const o = this.devControls.querySelector("#dev-node-count"), i = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
-      o && (o.textContent = this.getNodeCount().toString()), i && (i.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
+      const i = this.devControls.querySelector("#dev-node-count"), o = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
+      i && (i.textContent = this.getNodeCount().toString()), o && (o.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
     }, 500);
   }
   /**
@@ -3587,12 +3613,12 @@ const Oe = [
 ];
 function Dt(d = 30) {
   const e = [], s = [];
-  for (let o = 0; o < d; o++) {
-    const i = o < Oe.length ? Oe[o] : `Node ${o + 1}`;
+  for (let i = 0; i < d; i++) {
+    const o = i < Oe.length ? Oe[i] : `Node ${i + 1}`;
     e.push({
-      id: `node-${o}`,
-      label: i,
-      color: Fe[o % Fe.length],
+      id: `node-${i}`,
+      label: o,
+      color: Fe[i % Fe.length],
       position: {
         x: (Math.random() - 0.5) * 60,
         y: (Math.random() - 0.5) * 60,
@@ -3600,20 +3626,20 @@ function Dt(d = 30) {
       }
     });
   }
-  for (let o = 1; o < d; o++) {
-    const i = Math.floor(Math.random() * o);
+  for (let i = 1; i < d; i++) {
+    const o = Math.floor(Math.random() * i);
     s.push({
-      source: `node-${o}`,
-      target: `node-${i}`,
+      source: `node-${i}`,
+      target: `node-${o}`,
       relationship: ee[Math.floor(Math.random() * ee.length)]
     });
   }
   const t = Math.floor(d * 0.5);
-  for (let o = 0; o < t; o++) {
-    const i = Math.floor(Math.random() * d);
+  for (let i = 0; i < t; i++) {
+    const o = Math.floor(Math.random() * d);
     let a = Math.floor(Math.random() * d);
-    i === a && (a = (a + 1) % d);
-    const r = `node-${i}`, c = `node-${a}`;
+    o === a && (a = (a + 1) % d);
+    const r = `node-${o}`, c = `node-${a}`;
     s.some(
       (p) => p.source === r && p.target === c || p.source === c && p.target === r
     ) || s.push({
@@ -3625,18 +3651,18 @@ function Dt(d = 30) {
   return { nodes: e, edges: s };
 }
 function At(d = 1e3) {
-  const e = [], s = [], t = Math.ceil(d / 50), o = [];
-  for (let i = 0; i < t; i++)
-    o.push({
+  const e = [], s = [], t = Math.ceil(d / 50), i = [];
+  for (let o = 0; o < t; o++)
+    i.push({
       x: (Math.random() - 0.5) * 200,
       y: (Math.random() - 0.5) * 200,
       z: (Math.random() - 0.5) * 200
     });
-  for (let i = 0; i < d; i++) {
-    const a = o[i % t];
+  for (let o = 0; o < d; o++) {
+    const a = i[o % t];
     e.push({
-      id: `node-${i}`,
-      label: `N${i}`,
+      id: `node-${o}`,
+      label: `N${o}`,
       position: {
         x: a.x + (Math.random() - 0.5) * 40,
         y: a.y + (Math.random() - 0.5) * 40,
@@ -3644,16 +3670,16 @@ function At(d = 1e3) {
       }
     });
   }
-  for (let i = 1; i < d; i++) {
-    const a = Math.floor(i / 50) * 50, r = a === 0 ? Math.floor(Math.random() * i) : a + Math.floor(Math.random() * Math.min(i - a, 50));
+  for (let o = 1; o < d; o++) {
+    const a = Math.floor(o / 50) * 50, r = a === 0 ? Math.floor(Math.random() * o) : a + Math.floor(Math.random() * Math.min(o - a, 50));
     s.push({
-      source: `node-${i}`,
-      target: `node-${Math.min(r, i - 1)}`,
+      source: `node-${o}`,
+      target: `node-${Math.min(r, o - 1)}`,
       relationship: "links to"
     });
   }
-  for (let i = 1; i < t; i++) {
-    const a = i * 50, r = (i - 1) * 50 + Math.floor(Math.random() * 50);
+  for (let o = 1; o < t; o++) {
+    const a = o * 50, r = (o - 1) * 50 + Math.floor(Math.random() * 50);
     s.push({
       source: `node-${a}`,
       target: `node-${r}`,