force-3d-graph 1.3.7 → 1.3.8

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

@@ -1,6 +1,6 @@
 var it = Object.defineProperty;
-var ot = (h, e, s) => e in h ? it(h, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[e] = s;
-var l = (h, e, s) => ot(h, typeof e != "symbol" ? e + "" : e, s);
+var ot = (d, e, s) => e in d ? it(d, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[e] = s;
+var l = (d, e, s) => ot(d, typeof e != "symbol" ? e + "" : e, s);
 import * as x from "three";
 import { EventDispatcher as nt, Vector3 as S, MOUSE as j, TOUCH as $, Spherical as Se, Quaternion as ze, Vector2 as k, Ray as at, Plane as rt, MathUtils as lt } from "three";
 const P = {
@@ -32,52 +32,52 @@ const P = {
   targetFPS: 60,
   maxVisibleNodes: 1e4
 };
-var _ = /* @__PURE__ */ ((h) => (h[h.HIGH = 0] = "HIGH", h[h.MEDIUM = 1] = "MEDIUM", h[h.LOW = 2] = "LOW", h))(_ || {});
+var _ = /* @__PURE__ */ ((d) => (d[d.HIGH = 0] = "HIGH", d[d.MEDIUM = 1] = "MEDIUM", d[d.LOW = 2] = "LOW", d))(_ || {});
 function ct() {
-  const h = document.createElement("div");
-  return h.id = "force-graph-3d-container", h.style.cssText = `
+  const d = document.createElement("div");
+  return d.id = "force-graph-3d-container", d.style.cssText = `
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
-  `, document.body.appendChild(h), h;
+  `, document.body.appendChild(d), d;
 }
-function dt(h) {
-  return h && h instanceof HTMLElement ? h : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), ct());
+function ht(d) {
+  return d && d instanceof HTMLElement ? d : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), ct());
 }
-function ke(h) {
-  const e = h.getBoundingClientRect();
+function ke(d) {
+  const e = d.getBoundingClientRect();
   return {
     width: e.width || window.innerWidth,
     height: e.height || window.innerHeight
   };
 }
-function Fe(h) {
-  if (!h || typeof h != "object")
+function Fe(d) {
+  if (!d || typeof d != "object")
     return console.warn("[ForceGraph3D] Invalid node: must be an object"), !1;
-  const e = h;
+  const e = d;
   return typeof e.id != "string" || e.id.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node: id must be a non-empty string"), !1) : typeof e.label != "string" ? (console.warn("[ForceGraph3D] Invalid node: label must be a string"), !1) : e.color !== void 0 && typeof e.color != "number" ? (console.warn("[ForceGraph3D] Invalid node: color must be a number (hex)"), !1) : e.position !== void 0 && !pt(e.position) ? (console.warn("[ForceGraph3D] Invalid node: position must have x, y, z numbers"), !1) : !0;
 }
-function De(h) {
-  if (!h || typeof h != "object")
+function De(d) {
+  if (!d || typeof d != "object")
     return console.warn("[ForceGraph3D] Invalid edge: must be an object"), !1;
-  const e = h;
+  const e = d;
   return typeof e.source != "string" || e.source.trim() === "" ? (console.warn("[ForceGraph3D] Invalid edge: source must be a non-empty string"), !1) : typeof e.target != "string" || e.target.trim() === "" ? (console.warn("[ForceGraph3D] Invalid edge: target must be a non-empty string"), !1) : !0;
 }
-function ht(h) {
-  return typeof h != "string" || h.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
+function dt(d) {
+  return typeof d != "string" || d.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
 }
-function pt(h) {
-  if (!h || typeof h != "object") return !1;
-  const e = h;
+function pt(d) {
+  if (!d || typeof d != "object") return !1;
+  const e = d;
   return typeof e.x == "number" && typeof e.y == "number" && typeof e.z == "number";
 }
-function Dt(h, e) {
-  return h === e ? `${h}-${e}` : h < e ? `${h}-${e}` : `${e}-${h}`;
+function Dt(d, e) {
+  return d === e ? `${d}-${e}` : d < e ? `${d}-${e}` : `${e}-${d}`;
 }
-const Te = { type: "change" }, le = { type: "start" }, Pe = { type: "end" }, Q = new at(), Le = new rt(), gt = Math.cos(70 * lt.DEG2RAD);
+const Te = { type: "change" }, le = { type: "start" }, Pe = { type: "end" }, Q = new at(), Re = new rt(), gt = Math.cos(70 * lt.DEG2RAD);
 class ut extends nt {
   constructor(e, s) {
     super(), this.object = e, this.domElement = s, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new S(), this.cursor = new S(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: j.ROTATE, MIDDLE: j.DOLLY, RIGHT: j.PAN }, this.touches = { ONE: $.ROTATE, TWO: $.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
@@ -98,9 +98,9 @@ class ut extends nt {
       const a = new S(), g = new ze().setFromUnitVectors(e.up, new S(0, 1, 0)), v = g.clone().invert(), M = new S(), C = new ze(), F = new S(), z = 2 * Math.PI;
       return function(st = null) {
         const Ne = t.object.position;
-        a.copy(Ne).sub(t.target), a.applyQuaternion(g), r.setFromVector3(a), t.autoRotate && o === i.NONE && Y(He(st)), t.enableDamping ? (r.theta += d.theta * t.dampingFactor, r.phi += d.phi * t.dampingFactor) : (r.theta += d.theta, r.phi += d.phi);
-        let R = t.minAzimuthAngle, I = t.maxAzimuthAngle;
-        isFinite(R) && isFinite(I) && (R < -Math.PI ? R += z : R > Math.PI && (R -= z), I < -Math.PI ? I += z : I > Math.PI && (I -= z), R <= I ? r.theta = Math.max(R, Math.min(I, r.theta)) : r.theta = r.theta > (R + I) / 2 ? Math.max(R, r.theta) : Math.min(I, 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 && D || t.object.isOrthographicCamera ? r.radius = oe(r.radius) : r.radius = oe(r.radius * c), a.setFromSpherical(r), a.applyQuaternion(v), Ne.copy(t.target).add(a), t.object.lookAt(t.target), t.enableDamping === !0 ? (d.theta *= 1 - t.dampingFactor, d.phi *= 1 - t.dampingFactor, p.multiplyScalar(1 - t.dampingFactor)) : (d.set(0, 0, 0), p.set(0, 0, 0));
+        a.copy(Ne).sub(t.target), a.applyQuaternion(g), r.setFromVector3(a), t.autoRotate && o === i.NONE && Y(He(st)), t.enableDamping ? (r.theta += h.theta * t.dampingFactor, r.phi += h.phi * t.dampingFactor) : (r.theta += h.theta, r.phi += h.phi);
+        let L = t.minAzimuthAngle, I = t.maxAzimuthAngle;
+        isFinite(L) && isFinite(I) && (L < -Math.PI ? L += z : L > Math.PI && (L -= z), I < -Math.PI ? I += z : I > Math.PI && (I -= z), L <= I ? r.theta = Math.max(L, Math.min(I, r.theta)) : r.theta = r.theta > (L + I) / 2 ? Math.max(L, r.theta) : Math.min(I, 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 && D || t.object.isOrthographicCamera ? r.radius = oe(r.radius) : r.radius = oe(r.radius * c), a.setFromSpherical(r), a.applyQuaternion(v), Ne.copy(t.target).add(a), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, p.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), p.set(0, 0, 0));
         let re = !1;
         if (t.zoomToCursor && D) {
           let K = null;
@@ -116,7 +116,7 @@ class ut extends nt {
             Z.unproject(t.object), t.object.position.sub(Z).add(U), t.object.updateMatrixWorld(), K = a.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          K !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(K).add(t.object.position) : (Q.origin.copy(t.object.position), Q.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Q.direction)) < gt ? e.lookAt(t.target) : (Le.setFromNormalAndCoplanarPoint(t.object.up, t.target), Q.intersectPlane(Le, t.target))));
+          K !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(K).add(t.object.position) : (Q.origin.copy(t.object.position), Q.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Q.direction)) < gt ? e.lookAt(t.target) : (Re.setFromNormalAndCoplanarPoint(t.object.up, t.target), Q.intersectPlane(Re, t.target))));
         } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / c)), t.object.updateProjectionMatrix(), re = !0);
         return c = 1, D = !1, re || M.distanceToSquared(t.object.position) > n || 8 * (1 - C.dot(t.object.quaternion)) > n || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Te), M.copy(t.object.position), C.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
       };
@@ -134,9 +134,9 @@ class ut extends nt {
       TOUCH_DOLLY_ROTATE: 6
     };
     let o = i.NONE;
-    const n = 1e-6, r = new Se(), d = new Se();
+    const n = 1e-6, r = new Se(), h = new Se();
     let c = 1;
-    const p = new S(), f = new k(), m = new k(), u = new k(), y = new k(), b = new k(), w = new k(), N = new k(), O = new k(), L = new k(), G = new S(), T = new k();
+    const p = new S(), f = new k(), m = new k(), u = new k(), y = new k(), b = new k(), w = new k(), N = new k(), O = new k(), R = new k(), G = new S(), T = new k();
     let D = !1;
     const E = [], V = {};
     let te = !1;
@@ -148,17 +148,17 @@ class ut extends nt {
       return Math.pow(0.95, t.zoomSpeed * g);
     }
     function Y(a) {
-      d.theta -= a;
+      h.theta -= a;
     }
     function W(a) {
-      d.phi -= a;
+      h.phi -= a;
     }
     const ce = function() {
       const a = new S();
       return function(v, M) {
         a.setFromMatrixColumn(M, 0), a.multiplyScalar(-v), p.add(a);
       };
-    }(), de = function() {
+    }(), he = function() {
       const a = new S();
       return function(v, M) {
         t.screenSpacePanning === !0 ? a.setFromMatrixColumn(M, 1) : (a.setFromMatrixColumn(M, 0), a.crossVectors(t.object.up, a)), a.multiplyScalar(v), p.add(a);
@@ -171,14 +171,14 @@ class ut extends nt {
           const F = t.object.position;
           a.copy(F).sub(t.target);
           let z = a.length();
-          z *= Math.tan(t.object.fov / 2 * Math.PI / 180), ce(2 * v * z / C.clientHeight, t.object.matrix), de(2 * M * z / C.clientHeight, t.object.matrix);
-        } else t.object.isOrthographicCamera ? (ce(v * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), de(M * (t.object.top - t.object.bottom) / t.object.zoom / C.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          z *= Math.tan(t.object.fov / 2 * Math.PI / 180), ce(2 * v * z / C.clientHeight, t.object.matrix), he(2 * M * z / C.clientHeight, t.object.matrix);
+        } else t.object.isOrthographicCamera ? (ce(v * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), he(M * (t.object.top - t.object.bottom) / t.object.zoom / C.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
     function se(a) {
       t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? c /= a : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function he(a) {
+    function de(a) {
       t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? c *= a : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
     function ie(a, g) {
@@ -206,13 +206,13 @@ class ut extends nt {
       Y(2 * Math.PI * u.x / g.clientHeight), W(2 * Math.PI * u.y / g.clientHeight), f.copy(m), t.update();
     }
     function $e(a) {
-      O.set(a.clientX, a.clientY), L.subVectors(O, N), L.y > 0 ? se(q(L.y)) : L.y < 0 && he(q(L.y)), N.copy(O), t.update();
+      O.set(a.clientX, a.clientY), R.subVectors(O, N), R.y > 0 ? se(q(R.y)) : R.y < 0 && de(q(R.y)), N.copy(O), t.update();
     }
     function Ge(a) {
       b.set(a.clientX, a.clientY), w.subVectors(b, y).multiplyScalar(t.panSpeed), H(w.x, w.y), y.copy(b), t.update();
     }
     function Ye(a) {
-      ie(a.clientX, a.clientY), a.deltaY < 0 ? he(q(a.deltaY)) : a.deltaY > 0 && se(q(a.deltaY)), t.update();
+      ie(a.clientX, a.clientY), a.deltaY < 0 ? de(q(a.deltaY)) : a.deltaY > 0 && se(q(a.deltaY)), t.update();
     }
     function Be(a) {
       let g = !1;
@@ -280,7 +280,7 @@ class ut extends nt {
     }
     function be(a) {
       const g = A(a), v = a.pageX - g.x, M = a.pageY - g.y, C = Math.sqrt(v * v + M * M);
-      O.set(0, C), L.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), se(L.y), N.copy(O);
+      O.set(0, C), R.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), se(R.y), N.copy(O);
       const F = (a.pageX + g.x) * 0.5, z = (a.pageY + g.y) * 0.5;
       ie(F, z);
     }
@@ -774,16 +774,16 @@ class mt {
       const c = n.findIndex((p) => p.source === e && p.target === s);
       c !== -1 && n.splice(c, 1);
     }
-    const d = this.edgeObjectMap.get(t);
-    if (!d)
+    const h = this.edgeObjectMap.get(t);
+    if (!h)
       return !0;
     if (n.length === 0) {
-      this.sceneManager.remove(d.line), this.edgeFactory.disposeEdge(d);
-      const c = this.edgeObjects.findIndex((p) => p === d);
+      this.sceneManager.remove(h.line), this.edgeFactory.disposeEdge(h);
+      const c = this.edgeObjects.findIndex((p) => p === h);
       c !== -1 && this.edgeObjects.splice(c, 1), this.edgeGroups.delete(t), this.edgeObjectMap.delete(t), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null);
     } else {
       const c = this.nodeManager.getNode(e), p = this.nodeManager.getNode(s);
-      c && p && this.updateEdgeUserData(d, n, c, p);
+      c && p && this.updateEdgeUserData(h, n, c, p);
     }
     return !0;
   }
@@ -898,7 +898,7 @@ class mt {
     this.clear();
   }
 }
-class Re {
+class Le {
   constructor(e, s, t = {}) {
     l(this, "nodes");
     l(this, "edges");
@@ -972,11 +972,11 @@ class Re {
     for (let i = 0; i < s; i++) {
       const o = e[i];
       for (let n = i + 1; n < s; n++) {
-        const r = e[n], d = r.position.x - o.position.x, c = r.position.y - o.position.y, p = r.position.z - o.position.z;
-        let f = d * d + c * c + p * p;
+        const r = e[n], h = r.position.x - o.position.x, c = r.position.y - o.position.y, p = r.position.z - o.position.z;
+        let f = h * h + c * c + p * p;
         if (f > this.REPULSION_CUTOFF_SQ) continue;
         f < 0.01 && (f = 0.01);
-        const m = Math.sqrt(f), u = t * this.alpha / f, y = d / m * u, b = c / m * u, w = p / m * u;
+        const m = Math.sqrt(f), u = t * this.alpha / f, y = h / m * u, b = c / m * u, w = p / m * u;
         o.velocity.x -= y / o.mass, o.velocity.y -= b / o.mass, o.velocity.z -= w / o.mass, r.velocity.x += y / r.mass, r.velocity.y += b / r.mass, r.velocity.z += w / r.mass;
       }
     }
@@ -1000,9 +1000,9 @@ class Re {
     if (s.mass === 0) return;
     const t = s.centerOfMass.x - e.position.x, i = s.centerOfMass.y - e.position.y, o = s.centerOfMass.z - e.position.z, n = t * t + i * i + o * o;
     if (n > this.REPULSION_CUTOFF_SQ) return;
-    const r = Math.sqrt(n), d = this.getEffectiveRepulsion();
+    const r = Math.sqrt(n), h = this.getEffectiveRepulsion();
     if (r > 0 && s.size / r < this.barnesHutTheta) {
-      const c = Math.max(n, 0.01), p = d * this.alpha * s.mass / c;
+      const c = Math.max(n, 0.01), p = h * this.alpha * s.mass / c;
       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 c of s.children)
@@ -1027,9 +1027,9 @@ class Re {
     for (const t of this.edges) {
       const i = this.nodes.get(t.source), o = this.nodes.get(t.target);
       if (!i || !o) continue;
-      const n = o.position.x - i.position.x, r = o.position.y - i.position.y, d = o.position.z - i.position.z, c = Math.sqrt(n * n + r * r + d * d);
+      const n = o.position.x - i.position.x, r = o.position.y - i.position.y, h = o.position.z - i.position.z, c = Math.sqrt(n * n + r * r + h * h);
       if (c < 0.01) continue;
-      const f = (c - 15) * this.attractionStrength * s * this.alpha, m = n / c * f, u = r / c * f, y = d / c * f;
+      const f = (c - 15) * this.attractionStrength * s * this.alpha, m = n / c * f, u = r / c * f, y = h / c * f;
       i.velocity.x += m / i.mass, i.velocity.y += u / i.mass, i.velocity.z += y / i.mass, o.velocity.x -= m / o.mass, o.velocity.y -= u / o.mass, o.velocity.z -= y / o.mass;
     }
   }
@@ -1136,10 +1136,10 @@ class yt {
         children: []
       };
     }
-    const o = (s.min.x + s.max.x) / 2, n = (s.min.y + s.max.y) / 2, r = (s.min.z + s.max.z) / 2, d = [[], [], [], [], [], [], [], []];
+    const o = (s.min.x + s.max.x) / 2, n = (s.min.y + s.max.y) / 2, r = (s.min.z + s.max.z) / 2, h = [[], [], [], [], [], [], [], []];
     for (const u of e) {
       const y = (u.position.x >= o ? 1 : 0) + (u.position.y >= n ? 2 : 0) + (u.position.z >= r ? 4 : 0);
-      d[y].push(u);
+      h[y].push(u);
     }
     const c = [
       { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: o, y: n, z: r } },
@@ -1154,8 +1154,8 @@ class yt {
     let f = 0;
     const m = { x: 0, y: 0, z: 0 };
     for (let u = 0; u < 8; u++)
-      if (d[u].length > 0) {
-        const y = this.buildTree(d[u], c[u], t + 1);
+      if (h[u].length > 0) {
+        const y = this.buildTree(h[u], c[u], t + 1);
         p.push(y), f += y.mass, m.x += y.centerOfMass.x * y.mass, m.y += y.centerOfMass.y * y.mass, m.z += y.centerOfMass.z * y.mass;
       } else
         p.push(null);
@@ -1285,12 +1285,12 @@ class bt {
         256 * 0.8
       );
       r.addColorStop(0, i.colors[0]), r.addColorStop(0.5, i.colors[1]), r.addColorStop(1, i.colors[2]), n.fillStyle = r, n.fillRect(0, 0, 256, 256);
-      const d = n.getImageData(0, 0, 256, 256);
-      for (let c = 0; c < d.data.length; c += 4) {
+      const h = n.getImageData(0, 0, 256, 256);
+      for (let c = 0; c < h.data.length; c += 4) {
         const p = (Math.random() - 0.5) * 5;
-        d.data[c] = Math.min(255, Math.max(0, d.data[c] + p)), d.data[c + 1] = Math.min(255, Math.max(0, d.data[c + 1] + p)), d.data[c + 2] = Math.min(255, Math.max(0, d.data[c + 2] + p));
+        h.data[c] = Math.min(255, Math.max(0, h.data[c] + p)), h.data[c + 1] = Math.min(255, Math.max(0, h.data[c + 1] + p)), h.data[c + 2] = Math.min(255, Math.max(0, h.data[c + 2] + p));
       }
-      n.putImageData(d, 0, 0), s.push(o);
+      n.putImageData(h, 0, 0), s.push(o);
     }
     this.envMap = new x.CubeTexture(s.map((i) => {
       const o = new Image();
@@ -1477,15 +1477,15 @@ class vt {
       e.color ?? this.defaultNodeColor
     ), n = new x.Mesh(i, o);
     n.castShadow = !0, n.receiveShadow = !0, t.add(n);
-    const r = this.materialFactory.createLabelMaterial(e.label), d = new x.Sprite(r);
-    return d.position.y = this.nodeRadius + 1.5, d.scale.set(4, 1, 1), t.add(d), e.position && t.position.set(
+    const r = this.materialFactory.createLabelMaterial(e.label), h = new x.Sprite(r);
+    return h.position.y = this.nodeRadius + 1.5, h.scale.set(4, 1, 1), t.add(h), e.position && t.position.set(
       e.position.x,
       e.position.y,
       e.position.z
     ), {
       group: t,
       sphere: n,
-      label: d,
+      label: h,
       lodLevel: s
     };
   }
@@ -1559,7 +1559,7 @@ class wt {
       o.z
     ]);
     n.setAttribute("position", new x.BufferAttribute(r, 3));
-    const d = this.getDefaultMaterial().clone(), c = new x.Line(n, d);
+    const h = this.getDefaultMaterial().clone(), c = new x.Line(n, h);
     return c.name = `edge-${e.source}-${e.target}`, c.userData = {
       source: e.source,
       target: e.target,
@@ -1907,16 +1907,9 @@ class Nt {
     if (!this.panel) return;
     this.currentNodeId = e.id;
     let t;
-    this.panelTemplate ? t = this.panelTemplate(e, s) : t = this.generateDefaultContent(e, s), this.panel.innerHTML = t;
-    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 = o ? parseInt(o.value, 10) : 1;
-        this.onExpand(this.currentNodeId, r);
-      }
-    });
-    const n = this.panel.querySelector('[data-action="close"]');
-    n && n.addEventListener("click", () => {
+    this.panelTemplate ? t = this.panelTemplate(e, s) : t = this.generateDefaultContent(e, s), this.panel.innerHTML = t, this.onExpand;
+    const i = this.panel.querySelector('[data-action="close"]');
+    i && i.addEventListener("click", () => {
       this.hide();
     }), this.panel.style.opacity = "1", this.panel.style.pointerEvents = "auto", this.panel.style.transform = "translateY(-50%) translateX(0)", this.visible = !0;
   }
@@ -1995,36 +1988,6 @@ class Nt {
           border-radius: 12px;
           font-size: 12px;
         }
-        .force-graph-panel .depth-selector {
-          margin-top: 16px;
-          margin-bottom: 8px;
-        }
-        .force-graph-panel .depth-label {
-          font-size: 12px;
-          color: rgba(255, 255, 255, 0.65);
-          margin-bottom: 6px;
-          text-transform: uppercase;
-          letter-spacing: 0.5px;
-        }
-        .force-graph-panel select {
-          width: 100%;
-          padding: 8px 12px;
-          background: rgba(255, 255, 255, 0.08);
-          border: 1px solid rgba(255, 255, 255, 0.12);
-          border-radius: 8px;
-          color: white;
-          font-size: 13px;
-          cursor: pointer;
-          outline: none;
-          transition: all 0.2s ease;
-        }
-        .force-graph-panel select:hover {
-          background: rgba(255, 255, 255, 0.12);
-        }
-        .force-graph-panel select:focus {
-          border-color: rgba(255, 153, 102, 0.5);
-          box-shadow: 0 0 20px rgba(255, 153, 102, 0.15);
-        }
         .force-graph-panel .btn-row {
           display: flex;
           gap: 8px;
@@ -2040,15 +2003,6 @@ class Nt {
           cursor: pointer;
           transition: all 0.2s ease;
         }
-        .force-graph-panel .btn-expand {
-          background: linear-gradient(135deg, rgba(255, 153, 102, 0.3), rgba(255, 102, 153, 0.2));
-          border-color: rgba(255, 153, 102, 0.35);
-          color: white;
-        }
-        .force-graph-panel .btn-expand:hover {
-          transform: translateY(-1px);
-          box-shadow: 0 0 15px rgba(255, 153, 102, 0.2);
-        }
         .force-graph-panel .btn-close {
           background: rgba(255, 255, 255, 0.08);
           color: rgba(255, 255, 255, 0.8);
@@ -2087,18 +2041,7 @@ class Nt {
         </div>
       ` : ""}
       
-      <div class="depth-selector">
-        <div class="depth-label">Expansion Depth</div>
-        <select data-depth-select>
-          <option value="1">1 Level</option>
-          <option value="2">2 Levels</option>
-          <option value="3" selected>3 Levels</option>
-        </select>
-      </div>
-
-      
       <div class="btn-row">
-        <button class="btn-expand" data-action="expand">Expand</button>
         <button class="btn-close" data-action="close">Close</button>
       </div>
     `;
@@ -2207,8 +2150,8 @@ class St {
     r && this.onNodeClick && r.addEventListener("click", () => {
       this.onNodeClick && this.onNodeClick(e.source);
     });
-    const d = this.panel.querySelector('[data-action="goto-target"]');
-    d && this.onNodeClick && d.addEventListener("click", () => {
+    const h = this.panel.querySelector('[data-action="goto-target"]');
+    h && this.onNodeClick && h.addEventListener("click", () => {
       this.onNodeClick && this.onNodeClick(e.target);
     }), this.panel.style.opacity = "1", this.panel.style.pointerEvents = "auto", this.panel.style.transform = "translateY(-50%) translateX(0)", this.visible = !0;
   }
@@ -2216,7 +2159,7 @@ class St {
    * Generates default panel content
    */
   generateDefaultContent(e, s, t, i = [e]) {
-    const o = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", n = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", r = this.getRelationshipLabel(e), d = i.length > 0 ? i : [e], c = this.summarizeRelationships(d), p = c.slice(0, 10).map((m) => `
+    const o = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", n = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", r = this.getRelationshipLabel(e), h = i.length > 0 ? i : [e], c = this.summarizeRelationships(h), p = c.slice(0, 10).map((m) => `
                 <div class="relationship-item">
                     <span class="relationship-item-label">${this.escapeHtml(m.label)}</span>
                     <span class="relationship-item-count">${m.count}</span>
@@ -2375,7 +2318,7 @@ class St {
             
             <div class="relationship-section">
                 <span class="relationship-label">${this.escapeHtml(r)}</span>
-                <div class="relationship-count">${d.length} relationships</div>
+                <div class="relationship-count">${h.length} relationships</div>
             </div>
 
             <div class="relationship-list">
@@ -2504,7 +2447,7 @@ class zt {
    */
   show(e, s, t, i, o, n = [e]) {
     if (!this.tooltip) return;
-    const r = n.length > 0 ? n : [e], d = this.summarizeRelationships(r), c = r.length;
+    const r = n.length > 0 ? n : [e], h = this.summarizeRelationships(r), c = r.length;
     if (c <= 1) {
       const p = this.getRelationshipLabel(r[0]);
       this.tooltip.innerHTML = `
@@ -2521,7 +2464,7 @@ class zt {
                 </div>
             `;
     } else {
-      const p = d.slice(0, 4), f = d.length - p.length, m = p.map((u) => `<div style="display:flex; justify-content:space-between; gap:10px; font-size:12px; color: rgba(255,255,255,0.8);">
+      const p = h.slice(0, 4), f = h.length - p.length, m = p.map((u) => `<div style="display:flex; justify-content:space-between; gap:10px; font-size:12px; color: rgba(255,255,255,0.8);">
                     <span style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${this.escapeHtml(u.label)}</span>
                     <span style="color: rgba(255,153,102,0.9); font-weight:600;">${u.count}</span>
                 </div>`).join("");
@@ -2934,7 +2877,7 @@ class Pt {
     this.legendContainer && this.legendContainer.parentNode && this.legendContainer.parentNode.removeChild(this.legendContainer);
   }
 }
-const Lt = {
+const Rt = {
   backgroundColor: "#0a0a0a",
   gridColor: "rgba(255, 255, 255, 0.03)",
   nodeRadius: 24,
@@ -2947,7 +2890,7 @@ const Lt = {
   damping: 0.85
   // Fast energy dissipation
 };
-class Rt {
+class Lt {
   constructor(e, s = {}) {
     l(this, "container");
     l(this, "canvas");
@@ -2974,7 +2917,7 @@ class Rt {
     l(this, "isSimulating", !0);
     // Resize handler
     l(this, "resizeHandler");
-    this.container = e, this.options = { ...Lt, ...s }, this.canvas = document.createElement("canvas"), this.canvas.style.position = "absolute", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.cursor = "grab", e.appendChild(this.canvas);
+    this.container = e, this.options = { ...Rt, ...s }, this.canvas = document.createElement("canvas"), this.canvas.style.position = "absolute", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.cursor = "grab", e.appendChild(this.canvas);
     const t = this.canvas.getContext("2d");
     if (!t)
       throw new Error("Failed to get 2D context");
@@ -3037,9 +2980,9 @@ class Rt {
     for (const i of this.edges) {
       const o = this.nodes.get(i.source), n = this.nodes.get(i.target);
       if (!o || !n) continue;
-      const r = n.x - o.x, d = n.y - o.y, c = r * r + d * d;
+      const r = n.x - o.x, h = n.y - o.y, c = r * r + h * h;
       if (c === 0) continue;
-      const p = Math.max(0, Math.min(1, ((e - o.x) * r + (s - o.y) * d) / c)), f = o.x + p * r, m = o.y + p * d, u = e - f, y = s - m;
+      const p = Math.max(0, Math.min(1, ((e - o.x) * r + (s - o.y) * h) / c)), f = o.x + p * r, m = o.y + p * h, u = e - f, y = s - m;
       if (Math.sqrt(u * u + y * y) < 12)
         return i;
     }
@@ -3057,8 +3000,8 @@ class Rt {
     const t = 60, i = 5;
     let o = 0;
     for (let r = 0; r < s; r++)
-      for (let d = r + 1; d < s; d++) {
-        const c = e[r], p = e[d];
+      for (let h = r + 1; h < s; h++) {
+        const c = e[r], p = e[h];
         let f = p.x - c.x, m = p.y - c.y, u = Math.sqrt(f * f + m * m);
         if (u < t * 3) {
           u < 1 && (u = 1);
@@ -3068,18 +3011,18 @@ class Rt {
       }
     const n = 80;
     for (const r of this.edges) {
-      const d = this.nodes.get(r.source), c = this.nodes.get(r.target);
-      if (!d || !c) continue;
-      let p = c.x - d.x, f = c.y - d.y, m = Math.sqrt(p * p + f * f);
+      const h = this.nodes.get(r.source), c = this.nodes.get(r.target);
+      if (!h || !c) continue;
+      let p = c.x - h.x, f = c.y - h.y, m = Math.sqrt(p * p + f * f);
       m < 1 && (m = 1);
       const y = (m - n) * this.options.attractionStrength, b = p / m * y, w = f / m * y;
-      d.vx += b, d.vy += w, c.vx -= b, c.vy -= w;
+      h.vx += b, h.vy += w, c.vx -= b, c.vy -= w;
     }
     for (const r of e) {
       if (this.draggedNode === r) continue;
       r.vx *= this.options.damping, r.vy *= this.options.damping;
-      const d = Math.sqrt(r.vx * r.vx + r.vy * r.vy);
-      d > i && (r.vx = r.vx / d * i, r.vy = r.vy / d * i), r.x += r.vx, r.y += r.vy, o += r.vx * r.vx + r.vy * r.vy;
+      const h = Math.sqrt(r.vx * r.vx + r.vy * r.vy);
+      h > i && (r.vx = r.vx / h * i, r.vy = r.vy / h * i), r.x += r.vx, r.y += r.vy, o += r.vx * r.vx + r.vy * r.vy;
     }
     o < 0.01 && !this.draggedNode && (this.isSimulating = !1);
   }
@@ -3090,9 +3033,9 @@ class Rt {
   renderGrid(e, s) {
     const t = this.ctx, i = 40 * this.transform.scale, o = 1.5, n = this.transform.x % i, r = this.transform.y % i;
     t.fillStyle = this.options.gridColor;
-    for (let d = n; d < e; d += i)
+    for (let h = n; h < e; h += i)
       for (let c = r; c < s; c += i)
-        t.beginPath(), t.arc(d, c, o, 0, Math.PI * 2), t.fill();
+        t.beginPath(), t.arc(h, c, o, 0, Math.PI * 2), t.fill();
   }
   renderEdges() {
     const e = this.ctx;
@@ -3125,8 +3068,8 @@ class Rt {
         s.x,
         s.y,
         n
-      ), d = s.color >> 16 & 255, c = s.color >> 8 & 255, p = s.color & 255;
-      r.addColorStop(0, `rgba(${Math.min(255, d + 60)}, ${Math.min(255, c + 60)}, ${Math.min(255, p + 60)}, 0.95)`), r.addColorStop(0.7, `rgba(${d}, ${c}, ${p}, 0.9)`), r.addColorStop(1, `rgba(${Math.max(0, d - 40)}, ${Math.max(0, c - 40)}, ${Math.max(0, p - 40)}, 0.85)`), e.beginPath(), e.arc(s.x, s.y, n, 0, Math.PI * 2), e.fillStyle = r, e.fill(), e.strokeStyle = "rgba(255, 255, 255, 0.2)", e.lineWidth = 1, e.stroke(), e.beginPath(), e.arc(s.x - n * 0.25, s.y - n * 0.25, n * 0.3, 0, Math.PI * 2), e.fillStyle = "rgba(255, 255, 255, 0.15)", e.fill(), e.fillStyle = "white", e.font = "600 11px Inter, -apple-system, BlinkMacSystemFont, sans-serif", e.textAlign = "center", e.textBaseline = "middle";
+      ), h = s.color >> 16 & 255, c = s.color >> 8 & 255, p = s.color & 255;
+      r.addColorStop(0, `rgba(${Math.min(255, h + 60)}, ${Math.min(255, c + 60)}, ${Math.min(255, p + 60)}, 0.95)`), r.addColorStop(0.7, `rgba(${h}, ${c}, ${p}, 0.9)`), r.addColorStop(1, `rgba(${Math.max(0, h - 40)}, ${Math.max(0, c - 40)}, ${Math.max(0, p - 40)}, 0.85)`), e.beginPath(), e.arc(s.x, s.y, n, 0, Math.PI * 2), e.fillStyle = r, e.fill(), e.strokeStyle = "rgba(255, 255, 255, 0.2)", e.lineWidth = 1, e.stroke(), e.beginPath(), e.arc(s.x - n * 0.25, s.y - n * 0.25, n * 0.3, 0, Math.PI * 2), e.fillStyle = "rgba(255, 255, 255, 0.15)", e.fill(), e.fillStyle = "white", e.font = "600 11px Inter, -apple-system, BlinkMacSystemFont, sans-serif", e.textAlign = "center", e.textBaseline = "middle";
       const f = n * 1.6;
       let m = s.label, u = e.measureText(m).width;
       if (u > f) {
@@ -3233,8 +3176,8 @@ class Rt {
   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, i = this.canvas.height / 2 / (window.devicePixelRatio || 1) - s.y * this.transform.scale, o = this.transform.x, n = this.transform.y, r = 500, d = performance.now(), c = () => {
-      const p = performance.now() - d, f = Math.min(p / r, 1), m = 1 - Math.pow(1 - f, 3);
+    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, n = this.transform.y, r = 500, h = performance.now(), c = () => {
+      const p = performance.now() - h, f = Math.min(p / r, 1), m = 1 - Math.pow(1 - f, 3);
       this.transform.x = o + (t - o) * m, this.transform.y = n + (i - n) * m, f < 1 ? requestAnimationFrame(c) : this.selectedNode = s;
     };
     c();
@@ -3315,7 +3258,7 @@ class Ht {
     l(this, "devControls", null);
     l(this, "viewMode", "3d");
     l(this, "graphData", null);
-    this.options = { ...P, ...s }, this.container = dt(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
+    this.options = { ...P, ...s }, this.container = ht(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
       this.materialFactory,
       this.options.nodeRadius ?? P.nodeRadius,
       this.options.lodSegments ?? P.lodSegments,
@@ -3331,7 +3274,7 @@ class Ht {
     ), this.frustumCuller = new Et(
       this.sceneManager.camera,
       this.options.enableEdgeCulling ?? P.enableEdgeCulling
-    ), this.nodeManager = new ee(this.sceneManager, this.nodeFactory), this.edgeManager = new mt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Re(
+    ), this.nodeManager = new ee(this.sceneManager, this.nodeFactory), this.edgeManager = new mt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Le(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -3461,7 +3404,7 @@ class Ht {
     if (o.edges && Array.isArray(o.edges))
       for (const r of o.edges)
         this.addEdge(r);
-    this.graphEngine = new Re(
+    this.graphEngine = new Le(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -3488,7 +3431,7 @@ class Ht {
    * @returns true if removed, false if not found
    */
   removeNode(e) {
-    if (!ht(e))
+    if (!dt(e))
       return !1;
     this.edgeManager.removeEdgesForNode(e);
     const s = this.nodeManager.removeNode(e);
@@ -3585,13 +3528,13 @@ class Ht {
       console.warn(`[ForceGraph3D] Node "${e}" not found`);
       return;
     }
-    const i = t.position, o = this.sceneManager.camera, n = this.sceneManager.controls, r = o.position.clone().sub(n.target).normalize(), d = {
+    const i = t.position, o = this.sceneManager.camera, n = this.sceneManager.controls, r = o.position.clone().sub(n.target).normalize(), h = {
       x: i.x + r.x * s,
       y: i.y + r.y * s,
       z: i.z + r.z * s
     }, c = { x: o.position.x, y: o.position.y, z: o.position.z }, p = { x: n.target.x, y: n.target.y, z: n.target.z }, f = 800, m = performance.now(), u = () => {
       const y = performance.now() - m, b = Math.min(y / f, 1), w = 1 - Math.pow(1 - b, 3);
-      o.position.x = c.x + (d.x - c.x) * w, o.position.y = c.y + (d.y - c.y) * w, o.position.z = c.z + (d.z - c.z) * w, n.target.x = p.x + (i.x - p.x) * w, n.target.y = p.y + (i.y - p.y) * w, n.target.z = p.z + (i.z - p.z) * w, n.update(), b < 1 && requestAnimationFrame(u);
+      o.position.x = c.x + (h.x - c.x) * w, o.position.y = c.y + (h.y - c.y) * w, o.position.z = c.z + (h.z - c.z) * w, n.target.x = p.x + (i.x - p.x) * w, n.target.y = p.y + (i.y - p.y) * w, n.target.z = p.z + (i.z - p.z) * w, n.update(), b < 1 && requestAnimationFrame(u);
     };
     u();
   }
@@ -3605,17 +3548,17 @@ class Ht {
       console.warn(`[ForceGraph3D] Could not find nodes for edge "${e}" -> "${s}"`);
       return;
     }
-    const n = this.sceneManager.camera, r = this.sceneManager.controls, d = {
+    const n = this.sceneManager.camera, r = this.sceneManager.controls, h = {
       x: (i.position.x + o.position.x) / 2,
       y: (i.position.y + o.position.y) / 2,
       z: (i.position.z + o.position.z) / 2
     }, c = o.position.x - i.position.x, p = o.position.y - i.position.y, f = o.position.z - i.position.z, m = Math.sqrt(c * c + p * p + f * f), u = Math.max(m * t, 40), y = n.position.clone().sub(r.target).normalize(), b = {
-      x: d.x + y.x * u,
-      y: d.y + y.y * u,
-      z: d.z + y.z * u
-    }, w = { x: n.position.x, y: n.position.y, z: n.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, L = performance.now(), G = () => {
-      const T = performance.now() - L, D = Math.min(T / O, 1), E = 1 - Math.pow(1 - D, 3);
-      n.position.x = w.x + (b.x - w.x) * E, n.position.y = w.y + (b.y - w.y) * E, n.position.z = w.z + (b.z - w.z) * E, r.target.x = N.x + (d.x - N.x) * E, r.target.y = N.y + (d.y - N.y) * E, r.target.z = N.z + (d.z - N.z) * E, r.update(), D < 1 && requestAnimationFrame(G);
+      x: h.x + y.x * u,
+      y: h.y + y.y * u,
+      z: h.z + y.z * u
+    }, w = { x: n.position.x, y: n.position.y, z: n.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, R = performance.now(), G = () => {
+      const T = performance.now() - R, D = Math.min(T / O, 1), E = 1 - Math.pow(1 - D, 3);
+      n.position.x = w.x + (b.x - w.x) * E, n.position.y = w.y + (b.y - w.y) * E, n.position.z = w.z + (b.z - w.z) * E, r.target.x = N.x + (h.x - N.x) * E, r.target.y = N.y + (h.y - N.y) * E, r.target.z = N.z + (h.z - N.z) * E, r.update(), D < 1 && requestAnimationFrame(G);
     };
     G();
   }
@@ -3641,8 +3584,8 @@ class Ht {
     const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), i = [];
     return t.forEach((o) => {
       var c, p, f;
-      const n = (c = o.label) == null ? void 0 : c.toLowerCase().includes(s), r = (p = o.id) == null ? void 0 : p.toLowerCase().includes(s), d = (f = o.type) == null ? void 0 : f.toLowerCase().includes(s);
-      (n || r || d) && i.push(o);
+      const n = (c = o.label) == null ? void 0 : c.toLowerCase().includes(s), r = (p = o.id) == null ? void 0 : p.toLowerCase().includes(s), h = (f = o.type) == null ? void 0 : f.toLowerCase().includes(s);
+      (n || r || h) && i.push(o);
     }), i;
   }
   /**
@@ -3656,8 +3599,8 @@ class Ht {
     const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), i = [];
     for (const n of t)
       if ((o = n.relationship) == null ? void 0 : o.toLowerCase().includes(s)) {
-        const d = this.nodeManager.getNode(n.source), c = this.nodeManager.getNode(n.target);
-        d && c && i.push({ edge: n, sourceNode: d, targetNode: c });
+        const h = this.nodeManager.getNode(n.source), c = this.nodeManager.getNode(n.target);
+        h && c && i.push({ edge: n, sourceNode: h, targetNode: c });
       }
     return i;
   }
@@ -3690,7 +3633,7 @@ class Ht {
    * Switches between 2D and 3D view modes
    */
   switchView(e) {
-    this.viewMode !== e && (this.viewMode = e, this.panelManager.hide(), this.edgePanelManager.hide(), this.edgeTooltipManager.hide(), e === "2d" ? (this.sceneManager.renderer.domElement.style.display = "none", this.rendererManager.stop(), this.forceGraph2D ? (this.forceGraph2D.show(), this.forceGraph2D.syncFrom3D(this.nodeManager.getAllNodes())) : (this.forceGraph2D = new Rt(this.container, {
+    this.viewMode !== e && (this.viewMode = e, this.panelManager.hide(), this.edgePanelManager.hide(), this.edgeTooltipManager.hide(), e === "2d" ? (this.sceneManager.renderer.domElement.style.display = "none", this.rendererManager.stop(), this.forceGraph2D ? (this.forceGraph2D.show(), this.forceGraph2D.syncFrom3D(this.nodeManager.getAllNodes())) : (this.forceGraph2D = new Lt(this.container, {
       backgroundColor: "#0a0a0a",
       nodeRadius: 24,
       onNodeClick: (s) => {
@@ -3892,9 +3835,9 @@ const Ie = [
   16746564
   // Darker tangerine
 ];
-function At(h = 30) {
+function At(d = 30) {
   const e = [], s = [];
-  for (let i = 0; i < h; i++) {
+  for (let i = 0; i < d; i++) {
     const o = i < Ie.length ? Ie[i] : `Node ${i + 1}`;
     e.push({
       id: `node-${i}`,
@@ -3907,7 +3850,7 @@ function At(h = 30) {
       }
     });
   }
-  for (let i = 1; i < h; i++) {
+  for (let i = 1; i < d; i++) {
     const o = Math.floor(Math.random() * i);
     s.push({
       source: `node-${i}`,
@@ -3915,31 +3858,31 @@ function At(h = 30) {
       relationship: J[Math.floor(Math.random() * J.length)]
     });
   }
-  const t = Math.floor(h * 0.5);
+  const t = Math.floor(d * 0.5);
   for (let i = 0; i < t; i++) {
-    const o = Math.floor(Math.random() * h);
-    let n = Math.floor(Math.random() * h);
-    o === n && (n = (n + 1) % h);
-    const r = `node-${o}`, d = `node-${n}`;
+    const o = Math.floor(Math.random() * d);
+    let n = Math.floor(Math.random() * d);
+    o === n && (n = (n + 1) % d);
+    const r = `node-${o}`, h = `node-${n}`;
     s.some(
-      (p) => p.source === r && p.target === d || p.source === d && p.target === r
+      (p) => p.source === r && p.target === h || p.source === h && p.target === r
     ) || s.push({
       source: r,
-      target: d,
+      target: h,
       relationship: J[Math.floor(Math.random() * J.length)]
     });
   }
   return { nodes: e, edges: s };
 }
-function jt(h = 1e3) {
-  const e = [], s = [], t = Math.ceil(h / 50), i = [];
+function jt(d = 1e3) {
+  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 o = 0; o < h; o++) {
+  for (let o = 0; o < d; o++) {
     const n = i[o % t];
     e.push({
       id: `node-${o}`,
@@ -3951,7 +3894,7 @@ function jt(h = 1e3) {
       }
     });
   }
-  for (let o = 1; o < h; o++) {
+  for (let o = 1; o < d; o++) {
     const n = Math.floor(o / 50) * 50, r = n === 0 ? Math.floor(Math.random() * o) : n + Math.floor(Math.random() * Math.min(o - n, 50));
     s.push({
       source: `node-${o}`,