force-3d-graph 1.2.6 → 1.3.6

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

@@ -1,8 +1,8 @@
 var ot = Object.defineProperty;
-var nt = (d, e, s) => e in d ? ot(d, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[e] = s;
-var l = (d, e, s) => nt(d, typeof e != "symbol" ? e + "" : e, s);
+var nt = (h, e, s) => e in h ? ot(h, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[e] = s;
+var l = (h, e, s) => nt(h, typeof e != "symbol" ? e + "" : e, s);
 import * as y from "three";
-import { EventDispatcher as at, Vector3 as S, MOUSE as $, TOUCH as G, Spherical as ze, Quaternion as Te, Vector2 as T, Ray as rt, Plane as lt, MathUtils as ct } from "three";
+import { EventDispatcher as at, Vector3 as S, MOUSE as $, TOUCH as G, Spherical as ze, Quaternion as ke, Vector2 as k, Ray as rt, Plane as lt, MathUtils as ct } from "three";
 const P = {
   backgroundColor: 657930,
   cameraPosition: { x: 0, y: 0, z: 80 },
@@ -28,55 +28,56 @@ const P = {
   searchPlaceholder: "Search nodes or relationships...",
   initialViewMode: "3d",
   showViewToggle: !0,
+  showLegend: !0,
   targetFPS: 60,
   maxVisibleNodes: 1e4
 };
-var X = /* @__PURE__ */ ((d) => (d[d.HIGH = 0] = "HIGH", d[d.MEDIUM = 1] = "MEDIUM", d[d.LOW = 2] = "LOW", d))(X || {});
-function ht() {
-  const d = document.createElement("div");
-  return d.id = "force-graph-3d-container", d.style.cssText = `
+var X = /* @__PURE__ */ ((h) => (h[h.HIGH = 0] = "HIGH", h[h.MEDIUM = 1] = "MEDIUM", h[h.LOW = 2] = "LOW", h))(X || {});
+function dt() {
+  const h = document.createElement("div");
+  return h.id = "force-graph-3d-container", h.style.cssText = `
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
-  `, document.body.appendChild(d), d;
+  `, document.body.appendChild(h), h;
 }
-function dt(d) {
-  return d && d instanceof HTMLElement ? d : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), ht());
+function ht(h) {
+  return h && h instanceof HTMLElement ? h : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), dt());
 }
-function ke(d) {
-  const e = d.getBoundingClientRect();
+function Te(h) {
+  const e = h.getBoundingClientRect();
   return {
     width: e.width || window.innerWidth,
     height: e.height || window.innerHeight
   };
 }
-function He(d) {
-  if (!d || typeof d != "object")
+function De(h) {
+  if (!h || typeof h != "object")
     return console.warn("[ForceGraph3D] Invalid node: must be an object"), !1;
-  const e = d;
+  const e = h;
   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 && !gt(e.position) ? (console.warn("[ForceGraph3D] Invalid node: position must have x, y, z numbers"), !1) : !0;
 }
-function De(d) {
-  if (!d || typeof d != "object")
+function He(h) {
+  if (!h || typeof h != "object")
     return console.warn("[ForceGraph3D] Invalid edge: must be an object"), !1;
-  const e = d;
+  const e = h;
   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 pt(d) {
-  return typeof d != "string" || d.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
+function pt(h) {
+  return typeof h != "string" || h.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
 }
-function gt(d) {
-  if (!d || typeof d != "object") return !1;
-  const e = d;
+function gt(h) {
+  if (!h || typeof h != "object") return !1;
+  const e = h;
   return typeof e.x == "number" && typeof e.y == "number" && typeof e.z == "number";
 }
-function D(d, e) {
-  return d === e ? `${d}-${e}` : d < e ? `${d}-${e}` : `${e}-${d}`;
+function H(h, e) {
+  return h === e ? `${h}-${e}` : h < e ? `${h}-${e}` : `${e}-${h}`;
 }
-const Pe = { type: "change" }, ce = { type: "start" }, Re = { type: "end" }, J = new rt(), Ie = new lt(), ut = Math.cos(70 * ct.DEG2RAD);
+const Pe = { type: "change" }, ce = { type: "start" }, Le = { type: "end" }, J = new rt(), Re = new lt(), ut = Math.cos(70 * ct.DEG2RAD);
 class ft extends at {
   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: $.ROTATE, MIDDLE: $.DOLLY, RIGHT: $.PAN }, this.touches = { ONE: G.ROTATE, TWO: G.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
@@ -94,30 +95,30 @@ class ft extends at {
     }, 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(), 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;
+      const n = new S(), g = new ke().setFromUnitVectors(e.up, new S(0, 1, 0)), v = g.clone().invert(), w = new S(), C = new ke(), 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 && 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 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 = ne(r.radius) : r.radius = ne(r.radius * d), 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;
-        if (t.zoomToCursor && H) {
+        if (t.zoomToCursor && D) {
           let U = null;
           if (t.object.isPerspectiveCamera) {
             const _ = n.length();
-            U = ne(_ * h);
+            U = ne(_ * d);
             const Q = _ - U;
             t.object.position.addScaledVector(Y, Q), t.object.updateMatrixWorld();
           } else if (t.object.isOrthographicCamera) {
-            const _ = new S(k.x, k.y, 0);
-            _.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / h)), t.object.updateProjectionMatrix(), le = !0;
-            const Q = new S(k.x, k.y, 0);
+            const _ = new S(T.x, T.y, 0);
+            _.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), le = !0;
+            const Q = new S(T.x, T.y, 0);
             Q.unproject(t.object), t.object.position.sub(Q).add(_), t.object.updateMatrixWorld(), U = n.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          U !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(U).add(t.object.position) : (J.origin.copy(t.object.position), J.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(J.direction)) < ut ? e.lookAt(t.target) : (Ie.setFromNormalAndCoplanarPoint(t.object.up, t.target), J.intersectPlane(Ie, t.target))));
-        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / h)), t.object.updateProjectionMatrix(), le = !0);
-        return h = 1, H = !1, le || w.distanceToSquared(t.object.position) > a || 8 * (1 - C.dot(t.object.quaternion)) > a || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Pe), w.copy(t.object.position), C.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
+          U !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(U).add(t.object.position) : (J.origin.copy(t.object.position), J.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(J.direction)) < ut ? e.lookAt(t.target) : (Re.setFromNormalAndCoplanarPoint(t.object.up, t.target), J.intersectPlane(Re, t.target))));
+        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), le = !0);
+        return d = 1, D = !1, le || w.distanceToSquared(t.object.position) > a || 8 * (1 - C.dot(t.object.quaternion)) > a || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Pe), w.copy(t.object.position), C.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
       };
     }(), 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);
@@ -134,9 +135,9 @@ class ft extends at {
     };
     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();
-    let H = !1;
+    let d = 1;
+    const p = new S(), x = new k(), m = new k(), u = new k(), f = new k(), b = new k(), M = new k(), N = new k(), O = new k(), L = new k(), Y = new S(), T = new k();
+    let D = !1;
     const E = [], q = {};
     let se = !1;
     function Ae(n) {
@@ -152,12 +153,12 @@ class ft extends at {
     function Z(n) {
       c.phi -= n;
     }
-    const he = function() {
+    const de = function() {
       const n = new S();
       return function(v, w) {
         n.setFromMatrixColumn(w, 0), n.multiplyScalar(-v), p.add(n);
       };
-    }(), de = function() {
+    }(), he = function() {
       const n = new S();
       return function(v, w) {
         t.screenSpacePanning === !0 ? n.setFromMatrixColumn(w, 1) : (n.setFromMatrixColumn(w, 0), n.crossVectors(t.object.up, n)), n.multiplyScalar(v), p.add(n);
@@ -170,22 +171,22 @@ class ft extends at {
           const F = t.object.position;
           n.copy(F).sub(t.target);
           let z = n.length();
-          z *= Math.tan(t.object.fov / 2 * Math.PI / 180), he(2 * v * z / C.clientHeight, t.object.matrix), de(2 * w * z / C.clientHeight, t.object.matrix);
-        } else t.object.isOrthographicCamera ? (he(v * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), de(w * (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), de(2 * v * z / C.clientHeight, t.object.matrix), he(2 * w * z / C.clientHeight, t.object.matrix);
+        } else t.object.isOrthographicCamera ? (de(v * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), he(w * (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 ie(n) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? h /= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
     function pe(n) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? h *= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
     function oe(n, g) {
       if (!t.zoomToCursor)
         return;
-      H = !0;
+      D = !0;
       const v = t.domElement.getBoundingClientRect(), w = n - v.left, C = g - v.top, F = v.width, z = v.height;
-      k.x = w / F * 2 - 1, k.y = -(C / z) * 2 + 1, Y.set(k.x, k.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      T.x = w / F * 2 - 1, T.y = -(C / z) * 2 + 1, Y.set(T.x, T.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
     function ne(n) {
       return Math.max(t.minDistance, Math.min(t.maxDistance, n));
@@ -205,7 +206,7 @@ class ft extends at {
       B(2 * Math.PI * u.x / g.clientHeight), Z(2 * Math.PI * u.y / g.clientHeight), x.copy(m), t.update();
     }
     function Ge(n) {
-      O.set(n.clientX, n.clientY), R.subVectors(O, N), R.y > 0 ? ie(W(R.y)) : R.y < 0 && pe(W(R.y)), N.copy(O), t.update();
+      O.set(n.clientX, n.clientY), L.subVectors(O, N), L.y > 0 ? ie(W(L.y)) : L.y < 0 && pe(W(L.y)), N.copy(O), t.update();
     }
     function Ye(n) {
       b.set(n.clientX, n.clientY), M.subVectors(b, f).multiplyScalar(t.panSpeed), A(M.x, M.y), f.copy(b), t.update();
@@ -279,7 +280,7 @@ class ft extends at {
     }
     function ve(n) {
       const g = j(n), v = n.pageX - g.x, w = n.pageY - g.y, C = Math.sqrt(v * v + w * w);
-      O.set(0, C), R.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), ie(R.y), N.copy(O);
+      O.set(0, C), L.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), ie(L.y), N.copy(O);
       const F = (n.pageX + g.x) * 0.5, z = (n.pageY + g.y) * 0.5;
       oe(F, z);
     }
@@ -296,7 +297,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), o = i.NONE;
+      st(n), E.length === 0 && (t.domElement.releasePointerCapture(n.pointerId), t.domElement.removeEventListener("pointermove", ae), t.domElement.removeEventListener("pointerup", K)), t.dispatchEvent(Le), o = i.NONE;
     }
     function qe(n) {
       let g;
@@ -358,7 +359,7 @@ class ft extends at {
       }
     }
     function we(n) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== i.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(Le));
     }
     function Ze(n) {
       const g = n.deltaMode, v = {
@@ -458,7 +459,7 @@ class ft extends at {
     }
     function Ne(n) {
       let g = q[n.pointerId];
-      g === void 0 && (g = new T(), q[n.pointerId] = g), g.set(n.pageX, n.pageY);
+      g === void 0 && (g = new k(), q[n.pointerId] = g), g.set(n.pageX, n.pageY);
     }
     function j(n) {
       const g = n.pointerId === E[0] ? E[1] : E[0];
@@ -478,7 +479,7 @@ class mt {
     this.container = e, this.scene = new y.Scene(), this.scene.background = new y.Color(
       s.backgroundColor ?? 657930
     );
-    const { width: t, height: i } = ke(e), o = s.cameraFov ?? 75;
+    const { width: t, height: i } = Te(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({
@@ -510,7 +511,7 @@ class mt {
    * Handle window resize
    */
   onWindowResize() {
-    const { width: e, height: s } = ke(this.container);
+    const { width: e, height: s } = Te(this.container);
     this.camera.aspect = e / s, this.camera.updateProjectionMatrix(), this.renderer.setSize(e, s);
   }
   /**
@@ -584,7 +585,7 @@ const V = class V {
    * @returns true if added, false if node already exists or invalid
    */
   addNode(e, s = 0) {
-    if (!He(e))
+    if (!De(e))
       return !1;
     if (this.nodes.has(e.id))
       return console.warn(`[ForceGraph3D] Node with id "${e.id}" already exists`), !1;
@@ -709,7 +710,7 @@ class yt {
    * Checks if an edge exists
    */
   hasEdge(e, s) {
-    const t = D(e, s);
+    const t = H(e, s);
     return this.edgeKeySet.has(t);
   }
   /**
@@ -717,13 +718,13 @@ class yt {
    * @returns true if added, false if edge already exists or nodes don't exist
    */
   addEdge(e) {
-    if (!De(e))
+    if (!He(e))
       return !1;
     if (!this.nodeManager.hasNode(e.source))
       return console.warn(`[ForceGraph3D] Source node "${e.source}" does not exist`), !1;
     if (!this.nodeManager.hasNode(e.target))
       return console.warn(`[ForceGraph3D] Target node "${e.target}" does not exist`), !1;
-    const s = D(e.source, e.target);
+    const s = H(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), i = this.nodeManager.getNode(e.target), o = this.edgeFactory.createEdge(
@@ -740,11 +741,11 @@ class yt {
    * @returns true if removed, false if not found
    */
   removeEdge(e, s) {
-    const t = D(e, s);
+    const t = H(e, s);
     if (!this.edgeKeySet.has(t))
       return !1;
     const i = this.edges.findIndex(
-      (a) => D(a.source, a.target) === t
+      (a) => H(a.source, a.target) === t
     );
     if (i === -1)
       return !1;
@@ -755,10 +756,10 @@ class yt {
    * Highlights an edge
    */
   highlightEdge(e, s) {
-    const t = D(e, s);
+    const t = H(e, s);
     this.highlightedEdgeKey && this.highlightedEdgeKey !== t && this.unhighlightCurrentEdge();
     const i = this.edges.findIndex(
-      (o) => D(o.source, o.target) === t
+      (o) => H(o.source, o.target) === t
     );
     i !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[i]), this.highlightedEdgeKey = t);
   }
@@ -768,7 +769,7 @@ class yt {
   unhighlightCurrentEdge() {
     if (!this.highlightedEdgeKey) return;
     const e = this.edges.findIndex(
-      (s) => D(s.source, s.target) === this.highlightedEdgeKey
+      (s) => H(s.source, s.target) === this.highlightedEdgeKey
     );
     e !== -1 && this.edgeFactory.unhighlightEdge(this.edgeObjects[e]), this.highlightedEdgeKey = null;
   }
@@ -844,7 +845,7 @@ class yt {
     this.clear();
   }
 }
-class Le {
+class Ie {
   constructor(e, s, t = {}) {
     l(this, "nodes");
     l(this, "edges");
@@ -880,17 +881,19 @@ class Le {
     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);
+    console.log(`[ForceGraph3D] initializeNodeMassAndPin: ${this.edges.length} edges, ${this.nodes.size} nodes, ${e.size} unique endpoints`);
     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) {
+    if (console.log(`[ForceGraph3D] Hub detected: id="${t}", degree=${s}, threshold=10`), 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);
-    }
+      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, console.log(`[ForceGraph3D] ✅ Hub node "${t}" pinned at origin`)) : console.warn(`[ForceGraph3D] ⚠️ Hub node "${t}" found in edges but NOT in nodes map!`);
+    } else
+      console.log(`[ForceGraph3D] No hub pinned (maxDegree=${s} <= 10 or hubId=${t})`);
   }
   /**
    * Computes effective repulsion strength scaled by node count.
@@ -916,11 +919,11 @@ class Le {
     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;
+        const r = e[a], c = r.position.x - o.position.x, d = r.position.y - o.position.y, p = r.position.z - o.position.z;
+        let x = c * c + d * d + 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;
+        const m = Math.sqrt(x), u = t * this.alpha / x, f = c / m * u, b = d / m * u, M = p / m * u;
         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;
       }
     }
@@ -946,11 +949,11 @@ class Le {
     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;
+      const d = Math.max(a, 0.01), p = c * this.alpha * s.mass / d;
       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);
+      for (const d of s.children)
+        d && this.calculateForceFromOctree(e, d);
   }
   /**
    * Apply repulsion between two nodes (with cutoff)
@@ -960,8 +963,8 @@ class Le {
     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 -= i / r * h / e.mass, e.velocity.z -= o / r * h / e.mass;
+    const r = Math.sqrt(a), d = this.getEffectiveRepulsion() * this.alpha / a;
+    e.velocity.x -= t / r * d / e.mass, e.velocity.y -= i / r * d / e.mass, e.velocity.z -= o / r * d / e.mass;
   }
   /**
    * Calculate attraction forces along edges
@@ -971,9 +974,9 @@ class Le {
     for (const t of this.edges) {
       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;
+      const a = o.position.x - i.position.x, r = o.position.y - i.position.y, c = o.position.z - i.position.z, d = Math.sqrt(a * a + r * r + c * c);
+      if (d < 0.01) continue;
+      const x = (d - 15) * this.attractionStrength * s * this.alpha, m = a / d * x, u = r / d * x, f = c / d * x;
       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;
     }
   }
@@ -1085,7 +1088,7 @@ class xt {
       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 = [
+    const d = [
       { 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 } },
@@ -1099,7 +1102,7 @@ class xt {
     const m = { x: 0, y: 0, z: 0 };
     for (let u = 0; u < 8; u++)
       if (c[u].length > 0) {
-        const f = this.buildTree(c[u], h[u], t + 1);
+        const f = this.buildTree(c[u], d[u], t + 1);
         p.push(f), x += f.mass, m.x += f.centerOfMass.x * f.mass, m.y += f.centerOfMass.y * f.mass, m.z += f.centerOfMass.z * f.mass;
       } else
         p.push(null);
@@ -1230,9 +1233,9 @@ class vt {
       );
       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) {
+      for (let d = 0; d < c.data.length; d += 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));
+        c.data[d] = Math.min(255, Math.max(0, c.data[d] + p)), c.data[d + 1] = Math.min(255, Math.max(0, c.data[d + 1] + p)), c.data[d + 2] = Math.min(255, Math.max(0, c.data[d + 2] + p));
       }
       a.putImageData(c, 0, 0), s.push(o);
     }
@@ -1503,15 +1506,15 @@ class wt {
       o.z
     ]);
     a.setAttribute("position", new y.BufferAttribute(r, 3));
-    const c = this.getDefaultMaterial().clone(), h = new y.Line(a, c);
-    return h.name = `edge-${e.source}-${e.target}`, h.userData = {
+    const c = this.getDefaultMaterial().clone(), d = new y.Line(a, c);
+    return d.name = `edge-${e.source}-${e.target}`, d.userData = {
       source: e.source,
       target: e.target,
       edge: e,
       sourceNode: s,
       targetNode: t
-    }, h.frustumCulled = !0, {
-      line: h,
+    }, d.frustumCulled = !0, {
+      line: d,
       source: e.source,
       target: e.target
     };
@@ -2311,7 +2314,7 @@ class zt {
     this.panel && this.panel.parentNode && this.panel.parentNode.removeChild(this.panel), this.panel = null;
   }
 }
-class Tt {
+class kt {
   constructor() {
     l(this, "tooltip", null);
     l(this, "visible", !1);
@@ -2413,7 +2416,7 @@ class Tt {
     this.tooltip && this.tooltip.parentNode && this.tooltip.parentNode.removeChild(this.tooltip), this.tooltip = null;
   }
 }
-class kt {
+class Tt {
   constructor(e, s) {
     l(this, "container");
     l(this, "searchContainer", null);
@@ -2679,6 +2682,89 @@ class Pt {
     this.toggleContainer && this.toggleContainer.parentNode && this.toggleContainer.parentNode.removeChild(this.toggleContainer);
   }
 }
+class Lt {
+  constructor(e) {
+    l(this, "container");
+    l(this, "legendContainer", null);
+    l(this, "nodeCountElement", null);
+    l(this, "linkCountElement", null);
+    this.container = e, this.init();
+  }
+  init() {
+    this.createLegendUI(), this.injectStyles();
+  }
+  createLegendUI() {
+    this.legendContainer = document.createElement("div"), this.legendContainer.className = "f3d-legend-container";
+    const e = document.createElement("div");
+    e.className = "f3d-legend-title", e.textContent = "Graph";
+    const s = this.createStatRow("Nodes"), t = this.createStatRow("Links");
+    this.nodeCountElement = s.valueElement, this.linkCountElement = t.valueElement, this.legendContainer.appendChild(e), this.legendContainer.appendChild(s.rowElement), this.legendContainer.appendChild(t.rowElement), this.container.appendChild(this.legendContainer);
+  }
+  createStatRow(e) {
+    const s = document.createElement("div");
+    s.className = "f3d-legend-row";
+    const t = document.createElement("span");
+    t.className = "f3d-legend-label", t.textContent = e;
+    const i = document.createElement("span");
+    return i.className = "f3d-legend-value", i.textContent = "0", s.appendChild(t), s.appendChild(i), { rowElement: s, valueElement: i };
+  }
+  injectStyles() {
+    const e = "f3d-legend-styles";
+    if (document.getElementById(e))
+      return;
+    const s = document.createElement("style");
+    s.id = e, s.textContent = `
+            .f3d-legend-container {
+                position: absolute;
+                right: 20px;
+                bottom: 20px;
+                z-index: 100;
+                min-width: 140px;
+                padding: 10px 12px;
+                display: flex;
+                flex-direction: column;
+                gap: 8px;
+                background: rgba(255, 255, 255, 0.08);
+                backdrop-filter: blur(20px);
+                -webkit-backdrop-filter: blur(20px);
+                border: 1px solid rgba(255, 255, 255, 0.12);
+                border-radius: 12px;
+                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+                color: white;
+                font-family: inherit;
+                pointer-events: none;
+            }
+            .f3d-legend-title {
+                font-size: 10px;
+                letter-spacing: 1px;
+                text-transform: uppercase;
+                font-weight: 700;
+                color: rgba(255, 255, 255, 0.55);
+            }
+            .f3d-legend-row {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 12px;
+            }
+            .f3d-legend-label {
+                font-size: 12px;
+                color: rgba(255, 255, 255, 0.75);
+            }
+            .f3d-legend-value {
+                font-size: 13px;
+                font-weight: 700;
+                color: rgba(255, 153, 102, 0.95);
+            }
+        `, document.head.appendChild(s);
+  }
+  updateCounts(e, s) {
+    this.nodeCountElement && (this.nodeCountElement.textContent = e.toString()), this.linkCountElement && (this.linkCountElement.textContent = s.toString());
+  }
+  dispose() {
+    this.legendContainer && this.legendContainer.parentNode && this.legendContainer.parentNode.removeChild(this.legendContainer);
+  }
+}
 const Rt = {
   backgroundColor: "#0a0a0a",
   gridColor: "rgba(255, 255, 255, 0.03)",
@@ -2782,9 +2868,9 @@ class It {
     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 - o.x) * r + (s - o.y) * c) / h)), x = o.x + p * r, m = o.y + p * c, u = e - x, f = s - m;
+      const r = a.x - o.x, c = a.y - o.y, d = r * r + c * c;
+      if (d === 0) continue;
+      const p = Math.max(0, Math.min(1, ((e - o.x) * r + (s - o.y) * c) / d)), 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 i;
     }
@@ -2803,22 +2889,22 @@ class It {
     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];
-        let x = p.x - h.x, m = p.y - h.y, u = Math.sqrt(x * x + m * m);
+        const d = e[r], p = e[c];
+        let x = p.x - d.x, m = p.y - d.y, u = Math.sqrt(x * x + m * m);
         if (u < t * 3) {
           u < 1 && (u = 1);
           const f = this.options.repulsionStrength / (u * u), b = x / u * f, M = m / u * f;
-          h.vx -= b, h.vy -= M, p.vx += b, p.vy += M;
+          d.vx -= b, d.vy -= M, p.vx += b, p.vy += M;
         }
       }
     const a = 80;
     for (const r of this.edges) {
-      const c = this.nodes.get(r.source), h = this.nodes.get(r.target);
-      if (!c || !h) continue;
-      let p = h.x - c.x, x = h.y - c.y, m = Math.sqrt(p * p + x * x);
+      const c = this.nodes.get(r.source), d = this.nodes.get(r.target);
+      if (!c || !d) continue;
+      let p = d.x - c.x, x = d.y - c.y, m = Math.sqrt(p * p + x * x);
       m < 1 && (m = 1);
       const f = (m - a) * this.options.attractionStrength, b = p / m * f, M = x / m * f;
-      c.vx += b, c.vy += M, h.vx -= b, h.vy -= M;
+      c.vx += b, c.vy += M, d.vx -= b, d.vy -= M;
     }
     for (const r of e) {
       if (this.draggedNode === r) continue;
@@ -2836,8 +2922,8 @@ class It {
     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 += i)
-      for (let h = r; h < s; h += i)
-        t.beginPath(), t.arc(c, h, o, 0, Math.PI * 2), t.fill();
+      for (let d = r; d < s; d += i)
+        t.beginPath(), t.arc(c, d, o, 0, Math.PI * 2), t.fill();
   }
   renderEdges() {
     const e = this.ctx;
@@ -2870,8 +2956,8 @@ class It {
         s.x,
         s.y,
         a
-      ), c = s.color >> 16 & 255, h = s.color >> 8 & 255, p = s.color & 255;
-      r.addColorStop(0, `rgba(${Math.min(255, c + 60)}, ${Math.min(255, h + 60)}, ${Math.min(255, p + 60)}, 0.95)`), r.addColorStop(0.7, `rgba(${c}, ${h}, ${p}, 0.9)`), r.addColorStop(1, `rgba(${Math.max(0, c - 40)}, ${Math.max(0, h - 40)}, ${Math.max(0, p - 40)}, 0.85)`), e.beginPath(), e.arc(s.x, s.y, a, 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 - a * 0.25, s.y - a * 0.25, a * 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";
+      ), c = s.color >> 16 & 255, d = s.color >> 8 & 255, p = s.color & 255;
+      r.addColorStop(0, `rgba(${Math.min(255, c + 60)}, ${Math.min(255, d + 60)}, ${Math.min(255, p + 60)}, 0.95)`), r.addColorStop(0.7, `rgba(${c}, ${d}, ${p}, 0.9)`), r.addColorStop(1, `rgba(${Math.max(0, c - 40)}, ${Math.max(0, d - 40)}, ${Math.max(0, p - 40)}, 0.85)`), e.beginPath(), e.arc(s.x, s.y, a, 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 - a * 0.25, s.y - a * 0.25, a * 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 x = a * 1.6;
       let m = s.label, u = e.measureText(m).width;
       if (u > x) {
@@ -2978,11 +3064,11 @@ 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, 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 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(), d = () => {
       const p = performance.now() - c, x = Math.min(p / r, 1), m = 1 - Math.pow(1 - x, 3);
-      this.transform.x = o + (t - o) * m, this.transform.y = a + (i - 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(d) : this.selectedNode = s;
     };
-    h();
+    d();
   }
   /**
    * Updates node positions from 3D data
@@ -3050,6 +3136,7 @@ class Ht {
     l(this, "edgeTooltipManager");
     l(this, "searchManager", null);
     l(this, "viewToggleManager", null);
+    l(this, "legendManager", null);
     // 2D Renderer
     l(this, "forceGraph2D", null);
     // Event system
@@ -3059,7 +3146,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 vt(), this.nodeFactory = new Mt(
+    this.options = { ...P, ...s }, this.container = ht(e), this.materialFactory = new vt(), this.nodeFactory = new Mt(
       this.materialFactory,
       this.options.nodeRadius ?? P.nodeRadius,
       this.options.lodSegments ?? P.lodSegments,
@@ -3075,7 +3162,7 @@ class Ht {
     ), this.frustumCuller = new Ct(
       this.sceneManager.camera,
       this.options.enableEdgeCulling ?? P.enableEdgeCulling
-    ), this.nodeManager = new te(this.sceneManager, this.nodeFactory), this.edgeManager = new yt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Le(
+    ), this.nodeManager = new te(this.sceneManager, this.nodeFactory), this.edgeManager = new yt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Ie(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -3090,11 +3177,11 @@ class Ht {
       () => this.onSimulate(),
       () => this.onRender(),
       this.options.targetFPS ?? P.targetFPS
-    ), this.raycasterManager = new Nt(this.sceneManager, this.container), this.panelManager = new St(this.container), this.edgePanelManager = new zt(this.container), this.edgeTooltipManager = new Tt(), this.edgePanelManager.setNodeClickCallback((t) => {
+    ), this.raycasterManager = new Nt(this.sceneManager, this.container), this.panelManager = new St(this.container), this.edgePanelManager = new zt(this.container), this.edgeTooltipManager = new kt(), this.edgePanelManager.setNodeClickCallback((t) => {
       this.edgePanelManager.hide(), this.focusOnNode(t), setTimeout(() => {
         this.showNodePanel(t);
       }, 400);
-    }), this.options.showSearch !== !1 && (this.searchManager = new kt(this.container, {
+    }), this.options.showSearch !== !1 && (this.searchManager = new Tt(this.container, {
       placeholder: this.options.searchPlaceholder,
       onSearch: (t) => ({
         nodeResults: this.searchNodes(t),
@@ -3110,7 +3197,7 @@ class Ht {
       onViewChange: (t) => {
         this.switchView(t);
       }
-    })), this.setupCallbacks(), this.rendererManager.start(), this.initialized = !0, this.emit("ready");
+    })), this.options.showLegend !== !1 && (this.legendManager = new Lt(this.container), this.updateLegendCounts()), this.setupCallbacks(), this.rendererManager.start(), this.initialized = !0, this.emit("ready");
   }
   /**
    * Sets up internal callbacks
@@ -3169,6 +3256,12 @@ class Ht {
   onRender() {
     this.frustumCuller.update(), this.raycasterManager.setNodeObjects(this.nodeManager.getAllNodeObjects()), this.raycasterManager.setEdgeObjects(this.edgeManager.getAllEdgeLines());
   }
+  /**
+   * Updates bottom-right legend counts
+   */
+  updateLegendCounts() {
+    this.legendManager && this.legendManager.updateCounts(this.getNodeCount(), this.getEdgeCount());
+  }
   // ==========================================================================
   // Public API
   // ==========================================================================
@@ -3192,7 +3285,7 @@ class Ht {
     if (o.edges && Array.isArray(o.edges))
       for (const r of o.edges)
         this.addEdge(r);
-    this.graphEngine = new Le(
+    this.graphEngine = new Ie(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -3202,17 +3295,17 @@ class Ht {
         useBarnesHut: this.options.useBarnesHut,
         barnesHutTheta: this.options.barnesHutTheta
       }
-    ), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setData(o);
+    ), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setData(o), this.updateLegendCounts();
   }
   /**
    * Adds a node to the graph
    * @returns true if added, false if node already exists or invalid
    */
   addNode(e) {
-    if (!He(e))
+    if (!De(e))
       return !1;
     const s = this.nodeManager.addNode(e);
-    return s && (this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addNode(e), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e)), s;
+    return s && (this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addNode(e), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e), this.updateLegendCounts()), s;
   }
   /**
    * Removes a node from the graph
@@ -3223,7 +3316,7 @@ class Ht {
       return !1;
     this.edgeManager.removeEdgesForNode(e);
     const s = this.nodeManager.removeNode(e);
-    return s && (this.graphEngine.restart(), this.options.onNodeRemove && this.options.onNodeRemove(e), this.emit("nodeRemove", e), this.panelManager.getCurrentNodeId() === e && this.panelManager.hide()), s;
+    return s && (this.graphEngine.restart(), this.options.onNodeRemove && this.options.onNodeRemove(e), this.emit("nodeRemove", e), this.panelManager.getCurrentNodeId() === e && this.panelManager.hide(), this.updateLegendCounts()), s;
   }
   /**
    * Updates a node's properties
@@ -3236,10 +3329,10 @@ class Ht {
    * @returns true if added, false if edge already exists or nodes don't exist
    */
   addEdge(e) {
-    if (!De(e))
+    if (!He(e))
       return !1;
     const s = this.edgeManager.addEdge(e);
-    return s && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addEdge(e), this.options.onEdgeAdd && this.options.onEdgeAdd(e), this.emit("edgeAdd", e)), s;
+    return s && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addEdge(e), this.options.onEdgeAdd && this.options.onEdgeAdd(e), this.emit("edgeAdd", e), this.updateLegendCounts()), s;
   }
   /**
    * Removes an edge from the graph
@@ -3247,7 +3340,7 @@ class Ht {
    */
   removeEdge(e, s) {
     const t = this.edgeManager.removeEdge(e, s);
-    return t && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.options.onEdgeRemove && this.options.onEdgeRemove({ source: e, target: s }), this.emit("edgeRemove", { source: e, target: s })), t;
+    return t && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.options.onEdgeRemove && this.options.onEdgeRemove({ source: e, target: s }), this.emit("edgeRemove", { source: e, target: s }), this.updateLegendCounts()), t;
   }
   /**
    * Expands a node by fetching more data
@@ -3320,9 +3413,9 @@ class Ht {
       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 = () => {
+    }, d = { 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);
-      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);
+      o.position.x = d.x + (c.x - d.x) * M, o.position.y = d.y + (c.y - d.y) * M, o.position.z = d.z + (c.z - d.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();
   }
@@ -3340,13 +3433,13 @@ class Ht {
       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 = {
+    }, d = o.position.x - i.position.x, p = o.position.y - i.position.y, x = o.position.z - i.position.z, m = Math.sqrt(d * d + 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
-    }, M = { x: a.position.x, y: a.position.y, z: a.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, R = performance.now(), Y = () => {
-      const k = performance.now() - R, H = Math.min(k / O, 1), E = 1 - Math.pow(1 - H, 3);
-      a.position.x = M.x + (b.x - M.x) * E, a.position.y = M.y + (b.y - M.y) * E, a.position.z = M.z + (b.z - M.z) * E, r.target.x = N.x + (c.x - N.x) * E, r.target.y = N.y + (c.y - N.y) * E, r.target.z = N.z + (c.z - N.z) * E, r.update(), H < 1 && requestAnimationFrame(Y);
+    }, M = { x: a.position.x, y: a.position.y, z: a.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, L = performance.now(), Y = () => {
+      const T = performance.now() - L, D = Math.min(T / O, 1), E = 1 - Math.pow(1 - D, 3);
+      a.position.x = M.x + (b.x - M.x) * E, a.position.y = M.y + (b.y - M.y) * E, a.position.z = M.z + (b.z - M.z) * E, r.target.x = N.x + (c.x - N.x) * E, r.target.y = N.y + (c.y - N.y) * E, r.target.z = N.z + (c.z - N.z) * E, r.update(), D < 1 && requestAnimationFrame(Y);
     };
     Y();
   }
@@ -3371,8 +3464,8 @@ class Ht {
       return [];
     const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), i = [];
     return t.forEach((o) => {
-      var h, p, x;
-      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);
+      var d, p, x;
+      const a = (d = o.label) == null ? void 0 : d.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;
   }
@@ -3387,8 +3480,8 @@ class Ht {
     const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), i = [];
     for (const a of t)
       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 && i.push({ edge: a, sourceNode: c, targetNode: h });
+        const c = this.nodeManager.getNode(a.source), d = this.nodeManager.getNode(a.target);
+        c && d && i.push({ edge: a, sourceNode: c, targetNode: d });
       }
     return i;
   }
@@ -3554,7 +3647,7 @@ class Ht {
    * Destroys the graph and releases all resources
    */
   destroy() {
-    this.rendererManager.dispose(), this.panelManager.dispose(), this.raycasterManager.dispose(), this.edgeTooltipManager.dispose(), this.searchManager && this.searchManager.dispose(), this.viewToggleManager && this.viewToggleManager.dispose(), this.forceGraph2D && this.forceGraph2D.dispose(), this.edgeManager.dispose(), this.nodeManager.dispose(), this.nodeFactory.dispose(), this.materialFactory.dispose(), this.sceneManager.dispose(), this.devControls && this.devControls.parentNode && this.devControls.parentNode.removeChild(this.devControls), this.eventCallbacks.clear(), this.initialized = !1;
+    this.rendererManager.dispose(), this.panelManager.dispose(), this.raycasterManager.dispose(), this.edgeTooltipManager.dispose(), this.searchManager && this.searchManager.dispose(), this.viewToggleManager && this.viewToggleManager.dispose(), this.legendManager && this.legendManager.dispose(), this.forceGraph2D && this.forceGraph2D.dispose(), this.edgeManager.dispose(), this.nodeManager.dispose(), this.nodeFactory.dispose(), this.materialFactory.dispose(), this.sceneManager.dispose(), this.devControls && this.devControls.parentNode && this.devControls.parentNode.removeChild(this.devControls), this.eventCallbacks.clear(), this.initialized = !1;
   }
 }
 const Oe = [
@@ -3611,9 +3704,9 @@ const Oe = [
   16746564
   // Darker tangerine
 ];
-function Dt(d = 30) {
+function At(h = 30) {
   const e = [], s = [];
-  for (let i = 0; i < d; i++) {
+  for (let i = 0; i < h; i++) {
     const o = i < Oe.length ? Oe[i] : `Node ${i + 1}`;
     e.push({
       id: `node-${i}`,
@@ -3626,7 +3719,7 @@ function Dt(d = 30) {
       }
     });
   }
-  for (let i = 1; i < d; i++) {
+  for (let i = 1; i < h; i++) {
     const o = Math.floor(Math.random() * i);
     s.push({
       source: `node-${i}`,
@@ -3634,11 +3727,11 @@ function Dt(d = 30) {
       relationship: ee[Math.floor(Math.random() * ee.length)]
     });
   }
-  const t = Math.floor(d * 0.5);
+  const t = Math.floor(h * 0.5);
   for (let i = 0; i < t; i++) {
-    const o = Math.floor(Math.random() * d);
-    let a = Math.floor(Math.random() * d);
-    o === a && (a = (a + 1) % d);
+    const o = Math.floor(Math.random() * h);
+    let a = Math.floor(Math.random() * h);
+    o === a && (a = (a + 1) % h);
     const r = `node-${o}`, c = `node-${a}`;
     s.some(
       (p) => p.source === r && p.target === c || p.source === c && p.target === r
@@ -3650,15 +3743,15 @@ function Dt(d = 30) {
   }
   return { nodes: e, edges: s };
 }
-function At(d = 1e3) {
-  const e = [], s = [], t = Math.ceil(d / 50), i = [];
+function jt(h = 1e3) {
+  const e = [], s = [], t = Math.ceil(h / 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 < d; o++) {
+  for (let o = 0; o < h; o++) {
     const a = i[o % t];
     e.push({
       id: `node-${o}`,
@@ -3670,7 +3763,7 @@ function At(d = 1e3) {
       }
     });
   }
-  for (let o = 1; o < d; o++) {
+  for (let o = 1; o < h; 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-${o}`,
@@ -3692,10 +3785,10 @@ export {
   P as DEFAULT_OPTIONS,
   Ht as ForceGraph3D,
   X as LODLevel,
-  D as createEdgeKey,
-  At as generateLargeSampleData,
-  Dt as generateSampleData,
-  De as validateEdgeData,
-  He as validateNodeData
+  H as createEdgeKey,
+  jt as generateLargeSampleData,
+  At as generateSampleData,
+  He as validateEdgeData,
+  De as validateNodeData
 };
 //# sourceMappingURL=force-3d-graph.js.map