force-3d-graph 1.0.0 → 1.0.2

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

@@ -1,9 +1,9 @@
-var ot = Object.defineProperty;
-var nt = (c, e, o) => e in c ? ot(c, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : c[e] = o;
-var r = (c, e, o) => nt(c, typeof e != "symbol" ? e + "" : e, o);
+var st = Object.defineProperty;
+var it = (c, e, s) => e in c ? st(c, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : c[e] = s;
+var r = (c, e, s) => it(c, typeof e != "symbol" ? e + "" : e, s);
 import * as p from "three";
-import { EventDispatcher as it, Vector3 as N, MOUSE as H, TOUCH as K, Spherical as Ne, Quaternion as ze, Vector2 as S, Ray as st, Plane as at, MathUtils as rt } from "three";
-const O = {
+import { EventDispatcher as nt, Vector3 as N, MOUSE as D, TOUCH as $, Spherical as Ne, Quaternion as Se, Vector2 as z, Ray as ot, Plane as at, MathUtils as rt } from "three";
+const L = {
   backgroundColor: 657930,
   cameraPosition: { x: 0, y: 0, z: 80 },
   cameraFov: 75,
@@ -23,10 +23,12 @@ const O = {
   edgeOpacity: 0.4,
   enableEdgeCulling: !0,
   showPanel: !0,
+  showSearch: !0,
+  searchPlaceholder: "Search nodes or relationships...",
   targetFPS: 60,
   maxVisibleNodes: 1e4
 };
-var _ = /* @__PURE__ */ ((c) => (c[c.HIGH = 0] = "HIGH", c[c.MEDIUM = 1] = "MEDIUM", c[c.LOW = 2] = "LOW", c))(_ || {});
+var U = /* @__PURE__ */ ((c) => (c[c.HIGH = 0] = "HIGH", c[c.MEDIUM = 1] = "MEDIUM", c[c.LOW = 2] = "LOW", c))(U || {});
 function lt() {
   const c = document.createElement("div");
   return c.id = "force-graph-3d-container", c.style.cssText = `
@@ -41,20 +43,20 @@ function lt() {
 function ct(c) {
   return c && c instanceof HTMLElement ? c : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), lt());
 }
-function Se(c) {
+function ze(c) {
   const e = c.getBoundingClientRect();
   return {
     width: e.width || window.innerWidth,
     height: e.height || window.innerHeight
   };
 }
-function Ie(c) {
+function Re(c) {
   if (!c || typeof c != "object")
     return console.warn("[ForceGraph3D] Invalid node: must be an object"), !1;
   const e = c;
   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 && !dt(e.position) ? (console.warn("[ForceGraph3D] Invalid node: position must have x, y, z numbers"), !1) : !0;
 }
-function Re(c) {
+function Fe(c) {
   if (!c || typeof c != "object")
     return console.warn("[ForceGraph3D] Invalid edge: must be an object"), !1;
   const e = c;
@@ -68,56 +70,56 @@ function dt(c) {
   const e = c;
   return typeof e.x == "number" && typeof e.y == "number" && typeof e.z == "number";
 }
-function I(c, e) {
+function R(c, e) {
   return c === e ? `${c}-${e}` : c < e ? `${c}-${e}` : `${e}-${c}`;
 }
-const Pe = { type: "change" }, ae = { type: "start" }, Te = { type: "end" }, Z = new st(), Oe = new at(), pt = Math.cos(70 * rt.DEG2RAD);
-class gt extends it {
-  constructor(e, o) {
-    super(), this.object = e, this.domElement = o, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new N(), this.cursor = new N(), 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: H.ROTATE, MIDDLE: H.DOLLY, RIGHT: H.PAN }, this.touches = { ONE: K.ROTATE, TWO: K.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+const Te = { type: "change" }, ae = { type: "start" }, Pe = { type: "end" }, Z = new ot(), Le = new at(), pt = Math.cos(70 * rt.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 N(), this.cursor = new N(), 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: D.ROTATE, MIDDLE: D.DOLLY, RIGHT: D.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() {
       return l.phi;
     }, this.getAzimuthalAngle = function() {
       return l.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
-    }, this.listenToKeyEvents = function(s) {
-      s.addEventListener("keydown", ie), this._domElementKeyEvents = s;
+    }, this.listenToKeyEvents = function(o) {
+      o.addEventListener("keydown", ne), this._domElementKeyEvents = o;
     }, this.stopListenToKeyEvents = function() {
-      this._domElementKeyEvents.removeEventListener("keydown", ie), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", ne), this._domElementKeyEvents = null;
     }, this.saveState = function() {
       t.target0.copy(t.target), t.position0.copy(t.object.position), t.zoom0 = t.object.zoom;
     }, this.reset = function() {
-      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(Pe), t.update(), i = n.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(Te), t.update(), n = i.NONE;
     }, this.update = function() {
-      const s = new N(), h = new ze().setFromUnitVectors(e.up, new N(0, 1, 0)), m = h.clone().invert(), b = new N(), E = new ze(), F = new N(), z = 2 * Math.PI;
+      const o = new N(), h = new Se().setFromUnitVectors(e.up, new N(0, 1, 0)), m = h.clone().invert(), x = new N(), w = new Se(), k = new N(), S = 2 * Math.PI;
       return function(tt = null) {
         const Ce = t.object.position;
-        s.copy(Ce).sub(t.target), s.applyQuaternion(h), l.setFromVector3(s), t.autoRotate && i === n.NONE && G(Ae(tt)), t.enableDamping ? (l.theta += d.theta * t.dampingFactor, l.phi += d.phi * t.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
-        let P = t.minAzimuthAngle, T = t.maxAzimuthAngle;
-        isFinite(P) && isFinite(T) && (P < -Math.PI ? P += z : P > Math.PI && (P -= z), T < -Math.PI ? T += z : T > Math.PI && (T -= z), P <= T ? l.theta = Math.max(P, Math.min(T, l.theta)) : l.theta = l.theta > (P + T) / 2 ? Math.max(P, l.theta) : Math.min(T, l.theta)), l.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, l.phi)), l.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(u, t.dampingFactor) : t.target.add(u), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && U || t.object.isOrthographicCamera ? l.radius = oe(l.radius) : l.radius = oe(l.radius * g), s.setFromSpherical(l), s.applyQuaternion(m), Ce.copy(t.target).add(s), t.object.lookAt(t.target), t.enableDamping === !0 ? (d.theta *= 1 - t.dampingFactor, d.phi *= 1 - t.dampingFactor, u.multiplyScalar(1 - t.dampingFactor)) : (d.set(0, 0, 0), u.set(0, 0, 0));
-        let se = !1;
-        if (t.zoomToCursor && U) {
+        o.copy(Ce).sub(t.target), o.applyQuaternion(h), l.setFromVector3(o), t.autoRotate && n === i.NONE && K(He(tt)), t.enableDamping ? (l.theta += d.theta * t.dampingFactor, l.phi += d.phi * t.dampingFactor) : (l.theta += d.theta, l.phi += d.phi);
+        let T = t.minAzimuthAngle, P = t.maxAzimuthAngle;
+        isFinite(T) && isFinite(P) && (T < -Math.PI ? T += S : T > Math.PI && (T -= S), P < -Math.PI ? P += S : P > Math.PI && (P -= S), T <= P ? l.theta = Math.max(T, Math.min(P, l.theta)) : l.theta = l.theta > (T + P) / 2 ? Math.max(T, l.theta) : Math.min(P, l.theta)), l.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, l.phi)), l.makeSafe(), t.enableDamping === !0 ? t.target.addScaledVector(g, t.dampingFactor) : t.target.add(g), t.target.sub(t.cursor), t.target.clampLength(t.minTargetRadius, t.maxTargetRadius), t.target.add(t.cursor), t.zoomToCursor && _ || t.object.isOrthographicCamera ? l.radius = se(l.radius) : l.radius = se(l.radius * u), o.setFromSpherical(l), o.applyQuaternion(m), Ce.copy(t.target).add(o), t.object.lookAt(t.target), t.enableDamping === !0 ? (d.theta *= 1 - t.dampingFactor, d.phi *= 1 - t.dampingFactor, g.multiplyScalar(1 - t.dampingFactor)) : (d.set(0, 0, 0), g.set(0, 0, 0));
+        let oe = !1;
+        if (t.zoomToCursor && _) {
           let Y = null;
           if (t.object.isPerspectiveCamera) {
-            const B = s.length();
-            Y = oe(B * g);
+            const B = o.length();
+            Y = se(B * u);
             const q = B - Y;
             t.object.position.addScaledVector(re, q), t.object.updateMatrixWorld();
           } else if (t.object.isOrthographicCamera) {
-            const B = new N(L.x, L.y, 0);
-            B.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / g)), t.object.updateProjectionMatrix(), se = !0;
-            const q = new N(L.x, L.y, 0);
-            q.unproject(t.object), t.object.position.sub(q).add(B), t.object.updateMatrixWorld(), Y = s.length();
+            const B = new N(O.x, O.y, 0);
+            B.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), t.object.updateProjectionMatrix(), oe = !0;
+            const q = new N(O.x, O.y, 0);
+            q.unproject(t.object), t.object.position.sub(q).add(B), t.object.updateMatrixWorld(), Y = o.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          Y !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Y).add(t.object.position) : (Z.origin.copy(t.object.position), Z.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Z.direction)) < pt ? e.lookAt(t.target) : (Oe.setFromNormalAndCoplanarPoint(t.object.up, t.target), Z.intersectPlane(Oe, t.target))));
-        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / g)), t.object.updateProjectionMatrix(), se = !0);
-        return g = 1, U = !1, se || b.distanceToSquared(t.object.position) > a || 8 * (1 - E.dot(t.object.quaternion)) > a || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Pe), b.copy(t.object.position), E.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
+          Y !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(Y).add(t.object.position) : (Z.origin.copy(t.object.position), Z.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Z.direction)) < pt ? e.lookAt(t.target) : (Le.setFromNormalAndCoplanarPoint(t.object.up, t.target), Z.intersectPlane(Le, t.target))));
+        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / u)), t.object.updateProjectionMatrix(), oe = !0);
+        return u = 1, _ = !1, oe || x.distanceToSquared(t.object.position) > a || 8 * (1 - w.dot(t.object.quaternion)) > a || k.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(Te), x.copy(t.object.position), w.copy(t.object.quaternion), k.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", Ee), t.domElement.removeEventListener("pointerdown", be), t.domElement.removeEventListener("pointercancel", $), t.domElement.removeEventListener("wheel", ve), t.domElement.removeEventListener("pointermove", ne), t.domElement.removeEventListener("pointerup", $), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ie), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", we), t.domElement.removeEventListener("pointerdown", xe), t.domElement.removeEventListener("pointercancel", G), t.domElement.removeEventListener("wheel", ve), t.domElement.removeEventListener("pointermove", ie), t.domElement.removeEventListener("pointerup", G), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ne), t._domElementKeyEvents = null);
     };
-    const t = this, n = {
+    const t = this, i = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -127,175 +129,175 @@ class gt extends it {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let i = n.NONE;
+    let n = i.NONE;
     const a = 1e-6, l = new Ne(), d = new Ne();
-    let g = 1;
-    const u = new N(), x = new S(), v = new S(), y = new S(), f = new S(), M = new S(), C = new S(), R = new S(), A = new S(), k = new S(), re = new N(), L = new S();
-    let U = !1;
-    const w = [], V = {};
+    let u = 1;
+    const g = new N(), b = new z(), v = new z(), y = new z(), f = new z(), M = new z(), C = new z(), F = new z(), H = new z(), I = new z(), re = new N(), O = new z();
+    let _ = !1;
+    const E = [], V = {};
     let J = !1;
-    function Ae(s) {
-      return s !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * s : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
+    function He(o) {
+      return o !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * o : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
     }
-    function X(s) {
-      const h = Math.abs(s * 0.01);
+    function X(o) {
+      const h = Math.abs(o * 0.01);
       return Math.pow(0.95, t.zoomSpeed * h);
     }
-    function G(s) {
-      d.theta -= s;
+    function K(o) {
+      d.theta -= o;
     }
-    function W(s) {
-      d.phi -= s;
+    function W(o) {
+      d.phi -= o;
     }
     const le = function() {
-      const s = new N();
-      return function(m, b) {
-        s.setFromMatrixColumn(b, 0), s.multiplyScalar(-m), u.add(s);
+      const o = new N();
+      return function(m, x) {
+        o.setFromMatrixColumn(x, 0), o.multiplyScalar(-m), g.add(o);
       };
     }(), ce = function() {
-      const s = new N();
-      return function(m, b) {
-        t.screenSpacePanning === !0 ? s.setFromMatrixColumn(b, 1) : (s.setFromMatrixColumn(b, 0), s.crossVectors(t.object.up, s)), s.multiplyScalar(m), u.add(s);
+      const o = new N();
+      return function(m, x) {
+        t.screenSpacePanning === !0 ? o.setFromMatrixColumn(x, 1) : (o.setFromMatrixColumn(x, 0), o.crossVectors(t.object.up, o)), o.multiplyScalar(m), g.add(o);
       };
-    }(), j = function() {
-      const s = new N();
-      return function(m, b) {
-        const E = t.domElement;
+    }(), A = function() {
+      const o = new N();
+      return function(m, x) {
+        const w = t.domElement;
         if (t.object.isPerspectiveCamera) {
-          const F = t.object.position;
-          s.copy(F).sub(t.target);
-          let z = s.length();
-          z *= Math.tan(t.object.fov / 2 * Math.PI / 180), le(2 * m * z / E.clientHeight, t.object.matrix), ce(2 * b * z / E.clientHeight, t.object.matrix);
-        } else t.object.isOrthographicCamera ? (le(m * (t.object.right - t.object.left) / t.object.zoom / E.clientWidth, t.object.matrix), ce(b * (t.object.top - t.object.bottom) / t.object.zoom / E.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          const k = t.object.position;
+          o.copy(k).sub(t.target);
+          let S = o.length();
+          S *= Math.tan(t.object.fov / 2 * Math.PI / 180), le(2 * m * S / w.clientHeight, t.object.matrix), ce(2 * x * S / w.clientHeight, t.object.matrix);
+        } else t.object.isOrthographicCamera ? (le(m * (t.object.right - t.object.left) / t.object.zoom / w.clientWidth, t.object.matrix), ce(x * (t.object.top - t.object.bottom) / t.object.zoom / w.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
-    function ee(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? g /= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function ee(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u /= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function he(s) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? g *= s : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function he(o) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? u *= o : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function te(s, h) {
+    function te(o, h) {
       if (!t.zoomToCursor)
         return;
-      U = !0;
-      const m = t.domElement.getBoundingClientRect(), b = s - m.left, E = h - m.top, F = m.width, z = m.height;
-      L.x = b / F * 2 - 1, L.y = -(E / z) * 2 + 1, re.set(L.x, L.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      _ = !0;
+      const m = t.domElement.getBoundingClientRect(), x = o - m.left, w = h - m.top, k = m.width, S = m.height;
+      O.x = x / k * 2 - 1, O.y = -(w / S) * 2 + 1, re.set(O.x, O.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
-    function oe(s) {
-      return Math.max(t.minDistance, Math.min(t.maxDistance, s));
+    function se(o) {
+      return Math.max(t.minDistance, Math.min(t.maxDistance, o));
     }
-    function de(s) {
-      x.set(s.clientX, s.clientY);
+    function de(o) {
+      b.set(o.clientX, o.clientY);
     }
-    function je(s) {
-      te(s.clientX, s.clientX), R.set(s.clientX, s.clientY);
+    function Ae(o) {
+      te(o.clientX, o.clientX), F.set(o.clientX, o.clientY);
     }
-    function pe(s) {
-      f.set(s.clientX, s.clientY);
+    function pe(o) {
+      f.set(o.clientX, o.clientY);
     }
-    function De(s) {
-      v.set(s.clientX, s.clientY), y.subVectors(v, x).multiplyScalar(t.rotateSpeed);
+    function je(o) {
+      v.set(o.clientX, o.clientY), y.subVectors(v, b).multiplyScalar(t.rotateSpeed);
       const h = t.domElement;
-      G(2 * Math.PI * y.x / h.clientHeight), W(2 * Math.PI * y.y / h.clientHeight), x.copy(v), t.update();
+      K(2 * Math.PI * y.x / h.clientHeight), W(2 * Math.PI * y.y / h.clientHeight), b.copy(v), t.update();
     }
-    function He(s) {
-      A.set(s.clientX, s.clientY), k.subVectors(A, R), k.y > 0 ? ee(X(k.y)) : k.y < 0 && he(X(k.y)), R.copy(A), t.update();
+    function De(o) {
+      H.set(o.clientX, o.clientY), I.subVectors(H, F), I.y > 0 ? ee(X(I.y)) : I.y < 0 && he(X(I.y)), F.copy(H), t.update();
     }
-    function Ke(s) {
-      M.set(s.clientX, s.clientY), C.subVectors(M, f).multiplyScalar(t.panSpeed), j(C.x, C.y), f.copy(M), t.update();
+    function $e(o) {
+      M.set(o.clientX, o.clientY), C.subVectors(M, f).multiplyScalar(t.panSpeed), A(C.x, C.y), f.copy(M), t.update();
     }
-    function Ge(s) {
-      te(s.clientX, s.clientY), s.deltaY < 0 ? he(X(s.deltaY)) : s.deltaY > 0 && ee(X(s.deltaY)), t.update();
+    function Ke(o) {
+      te(o.clientX, o.clientY), o.deltaY < 0 ? he(X(o.deltaY)) : o.deltaY > 0 && ee(X(o.deltaY)), t.update();
     }
-    function $e(s) {
+    function Ge(o) {
       let h = !1;
-      switch (s.code) {
+      switch (o.code) {
         case t.keys.UP:
-          s.ctrlKey || s.metaKey || s.shiftKey ? W(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(0, t.keyPanSpeed), h = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? W(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(0, t.keyPanSpeed), h = !0;
           break;
         case t.keys.BOTTOM:
-          s.ctrlKey || s.metaKey || s.shiftKey ? W(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(0, -t.keyPanSpeed), h = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? W(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(0, -t.keyPanSpeed), h = !0;
           break;
         case t.keys.LEFT:
-          s.ctrlKey || s.metaKey || s.shiftKey ? G(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(t.keyPanSpeed, 0), h = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? K(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(t.keyPanSpeed, 0), h = !0;
           break;
         case t.keys.RIGHT:
-          s.ctrlKey || s.metaKey || s.shiftKey ? G(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(-t.keyPanSpeed, 0), h = !0;
+          o.ctrlKey || o.metaKey || o.shiftKey ? K(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(-t.keyPanSpeed, 0), h = !0;
           break;
       }
-      h && (s.preventDefault(), t.update());
+      h && (o.preventDefault(), t.update());
     }
-    function ge(s) {
-      if (w.length === 1)
-        x.set(s.pageX, s.pageY);
+    function ue(o) {
+      if (E.length === 1)
+        b.set(o.pageX, o.pageY);
       else {
-        const h = D(s), m = 0.5 * (s.pageX + h.x), b = 0.5 * (s.pageY + h.y);
-        x.set(m, b);
+        const h = j(o), m = 0.5 * (o.pageX + h.x), x = 0.5 * (o.pageY + h.y);
+        b.set(m, x);
       }
     }
-    function ue(s) {
-      if (w.length === 1)
-        f.set(s.pageX, s.pageY);
+    function ge(o) {
+      if (E.length === 1)
+        f.set(o.pageX, o.pageY);
       else {
-        const h = D(s), m = 0.5 * (s.pageX + h.x), b = 0.5 * (s.pageY + h.y);
-        f.set(m, b);
+        const h = j(o), m = 0.5 * (o.pageX + h.x), x = 0.5 * (o.pageY + h.y);
+        f.set(m, x);
       }
     }
-    function me(s) {
-      const h = D(s), m = s.pageX - h.x, b = s.pageY - h.y, E = Math.sqrt(m * m + b * b);
-      R.set(0, E);
+    function me(o) {
+      const h = j(o), m = o.pageX - h.x, x = o.pageY - h.y, w = Math.sqrt(m * m + x * x);
+      F.set(0, w);
     }
-    function Ye(s) {
-      t.enableZoom && me(s), t.enablePan && ue(s);
+    function Ye(o) {
+      t.enableZoom && me(o), t.enablePan && ge(o);
     }
-    function Be(s) {
-      t.enableZoom && me(s), t.enableRotate && ge(s);
+    function Be(o) {
+      t.enableZoom && me(o), t.enableRotate && ue(o);
     }
-    function fe(s) {
-      if (w.length == 1)
-        v.set(s.pageX, s.pageY);
+    function fe(o) {
+      if (E.length == 1)
+        v.set(o.pageX, o.pageY);
       else {
-        const m = D(s), b = 0.5 * (s.pageX + m.x), E = 0.5 * (s.pageY + m.y);
-        v.set(b, E);
+        const m = j(o), x = 0.5 * (o.pageX + m.x), w = 0.5 * (o.pageY + m.y);
+        v.set(x, w);
       }
-      y.subVectors(v, x).multiplyScalar(t.rotateSpeed);
+      y.subVectors(v, b).multiplyScalar(t.rotateSpeed);
       const h = t.domElement;
-      G(2 * Math.PI * y.x / h.clientHeight), W(2 * Math.PI * y.y / h.clientHeight), x.copy(v);
+      K(2 * Math.PI * y.x / h.clientHeight), W(2 * Math.PI * y.y / h.clientHeight), b.copy(v);
     }
-    function ye(s) {
-      if (w.length === 1)
-        M.set(s.pageX, s.pageY);
+    function ye(o) {
+      if (E.length === 1)
+        M.set(o.pageX, o.pageY);
       else {
-        const h = D(s), m = 0.5 * (s.pageX + h.x), b = 0.5 * (s.pageY + h.y);
-        M.set(m, b);
+        const h = j(o), m = 0.5 * (o.pageX + h.x), x = 0.5 * (o.pageY + h.y);
+        M.set(m, x);
       }
-      C.subVectors(M, f).multiplyScalar(t.panSpeed), j(C.x, C.y), f.copy(M);
+      C.subVectors(M, f).multiplyScalar(t.panSpeed), A(C.x, C.y), f.copy(M);
     }
-    function xe(s) {
-      const h = D(s), m = s.pageX - h.x, b = s.pageY - h.y, E = Math.sqrt(m * m + b * b);
-      A.set(0, E), k.set(0, Math.pow(A.y / R.y, t.zoomSpeed)), ee(k.y), R.copy(A);
-      const F = (s.pageX + h.x) * 0.5, z = (s.pageY + h.y) * 0.5;
-      te(F, z);
+    function be(o) {
+      const h = j(o), m = o.pageX - h.x, x = o.pageY - h.y, w = Math.sqrt(m * m + x * x);
+      H.set(0, w), I.set(0, Math.pow(H.y / F.y, t.zoomSpeed)), ee(I.y), F.copy(H);
+      const k = (o.pageX + h.x) * 0.5, S = (o.pageY + h.y) * 0.5;
+      te(k, S);
     }
-    function _e(s) {
-      t.enableZoom && xe(s), t.enablePan && ye(s);
+    function Ue(o) {
+      t.enableZoom && be(o), t.enablePan && ye(o);
     }
-    function Ue(s) {
-      t.enableZoom && xe(s), t.enableRotate && fe(s);
+    function _e(o) {
+      t.enableZoom && be(o), t.enableRotate && fe(o);
     }
-    function be(s) {
-      t.enabled !== !1 && (w.length === 0 && (t.domElement.setPointerCapture(s.pointerId), t.domElement.addEventListener("pointermove", ne), t.domElement.addEventListener("pointerup", $)), Je(s), s.pointerType === "touch" ? Ze(s) : Ve(s));
+    function xe(o) {
+      t.enabled !== !1 && (E.length === 0 && (t.domElement.setPointerCapture(o.pointerId), t.domElement.addEventListener("pointermove", ie), t.domElement.addEventListener("pointerup", G)), Je(o), o.pointerType === "touch" ? Ze(o) : Ve(o));
     }
-    function ne(s) {
-      t.enabled !== !1 && (s.pointerType === "touch" ? Qe(s) : Xe(s));
+    function ie(o) {
+      t.enabled !== !1 && (o.pointerType === "touch" ? Qe(o) : Xe(o));
     }
-    function $(s) {
-      et(s), w.length === 0 && (t.domElement.releasePointerCapture(s.pointerId), t.domElement.removeEventListener("pointermove", ne), t.domElement.removeEventListener("pointerup", $)), t.dispatchEvent(Te), i = n.NONE;
+    function G(o) {
+      et(o), E.length === 0 && (t.domElement.releasePointerCapture(o.pointerId), t.domElement.removeEventListener("pointermove", ie), t.domElement.removeEventListener("pointerup", G)), t.dispatchEvent(Pe), n = i.NONE;
     }
-    function Ve(s) {
+    function Ve(o) {
       let h;
-      switch (s.button) {
+      switch (o.button) {
         case 0:
           h = t.mouseButtons.LEFT;
           break;
@@ -309,57 +311,57 @@ class gt extends it {
           h = -1;
       }
       switch (h) {
-        case H.DOLLY:
+        case D.DOLLY:
           if (t.enableZoom === !1) return;
-          je(s), i = n.DOLLY;
+          Ae(o), n = i.DOLLY;
           break;
-        case H.ROTATE:
-          if (s.ctrlKey || s.metaKey || s.shiftKey) {
+        case D.ROTATE:
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enablePan === !1) return;
-            pe(s), i = n.PAN;
+            pe(o), n = i.PAN;
           } else {
             if (t.enableRotate === !1) return;
-            de(s), i = n.ROTATE;
+            de(o), n = i.ROTATE;
           }
           break;
-        case H.PAN:
-          if (s.ctrlKey || s.metaKey || s.shiftKey) {
+        case D.PAN:
+          if (o.ctrlKey || o.metaKey || o.shiftKey) {
             if (t.enableRotate === !1) return;
-            de(s), i = n.ROTATE;
+            de(o), n = i.ROTATE;
           } else {
             if (t.enablePan === !1) return;
-            pe(s), i = n.PAN;
+            pe(o), n = i.PAN;
           }
           break;
         default:
-          i = n.NONE;
+          n = i.NONE;
       }
-      i !== n.NONE && t.dispatchEvent(ae);
+      n !== i.NONE && t.dispatchEvent(ae);
     }
-    function Xe(s) {
-      switch (i) {
-        case n.ROTATE:
+    function Xe(o) {
+      switch (n) {
+        case i.ROTATE:
           if (t.enableRotate === !1) return;
-          De(s);
+          je(o);
           break;
-        case n.DOLLY:
+        case i.DOLLY:
           if (t.enableZoom === !1) return;
-          He(s);
+          De(o);
           break;
-        case n.PAN:
+        case i.PAN:
           if (t.enablePan === !1) return;
-          Ke(s);
+          $e(o);
           break;
       }
     }
-    function ve(s) {
-      t.enabled === !1 || t.enableZoom === !1 || i !== n.NONE || (s.preventDefault(), t.dispatchEvent(ae), Ge(We(s)), t.dispatchEvent(Te));
+    function ve(o) {
+      t.enabled === !1 || t.enableZoom === !1 || n !== i.NONE || (o.preventDefault(), t.dispatchEvent(ae), Ke(We(o)), t.dispatchEvent(Pe));
     }
-    function We(s) {
-      const h = s.deltaMode, m = {
-        clientX: s.clientX,
-        clientY: s.clientY,
-        deltaY: s.deltaY
+    function We(o) {
+      const h = o.deltaMode, m = {
+        clientX: o.clientX,
+        clientY: o.clientY,
+        deltaY: o.deltaY
       };
       switch (h) {
         case 1:
@@ -369,101 +371,101 @@ class gt extends it {
           m.deltaY *= 100;
           break;
       }
-      return s.ctrlKey && !J && (m.deltaY *= 10), m;
+      return o.ctrlKey && !J && (m.deltaY *= 10), m;
     }
-    function qe(s) {
-      s.key === "Control" && (J = !0, document.addEventListener("keyup", Me, { passive: !0, capture: !0 }));
+    function qe(o) {
+      o.key === "Control" && (J = !0, document.addEventListener("keyup", Me, { passive: !0, capture: !0 }));
     }
-    function Me(s) {
-      s.key === "Control" && (J = !1, document.removeEventListener("keyup", Me, { passive: !0, capture: !0 }));
+    function Me(o) {
+      o.key === "Control" && (J = !1, document.removeEventListener("keyup", Me, { passive: !0, capture: !0 }));
     }
-    function ie(s) {
-      t.enabled === !1 || t.enablePan === !1 || $e(s);
+    function ne(o) {
+      t.enabled === !1 || t.enablePan === !1 || Ge(o);
     }
-    function Ze(s) {
-      switch (we(s), w.length) {
+    function Ze(o) {
+      switch (Ee(o), E.length) {
         case 1:
           switch (t.touches.ONE) {
-            case K.ROTATE:
+            case $.ROTATE:
               if (t.enableRotate === !1) return;
-              ge(s), i = n.TOUCH_ROTATE;
+              ue(o), n = i.TOUCH_ROTATE;
               break;
-            case K.PAN:
+            case $.PAN:
               if (t.enablePan === !1) return;
-              ue(s), i = n.TOUCH_PAN;
+              ge(o), n = i.TOUCH_PAN;
               break;
             default:
-              i = n.NONE;
+              n = i.NONE;
           }
           break;
         case 2:
           switch (t.touches.TWO) {
-            case K.DOLLY_PAN:
+            case $.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1) return;
-              Ye(s), i = n.TOUCH_DOLLY_PAN;
+              Ye(o), n = i.TOUCH_DOLLY_PAN;
               break;
-            case K.DOLLY_ROTATE:
+            case $.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1) return;
-              Be(s), i = n.TOUCH_DOLLY_ROTATE;
+              Be(o), n = i.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              i = n.NONE;
+              n = i.NONE;
           }
           break;
         default:
-          i = n.NONE;
+          n = i.NONE;
       }
-      i !== n.NONE && t.dispatchEvent(ae);
+      n !== i.NONE && t.dispatchEvent(ae);
     }
-    function Qe(s) {
-      switch (we(s), i) {
-        case n.TOUCH_ROTATE:
+    function Qe(o) {
+      switch (Ee(o), n) {
+        case i.TOUCH_ROTATE:
           if (t.enableRotate === !1) return;
-          fe(s), t.update();
+          fe(o), t.update();
           break;
-        case n.TOUCH_PAN:
+        case i.TOUCH_PAN:
           if (t.enablePan === !1) return;
-          ye(s), t.update();
+          ye(o), t.update();
           break;
-        case n.TOUCH_DOLLY_PAN:
+        case i.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1) return;
-          _e(s), t.update();
+          Ue(o), t.update();
           break;
-        case n.TOUCH_DOLLY_ROTATE:
+        case i.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1) return;
-          Ue(s), t.update();
+          _e(o), t.update();
           break;
         default:
-          i = n.NONE;
+          n = i.NONE;
       }
     }
-    function Ee(s) {
-      t.enabled !== !1 && s.preventDefault();
+    function we(o) {
+      t.enabled !== !1 && o.preventDefault();
     }
-    function Je(s) {
-      w.push(s.pointerId);
+    function Je(o) {
+      E.push(o.pointerId);
     }
-    function et(s) {
-      delete V[s.pointerId];
-      for (let h = 0; h < w.length; h++)
-        if (w[h] == s.pointerId) {
-          w.splice(h, 1);
+    function et(o) {
+      delete V[o.pointerId];
+      for (let h = 0; h < E.length; h++)
+        if (E[h] == o.pointerId) {
+          E.splice(h, 1);
           return;
         }
     }
-    function we(s) {
-      let h = V[s.pointerId];
-      h === void 0 && (h = new S(), V[s.pointerId] = h), h.set(s.pageX, s.pageY);
+    function Ee(o) {
+      let h = V[o.pointerId];
+      h === void 0 && (h = new z(), V[o.pointerId] = h), h.set(o.pageX, o.pageY);
     }
-    function D(s) {
-      const h = s.pointerId === w[0] ? w[1] : w[0];
+    function j(o) {
+      const h = o.pointerId === E[0] ? E[1] : E[0];
       return V[h];
     }
-    t.domElement.addEventListener("contextmenu", Ee), t.domElement.addEventListener("pointerdown", be), t.domElement.addEventListener("pointercancel", $), t.domElement.addEventListener("wheel", ve, { passive: !1 }), document.addEventListener("keydown", qe, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", we), t.domElement.addEventListener("pointerdown", xe), t.domElement.addEventListener("pointercancel", G), t.domElement.addEventListener("wheel", ve, { passive: !1 }), document.addEventListener("keydown", qe, { passive: !0, capture: !0 }), this.update();
   }
 }
-class ut {
-  constructor(e, o) {
+class gt {
+  constructor(e, s) {
     r(this, "scene");
     r(this, "camera");
     r(this, "renderer");
@@ -471,16 +473,16 @@ class ut {
     r(this, "container");
     r(this, "resizeHandler");
     this.container = e, this.scene = new p.Scene(), this.scene.background = new p.Color(
-      o.backgroundColor ?? 657930
+      s.backgroundColor ?? 657930
     );
-    const { width: t, height: n } = Se(e), i = o.cameraFov ?? 75;
-    this.camera = new p.PerspectiveCamera(i, t / n, 0.1, 2e3);
-    const a = o.cameraPosition ?? { x: 0, y: 0, z: 80 };
+    const { width: t, height: i } = ze(e), n = s.cameraFov ?? 75;
+    this.camera = new p.PerspectiveCamera(n, 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 p.WebGLRenderer({
       antialias: !0,
       alpha: !0,
       powerPreference: "high-performance"
-    }), this.renderer.setSize(t, n), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.toneMapping = p.ACESFilmicToneMapping, this.renderer.toneMappingExposure = 1, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = p.PCFSoftShadowMap, e.appendChild(this.renderer.domElement), this.controls = new gt(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.dampingFactor = 0.05, this.controls.rotateSpeed = 0.8, this.controls.zoomSpeed = 1.2, this.controls.minDistance = 10, this.controls.maxDistance = 500, this.setupLighting(), this.resizeHandler = this.onWindowResize.bind(this), window.addEventListener("resize", this.resizeHandler);
+    }), this.renderer.setSize(t, i), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.toneMapping = p.ACESFilmicToneMapping, this.renderer.toneMappingExposure = 1, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = p.PCFSoftShadowMap, e.appendChild(this.renderer.domElement), this.controls = new ut(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.dampingFactor = 0.05, this.controls.rotateSpeed = 0.8, this.controls.zoomSpeed = 1.2, this.controls.minDistance = 10, this.controls.maxDistance = 500, this.setupLighting(), this.resizeHandler = this.onWindowResize.bind(this), window.addEventListener("resize", this.resizeHandler);
   }
   /**
    * Sets up scene lighting for gradient glass on dark background
@@ -488,14 +490,14 @@ class ut {
   setupLighting() {
     const e = new p.AmbientLight(16777215, 0.4);
     this.scene.add(e);
-    const o = new p.DirectionalLight(16777215, 0.9);
-    o.position.set(50, 60, 40), o.castShadow = !0, o.shadow.mapSize.width = 1024, o.shadow.mapSize.height = 1024, this.scene.add(o);
+    const s = new p.DirectionalLight(16777215, 0.9);
+    s.position.set(50, 60, 40), s.castShadow = !0, s.shadow.mapSize.width = 1024, s.shadow.mapSize.height = 1024, this.scene.add(s);
     const t = new p.DirectionalLight(16773344, 0.4);
     t.position.set(-50, 30, -40), this.scene.add(t);
-    const n = new p.DirectionalLight(16777215, 0.3);
-    n.position.set(0, -30, -50), this.scene.add(n);
-    const i = new p.PointLight(16750950, 0.5, 150);
-    i.position.set(40, 20, 40), this.scene.add(i);
+    const i = new p.DirectionalLight(16777215, 0.3);
+    i.position.set(0, -30, -50), this.scene.add(i);
+    const n = new p.PointLight(16750950, 0.5, 150);
+    n.position.set(40, 20, 40), this.scene.add(n);
     const a = new p.PointLight(16764057, 0.4, 150);
     a.position.set(-40, -20, 40), this.scene.add(a);
     const l = new p.PointLight(6724095, 0.2, 100);
@@ -505,8 +507,8 @@ class ut {
    * Handle window resize
    */
   onWindowResize() {
-    const { width: e, height: o } = Se(this.container);
-    this.camera.aspect = e / o, this.camera.updateProjectionMatrix(), this.renderer.setSize(e, o);
+    const { width: e, height: s } = ze(this.container);
+    this.camera.aspect = e / s, this.camera.updateProjectionMatrix(), this.renderer.setSize(e, s);
   }
   /**
    * Adds an object to the scene
@@ -554,12 +556,12 @@ class ut {
   }
 }
 class mt {
-  constructor(e, o) {
+  constructor(e, s) {
     r(this, "sceneManager");
     r(this, "nodeFactory");
     r(this, "nodes", /* @__PURE__ */ new Map());
     r(this, "nodeObjects", /* @__PURE__ */ new Map());
-    this.sceneManager = e, this.nodeFactory = o;
+    this.sceneManager = e, this.nodeFactory = s;
   }
   /**
    * Checks if a node exists
@@ -571,8 +573,8 @@ class mt {
    * Adds a node to the graph
    * @returns true if added, false if node already exists or invalid
    */
-  addNode(e, o = 0) {
-    if (!Ie(e))
+  addNode(e, s = 0) {
+    if (!Re(e))
       return !1;
     if (this.nodes.has(e.id))
       return console.warn(`[ForceGraph3D] Node with id "${e.id}" already exists`), !1;
@@ -580,47 +582,47 @@ class mt {
       x: (Math.random() - 0.5) * 50,
       y: (Math.random() - 0.5) * 50,
       z: (Math.random() - 0.5) * 50
-    }, n = {
+    }, i = {
       ...e,
       position: t,
       velocity: { x: 0, y: 0, z: 0 },
       mass: 1
-    }, i = this.nodeFactory.createNode(
+    }, n = this.nodeFactory.createNode(
       { ...e, position: t },
-      o
+      s
     );
-    return this.sceneManager.add(i.group), this.nodes.set(e.id, n), this.nodeObjects.set(e.id, i), !0;
+    return this.sceneManager.add(n.group), this.nodes.set(e.id, i), this.nodeObjects.set(e.id, n), !0;
   }
   /**
    * Removes a node from the graph
    * @returns true if removed, false if not found
    */
   removeNode(e) {
-    const o = this.nodes.get(e), t = this.nodeObjects.get(e);
-    return !o || !t ? !1 : (this.sceneManager.remove(t.group), this.nodeFactory.disposeNode(t), this.nodes.delete(e), this.nodeObjects.delete(e), !0);
+    const s = this.nodes.get(e), t = this.nodeObjects.get(e);
+    return !s || !t ? !1 : (this.sceneManager.remove(t.group), this.nodeFactory.disposeNode(t), this.nodes.delete(e), this.nodeObjects.delete(e), !0);
   }
   /**
    * Updates a node's properties
    */
-  updateNode(e, o) {
-    const t = this.nodes.get(e), n = this.nodeObjects.get(e);
-    return !t || !n ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (o.label !== void 0 && (t.label = o.label, this.nodeFactory.updateNodeLabel(n, o.label)), o.color !== void 0 && (t.color = o.color, this.nodeFactory.updateNodeColor(n, o.color)), Object.keys(o).forEach((i) => {
-      i !== "id" && i !== "label" && i !== "color" && i !== "position" && (t[i] = o[i]);
+  updateNode(e, s) {
+    const t = this.nodes.get(e), i = this.nodeObjects.get(e);
+    return !t || !i ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (s.label !== void 0 && (t.label = s.label, this.nodeFactory.updateNodeLabel(i, s.label)), s.color !== void 0 && (t.color = s.color, this.nodeFactory.updateNodeColor(i, s.color)), Object.keys(s).forEach((n) => {
+      n !== "id" && n !== "label" && n !== "color" && n !== "position" && (t[n] = s[n]);
     }), !0);
   }
   /**
    * Updates a node's position (called by physics engine)
    */
-  updateNodePosition(e, o) {
-    const t = this.nodes.get(e), n = this.nodeObjects.get(e);
-    t && n && (t.position = o, n.group.position.set(o.x, o.y, o.z));
+  updateNodePosition(e, s) {
+    const t = this.nodes.get(e), i = this.nodeObjects.get(e);
+    t && i && (t.position = s, i.group.position.set(s.x, s.y, s.z));
   }
   /**
    * Updates a node's LOD level
    */
-  updateNodeLOD(e, o) {
+  updateNodeLOD(e, s) {
     const t = this.nodeObjects.get(e);
-    t && this.nodeFactory.updateNodeLOD(t, o);
+    t && this.nodeFactory.updateNodeLOD(t, s);
   }
   /**
    * Gets a node by ID
@@ -645,8 +647,8 @@ class mt {
    */
   getAllNodeObjects() {
     const e = [];
-    return this.nodeObjects.forEach((o) => {
-      e.push(o.group);
+    return this.nodeObjects.forEach((s) => {
+      e.push(s.group);
     }), e;
   }
   /**
@@ -654,8 +656,8 @@ class mt {
    */
   getAllSpheres() {
     const e = [];
-    return this.nodeObjects.forEach((o) => {
-      e.push(o.sphere);
+    return this.nodeObjects.forEach((s) => {
+      e.push(s.sphere);
     }), e;
   }
   /**
@@ -668,8 +670,8 @@ class mt {
    * Clears all nodes
    */
   clear() {
-    this.nodes.forEach((e, o) => {
-      this.removeNode(o);
+    this.nodes.forEach((e, s) => {
+      this.removeNode(s);
     });
   }
   /**
@@ -680,7 +682,7 @@ class mt {
   }
 }
 class ft {
-  constructor(e, o, t) {
+  constructor(e, s, t) {
     r(this, "sceneManager");
     r(this, "nodeManager");
     r(this, "edgeFactory");
@@ -688,13 +690,13 @@ class ft {
     r(this, "edgeObjects", []);
     r(this, "edgeKeySet", /* @__PURE__ */ new Set());
     r(this, "highlightedEdgeKey", null);
-    this.sceneManager = e, this.nodeManager = o, this.edgeFactory = t;
+    this.sceneManager = e, this.nodeManager = s, this.edgeFactory = t;
   }
   /**
    * Checks if an edge exists
    */
-  hasEdge(e, o) {
-    const t = I(e, o);
+  hasEdge(e, s) {
+    const t = R(e, s);
     return this.edgeKeySet.has(t);
   }
   /**
@@ -702,50 +704,50 @@ class ft {
    * @returns true if added, false if edge already exists or nodes don't exist
    */
   addEdge(e) {
-    if (!Re(e))
+    if (!Fe(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 o = I(e.source, e.target);
-    if (this.edgeKeySet.has(o))
+    const s = R(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), n = this.nodeManager.getNode(e.target), i = this.edgeFactory.createEdge(
+    const t = this.nodeManager.getNode(e.source), i = this.nodeManager.getNode(e.target), n = this.edgeFactory.createEdge(
       e,
       t,
-      n,
+      i,
       t.position,
-      n.position
+      i.position
     );
-    return this.sceneManager.add(i.line), this.edges.push(e), this.edgeObjects.push(i), this.edgeKeySet.add(o), !0;
+    return this.sceneManager.add(n.line), this.edges.push(e), this.edgeObjects.push(n), this.edgeKeySet.add(s), !0;
   }
   /**
    * Removes an edge from the graph
    * @returns true if removed, false if not found
    */
-  removeEdge(e, o) {
-    const t = I(e, o);
+  removeEdge(e, s) {
+    const t = R(e, s);
     if (!this.edgeKeySet.has(t))
       return !1;
-    const n = this.edges.findIndex(
-      (a) => I(a.source, a.target) === t
+    const i = this.edges.findIndex(
+      (a) => R(a.source, a.target) === t
     );
-    if (n === -1)
+    if (i === -1)
       return !1;
-    const i = this.edgeObjects[n];
-    return this.sceneManager.remove(i.line), this.edgeFactory.disposeEdge(i), this.edges.splice(n, 1), this.edgeObjects.splice(n, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
+    const n = this.edgeObjects[i];
+    return this.sceneManager.remove(n.line), this.edgeFactory.disposeEdge(n), this.edges.splice(i, 1), this.edgeObjects.splice(i, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
   }
   /**
    * Highlights an edge
    */
-  highlightEdge(e, o) {
-    const t = I(e, o);
+  highlightEdge(e, s) {
+    const t = R(e, s);
     this.highlightedEdgeKey && this.highlightedEdgeKey !== t && this.unhighlightCurrentEdge();
-    const n = this.edges.findIndex(
-      (i) => I(i.source, i.target) === t
+    const i = this.edges.findIndex(
+      (n) => R(n.source, n.target) === t
     );
-    n !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[n]), this.highlightedEdgeKey = t);
+    i !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[i]), this.highlightedEdgeKey = t);
   }
   /**
    * Unhighlights the currently highlighted edge
@@ -753,7 +755,7 @@ class ft {
   unhighlightCurrentEdge() {
     if (!this.highlightedEdgeKey) return;
     const e = this.edges.findIndex(
-      (o) => I(o.source, o.target) === this.highlightedEdgeKey
+      (s) => R(s.source, s.target) === this.highlightedEdgeKey
     );
     e !== -1 && this.edgeFactory.unhighlightEdge(this.edgeObjects[e]), this.highlightedEdgeKey = null;
   }
@@ -761,10 +763,10 @@ class ft {
    * Removes all edges connected to a node
    */
   removeEdgesForNode(e) {
-    const o = [];
+    const s = [];
     this.edges.forEach((t) => {
-      (t.source === e || t.target === e) && o.push({ source: t.source, target: t.target });
-    }), o.forEach((t) => {
+      (t.source === e || t.target === e) && s.push({ source: t.source, target: t.target });
+    }), s.forEach((t) => {
       this.removeEdge(t.source, t.target);
     });
   }
@@ -772,27 +774,27 @@ class ft {
    * Gets all edges for a node
    */
   getEdgesForNode(e) {
-    return this.edges.filter((o) => o.source === e || o.target === e);
+    return this.edges.filter((s) => s.source === e || s.target === e);
   }
   /**
    * Gets neighbor node IDs for a node
    */
   getNeighborIds(e) {
-    const o = [];
+    const s = [];
     return this.edges.forEach((t) => {
-      t.source === e ? o.push(t.target) : t.target === e && o.push(t.source);
-    }), [...new Set(o)];
+      t.source === e ? s.push(t.target) : t.target === e && s.push(t.source);
+    }), [...new Set(s)];
   }
   /**
    * Updates all edge positions based on current node positions
    */
   updateEdgePositions() {
-    this.edgeObjects.forEach((e, o) => {
-      const t = this.edges[o], n = this.nodeManager.getNode(t.source), i = this.nodeManager.getNode(t.target);
-      n && i && this.edgeFactory.updateEdgePositions(
+    this.edgeObjects.forEach((e, s) => {
+      const t = this.edges[s], i = this.nodeManager.getNode(t.source), n = this.nodeManager.getNode(t.target);
+      i && n && this.edgeFactory.updateEdgePositions(
         e,
-        n.position,
-        i.position
+        i.position,
+        n.position
       );
     });
   }
@@ -829,8 +831,8 @@ class ft {
     this.clear();
   }
 }
-class Le {
-  constructor(e, o, t = {}) {
+class Oe {
+  constructor(e, s, t = {}) {
     r(this, "nodes");
     r(this, "edges");
     // Physics parameters
@@ -844,7 +846,7 @@ class Le {
     r(this, "alphaDecay", 0.0228);
     r(this, "alphaMin", 1e-3);
     r(this, "alphaTarget", 0);
-    this.nodes = e, this.edges = o, this.repulsionStrength = t.repulsionStrength ?? 100, this.attractionStrength = t.attractionStrength ?? 0.01, this.damping = t.damping ?? 0.9, this.useBarnesHut = t.useBarnesHut ?? !1, this.barnesHutTheta = t.barnesHutTheta ?? 0.5;
+    this.nodes = e, this.edges = s, this.repulsionStrength = t.repulsionStrength ?? 100, this.attractionStrength = t.attractionStrength ?? 0.01, this.damping = t.damping ?? 0.9, this.useBarnesHut = t.useBarnesHut ?? !1, this.barnesHutTheta = t.barnesHutTheta ?? 0.5;
   }
   /**
    * Runs one simulation step
@@ -858,15 +860,15 @@ class Le {
    * Brute force repulsion - O(n²)
    */
   calculateRepulsionBruteForce() {
-    const e = Array.from(this.nodes.values()), o = e.length;
-    for (let t = 0; t < o; t++) {
-      const n = e[t];
-      for (let i = t + 1; i < o; i++) {
-        const a = e[i], l = a.position.x - n.position.x, d = a.position.y - n.position.y, g = a.position.z - n.position.z;
-        let u = l * l + d * d + g * g;
-        u < 0.01 && (u = 0.01);
-        const x = Math.sqrt(u), v = this.repulsionStrength * this.alpha / u, y = l / x * v, f = d / x * v, M = g / x * v;
-        n.velocity.x -= y / n.mass, n.velocity.y -= f / n.mass, n.velocity.z -= M / n.mass, a.velocity.x += y / a.mass, a.velocity.y += f / a.mass, a.velocity.z += M / a.mass;
+    const e = Array.from(this.nodes.values()), s = e.length;
+    for (let t = 0; t < s; t++) {
+      const i = e[t];
+      for (let n = t + 1; n < s; n++) {
+        const a = e[n], l = a.position.x - i.position.x, d = a.position.y - i.position.y, u = a.position.z - i.position.z;
+        let g = l * l + d * d + u * u;
+        g < 0.01 && (g = 0.01);
+        const b = Math.sqrt(g), v = this.repulsionStrength * this.alpha / g, y = l / b * v, f = d / b * v, M = u / b * v;
+        i.velocity.x -= y / i.mass, i.velocity.y -= f / i.mass, i.velocity.z -= M / i.mass, a.velocity.x += y / a.mass, a.velocity.y += f / a.mass, a.velocity.z += M / a.mass;
       }
     }
   }
@@ -874,48 +876,48 @@ class Le {
    * Barnes-Hut approximation - O(n log n)
    */
   calculateRepulsionBarnesHut() {
-    const e = Array.from(this.nodes.values()), o = new yt(e);
+    const e = Array.from(this.nodes.values()), s = new yt(e);
     for (const t of e)
-      this.calculateForceFromOctree(t, o.root);
+      this.calculateForceFromOctree(t, s.root);
   }
   /**
    * Recursive force calculation using octree
    */
-  calculateForceFromOctree(e, o) {
-    if (o.isLeaf) {
-      o.node && o.node.id !== e.id && this.applyRepulsionBetween(e, o.node);
+  calculateForceFromOctree(e, s) {
+    if (s.isLeaf) {
+      s.node && s.node.id !== e.id && this.applyRepulsionBetween(e, s.node);
       return;
     }
-    if (o.mass === 0) return;
-    const t = o.centerOfMass.x - e.position.x, n = o.centerOfMass.y - e.position.y, i = o.centerOfMass.z - e.position.z, a = Math.sqrt(t * t + n * n + i * i);
-    if (o.size / a < this.barnesHutTheta) {
-      const l = Math.max(a * a, 0.01), d = this.repulsionStrength * this.alpha * o.mass / l;
-      e.velocity.x -= t / a * d / e.mass, e.velocity.y -= n / a * d / e.mass, e.velocity.z -= i / a * d / e.mass;
+    if (s.mass === 0) return;
+    const t = s.centerOfMass.x - e.position.x, i = s.centerOfMass.y - e.position.y, n = s.centerOfMass.z - e.position.z, a = Math.sqrt(t * t + i * i + n * n);
+    if (s.size / a < this.barnesHutTheta) {
+      const l = Math.max(a * a, 0.01), d = this.repulsionStrength * this.alpha * s.mass / l;
+      e.velocity.x -= t / a * d / e.mass, e.velocity.y -= i / a * d / e.mass, e.velocity.z -= n / a * d / e.mass;
     } else
-      for (const l of o.children)
+      for (const l of s.children)
         l && this.calculateForceFromOctree(e, l);
   }
   /**
    * Apply repulsion between two nodes
    */
-  applyRepulsionBetween(e, o) {
-    const t = o.position.x - e.position.x, n = o.position.y - e.position.y, i = o.position.z - e.position.z;
-    let a = t * t + n * n + i * i;
+  applyRepulsionBetween(e, s) {
+    const t = s.position.x - e.position.x, i = s.position.y - e.position.y, n = s.position.z - e.position.z;
+    let a = t * t + i * i + n * n;
     a < 0.01 && (a = 0.01);
     const l = Math.sqrt(a), d = this.repulsionStrength * this.alpha / a;
-    e.velocity.x -= t / l * d / e.mass, e.velocity.y -= n / l * d / e.mass, e.velocity.z -= i / l * d / e.mass;
+    e.velocity.x -= t / l * d / e.mass, e.velocity.y -= i / l * d / e.mass, e.velocity.z -= n / l * d / e.mass;
   }
   /**
    * Calculate attraction forces along edges
    */
   calculateAttraction() {
     for (const e of this.edges) {
-      const o = this.nodes.get(e.source), t = this.nodes.get(e.target);
-      if (!o || !t) continue;
-      const n = t.position.x - o.position.x, i = t.position.y - o.position.y, a = t.position.z - o.position.z, l = Math.sqrt(n * n + i * i + a * a);
+      const s = this.nodes.get(e.source), t = this.nodes.get(e.target);
+      if (!s || !t) continue;
+      const i = t.position.x - s.position.x, n = t.position.y - s.position.y, a = t.position.z - s.position.z, l = Math.sqrt(i * i + n * n + a * a);
       if (l < 0.01) continue;
-      const g = (l - 15) * this.attractionStrength * this.alpha, u = n / l * g, x = i / l * g, v = a / l * g;
-      o.velocity.x += u / o.mass, o.velocity.y += x / o.mass, o.velocity.z += v / o.mass, t.velocity.x -= u / t.mass, t.velocity.y -= x / t.mass, t.velocity.z -= v / t.mass;
+      const u = (l - 15) * this.attractionStrength * this.alpha, g = i / l * u, b = n / l * u, v = a / l * u;
+      s.velocity.x += g / s.mass, s.velocity.y += b / s.mass, s.velocity.z += v / s.mass, t.velocity.x -= g / t.mass, t.velocity.y -= b / t.mass, t.velocity.z -= v / t.mass;
     }
   }
   /**
@@ -953,8 +955,8 @@ class Le {
 class yt {
   constructor(e) {
     r(this, "root");
-    const o = this.calculateBounds(e);
-    this.root = this.buildTree(e, o);
+    const s = this.calculateBounds(e);
+    this.root = this.buildTree(e, s);
   }
   calculateBounds(e) {
     if (e.length === 0)
@@ -962,22 +964,22 @@ class yt {
         min: { x: -100, y: -100, z: -100 },
         max: { x: 100, y: 100, z: 100 }
       };
-    const o = { x: 1 / 0, y: 1 / 0, z: 1 / 0 }, t = { x: -1 / 0, y: -1 / 0, z: -1 / 0 };
-    for (const i of e)
-      o.x = Math.min(o.x, i.position.x), o.y = Math.min(o.y, i.position.y), o.z = Math.min(o.z, i.position.z), t.x = Math.max(t.x, i.position.x), t.y = Math.max(t.y, i.position.y), t.z = Math.max(t.z, i.position.z);
-    const n = 10;
-    return o.x -= n, o.y -= n, o.z -= n, t.x += n, t.y += n, t.z += n, { min: o, max: t };
-  }
-  buildTree(e, o, t = 0) {
-    const n = Math.max(
-      o.max.x - o.min.x,
-      o.max.y - o.min.y,
-      o.max.z - o.min.z
+    const s = { x: 1 / 0, y: 1 / 0, z: 1 / 0 }, t = { x: -1 / 0, y: -1 / 0, z: -1 / 0 };
+    for (const n of e)
+      s.x = Math.min(s.x, n.position.x), s.y = Math.min(s.y, n.position.y), s.z = Math.min(s.z, n.position.z), t.x = Math.max(t.x, n.position.x), t.y = Math.max(t.y, n.position.y), t.z = Math.max(t.z, n.position.z);
+    const i = 10;
+    return s.x -= i, s.y -= i, s.z -= i, t.x += i, t.y += i, t.z += i, { min: s, max: t };
+  }
+  buildTree(e, s, t = 0) {
+    const i = Math.max(
+      s.max.x - s.min.x,
+      s.max.y - s.min.y,
+      s.max.z - s.min.z
     );
     if (e.length === 0)
       return {
-        bounds: o,
-        size: n,
+        bounds: s,
+        size: i,
         centerOfMass: { x: 0, y: 0, z: 0 },
         mass: 0,
         isLeaf: !0,
@@ -990,8 +992,8 @@ class yt {
       for (const M of e)
         y += M.mass, f.x += M.position.x * M.mass, f.y += M.position.y * M.mass, f.z += M.position.z * M.mass;
       return y > 0 && (f.x /= y, f.y /= y, f.z /= y), {
-        bounds: o,
-        size: n,
+        bounds: s,
+        size: i,
         centerOfMass: f,
         mass: y,
         isLeaf: !0,
@@ -999,42 +1001,42 @@ class yt {
         children: []
       };
     }
-    const i = (o.min.x + o.max.x) / 2, a = (o.min.y + o.max.y) / 2, l = (o.min.z + o.max.z) / 2, d = [[], [], [], [], [], [], [], []];
+    const n = (s.min.x + s.max.x) / 2, a = (s.min.y + s.max.y) / 2, l = (s.min.z + s.max.z) / 2, d = [[], [], [], [], [], [], [], []];
     for (const y of e) {
-      const f = (y.position.x >= i ? 1 : 0) + (y.position.y >= a ? 2 : 0) + (y.position.z >= l ? 4 : 0);
+      const f = (y.position.x >= n ? 1 : 0) + (y.position.y >= a ? 2 : 0) + (y.position.z >= l ? 4 : 0);
       d[f].push(y);
     }
-    const g = [
-      { min: { x: o.min.x, y: o.min.y, z: o.min.z }, max: { x: i, y: a, z: l } },
-      { min: { x: i, y: o.min.y, z: o.min.z }, max: { x: o.max.x, y: a, z: l } },
-      { min: { x: o.min.x, y: a, z: o.min.z }, max: { x: i, y: o.max.y, z: l } },
-      { min: { x: i, y: a, z: o.min.z }, max: { x: o.max.x, y: o.max.y, z: l } },
-      { min: { x: o.min.x, y: o.min.y, z: l }, max: { x: i, y: a, z: o.max.z } },
-      { min: { x: i, y: o.min.y, z: l }, max: { x: o.max.x, y: a, z: o.max.z } },
-      { min: { x: o.min.x, y: a, z: l }, max: { x: i, y: o.max.y, z: o.max.z } },
-      { min: { x: i, y: a, z: l }, max: { x: o.max.x, y: o.max.y, z: o.max.z } }
-    ], u = [];
-    let x = 0;
+    const u = [
+      { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: n, y: a, z: l } },
+      { min: { x: n, y: s.min.y, z: s.min.z }, max: { x: s.max.x, y: a, z: l } },
+      { min: { x: s.min.x, y: a, z: s.min.z }, max: { x: n, y: s.max.y, z: l } },
+      { min: { x: n, y: a, z: s.min.z }, max: { x: s.max.x, y: s.max.y, z: l } },
+      { min: { x: s.min.x, y: s.min.y, z: l }, max: { x: n, y: a, z: s.max.z } },
+      { min: { x: n, y: s.min.y, z: l }, max: { x: s.max.x, y: a, z: s.max.z } },
+      { min: { x: s.min.x, y: a, z: l }, max: { x: n, y: s.max.y, z: s.max.z } },
+      { min: { x: n, y: a, z: l }, max: { x: s.max.x, y: s.max.y, z: s.max.z } }
+    ], g = [];
+    let b = 0;
     const v = { x: 0, y: 0, z: 0 };
     for (let y = 0; y < 8; y++)
       if (d[y].length > 0) {
-        const f = this.buildTree(d[y], g[y], t + 1);
-        u.push(f), x += f.mass, v.x += f.centerOfMass.x * f.mass, v.y += f.centerOfMass.y * f.mass, v.z += f.centerOfMass.z * f.mass;
+        const f = this.buildTree(d[y], u[y], t + 1);
+        g.push(f), b += f.mass, v.x += f.centerOfMass.x * f.mass, v.y += f.centerOfMass.y * f.mass, v.z += f.centerOfMass.z * f.mass;
       } else
-        u.push(null);
-    return x > 0 && (v.x /= x, v.y /= x, v.z /= x), {
-      bounds: o,
-      size: n,
+        g.push(null);
+    return b > 0 && (v.x /= b, v.y /= b, v.z /= b), {
+      bounds: s,
+      size: i,
       centerOfMass: v,
-      mass: x,
+      mass: b,
       isLeaf: !1,
       node: null,
-      children: u
+      children: g
     };
   }
 }
-class xt {
-  constructor(e, o, t, n = 60) {
+class bt {
+  constructor(e, s, t, i = 60) {
     r(this, "sceneManager");
     r(this, "animationId", null);
     r(this, "isRunning", !1);
@@ -1052,14 +1054,14 @@ class xt {
     r(this, "animate", () => {
       if (!this.isRunning) return;
       this.animationId = requestAnimationFrame(this.animate);
-      const e = performance.now(), o = e - this.lastFrameTime;
-      if (o < this.frameInterval)
+      const e = performance.now(), s = e - this.lastFrameTime;
+      if (s < this.frameInterval)
         return;
-      this.lastFrameTime = e - o % this.frameInterval, this.frameCount++;
+      this.lastFrameTime = e - s % this.frameInterval, this.frameCount++;
       const t = e - this.fpsStartTime;
       t >= 1e3 && (this.currentFPS = this.frameCount / (t / 1e3), this.frameCount = 0, this.fpsStartTime = e), this.onSimulate(), this.onRender(), this.sceneManager.render();
     });
-    this.sceneManager = e, this.onSimulate = o, this.onRender = t, this.frameInterval = 1e3 / n;
+    this.sceneManager = e, this.onSimulate = s, this.onRender = t, this.frameInterval = 1e3 / i;
   }
   /**
    * Starts the animation loop
@@ -1098,7 +1100,7 @@ class xt {
     this.stop();
   }
 }
-class bt {
+class xt {
   constructor() {
     r(this, "envMap", null);
     r(this, "materialCache", /* @__PURE__ */ new Map());
@@ -1121,7 +1123,7 @@ class bt {
    * Creates environment map for glass reflections on dark background
    */
   createEnvironmentMap() {
-    const o = [], t = [
+    const s = [], t = [
       // Subtle colored gradients for interesting reflections
       { colors: ["#1a1a2e", "#16213e", "#0f3460"] },
       // +x
@@ -1136,10 +1138,10 @@ class bt {
       { colors: ["#2d1a1a", "#1a0a0a", "#0f0505"] }
       // -z
     ];
-    for (const n of t) {
-      const i = document.createElement("canvas");
-      i.width = 256, i.height = 256;
-      const a = i.getContext("2d"), l = a.createRadialGradient(
+    for (const i of t) {
+      const n = document.createElement("canvas");
+      n.width = 256, n.height = 256;
+      const a = n.getContext("2d"), l = a.createRadialGradient(
         256 / 2,
         256 / 2,
         0,
@@ -1147,17 +1149,17 @@ class bt {
         256 / 2,
         256 * 0.8
       );
-      l.addColorStop(0, n.colors[0]), l.addColorStop(0.5, n.colors[1]), l.addColorStop(1, n.colors[2]), a.fillStyle = l, a.fillRect(0, 0, 256, 256);
+      l.addColorStop(0, i.colors[0]), l.addColorStop(0.5, i.colors[1]), l.addColorStop(1, i.colors[2]), a.fillStyle = l, a.fillRect(0, 0, 256, 256);
       const d = a.getImageData(0, 0, 256, 256);
-      for (let g = 0; g < d.data.length; g += 4) {
-        const u = (Math.random() - 0.5) * 5;
-        d.data[g] = Math.min(255, Math.max(0, d.data[g] + u)), d.data[g + 1] = Math.min(255, Math.max(0, d.data[g + 1] + u)), d.data[g + 2] = Math.min(255, Math.max(0, d.data[g + 2] + u));
+      for (let u = 0; u < d.data.length; u += 4) {
+        const g = (Math.random() - 0.5) * 5;
+        d.data[u] = Math.min(255, Math.max(0, d.data[u] + g)), d.data[u + 1] = Math.min(255, Math.max(0, d.data[u + 1] + g)), d.data[u + 2] = Math.min(255, Math.max(0, d.data[u + 2] + g));
       }
-      a.putImageData(d, 0, 0), o.push(i);
+      a.putImageData(d, 0, 0), s.push(n);
     }
-    this.envMap = new p.CubeTexture(o.map((n) => {
-      const i = new Image();
-      return i.src = n.toDataURL(), i;
+    this.envMap = new p.CubeTexture(s.map((i) => {
+      const n = new Image();
+      return n.src = i.toDataURL(), n;
     })), this.envMap.needsUpdate = !0;
   }
   /**
@@ -1174,9 +1176,9 @@ class bt {
     const t = "glass-single";
     if (this.materialCache.has(t))
       return this.materialCache.get(t).clone();
-    const n = new p.Color(16750950), i = new p.ShaderMaterial({
+    const i = new p.Color(16750950), n = new p.ShaderMaterial({
       uniforms: {
-        uColor: { value: n },
+        uColor: { value: i },
         uEnvMap: { value: this.envMap },
         uGlowColor: { value: new p.Color(16777215) },
         uGlowIntensity: { value: 0.8 },
@@ -1248,16 +1250,16 @@ class bt {
       depthWrite: !0,
       blending: p.NormalBlending
     });
-    return this.materialCache.set(t, i), i.clone();
+    return this.materialCache.set(t, n), n.clone();
   }
   /**
    * Creates material for edges (light color for dark background)
    */
-  createEdgeMaterial(e = 6710886, o = 0.4) {
+  createEdgeMaterial(e = 6710886, s = 0.4) {
     return new p.LineBasicMaterial({
       color: e,
       transparent: !0,
-      opacity: o,
+      opacity: s,
       linewidth: 1
     });
   }
@@ -1276,11 +1278,11 @@ class bt {
   /**
    * Creates a sprite material for labels (light text for dark background)
    */
-  createLabelMaterial(e, o = 24) {
-    const t = document.createElement("canvas"), n = t.getContext("2d");
-    n.font = `600 ${o}px Inter, -apple-system, sans-serif`;
-    const a = n.measureText(e).width;
-    t.width = Math.max(128, a + 24), t.height = o + 20, n.clearRect(0, 0, t.width, t.height), n.font = `600 ${o}px Inter, -apple-system, sans-serif`, n.textAlign = "center", n.textBaseline = "middle", n.shadowColor = "rgba(0, 0, 0, 0.8)", n.shadowBlur = 4, n.shadowOffsetX = 1, n.shadowOffsetY = 1, n.fillStyle = "rgba(255, 255, 255, 0.95)", n.fillText(e, t.width / 2, t.height / 2);
+  createLabelMaterial(e, s = 24) {
+    const t = document.createElement("canvas"), i = t.getContext("2d");
+    i.font = `600 ${s}px Inter, -apple-system, sans-serif`;
+    const a = i.measureText(e).width;
+    t.width = Math.max(128, a + 24), t.height = s + 20, i.clearRect(0, 0, t.width, t.height), i.font = `600 ${s}px Inter, -apple-system, sans-serif`, i.textAlign = "center", i.textBaseline = "middle", i.shadowColor = "rgba(0, 0, 0, 0.8)", i.shadowBlur = 4, i.shadowOffsetX = 1, i.shadowOffsetY = 1, i.fillStyle = "rgba(255, 255, 255, 0.95)", i.fillText(e, t.width / 2, t.height / 2);
     const l = new p.CanvasTexture(t);
     return l.needsUpdate = !0, new p.SpriteMaterial({
       map: l,
@@ -1303,19 +1305,19 @@ class bt {
   }
 }
 class vt {
-  constructor(e, o = 2, t = [32, 16, 8]) {
+  constructor(e, s = 2, t = [32, 16, 8]) {
     r(this, "materialFactory");
     r(this, "geometryCache", /* @__PURE__ */ new Map());
     r(this, "nodeRadius");
     r(this, "lodSegments");
-    this.materialFactory = e, this.nodeRadius = o, this.lodSegments = t, this.initGeometryCache();
+    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.initGeometryCache();
   }
   /**
    * Pre-create geometries for each LOD level
    */
   initGeometryCache() {
-    this.lodSegments.forEach((e, o) => {
-      const t = `lod-${o}`;
+    this.lodSegments.forEach((e, s) => {
+      const t = `lod-${s}`;
       this.geometryCache.set(
         t,
         new p.SphereGeometry(this.nodeRadius, e, e)
@@ -1326,18 +1328,18 @@ class vt {
    * Gets geometry for the specified LOD level
    */
   getGeometry(e) {
-    const o = `lod-${e}`;
-    return this.geometryCache.has(o) ? this.geometryCache.get(o) : this.geometryCache.get("lod-0");
+    const s = `lod-${e}`;
+    return this.geometryCache.has(s) ? this.geometryCache.get(s) : this.geometryCache.get("lod-0");
   }
   /**
    * Creates a node visual (glass ball + label)
    */
-  createNode(e, o = 0) {
+  createNode(e, s = 0) {
     const t = new p.Group();
     t.name = `node-${e.id}`, t.userData = { nodeId: e.id, nodeData: e };
-    const n = this.getGeometry(o), i = this.materialFactory.createGlassMaterial(
+    const i = this.getGeometry(s), n = this.materialFactory.createGlassMaterial(
       e.color ?? 4886754
-    ), a = new p.Mesh(n, i);
+    ), a = new p.Mesh(i, n);
     a.castShadow = !0, a.receiveShadow = !0, t.add(a);
     const l = this.materialFactory.createLabelMaterial(e.label), d = new p.Sprite(l);
     return d.position.y = this.nodeRadius + 1.5, d.scale.set(4, 1, 1), t.add(d), e.position && t.position.set(
@@ -1348,28 +1350,28 @@ class vt {
       group: t,
       sphere: a,
       label: d,
-      lodLevel: o
+      lodLevel: s
     };
   }
   /**
    * Updates the LOD level of a node
    */
-  updateNodeLOD(e, o) {
-    if (e.lodLevel === o) return;
-    const t = this.getGeometry(o);
-    e.sphere.geometry = t, e.lodLevel = o;
+  updateNodeLOD(e, s) {
+    if (e.lodLevel === s) return;
+    const t = this.getGeometry(s);
+    e.sphere.geometry = t, e.lodLevel = s;
   }
   /**
    * Updates the color of a node
    */
-  updateNodeColor(e, o) {
-    e.sphere.material instanceof p.Material && e.sphere.material.dispose(), e.sphere.material = this.materialFactory.createGlassMaterial(o);
+  updateNodeColor(e, s) {
+    e.sphere.material instanceof p.Material && e.sphere.material.dispose(), e.sphere.material = this.materialFactory.createGlassMaterial(s);
   }
   /**
    * Updates the label of a node
    */
-  updateNodeLabel(e, o) {
-    e.label.material instanceof p.SpriteMaterial && (e.label.material.map && e.label.material.map.dispose(), e.label.material.dispose()), e.label.material = this.materialFactory.createLabelMaterial(o);
+  updateNodeLabel(e, s) {
+    e.label.material instanceof p.SpriteMaterial && (e.label.material.map && e.label.material.map.dispose(), e.label.material.dispose()), e.label.material = this.materialFactory.createLabelMaterial(s);
   }
   /**
    * Disposes a node's resources
@@ -1385,13 +1387,13 @@ class vt {
   }
 }
 class Mt {
-  constructor(e, o = 10066329, t = 0.5) {
+  constructor(e, s = 10066329, t = 0.5) {
     r(this, "materialFactory");
     r(this, "edgeColor");
     r(this, "edgeOpacity");
     r(this, "defaultMaterial", null);
     r(this, "highlightMaterial", null);
-    this.materialFactory = e, this.edgeColor = o, this.edgeOpacity = t;
+    this.materialFactory = e, this.edgeColor = s, this.edgeOpacity = t;
   }
   /**
    * Gets or creates the default edge material
@@ -1411,25 +1413,25 @@ class Mt {
   /**
    * Creates an edge line between two positions
    */
-  createEdge(e, o, t, n, i) {
+  createEdge(e, s, t, i, n) {
     const a = new p.BufferGeometry(), l = new Float32Array([
-      n.x,
-      n.y,
-      n.z,
       i.x,
       i.y,
-      i.z
+      i.z,
+      n.x,
+      n.y,
+      n.z
     ]);
     a.setAttribute("position", new p.BufferAttribute(l, 3));
-    const d = this.getDefaultMaterial().clone(), g = new p.Line(a, d);
-    return g.name = `edge-${e.source}-${e.target}`, g.userData = {
+    const d = this.getDefaultMaterial().clone(), u = new p.Line(a, d);
+    return u.name = `edge-${e.source}-${e.target}`, u.userData = {
       source: e.source,
       target: e.target,
       edge: e,
-      sourceNode: o,
+      sourceNode: s,
       targetNode: t
-    }, g.frustumCulled = !0, {
-      line: g,
+    }, u.frustumCulled = !0, {
+      line: u,
       source: e.source,
       target: e.target
     };
@@ -1449,9 +1451,9 @@ class Mt {
   /**
    * Updates an edge's positions
    */
-  updateEdgePositions(e, o, t) {
-    const n = e.line.geometry.attributes.position, i = n.array;
-    i[0] = o.x, i[1] = o.y, i[2] = o.z, i[3] = t.x, i[4] = t.y, i[5] = t.z, n.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
+  updateEdgePositions(e, s, t) {
+    const i = e.line.geometry.attributes.position, n = i.array;
+    n[0] = s.x, n[1] = s.y, n[2] = s.z, n[3] = t.x, n[4] = t.y, n[5] = t.z, i.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
   }
   /**
    * Disposes an edge's resources
@@ -1466,28 +1468,28 @@ class Mt {
     this.defaultMaterial && this.defaultMaterial.dispose(), this.highlightMaterial && this.highlightMaterial.dispose();
   }
 }
-class Et {
-  constructor(e, o = [50, 100, 200], t = !0) {
+class wt {
+  constructor(e, s = [50, 100, 200], t = !0) {
     r(this, "camera");
     r(this, "lodDistances");
     r(this, "enabled");
-    this.camera = e, this.lodDistances = o, this.enabled = t;
+    this.camera = e, this.lodDistances = s, this.enabled = t;
   }
   /**
    * Gets the LOD level for a position based on distance from camera
    */
   getLODLevel(e) {
     if (!this.enabled)
-      return _.HIGH;
-    const o = e.x - this.camera.position.x, t = e.y - this.camera.position.y, n = e.z - this.camera.position.z, i = Math.sqrt(o * o + t * t + n * n);
-    return i < this.lodDistances[0] ? _.HIGH : i < this.lodDistances[1] ? _.MEDIUM : _.LOW;
+      return U.HIGH;
+    const s = e.x - this.camera.position.x, t = e.y - this.camera.position.y, i = e.z - this.camera.position.z, n = Math.sqrt(s * s + t * t + i * i);
+    return n < this.lodDistances[0] ? U.HIGH : n < this.lodDistances[1] ? U.MEDIUM : U.LOW;
   }
   /**
    * Checks if a node should be visible based on distance
    */
-  shouldRenderNode(e, o = 500) {
-    const t = e.x - this.camera.position.x, n = e.y - this.camera.position.y, i = e.z - this.camera.position.z;
-    return Math.sqrt(t * t + n * n + i * i) < o;
+  shouldRenderNode(e, s = 500) {
+    const t = e.x - this.camera.position.x, i = e.y - this.camera.position.y, n = e.z - this.camera.position.z;
+    return Math.sqrt(t * t + i * i + n * n) < s;
   }
   /**
    * Sets the LOD distances
@@ -1502,13 +1504,13 @@ class Et {
     this.enabled = e;
   }
 }
-class wt {
-  constructor(e, o = !0) {
+class Et {
+  constructor(e, s = !0) {
     r(this, "camera");
     r(this, "frustum");
     r(this, "projScreenMatrix");
     r(this, "enabled");
-    this.camera = e, this.frustum = new p.Frustum(), this.projScreenMatrix = new p.Matrix4(), this.enabled = o;
+    this.camera = e, this.frustum = new p.Frustum(), this.projScreenMatrix = new p.Matrix4(), this.enabled = s;
   }
   /**
    * Updates the frustum from the camera
@@ -1524,33 +1526,33 @@ class wt {
    */
   isPointVisible(e) {
     if (!this.enabled) return !0;
-    const o = new p.Vector3(e.x, e.y, e.z);
-    return this.frustum.containsPoint(o);
+    const s = new p.Vector3(e.x, e.y, e.z);
+    return this.frustum.containsPoint(s);
   }
   /**
    * Checks if a sphere is inside or intersects the frustum
    */
-  isSphereVisible(e, o) {
+  isSphereVisible(e, s) {
     if (!this.enabled) return !0;
     const t = new p.Sphere(
       new p.Vector3(e.x, e.y, e.z),
-      o
+      s
     );
     return this.frustum.intersectsSphere(t);
   }
   /**
    * Checks if a line segment is potentially visible
    */
-  isLineVisible(e, o) {
+  isLineVisible(e, s) {
     if (!this.enabled) return !0;
-    const t = new p.Vector3(e.x, e.y, e.z), n = new p.Vector3(o.x, o.y, o.z);
-    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(n))
+    const t = new p.Vector3(e.x, e.y, e.z), i = new p.Vector3(s.x, s.y, s.z);
+    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(i))
       return !0;
-    const i = new p.Vector3(
-      (e.x + o.x) / 2,
-      (e.y + o.y) / 2,
-      (e.z + o.z) / 2
-    ), a = i.distanceTo(t), l = new p.Sphere(i, a);
+    const n = new p.Vector3(
+      (e.x + s.x) / 2,
+      (e.y + s.y) / 2,
+      (e.z + s.z) / 2
+    ), a = n.distanceTo(t), l = new p.Sphere(n, a);
     return this.frustum.intersectsSphere(l);
   }
   /**
@@ -1561,7 +1563,7 @@ class wt {
   }
 }
 class Ct {
-  constructor(e, o) {
+  constructor(e, s) {
     r(this, "sceneManager");
     r(this, "raycaster");
     r(this, "mouse");
@@ -1573,7 +1575,7 @@ class Ct {
     r(this, "hoveredEdgeKey", null);
     r(this, "nodeObjects", []);
     r(this, "edgeObjects", []);
-    this.sceneManager = e, this.container = o, this.raycaster = new p.Raycaster(), this.raycaster.params.Line = { threshold: 0.5 }, this.mouse = new p.Vector2(), this.handleClick = this.handleClick.bind(this), this.handleMouseMove = this.handleMouseMove.bind(this), o.addEventListener("click", this.handleClick), o.addEventListener("mousemove", this.handleMouseMove);
+    this.sceneManager = e, this.container = s, this.raycaster = new p.Raycaster(), this.raycaster.params.Line = { threshold: 0.5 }, this.mouse = new p.Vector2(), this.handleClick = this.handleClick.bind(this), this.handleMouseMove = this.handleMouseMove.bind(this), s.addEventListener("click", this.handleClick), s.addEventListener("mousemove", this.handleMouseMove);
   }
   /**
    * Updates the list of node objects to raycast against
@@ -1609,35 +1611,35 @@ class Ct {
    * Handles click events
    */
   handleClick(e) {
-    const o = this.getIntersectedNode(e);
-    o && this.onNodeClick && this.onNodeClick(o);
+    const s = this.getIntersectedNode(e);
+    s && this.onNodeClick && this.onNodeClick(s);
   }
   /**
    * Handles mouse move events for hover detection
    */
   handleMouseMove(e) {
-    const o = this.getIntersectedNode(e), t = (o == null ? void 0 : o.id) ?? null;
-    if (t !== this.hoveredNodeId && (this.hoveredNodeId = t, this.onNodeHover && this.onNodeHover(o)), o) {
+    const s = this.getIntersectedNode(e), t = (s == null ? void 0 : s.id) ?? null;
+    if (t !== this.hoveredNodeId && (this.hoveredNodeId = t, this.onNodeHover && this.onNodeHover(s)), s) {
       this.hoveredEdgeKey !== null && this.onEdgeHover && (this.hoveredEdgeKey = null, this.onEdgeHover(null)), this.container.style.cursor = "pointer";
       return;
     }
-    const n = this.getIntersectedEdge(e), i = n ? `${n.edge.source}-${n.edge.target}` : null;
-    i !== this.hoveredEdgeKey && (this.hoveredEdgeKey = i, this.onEdgeHover && this.onEdgeHover(n)), this.container.style.cursor = n ? "pointer" : "default";
+    const i = this.getIntersectedEdge(e), n = i ? `${i.edge.source}-${i.edge.target}` : null;
+    n !== this.hoveredEdgeKey && (this.hoveredEdgeKey = n, this.onEdgeHover && this.onEdgeHover(i)), this.container.style.cursor = i ? "pointer" : "default";
   }
   /**
    * Gets the intersected node from a mouse event
    */
   getIntersectedNode(e) {
-    var n;
-    const o = this.container.getBoundingClientRect();
-    this.mouse.x = (e.clientX - o.left) / o.width * 2 - 1, this.mouse.y = -((e.clientY - o.top) / o.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
+    var i;
+    const s = this.container.getBoundingClientRect();
+    this.mouse.x = (e.clientX - s.left) / s.width * 2 - 1, this.mouse.y = -((e.clientY - s.top) / s.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
     const t = this.raycaster.intersectObjects(this.nodeObjects, !0);
     if (t.length > 0) {
-      let i = t[0].object;
-      for (; i; ) {
-        if ((n = i.userData) != null && n.nodeData)
-          return i.userData.nodeData;
-        i = i.parent;
+      let n = t[0].object;
+      for (; n; ) {
+        if ((i = n.userData) != null && i.nodeData)
+          return n.userData.nodeData;
+        n = n.parent;
       }
     }
     return null;
@@ -1646,17 +1648,17 @@ class Ct {
    * Gets the intersected edge from a mouse event
    */
   getIntersectedEdge(e) {
-    const o = this.container.getBoundingClientRect();
-    this.mouse.x = (e.clientX - o.left) / o.width * 2 - 1, this.mouse.y = -((e.clientY - o.top) / o.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
+    const s = this.container.getBoundingClientRect();
+    this.mouse.x = (e.clientX - s.left) / s.width * 2 - 1, this.mouse.y = -((e.clientY - s.top) / s.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
     const t = this.raycaster.intersectObjects(this.edgeObjects, !1);
     if (t.length > 0) {
-      const n = t[0].object, i = n.userData;
-      if (i != null && i.edge && (i != null && i.sourceNode) && (i != null && i.targetNode))
+      const i = t[0].object, n = i.userData;
+      if (n != null && n.edge && (n != null && n.sourceNode) && (n != null && n.targetNode))
         return {
-          edge: i.edge,
-          sourceNode: i.sourceNode,
-          targetNode: i.targetNode,
-          edgeLine: n
+          edge: n.edge,
+          sourceNode: n.sourceNode,
+          targetNode: n.targetNode,
+          edgeLine: i
         };
     }
     return null;
@@ -1664,15 +1666,15 @@ class Ct {
   /**
    * Performs a raycast and returns the intersected node ID
    */
-  getIntersectedNodeId(e, o) {
-    var i;
+  getIntersectedNodeId(e, s) {
+    var n;
     const t = this.container.getBoundingClientRect();
-    this.mouse.x = (e - t.left) / t.width * 2 - 1, this.mouse.y = -((o - t.top) / t.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
-    const n = this.raycaster.intersectObjects(this.nodeObjects, !0);
-    if (n.length > 0) {
-      let a = n[0].object;
+    this.mouse.x = (e - t.left) / t.width * 2 - 1, this.mouse.y = -((s - t.top) / t.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
+    const i = this.raycaster.intersectObjects(this.nodeObjects, !0);
+    if (i.length > 0) {
+      let a = i[0].object;
       for (; a; ) {
-        if ((i = a.userData) != null && i.nodeId)
+        if ((n = a.userData) != null && n.nodeId)
           return a.userData.nodeId;
         a = a.parent;
       }
@@ -1724,8 +1726,8 @@ class Nt {
       opacity: 0;
       pointer-events: none;
       transition: opacity 0.3s ease, transform 0.3s ease;
-    `, Object.entries(this.panelStyles).forEach(([e, o]) => {
-      this.panel.style.setProperty(e, o);
+    `, Object.entries(this.panelStyles).forEach(([e, s]) => {
+      this.panel.style.setProperty(e, s);
     }), this.container.appendChild(this.panel);
   }
   /**
@@ -1738,8 +1740,8 @@ class Nt {
    * Sets custom panel styles
    */
   setPanelStyles(e) {
-    this.panelStyles = e, this.panel && Object.entries(e).forEach(([o, t]) => {
-      this.panel.style.setProperty(o, t);
+    this.panelStyles = e, this.panel && Object.entries(e).forEach(([s, t]) => {
+      this.panel.style.setProperty(s, t);
     });
   }
   /**
@@ -1751,15 +1753,15 @@ class Nt {
   /**
    * Shows the panel with node information
    */
-  show(e, o) {
+  show(e, s) {
     if (!this.panel) return;
     this.currentNodeId = e.id;
     let t;
-    this.panelTemplate ? t = this.panelTemplate(e, o) : t = this.generateDefaultContent(e, o), this.panel.innerHTML = t;
-    const n = this.panel.querySelector('[data-action="expand"]'), i = this.panel.querySelector("[data-depth-select]");
-    n && this.onExpand && n.addEventListener("click", () => {
+    this.panelTemplate ? t = this.panelTemplate(e, s) : t = this.generateDefaultContent(e, s), this.panel.innerHTML = t;
+    const i = this.panel.querySelector('[data-action="expand"]'), n = this.panel.querySelector("[data-depth-select]");
+    i && this.onExpand && i.addEventListener("click", () => {
       if (this.currentNodeId) {
-        const l = i ? parseInt(i.value, 10) : 1;
+        const l = n ? parseInt(n.value, 10) : 1;
         this.onExpand(this.currentNodeId, l);
       }
     });
@@ -1771,7 +1773,7 @@ class Nt {
   /**
    * Generates default panel content
    */
-  generateDefaultContent(e, o) {
+  generateDefaultContent(e, s) {
     const t = e.color ? `#${e.color.toString(16).padStart(6, "0")}` : "#4A90E2";
     return `
       <style>
@@ -1783,6 +1785,13 @@ class Nt {
           display: flex;
           align-items: center;
           gap: 10px;
+          overflow: hidden;
+        }
+        .force-graph-panel .node-label-text {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          flex: 1;
         }
         .force-graph-panel .color-dot {
           width: 12px;
@@ -1807,6 +1816,11 @@ class Nt {
         .force-graph-panel .info-value {
           color: rgba(255, 255, 255, 0.95);
           font-weight: 500;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          max-width: 180px;
+          text-align: right;
         }
         .force-graph-panel .neighbors-section {
           margin-top: 16px;
@@ -1889,26 +1903,26 @@ class Nt {
       
       <h2>
         <span class="color-dot"></span>
-        ${this.escapeHtml(e.label)}
+        <span class="node-label-text">${this.escapeHtml(e.label)}</span>
       </h2>
       
       <div class="info-row">
         <span class="info-label">ID</span>
-        <span class="info-value">${this.escapeHtml(e.id)}</span>
+        <span class="info-value" title="${this.escapeHtml(e.id)}">${this.escapeHtml(e.id)}</span>
       </div>
       
       <div class="info-row">
         <span class="info-label">Connections</span>
-        <span class="info-value">${o.length}</span>
+        <span class="info-value">${s.length}</span>
       </div>
       
-      ${o.length > 0 ? `
+      ${s.length > 0 ? `
         <div class="neighbors-section">
           <div class="neighbors-title">Connected To</div>
-          ${o.slice(0, 5).map(
-      (n) => `<span class="neighbor-chip">${this.escapeHtml(n.label)}</span>`
+          ${s.slice(0, 5).map(
+      (i) => `<span class="neighbor-chip">${this.escapeHtml(i.label)}</span>`
     ).join("")}
-          ${o.length > 5 ? `<span class="neighbor-chip">+${o.length - 5} more</span>` : ""}
+          ${s.length > 5 ? `<span class="neighbor-chip">+${s.length - 5} more</span>` : ""}
         </div>
       ` : ""}
       
@@ -1932,8 +1946,8 @@ class Nt {
    * Escapes HTML to prevent XSS
    */
   escapeHtml(e) {
-    const o = document.createElement("div");
-    return o.textContent = e, o.innerHTML;
+    const s = document.createElement("div");
+    return s.textContent = e, s.innerHTML;
   }
   /**
    * Hides the panel
@@ -1960,7 +1974,7 @@ class Nt {
     this.panel && this.panel.parentNode && this.panel.parentNode.removeChild(this.panel), this.panel = null;
   }
 }
-class zt {
+class St {
   constructor() {
     r(this, "tooltip", null);
     r(this, "visible", !1);
@@ -2004,22 +2018,22 @@ class zt {
   /**
    * Positions the tooltip near the mouse
    */
-  positionTooltip(e, o) {
+  positionTooltip(e, s) {
     if (!this.tooltip) return;
-    const t = this.tooltip.getBoundingClientRect(), n = window.innerWidth, i = window.innerHeight;
-    let a = e + 15, l = o + 15;
-    a + t.width > n - 10 && (a = e - t.width - 15), l + t.height > i - 10 && (l = o - t.height - 15), a < 10 && (a = 10), l < 10 && (l = 10), this.tooltip.style.left = `${a}px`, this.tooltip.style.top = `${l}px`;
+    const t = this.tooltip.getBoundingClientRect(), i = window.innerWidth, n = window.innerHeight;
+    let a = e + 15, l = s + 15;
+    a + t.width > i - 10 && (a = e - t.width - 15), l + t.height > n - 10 && (l = s - t.height - 15), a < 10 && (a = 10), l < 10 && (l = 10), this.tooltip.style.left = `${a}px`, this.tooltip.style.top = `${l}px`;
   }
   /**
    * Shows the tooltip with edge info
    */
-  show(e, o, t, n, i) {
+  show(e, s, t, i, n) {
     if (!this.tooltip) return;
     const a = e.relationship || "connected to";
     this.tooltip.innerHTML = `
             <div style="display: flex; flex-direction: column; gap: 4px;">
                 <div style="display: flex; align-items: center; gap: 6px; flex-wrap: wrap;">
-                    <span style="font-weight: 600; color: #ff9966;">${this.escapeHtml(o.label)}</span>
+                    <span style="font-weight: 600; color: #ff9966;">${this.escapeHtml(s.label)}</span>
                 </div>
                 <div style="color: rgba(255, 255, 255, 0.6); font-style: italic; font-size: 12px; padding-left: 8px;">
                     ↳ ${this.escapeHtml(a)}
@@ -2028,13 +2042,13 @@ class zt {
                     <span style="font-weight: 600; color: #ff9966;">${this.escapeHtml(t.label)}</span>
                 </div>
             </div>
-        `, this.positionTooltip(n, i), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
+        `, this.positionTooltip(i, n), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
   }
   /**
    * Updates tooltip position (called externally on mouse move)
    */
-  updatePosition(e, o) {
-    this.visible && this.positionTooltip(e, o);
+  updatePosition(e, s) {
+    this.visible && this.positionTooltip(e, s);
   }
   /**
    * Hides the tooltip
@@ -2052,8 +2066,8 @@ class zt {
    * Escapes HTML to prevent XSS
    */
   escapeHtml(e) {
-    const o = document.createElement("div");
-    return o.textContent = e, o.innerHTML;
+    const s = document.createElement("div");
+    return s.textContent = e, s.innerHTML;
   }
   /**
    * Dispose the tooltip
@@ -2062,8 +2076,181 @@ class zt {
     this.tooltip && this.tooltip.parentNode && this.tooltip.parentNode.removeChild(this.tooltip), this.tooltip = null;
   }
 }
+class zt {
+  constructor(e, s) {
+    r(this, "container");
+    r(this, "searchContainer", null);
+    r(this, "searchInput", null);
+    r(this, "searchResults", null);
+    r(this, "searchTimeout", null);
+    r(this, "placeholder");
+    r(this, "onSearch");
+    r(this, "onResultClick");
+    this.container = e, this.placeholder = s.placeholder || "Search nodes or relationships...", this.onSearch = s.onSearch, this.onResultClick = s.onResultClick, this.init();
+  }
+  init() {
+    this.createSearchUI(), this.addEventListeners();
+  }
+  createSearchUI() {
+    this.searchContainer = document.createElement("div"), this.searchContainer.className = "f3d-search-container", Object.assign(this.searchContainer.style, {
+      position: "absolute",
+      top: "20px",
+      left: "20px",
+      zIndex: "100",
+      width: "320px"
+    });
+    const e = document.createElement("div");
+    e.className = "f3d-search-input-wrapper", Object.assign(e.style, {
+      position: "relative",
+      display: "flex",
+      alignItems: "center"
+    }), e.innerHTML = `
+            <svg class="f3d-search-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" 
+                 stroke-width="2" style="position: absolute; left: 14px; z-index: 10; color: rgba(255, 255, 255, 0.5); pointer-events: none;">
+                <circle cx="11" cy="11" r="8"></circle>
+                <path d="m21 21-4.35-4.35"></path>
+            </svg>
+        `, this.searchInput = document.createElement("input"), this.searchInput.type = "text", this.searchInput.className = "f3d-search-input", this.searchInput.placeholder = this.placeholder, this.searchInput.autocomplete = "off", Object.assign(this.searchInput.style, {
+      width: "100%",
+      padding: "12px 16px 12px 42px",
+      background: "rgba(255, 255, 255, 0.08)",
+      backdropFilter: "blur(20px)",
+      webkitBackdropFilter: "blur(20px)",
+      border: "1px solid rgba(255, 255, 255, 0.12)",
+      borderRadius: "12px",
+      color: "white",
+      fontSize: "14px",
+      fontFamily: "inherit",
+      outline: "none",
+      transition: "all 0.2s ease"
+    }), this.searchInput.addEventListener("focus", () => {
+      this.searchInput && (this.searchInput.style.background = "rgba(255, 255, 255, 0.12)", this.searchInput.style.borderColor = "rgba(255, 153, 102, 0.5)", this.searchInput.style.boxShadow = "0 0 20px rgba(255, 153, 102, 0.15)");
+    }), this.searchInput.addEventListener("blur", () => {
+      this.searchInput && (this.searchInput.style.background = "rgba(255, 255, 255, 0.08)", this.searchInput.style.borderColor = "rgba(255, 255, 255, 0.12)", this.searchInput.style.boxShadow = "none");
+    }), this.searchResults = document.createElement("div"), this.searchResults.className = "f3d-search-results", Object.assign(this.searchResults.style, {
+      position: "absolute",
+      top: "100%",
+      left: "0",
+      right: "0",
+      marginTop: "8px",
+      background: "rgba(20, 20, 25, 0.95)",
+      backdropFilter: "blur(20px)",
+      webkitBackdropFilter: "blur(20px)",
+      border: "1px solid rgba(255, 255, 255, 0.1)",
+      borderRadius: "12px",
+      maxHeight: "300px",
+      overflowY: "auto",
+      display: "none",
+      boxShadow: "0 10px 40px rgba(0, 0, 0, 0.4)"
+    }), e.appendChild(this.searchInput), this.searchContainer.appendChild(e), this.searchContainer.appendChild(this.searchResults), this.container.appendChild(this.searchContainer);
+    const s = document.createElement("style");
+    s.textContent = `
+            .f3d-search-result-item {
+                padding: 10px 14px;
+                cursor: pointer;
+                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+                transition: background 0.15s ease;
+            }
+            .f3d-search-result-item:hover {
+                background: rgba(255, 153, 102, 0.15);
+            }
+            .f3d-search-result-item:last-child {
+                border-bottom: none;
+            }
+            .f3d-result-label {
+                color: white;
+                font-size: 13px;
+                font-weight: 500;
+                margin-bottom: 2px;
+            }
+            .f3d-result-type {
+                color: rgba(255, 153, 102, 0.8);
+                font-size: 11px;
+                text-transform: uppercase;
+                letter-spacing: 0.5px;
+            }
+            .f3d-result-relationship {
+                color: rgba(255, 255, 255, 0.5);
+                font-size: 11px;
+                font-style: italic;
+            }
+            .f3d-no-results {
+                padding: 14px;
+                color: rgba(255, 255, 255, 0.4);
+                font-size: 13px;
+                text-align: center;
+            }
+            .f3d-search-section-header {
+                padding: 8px 14px 6px;
+                color: rgba(255, 255, 255, 0.3);
+                font-size: 10px;
+                text-transform: uppercase;
+                letter-spacing: 1px;
+                font-weight: 600;
+                background: rgba(0, 0, 0, 0.2);
+            }
+            .f3d-search-results::-webkit-scrollbar { width: 6px; }
+            .f3d-search-results::-webkit-scrollbar-track { background: transparent; }
+            .f3d-search-results::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 3px; }
+            .f3d-search-results::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.25); }
+        `, document.head.appendChild(s);
+  }
+  addEventListeners() {
+    !this.searchInput || !this.searchResults || (this.searchInput.addEventListener("input", (e) => {
+      const s = e.target.value;
+      this.searchTimeout && window.clearTimeout(this.searchTimeout), this.searchTimeout = window.setTimeout(() => {
+        this.performSearch(s);
+      }, 150);
+    }), this.searchInput.addEventListener("focus", () => {
+      this.searchInput && this.searchInput.value.length > 0 && (this.searchResults.style.display = "block");
+    }), document.addEventListener("click", (e) => {
+      this.searchContainer && !this.searchContainer.contains(e.target) && this.searchResults && (this.searchResults.style.display = "none");
+    }));
+  }
+  performSearch(e) {
+    if (!this.searchResults) return;
+    if (e.trim().length === 0) {
+      this.searchResults.style.display = "none";
+      return;
+    }
+    const { nodeResults: s, edgeResults: t } = this.onSearch(e);
+    if (s.length === 0 && t.length === 0) {
+      this.searchResults.innerHTML = '<div class="f3d-no-results">No results found</div>', this.searchResults.style.display = "block";
+      return;
+    }
+    let i = "";
+    s.length > 0 && (i += '<div class="f3d-search-section-header">Nodes</div>', s.slice(0, 10).forEach((n) => {
+      const a = n.type || "Node";
+      i += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(n.id)}">
+                        <div class="f3d-result-label">${this.escapeHtml(n.label)}</div>
+                        <div class="f3d-result-type">${this.escapeHtml(a)}</div>
+                    </div>
+                `;
+    }), s.length > 10 && (i += `<div class="f3d-no-results">+ ${s.length - 10} more nodes</div>`)), t.length > 0 && (i += '<div class="f3d-search-section-header">Relationships</div>', t.slice(0, 5).forEach(({ edge: n, sourceNode: a, targetNode: l }) => {
+      i += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(n.source)}">
+                        <div class="f3d-result-label">${this.escapeHtml(a.label)} → ${this.escapeHtml(l.label)}</div>
+                        <div class="f3d-result-relationship">${this.escapeHtml(n.relationship || "connected")}</div>
+                    </div>
+                `;
+    }), t.length > 5 && (i += `<div class="f3d-no-results">+ ${t.length - 5} more relationships</div>`)), this.searchResults.innerHTML = i, this.searchResults.style.display = "block", this.searchResults.querySelectorAll(".f3d-search-result-item").forEach((n) => {
+      n.addEventListener("click", () => {
+        const a = n.dataset.nodeId;
+        a && (this.onResultClick(a), this.searchResults && (this.searchResults.style.display = "none"), this.searchInput && this.searchInput.blur());
+      });
+    });
+  }
+  escapeHtml(e) {
+    const s = document.createElement("div");
+    return s.textContent = e, s.innerHTML;
+  }
+  dispose() {
+    this.searchContainer && this.searchContainer.parentNode && this.searchContainer.parentNode.removeChild(this.searchContainer);
+  }
+}
 class Ot {
-  constructor(e, o = {}) {
+  constructor(e, s = {}) {
     // Options
     r(this, "options");
     r(this, "container");
@@ -2084,27 +2271,28 @@ class Ot {
     r(this, "raycasterManager");
     r(this, "panelManager");
     r(this, "edgeTooltipManager");
+    r(this, "searchManager", null);
     // Event system
     r(this, "eventCallbacks", /* @__PURE__ */ new Map());
     // State
     r(this, "initialized", !1);
     r(this, "devControls", null);
-    this.options = { ...O, ...o }, this.container = ct(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
+    this.options = { ...L, ...s }, this.container = ct(e), this.materialFactory = new xt(), this.nodeFactory = new vt(
       this.materialFactory,
-      this.options.nodeRadius ?? O.nodeRadius,
-      this.options.lodSegments ?? O.lodSegments
+      this.options.nodeRadius ?? L.nodeRadius,
+      this.options.lodSegments ?? L.lodSegments
     ), this.edgeFactory = new Mt(
       this.materialFactory,
-      this.options.edgeColor ?? O.edgeColor,
-      this.options.edgeOpacity ?? O.edgeOpacity
-    ), this.sceneManager = new ut(this.container, this.options), this.lodManager = new Et(
+      this.options.edgeColor ?? L.edgeColor,
+      this.options.edgeOpacity ?? L.edgeOpacity
+    ), this.sceneManager = new gt(this.container, this.options), this.lodManager = new wt(
       this.sceneManager.camera,
-      this.options.lodDistances ?? O.lodDistances,
-      this.options.enableLOD ?? O.enableLOD
-    ), this.frustumCuller = new wt(
+      this.options.lodDistances ?? L.lodDistances,
+      this.options.enableLOD ?? L.enableLOD
+    ), this.frustumCuller = new Et(
       this.sceneManager.camera,
-      this.options.enableEdgeCulling ?? O.enableEdgeCulling
-    ), this.nodeManager = new mt(this.sceneManager, this.nodeFactory), this.edgeManager = new ft(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Le(
+      this.options.enableEdgeCulling ?? L.enableEdgeCulling
+    ), this.nodeManager = new mt(this.sceneManager, this.nodeFactory), this.edgeManager = new ft(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Oe(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -2114,12 +2302,23 @@ class Ot {
         useBarnesHut: this.options.useBarnesHut,
         barnesHutTheta: this.options.barnesHutTheta
       }
-    ), this.rendererManager = new xt(
+    ), this.rendererManager = new bt(
       this.sceneManager,
       () => this.onSimulate(),
       () => this.onRender(),
-      this.options.targetFPS ?? O.targetFPS
-    ), this.raycasterManager = new Ct(this.sceneManager, this.container), this.panelManager = new Nt(this.container), this.edgeTooltipManager = new zt(), this.setupCallbacks(), this.rendererManager.start(), this.initialized = !0, this.emit("ready");
+      this.options.targetFPS ?? L.targetFPS
+    ), this.raycasterManager = new Ct(this.sceneManager, this.container), this.panelManager = new Nt(this.container), this.edgeTooltipManager = new St(), this.options.showSearch !== !1 && (this.searchManager = new zt(this.container, {
+      placeholder: this.options.searchPlaceholder,
+      onSearch: (t) => ({
+        nodeResults: this.searchNodes(t),
+        edgeResults: this.searchEdges(t)
+      }),
+      onResultClick: (t) => {
+        this.focusOnNode(t), setTimeout(() => {
+          this.showNodePanel(t);
+        }, 400);
+      }
+    })), this.setupCallbacks(), this.rendererManager.start(), this.initialized = !0, this.emit("ready");
   }
   /**
    * Sets up internal callbacks
@@ -2127,8 +2326,8 @@ class Ot {
   setupCallbacks() {
     this.raycasterManager.setClickCallback((e) => {
       this.onNodeClick(e);
-    }), this.options.onNodeHover && this.raycasterManager.setHoverCallback(this.options.onNodeHover), this.panelManager.setExpandCallback((e, o) => {
-      this.expandNode(e, o);
+    }), this.options.onNodeHover && this.raycasterManager.setHoverCallback(this.options.onNodeHover), this.panelManager.setExpandCallback((e, s) => {
+      this.expandNode(e, s);
     }), this.options.panelTemplate && this.panelManager.setPanelTemplate(this.options.panelTemplate), this.options.panelStyles && this.panelManager.setPanelStyles(this.options.panelStyles), this.raycasterManager.setEdgeHoverCallback((e) => {
       this.onEdgeHover(e);
     });
@@ -2139,8 +2338,8 @@ class Ot {
   onEdgeHover(e) {
     if (e) {
       this.edgeManager.highlightEdge(e.edge.source, e.edge.target);
-      const o = this.container.getBoundingClientRect(), t = o.left + o.width / 2, n = o.top + o.height / 2;
-      this.edgeTooltipManager.show(e.edge, e.sourceNode, e.targetNode, t, n), this.options.onEdgeHover && this.options.onEdgeHover(e.edge, e.sourceNode, e.targetNode), this.emit("edgeHover", e.edge, e.sourceNode, e.targetNode);
+      const s = this.container.getBoundingClientRect(), t = s.left + s.width / 2, i = s.top + s.height / 2;
+      this.edgeTooltipManager.show(e.edge, e.sourceNode, e.targetNode, t, i), this.options.onEdgeHover && this.options.onEdgeHover(e.edge, e.sourceNode, e.targetNode), this.emit("edgeHover", e.edge, e.sourceNode, e.targetNode);
     } else
       this.edgeManager.unhighlightCurrentEdge(), this.edgeTooltipManager.hide(), this.options.onEdgeHover && this.options.onEdgeHover(null, null, null), this.emit("edgeHover", null, null, null);
   }
@@ -2148,7 +2347,7 @@ class Ot {
    * Handles node click
    */
   onNodeClick(e) {
-    const t = this.edgeManager.getNeighborIds(e.id).map((n) => this.nodeManager.getNode(n)).filter((n) => n !== void 0);
+    const t = this.edgeManager.getNeighborIds(e.id).map((i) => this.nodeManager.getNode(i)).filter((i) => i !== void 0);
     this.options.showPanel !== !1 && this.panelManager.show(e, t), this.options.onNodeClick && this.options.onNodeClick(e), this.emit("nodeClick", e);
   }
   /**
@@ -2156,9 +2355,9 @@ class Ot {
    */
   onSimulate() {
     this.graphEngine.simulate();
-    for (const [e, o] of this.nodeManager.getAllNodes())
-      if (this.nodeManager.updateNodePosition(e, o.position), this.options.enableLOD) {
-        const t = this.lodManager.getLODLevel(o.position);
+    for (const [e, s] of this.nodeManager.getAllNodes())
+      if (this.nodeManager.updateNodePosition(e, s.position), this.options.enableLOD) {
+        const t = this.lodManager.getLODLevel(s.position);
         this.nodeManager.updateNodeLOD(e, t);
       }
     this.edgeManager.updateEdgePositions();
@@ -2177,12 +2376,12 @@ class Ot {
    */
   setData(e) {
     if (this.edgeManager.clear(), this.nodeManager.clear(), e.nodes && Array.isArray(e.nodes))
-      for (const o of e.nodes)
-        this.addNode(o);
+      for (const s of e.nodes)
+        this.addNode(s);
     if (e.edges && Array.isArray(e.edges))
-      for (const o of e.edges)
-        this.addEdge(o);
-    this.graphEngine = new Le(
+      for (const s of e.edges)
+        this.addEdge(s);
+    this.graphEngine = new Oe(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -2199,10 +2398,10 @@ class Ot {
    * @returns true if added, false if node already exists or invalid
    */
   addNode(e) {
-    if (!Ie(e))
+    if (!Re(e))
       return !1;
-    const o = this.nodeManager.addNode(e);
-    return o && (this.graphEngine.restart(), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e)), o;
+    const s = this.nodeManager.addNode(e);
+    return s && (this.graphEngine.restart(), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e)), s;
   }
   /**
    * Removes a node from the graph
@@ -2212,32 +2411,32 @@ class Ot {
     if (!ht(e))
       return !1;
     this.edgeManager.removeEdgesForNode(e);
-    const o = this.nodeManager.removeNode(e);
-    return o && (this.graphEngine.restart(), this.options.onNodeRemove && this.options.onNodeRemove(e), this.emit("nodeRemove", e), this.panelManager.getCurrentNodeId() === e && this.panelManager.hide()), o;
+    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;
   }
   /**
    * Updates a node's properties
    */
-  updateNode(e, o) {
-    return this.nodeManager.updateNode(e, o);
+  updateNode(e, s) {
+    return this.nodeManager.updateNode(e, s);
   }
   /**
    * Adds an edge to the graph
    * @returns true if added, false if edge already exists or nodes don't exist
    */
   addEdge(e) {
-    if (!Re(e))
+    if (!Fe(e))
       return !1;
-    const o = this.edgeManager.addEdge(e);
-    return o && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.graphEngine.restart(), this.options.onEdgeAdd && this.options.onEdgeAdd(e), this.emit("edgeAdd", e)), o;
+    const s = this.edgeManager.addEdge(e);
+    return s && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.graphEngine.restart(), this.options.onEdgeAdd && this.options.onEdgeAdd(e), this.emit("edgeAdd", e)), s;
   }
   /**
    * Removes an edge from the graph
    * @returns true if removed, false if not found
    */
-  removeEdge(e, o) {
-    const t = this.edgeManager.removeEdge(e, o);
-    return t && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.options.onEdgeRemove && this.options.onEdgeRemove({ source: e, target: o }), this.emit("edgeRemove", { source: e, target: o })), t;
+  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;
   }
   /**
    * Expands a node by fetching more data
@@ -2245,21 +2444,21 @@ class Ot {
    * @param depth - The depth of expansion (1-3 levels, default 1)
    * @param fetchFn - Optional fetch function to override the default
    */
-  async expandNode(e, o = 1, t) {
-    const n = t ?? this.options.onExpand;
-    if (!n)
+  async expandNode(e, s = 1, t) {
+    const i = t ?? this.options.onExpand;
+    if (!i)
       return console.warn("[ForceGraph3D] No expand callback provided"), !1;
     try {
-      const i = await n(e, o);
-      if (i.nodes && Array.isArray(i.nodes))
-        for (const a of i.nodes)
+      const n = await i(e, s);
+      if (n.nodes && Array.isArray(n.nodes))
+        for (const a of n.nodes)
           this.addNode(a);
-      if (i.edges && Array.isArray(i.edges))
-        for (const a of i.edges)
+      if (n.edges && Array.isArray(n.edges))
+        for (const a of n.edges)
           this.addEdge(a);
-      return this.panelManager.hide(), this.emit("expand", e, i), !0;
-    } catch (i) {
-      return console.error("[ForceGraph3D] Error expanding node:", i), !1;
+      return this.panelManager.hide(), this.emit("expand", e, n), !0;
+    } catch (n) {
+      return console.error("[ForceGraph3D] Error expanding node:", n), !1;
     }
   }
   /**
@@ -2296,19 +2495,19 @@ class Ot {
   /**
    * Focuses the camera on a specific node with smooth animation
    */
-  focusOnNode(e, o = 30) {
+  focusOnNode(e, s = 30) {
     const t = this.nodeManager.getNode(e);
     if (!t) {
       console.warn(`[ForceGraph3D] Node "${e}" not found`);
       return;
     }
-    const n = t.position, i = this.sceneManager.camera, a = this.sceneManager.controls, l = i.position.clone().sub(a.target).normalize(), d = {
-      x: n.x + l.x * o,
-      y: n.y + l.y * o,
-      z: n.z + l.z * o
-    }, g = { x: i.position.x, y: i.position.y, z: i.position.z }, u = { x: a.target.x, y: a.target.y, z: a.target.z }, x = 800, v = performance.now(), y = () => {
-      const f = performance.now() - v, M = Math.min(f / x, 1), C = 1 - Math.pow(1 - M, 3);
-      i.position.x = g.x + (d.x - g.x) * C, i.position.y = g.y + (d.y - g.y) * C, i.position.z = g.z + (d.z - g.z) * C, a.target.x = u.x + (n.x - u.x) * C, a.target.y = u.y + (n.y - u.y) * C, a.target.z = u.z + (n.z - u.z) * C, a.update(), M < 1 && requestAnimationFrame(y);
+    const i = t.position, n = this.sceneManager.camera, a = this.sceneManager.controls, l = n.position.clone().sub(a.target).normalize(), d = {
+      x: i.x + l.x * s,
+      y: i.y + l.y * s,
+      z: i.z + l.z * s
+    }, u = { x: n.position.x, y: n.position.y, z: n.position.z }, g = { x: a.target.x, y: a.target.y, z: a.target.z }, b = 800, v = performance.now(), y = () => {
+      const f = performance.now() - v, M = Math.min(f / b, 1), C = 1 - Math.pow(1 - M, 3);
+      n.position.x = u.x + (d.x - u.x) * C, n.position.y = u.y + (d.y - u.y) * C, n.position.z = u.z + (d.z - u.z) * C, a.target.x = g.x + (i.x - g.x) * C, a.target.y = g.y + (i.y - g.y) * C, a.target.z = g.z + (i.z - g.z) * C, a.update(), M < 1 && requestAnimationFrame(y);
     };
     y();
   }
@@ -2316,13 +2515,13 @@ class Ot {
    * Shows the info panel for a specific node
    */
   showNodePanel(e) {
-    const o = this.nodeManager.getNode(e);
-    if (!o) {
+    const s = this.nodeManager.getNode(e);
+    if (!s) {
       console.warn(`[ForceGraph3D] Node "${e}" not found`);
       return;
     }
     const t = this.getNeighbors(e);
-    this.panelManager.show(o, t);
+    this.panelManager.show(s, t);
   }
   /**
    * Searches nodes by label or ID (case-insensitive)
@@ -2331,28 +2530,28 @@ class Ot {
   searchNodes(e) {
     if (!e || e.trim() === "")
       return [];
-    const o = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), n = [];
-    return t.forEach((i) => {
-      var g, u, x;
-      const a = (g = i.label) == null ? void 0 : g.toLowerCase().includes(o), l = (u = i.id) == null ? void 0 : u.toLowerCase().includes(o), d = (x = i.type) == null ? void 0 : x.toLowerCase().includes(o);
-      (a || l || d) && n.push(i);
-    }), n;
+    const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), i = [];
+    return t.forEach((n) => {
+      var u, g, b;
+      const a = (u = n.label) == null ? void 0 : u.toLowerCase().includes(s), l = (g = n.id) == null ? void 0 : g.toLowerCase().includes(s), d = (b = n.type) == null ? void 0 : b.toLowerCase().includes(s);
+      (a || l || d) && i.push(n);
+    }), i;
   }
   /**
    * Searches edges by relationship (case-insensitive)
    * @returns Array of matching edges with source/target node info
    */
   searchEdges(e) {
-    var i;
+    var n;
     if (!e || e.trim() === "")
       return [];
-    const o = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), n = [];
+    const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), i = [];
     for (const a of t)
-      if ((i = a.relationship) == null ? void 0 : i.toLowerCase().includes(o)) {
-        const d = this.nodeManager.getNode(a.source), g = this.nodeManager.getNode(a.target);
-        d && g && n.push({ edge: a, sourceNode: d, targetNode: g });
+      if ((n = a.relationship) == null ? void 0 : n.toLowerCase().includes(s)) {
+        const d = this.nodeManager.getNode(a.source), u = this.nodeManager.getNode(a.target);
+        d && u && i.push({ edge: a, sourceNode: d, targetNode: u });
       }
-    return n;
+    return i;
   }
   /**
    * Gets all nodes as an array
@@ -2376,15 +2575,15 @@ class Ot {
   /**
    * Registers an event listener
    */
-  on(e, o) {
-    this.eventCallbacks.has(e) || this.eventCallbacks.set(e, []), this.eventCallbacks.get(e).push(o);
+  on(e, s) {
+    this.eventCallbacks.has(e) || this.eventCallbacks.set(e, []), this.eventCallbacks.get(e).push(s);
   }
   /**
    * Emits an event
    */
-  emit(e, ...o) {
+  emit(e, ...s) {
     const t = this.eventCallbacks.get(e);
-    t && t.forEach((n) => n(...o));
+    t && t.forEach((i) => i(...s));
   }
   /**
    * Sets physics parameters
@@ -2459,29 +2658,29 @@ class Ot {
         <div>FPS: <span class="value" id="dev-fps">60</span></div>
       </div>
     `, this.container.appendChild(this.devControls);
-    const e = this.devControls.querySelector("#dev-repulsion"), o = this.devControls.querySelector("#dev-attraction"), t = this.devControls.querySelector("#dev-damping");
+    const e = this.devControls.querySelector("#dev-repulsion"), s = this.devControls.querySelector("#dev-attraction"), t = this.devControls.querySelector("#dev-damping");
     e == null || e.addEventListener("input", () => {
-      const n = parseFloat(e.value);
-      this.setPhysicsParams({ repulsionStrength: n }), this.devControls.querySelector("#dev-repulsion-val").textContent = n.toString();
-    }), o == null || o.addEventListener("input", () => {
-      const n = parseFloat(o.value) / 1e3;
-      this.setPhysicsParams({ attractionStrength: n }), this.devControls.querySelector("#dev-attraction-val").textContent = n.toFixed(3);
+      const i = parseFloat(e.value);
+      this.setPhysicsParams({ repulsionStrength: i }), this.devControls.querySelector("#dev-repulsion-val").textContent = i.toString();
+    }), s == null || s.addEventListener("input", () => {
+      const i = parseFloat(s.value) / 1e3;
+      this.setPhysicsParams({ attractionStrength: i }), this.devControls.querySelector("#dev-attraction-val").textContent = i.toFixed(3);
     }), t == null || t.addEventListener("input", () => {
-      const n = parseFloat(t.value) / 100;
-      this.setPhysicsParams({ damping: n }), this.devControls.querySelector("#dev-damping-val").textContent = n.toFixed(2);
+      const i = parseFloat(t.value) / 100;
+      this.setPhysicsParams({ damping: i }), this.devControls.querySelector("#dev-damping-val").textContent = i.toFixed(2);
     }), setInterval(() => {
-      const n = this.devControls.querySelector("#dev-node-count"), i = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
-      n && (n.textContent = this.getNodeCount().toString()), i && (i.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
+      const i = this.devControls.querySelector("#dev-node-count"), n = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
+      i && (i.textContent = this.getNodeCount().toString()), n && (n.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
     }, 500);
   }
   /**
    * Destroys the graph and releases all resources
    */
   destroy() {
-    this.rendererManager.dispose(), this.panelManager.dispose(), this.raycasterManager.dispose(), this.edgeTooltipManager.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.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 Fe = [
+const ke = [
   "Alpha",
   "Beta",
   "Gamma",
@@ -2523,7 +2722,7 @@ const Fe = [
   "partners with",
   "collaborates with",
   "supports"
-], ke = [
+], Ie = [
   16777215,
   // White
   16750950,
@@ -2535,14 +2734,14 @@ const Fe = [
   16746564
   // Darker tangerine
 ];
-function Lt(c = 30) {
-  const e = [], o = [];
-  for (let n = 0; n < c; n++) {
-    const i = n < Fe.length ? Fe[n] : `Node ${n + 1}`;
+function kt(c = 30) {
+  const e = [], s = [];
+  for (let i = 0; i < c; i++) {
+    const n = i < ke.length ? ke[i] : `Node ${i + 1}`;
     e.push({
-      id: `node-${n}`,
-      label: i,
-      color: ke[n % ke.length],
+      id: `node-${i}`,
+      label: n,
+      color: Ie[i % Ie.length],
       position: {
         x: (Math.random() - 0.5) * 60,
         y: (Math.random() - 0.5) * 60,
@@ -2550,43 +2749,43 @@ function Lt(c = 30) {
       }
     });
   }
-  for (let n = 1; n < c; n++) {
-    const i = Math.floor(Math.random() * n);
-    o.push({
-      source: `node-${n}`,
-      target: `node-${i}`,
+  for (let i = 1; i < c; i++) {
+    const n = Math.floor(Math.random() * i);
+    s.push({
+      source: `node-${i}`,
+      target: `node-${n}`,
       relationship: Q[Math.floor(Math.random() * Q.length)]
     });
   }
   const t = Math.floor(c * 0.5);
-  for (let n = 0; n < t; n++) {
-    const i = Math.floor(Math.random() * c);
+  for (let i = 0; i < t; i++) {
+    const n = Math.floor(Math.random() * c);
     let a = Math.floor(Math.random() * c);
-    i === a && (a = (a + 1) % c);
-    const l = `node-${i}`, d = `node-${a}`;
-    o.some(
-      (u) => u.source === l && u.target === d || u.source === d && u.target === l
-    ) || o.push({
+    n === a && (a = (a + 1) % c);
+    const l = `node-${n}`, d = `node-${a}`;
+    s.some(
+      (g) => g.source === l && g.target === d || g.source === d && g.target === l
+    ) || s.push({
       source: l,
       target: d,
       relationship: Q[Math.floor(Math.random() * Q.length)]
     });
   }
-  return { nodes: e, edges: o };
+  return { nodes: e, edges: s };
 }
-function Ft(c = 1e3) {
-  const e = [], o = [], t = Math.ceil(c / 50), n = [];
-  for (let i = 0; i < t; i++)
-    n.push({
+function It(c = 1e3) {
+  const e = [], s = [], t = Math.ceil(c / 50), i = [];
+  for (let n = 0; n < t; n++)
+    i.push({
       x: (Math.random() - 0.5) * 200,
       y: (Math.random() - 0.5) * 200,
       z: (Math.random() - 0.5) * 200
     });
-  for (let i = 0; i < c; i++) {
-    const a = n[i % t];
+  for (let n = 0; n < c; n++) {
+    const a = i[n % t];
     e.push({
-      id: `node-${i}`,
-      label: `N${i}`,
+      id: `node-${n}`,
+      label: `N${n}`,
       position: {
         x: a.x + (Math.random() - 0.5) * 40,
         y: a.y + (Math.random() - 0.5) * 40,
@@ -2594,32 +2793,32 @@ function Ft(c = 1e3) {
       }
     });
   }
-  for (let i = 1; i < c; i++) {
-    const a = Math.floor(i / 50) * 50, l = a === 0 ? Math.floor(Math.random() * i) : a + Math.floor(Math.random() * Math.min(i - a, 50));
-    o.push({
-      source: `node-${i}`,
-      target: `node-${Math.min(l, i - 1)}`,
+  for (let n = 1; n < c; n++) {
+    const a = Math.floor(n / 50) * 50, l = a === 0 ? Math.floor(Math.random() * n) : a + Math.floor(Math.random() * Math.min(n - a, 50));
+    s.push({
+      source: `node-${n}`,
+      target: `node-${Math.min(l, n - 1)}`,
       relationship: "links to"
     });
   }
-  for (let i = 1; i < t; i++) {
-    const a = i * 50, l = (i - 1) * 50 + Math.floor(Math.random() * 50);
-    o.push({
+  for (let n = 1; n < t; n++) {
+    const a = n * 50, l = (n - 1) * 50 + Math.floor(Math.random() * 50);
+    s.push({
       source: `node-${a}`,
       target: `node-${l}`,
       relationship: "bridges to"
     });
   }
-  return { nodes: e, edges: o };
+  return { nodes: e, edges: s };
 }
 export {
-  O as DEFAULT_OPTIONS,
+  L as DEFAULT_OPTIONS,
   Ot as ForceGraph3D,
-  _ as LODLevel,
-  I as createEdgeKey,
-  Ft as generateLargeSampleData,
-  Lt as generateSampleData,
-  Re as validateEdgeData,
-  Ie as validateNodeData
+  U as LODLevel,
+  R as createEdgeKey,
+  It as generateLargeSampleData,
+  kt as generateSampleData,
+  Fe as validateEdgeData,
+  Re as validateNodeData
 };
 //# sourceMappingURL=force-3d-graph.js.map