force-3d-graph 1.0.3 → 1.2.1

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

@@ -1,19 +1,20 @@
 var st = Object.defineProperty;
-var nt = (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) => nt(c, typeof e != "symbol" ? e + "" : e, s);
-import * as p from "three";
-import { EventDispatcher as ot, Vector3 as N, MOUSE as $, TOUCH as K, Spherical as ze, Quaternion as Ne, Vector2 as k, Ray as it, Plane as at, MathUtils as rt } from "three";
-const I = {
+var it = (h, e, s) => e in h ? st(h, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[e] = s;
+var l = (h, e, s) => it(h, typeof e != "symbol" ? e + "" : e, s);
+import * as m from "three";
+import { EventDispatcher as ot, Vector3 as S, MOUSE as $, TOUCH as G, Spherical as Ne, Quaternion as Se, Vector2 as k, Ray as nt, Plane as at, MathUtils as rt } from "three";
+const T = {
   backgroundColor: 657930,
   cameraPosition: { x: 0, y: 0, z: 80 },
   cameraFov: 75,
-  repulsionStrength: 100,
-  attractionStrength: 0.01,
-  damping: 0.9,
-  useBarnesHut: !1,
-  // Auto-enabled for large graphs
+  repulsionStrength: 200,
+  attractionStrength: 8e-3,
+  damping: 0.95,
+  useBarnesHut: !0,
+  // Enabled by default for better performance
   barnesHutTheta: 0.5,
-  defaultNodeColor: 4886754,
+  defaultNodeColor: 16750950,
+  // Tangerine to match the premium glass material
   nodeRadius: 2,
   nodeSegments: 32,
   enableLOD: !0,
@@ -25,101 +26,103 @@ const I = {
   showPanel: !0,
   showSearch: !0,
   searchPlaceholder: "Search nodes or relationships...",
+  initialViewMode: "3d",
+  showViewToggle: !0,
   targetFPS: 60,
   maxVisibleNodes: 1e4
 };
-var X = /* @__PURE__ */ ((c) => (c[c.HIGH = 0] = "HIGH", c[c.MEDIUM = 1] = "MEDIUM", c[c.LOW = 2] = "LOW", c))(X || {});
+var U = /* @__PURE__ */ ((h) => (h[h.HIGH = 0] = "HIGH", h[h.MEDIUM = 1] = "MEDIUM", h[h.LOW = 2] = "LOW", h))(U || {});
 function lt() {
-  const c = document.createElement("div");
-  return c.id = "force-graph-3d-container", c.style.cssText = `
+  const h = document.createElement("div");
+  return h.id = "force-graph-3d-container", h.style.cssText = `
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     overflow: hidden;
-  `, document.body.appendChild(c), c;
+  `, document.body.appendChild(h), h;
 }
-function ct(c) {
-  return c && c instanceof HTMLElement ? c : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), lt());
+function ct(h) {
+  return h && h instanceof HTMLElement ? h : (console.warn("[ForceGraph3D] No container provided, creating one automatically"), lt());
 }
-function Se(c) {
-  const e = c.getBoundingClientRect();
+function ze(h) {
+  const e = h.getBoundingClientRect();
   return {
     width: e.width || window.innerWidth,
     height: e.height || window.innerHeight
   };
 }
-function Re(c) {
-  if (!c || typeof c != "object")
+function Oe(h) {
+  if (!h || typeof h != "object")
     return console.warn("[ForceGraph3D] Invalid node: must be an object"), !1;
-  const e = c;
+  const e = h;
   return typeof e.id != "string" || e.id.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node: id must be a non-empty string"), !1) : typeof e.label != "string" ? (console.warn("[ForceGraph3D] Invalid node: label must be a string"), !1) : e.color !== void 0 && typeof e.color != "number" ? (console.warn("[ForceGraph3D] Invalid node: color must be a number (hex)"), !1) : e.position !== void 0 && !dt(e.position) ? (console.warn("[ForceGraph3D] Invalid node: position must have x, y, z numbers"), !1) : !0;
 }
-function Fe(c) {
-  if (!c || typeof c != "object")
+function Fe(h) {
+  if (!h || typeof h != "object")
     return console.warn("[ForceGraph3D] Invalid edge: must be an object"), !1;
-  const e = c;
+  const e = h;
   return typeof e.source != "string" || e.source.trim() === "" ? (console.warn("[ForceGraph3D] Invalid edge: source must be a non-empty string"), !1) : typeof e.target != "string" || e.target.trim() === "" ? (console.warn("[ForceGraph3D] Invalid edge: target must be a non-empty string"), !1) : !0;
 }
-function ht(c) {
-  return typeof c != "string" || c.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
+function ht(h) {
+  return typeof h != "string" || h.trim() === "" ? (console.warn("[ForceGraph3D] Invalid node ID: must be a non-empty string"), !1) : !0;
 }
-function dt(c) {
-  if (!c || typeof c != "object") return !1;
-  const e = c;
+function dt(h) {
+  if (!h || typeof h != "object") return !1;
+  const e = h;
   return typeof e.x == "number" && typeof e.y == "number" && typeof e.z == "number";
 }
-function A(c, e) {
-  return c === e ? `${c}-${e}` : c < e ? `${c}-${e}` : `${e}-${c}`;
+function D(h, e) {
+  return h === e ? `${h}-${e}` : h < e ? `${h}-${e}` : `${e}-${h}`;
 }
-const ke = { type: "change" }, re = { type: "start" }, Te = { type: "end" }, Q = new it(), Pe = new at(), pt = Math.cos(70 * rt.DEG2RAD);
+const ke = { type: "change" }, re = { type: "start" }, Pe = { type: "end" }, Q = new nt(), Te = new at(), pt = Math.cos(70 * rt.DEG2RAD);
 class gt extends ot {
   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: $.ROTATE, MIDDLE: $.DOLLY, RIGHT: $.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() {
-      return l.phi;
+    super(), this.object = e, this.domElement = s, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new S(), this.cursor = new S(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: $.ROTATE, MIDDLE: $.DOLLY, RIGHT: $.PAN }, this.touches = { ONE: G.ROTATE, TWO: G.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+      return r.phi;
     }, this.getAzimuthalAngle = function() {
-      return l.theta;
+      return r.theta;
     }, this.getDistance = function() {
       return this.object.position.distanceTo(this.target);
-    }, this.listenToKeyEvents = function(i) {
-      i.addEventListener("keydown", ie), this._domElementKeyEvents = i;
+    }, this.listenToKeyEvents = function(n) {
+      n.addEventListener("keydown", ne), this._domElementKeyEvents = n;
     }, 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(ke), t.update(), o = n.NONE;
+      t.target.copy(t.target0), t.object.position.copy(t.position0), t.object.zoom = t.zoom0, t.object.updateProjectionMatrix(), t.dispatchEvent(ke), t.update(), i = o.NONE;
     }, this.update = function() {
-      const i = new N(), d = new Ne().setFromUnitVectors(e.up, new N(0, 1, 0)), y = d.clone().invert(), v = new N(), C = new Ne(), F = new N(), S = 2 * Math.PI;
+      const n = new S(), p = new Se().setFromUnitVectors(e.up, new S(0, 1, 0)), b = p.clone().invert(), w = new S(), C = new Se(), F = new S(), z = 2 * Math.PI;
       return function(tt = null) {
         const Ce = t.object.position;
-        i.copy(Ce).sub(t.target), i.applyQuaternion(d), l.setFromVector3(i), t.autoRotate && o === n.NONE && G(He(tt)), t.enableDamping ? (l.theta += h.theta * t.dampingFactor, l.phi += h.phi * t.dampingFactor) : (l.theta += h.theta, l.phi += h.phi);
-        let L = t.minAzimuthAngle, O = t.maxAzimuthAngle;
-        isFinite(L) && isFinite(O) && (L < -Math.PI ? L += S : L > Math.PI && (L -= S), O < -Math.PI ? O += S : O > Math.PI && (O -= S), L <= O ? l.theta = Math.max(L, Math.min(O, l.theta)) : l.theta = l.theta > (L + O) / 2 ? Math.max(L, l.theta) : Math.min(O, 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 && H || t.object.isOrthographicCamera ? l.radius = ne(l.radius) : l.radius = ne(l.radius * g), i.setFromSpherical(l), i.applyQuaternion(y), Ce.copy(t.target).add(i), t.object.lookAt(t.target), t.enableDamping === !0 ? (h.theta *= 1 - t.dampingFactor, h.phi *= 1 - t.dampingFactor, u.multiplyScalar(1 - t.dampingFactor)) : (h.set(0, 0, 0), u.set(0, 0, 0));
+        n.copy(Ce).sub(t.target), n.applyQuaternion(p), r.setFromVector3(n), t.autoRotate && i === o.NONE && B(He(tt)), t.enableDamping ? (r.theta += c.theta * t.dampingFactor, r.phi += c.phi * t.dampingFactor) : (r.theta += c.theta, r.phi += c.phi);
+        let I = t.minAzimuthAngle, R = t.maxAzimuthAngle;
+        isFinite(I) && isFinite(R) && (I < -Math.PI ? I += z : I > Math.PI && (I -= z), R < -Math.PI ? R += z : R > Math.PI && (R -= z), I <= R ? r.theta = Math.max(I, Math.min(R, r.theta)) : r.theta = r.theta > (I + R) / 2 ? Math.max(I, r.theta) : Math.min(R, r.theta)), r.phi = Math.max(t.minPolarAngle, Math.min(t.maxPolarAngle, r.phi)), r.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 && H || t.object.isOrthographicCamera ? r.radius = ie(r.radius) : r.radius = ie(r.radius * d), n.setFromSpherical(r), n.applyQuaternion(b), Ce.copy(t.target).add(n), t.object.lookAt(t.target), t.enableDamping === !0 ? (c.theta *= 1 - t.dampingFactor, c.phi *= 1 - t.dampingFactor, g.multiplyScalar(1 - t.dampingFactor)) : (c.set(0, 0, 0), g.set(0, 0, 0));
         let ae = !1;
         if (t.zoomToCursor && H) {
-          let U = null;
+          let X = null;
           if (t.object.isPerspectiveCamera) {
-            const _ = i.length();
-            U = ne(_ * g);
-            const Z = _ - U;
+            const V = n.length();
+            X = ie(V * d);
+            const Z = V - X;
             t.object.position.addScaledVector(Y, Z), t.object.updateMatrixWorld();
           } else if (t.object.isOrthographicCamera) {
-            const _ = new N(T.x, T.y, 0);
-            _.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / g)), t.object.updateProjectionMatrix(), ae = !0;
-            const Z = new N(T.x, T.y, 0);
-            Z.unproject(t.object), t.object.position.sub(Z).add(_), t.object.updateMatrixWorld(), U = i.length();
+            const V = new S(P.x, P.y, 0);
+            V.unproject(t.object), t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), ae = !0;
+            const Z = new S(P.x, P.y, 0);
+            Z.unproject(t.object), t.object.position.sub(Z).add(V), t.object.updateMatrixWorld(), X = n.length();
           } else
             console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), t.zoomToCursor = !1;
-          U !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(U).add(t.object.position) : (Q.origin.copy(t.object.position), Q.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Q.direction)) < pt ? e.lookAt(t.target) : (Pe.setFromNormalAndCoplanarPoint(t.object.up, t.target), Q.intersectPlane(Pe, t.target))));
-        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / g)), t.object.updateProjectionMatrix(), ae = !0);
-        return g = 1, H = !1, ae || v.distanceToSquared(t.object.position) > a || 8 * (1 - C.dot(t.object.quaternion)) > a || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(ke), v.copy(t.object.position), C.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
+          X !== null && (this.screenSpacePanning ? t.target.set(0, 0, -1).transformDirection(t.object.matrix).multiplyScalar(X).add(t.object.position) : (Q.origin.copy(t.object.position), Q.direction.set(0, 0, -1).transformDirection(t.object.matrix), Math.abs(t.object.up.dot(Q.direction)) < pt ? e.lookAt(t.target) : (Te.setFromNormalAndCoplanarPoint(t.object.up, t.target), Q.intersectPlane(Te, t.target))));
+        } else t.object.isOrthographicCamera && (t.object.zoom = Math.max(t.minZoom, Math.min(t.maxZoom, t.object.zoom / d)), t.object.updateProjectionMatrix(), ae = !0);
+        return d = 1, H = !1, ae || w.distanceToSquared(t.object.position) > a || 8 * (1 - C.dot(t.object.quaternion)) > a || F.distanceToSquared(t.target) > 0 ? (t.dispatchEvent(ke), w.copy(t.object.position), C.copy(t.object.quaternion), F.copy(t.target), !0) : !1;
       };
     }(), this.dispose = function() {
-      t.domElement.removeEventListener("contextmenu", we), t.domElement.removeEventListener("pointerdown", xe), t.domElement.removeEventListener("pointercancel", B), t.domElement.removeEventListener("wheel", ve), t.domElement.removeEventListener("pointermove", oe), t.domElement.removeEventListener("pointerup", B), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ie), t._domElementKeyEvents = null);
+      t.domElement.removeEventListener("contextmenu", we), t.domElement.removeEventListener("pointerdown", be), t.domElement.removeEventListener("pointercancel", K), t.domElement.removeEventListener("wheel", ve), t.domElement.removeEventListener("pointermove", oe), t.domElement.removeEventListener("pointerup", K), t._domElementKeyEvents !== null && (t._domElementKeyEvents.removeEventListener("keydown", ne), t._domElementKeyEvents = null);
     };
-    const t = this, n = {
+    const t = this, o = {
       NONE: -1,
       ROTATE: 0,
       DOLLY: 1,
@@ -129,385 +132,385 @@ class gt extends ot {
       TOUCH_DOLLY_PAN: 5,
       TOUCH_DOLLY_ROTATE: 6
     };
-    let o = n.NONE;
-    const a = 1e-6, l = new ze(), h = new ze();
-    let g = 1;
-    const u = new N(), b = new k(), x = new k(), f = new k(), m = new k(), M = new k(), E = new k(), z = new k(), R = new k(), P = new k(), Y = new N(), T = new k();
+    let i = o.NONE;
+    const a = 1e-6, r = new Ne(), c = new Ne();
+    let d = 1;
+    const g = new S(), u = new k(), y = new k(), f = new k(), x = new k(), v = new k(), M = new k(), N = new k(), O = new k(), L = new k(), Y = new S(), P = new k();
     let H = !1;
-    const w = [], q = {};
+    const E = [], _ = {};
     let ee = !1;
-    function He(i) {
-      return i !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * i : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
+    function He(n) {
+      return n !== null ? 2 * Math.PI / 60 * t.autoRotateSpeed * n : 2 * Math.PI / 60 / 60 * t.autoRotateSpeed;
     }
-    function V(i) {
-      const d = Math.abs(i * 0.01);
-      return Math.pow(0.95, t.zoomSpeed * d);
+    function q(n) {
+      const p = Math.abs(n * 0.01);
+      return Math.pow(0.95, t.zoomSpeed * p);
     }
-    function G(i) {
-      h.theta -= i;
+    function B(n) {
+      c.theta -= n;
     }
-    function W(i) {
-      h.phi -= i;
+    function W(n) {
+      c.phi -= n;
     }
     const le = function() {
-      const i = new N();
-      return function(y, v) {
-        i.setFromMatrixColumn(v, 0), i.multiplyScalar(-y), u.add(i);
+      const n = new S();
+      return function(b, w) {
+        n.setFromMatrixColumn(w, 0), n.multiplyScalar(-b), g.add(n);
       };
     }(), ce = function() {
-      const i = new N();
-      return function(y, v) {
-        t.screenSpacePanning === !0 ? i.setFromMatrixColumn(v, 1) : (i.setFromMatrixColumn(v, 0), i.crossVectors(t.object.up, i)), i.multiplyScalar(y), u.add(i);
+      const n = new S();
+      return function(b, w) {
+        t.screenSpacePanning === !0 ? n.setFromMatrixColumn(w, 1) : (n.setFromMatrixColumn(w, 0), n.crossVectors(t.object.up, n)), n.multiplyScalar(b), g.add(n);
       };
-    }(), j = function() {
-      const i = new N();
-      return function(y, v) {
+    }(), A = function() {
+      const n = new S();
+      return function(b, w) {
         const C = t.domElement;
         if (t.object.isPerspectiveCamera) {
           const F = t.object.position;
-          i.copy(F).sub(t.target);
-          let S = i.length();
-          S *= Math.tan(t.object.fov / 2 * Math.PI / 180), le(2 * y * S / C.clientHeight, t.object.matrix), ce(2 * v * S / C.clientHeight, t.object.matrix);
-        } else t.object.isOrthographicCamera ? (le(y * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), ce(v * (t.object.top - t.object.bottom) / t.object.zoom / C.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
+          n.copy(F).sub(t.target);
+          let z = n.length();
+          z *= Math.tan(t.object.fov / 2 * Math.PI / 180), le(2 * b * z / C.clientHeight, t.object.matrix), ce(2 * w * z / C.clientHeight, t.object.matrix);
+        } else t.object.isOrthographicCamera ? (le(b * (t.object.right - t.object.left) / t.object.zoom / C.clientWidth, t.object.matrix), ce(w * (t.object.top - t.object.bottom) / t.object.zoom / C.clientHeight, t.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), t.enablePan = !1);
       };
     }();
-    function te(i) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? g /= i : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function te(n) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d /= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function he(i) {
-      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? g *= i : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
+    function he(n) {
+      t.object.isPerspectiveCamera || t.object.isOrthographicCamera ? d *= n : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), t.enableZoom = !1);
     }
-    function se(i, d) {
+    function se(n, p) {
       if (!t.zoomToCursor)
         return;
       H = !0;
-      const y = t.domElement.getBoundingClientRect(), v = i - y.left, C = d - y.top, F = y.width, S = y.height;
-      T.x = v / F * 2 - 1, T.y = -(C / S) * 2 + 1, Y.set(T.x, T.y, 1).unproject(t.object).sub(t.object.position).normalize();
+      const b = t.domElement.getBoundingClientRect(), w = n - b.left, C = p - b.top, F = b.width, z = b.height;
+      P.x = w / F * 2 - 1, P.y = -(C / z) * 2 + 1, Y.set(P.x, P.y, 1).unproject(t.object).sub(t.object.position).normalize();
     }
-    function ne(i) {
-      return Math.max(t.minDistance, Math.min(t.maxDistance, i));
+    function ie(n) {
+      return Math.max(t.minDistance, Math.min(t.maxDistance, n));
     }
-    function de(i) {
-      b.set(i.clientX, i.clientY);
+    function de(n) {
+      u.set(n.clientX, n.clientY);
     }
-    function Ae(i) {
-      se(i.clientX, i.clientX), z.set(i.clientX, i.clientY);
+    function De(n) {
+      se(n.clientX, n.clientX), N.set(n.clientX, n.clientY);
     }
-    function pe(i) {
-      m.set(i.clientX, i.clientY);
+    function pe(n) {
+      x.set(n.clientX, n.clientY);
     }
-    function je(i) {
-      x.set(i.clientX, i.clientY), f.subVectors(x, b).multiplyScalar(t.rotateSpeed);
-      const d = t.domElement;
-      G(2 * Math.PI * f.x / d.clientHeight), W(2 * Math.PI * f.y / d.clientHeight), b.copy(x), t.update();
+    function Ae(n) {
+      y.set(n.clientX, n.clientY), f.subVectors(y, u).multiplyScalar(t.rotateSpeed);
+      const p = t.domElement;
+      B(2 * Math.PI * f.x / p.clientHeight), W(2 * Math.PI * f.y / p.clientHeight), u.copy(y), t.update();
     }
-    function De(i) {
-      R.set(i.clientX, i.clientY), P.subVectors(R, z), P.y > 0 ? te(V(P.y)) : P.y < 0 && he(V(P.y)), z.copy(R), t.update();
+    function je(n) {
+      O.set(n.clientX, n.clientY), L.subVectors(O, N), L.y > 0 ? te(q(L.y)) : L.y < 0 && he(q(L.y)), N.copy(O), t.update();
     }
-    function $e(i) {
-      M.set(i.clientX, i.clientY), E.subVectors(M, m).multiplyScalar(t.panSpeed), j(E.x, E.y), m.copy(M), t.update();
+    function $e(n) {
+      v.set(n.clientX, n.clientY), M.subVectors(v, x).multiplyScalar(t.panSpeed), A(M.x, M.y), x.copy(v), t.update();
     }
-    function Ke(i) {
-      se(i.clientX, i.clientY), i.deltaY < 0 ? he(V(i.deltaY)) : i.deltaY > 0 && te(V(i.deltaY)), t.update();
+    function Ge(n) {
+      se(n.clientX, n.clientY), n.deltaY < 0 ? he(q(n.deltaY)) : n.deltaY > 0 && te(q(n.deltaY)), t.update();
     }
-    function Ye(i) {
-      let d = !1;
-      switch (i.code) {
+    function Ye(n) {
+      let p = !1;
+      switch (n.code) {
         case t.keys.UP:
-          i.ctrlKey || i.metaKey || i.shiftKey ? W(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(0, t.keyPanSpeed), d = !0;
+          n.ctrlKey || n.metaKey || n.shiftKey ? W(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(0, t.keyPanSpeed), p = !0;
           break;
         case t.keys.BOTTOM:
-          i.ctrlKey || i.metaKey || i.shiftKey ? W(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(0, -t.keyPanSpeed), d = !0;
+          n.ctrlKey || n.metaKey || n.shiftKey ? W(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(0, -t.keyPanSpeed), p = !0;
           break;
         case t.keys.LEFT:
-          i.ctrlKey || i.metaKey || i.shiftKey ? G(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(t.keyPanSpeed, 0), d = !0;
+          n.ctrlKey || n.metaKey || n.shiftKey ? B(2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(t.keyPanSpeed, 0), p = !0;
           break;
         case t.keys.RIGHT:
-          i.ctrlKey || i.metaKey || i.shiftKey ? G(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : j(-t.keyPanSpeed, 0), d = !0;
+          n.ctrlKey || n.metaKey || n.shiftKey ? B(-2 * Math.PI * t.rotateSpeed / t.domElement.clientHeight) : A(-t.keyPanSpeed, 0), p = !0;
           break;
       }
-      d && (i.preventDefault(), t.update());
+      p && (n.preventDefault(), t.update());
     }
-    function ge(i) {
-      if (w.length === 1)
-        b.set(i.pageX, i.pageY);
+    function ge(n) {
+      if (E.length === 1)
+        u.set(n.pageX, n.pageY);
       else {
-        const d = D(i), y = 0.5 * (i.pageX + d.x), v = 0.5 * (i.pageY + d.y);
-        b.set(y, v);
+        const p = j(n), b = 0.5 * (n.pageX + p.x), w = 0.5 * (n.pageY + p.y);
+        u.set(b, w);
       }
     }
-    function ue(i) {
-      if (w.length === 1)
-        m.set(i.pageX, i.pageY);
+    function ue(n) {
+      if (E.length === 1)
+        x.set(n.pageX, n.pageY);
       else {
-        const d = D(i), y = 0.5 * (i.pageX + d.x), v = 0.5 * (i.pageY + d.y);
-        m.set(y, v);
+        const p = j(n), b = 0.5 * (n.pageX + p.x), w = 0.5 * (n.pageY + p.y);
+        x.set(b, w);
       }
     }
-    function me(i) {
-      const d = D(i), y = i.pageX - d.x, v = i.pageY - d.y, C = Math.sqrt(y * y + v * v);
-      z.set(0, C);
+    function fe(n) {
+      const p = j(n), b = n.pageX - p.x, w = n.pageY - p.y, C = Math.sqrt(b * b + w * w);
+      N.set(0, C);
     }
-    function Ge(i) {
-      t.enableZoom && me(i), t.enablePan && ue(i);
+    function Be(n) {
+      t.enableZoom && fe(n), t.enablePan && ue(n);
     }
-    function Be(i) {
-      t.enableZoom && me(i), t.enableRotate && ge(i);
+    function Ke(n) {
+      t.enableZoom && fe(n), t.enableRotate && ge(n);
     }
-    function fe(i) {
-      if (w.length == 1)
-        x.set(i.pageX, i.pageY);
+    function me(n) {
+      if (E.length == 1)
+        y.set(n.pageX, n.pageY);
       else {
-        const y = D(i), v = 0.5 * (i.pageX + y.x), C = 0.5 * (i.pageY + y.y);
-        x.set(v, C);
+        const b = j(n), w = 0.5 * (n.pageX + b.x), C = 0.5 * (n.pageY + b.y);
+        y.set(w, C);
       }
-      f.subVectors(x, b).multiplyScalar(t.rotateSpeed);
-      const d = t.domElement;
-      G(2 * Math.PI * f.x / d.clientHeight), W(2 * Math.PI * f.y / d.clientHeight), b.copy(x);
+      f.subVectors(y, u).multiplyScalar(t.rotateSpeed);
+      const p = t.domElement;
+      B(2 * Math.PI * f.x / p.clientHeight), W(2 * Math.PI * f.y / p.clientHeight), u.copy(y);
     }
-    function ye(i) {
-      if (w.length === 1)
-        M.set(i.pageX, i.pageY);
+    function ye(n) {
+      if (E.length === 1)
+        v.set(n.pageX, n.pageY);
       else {
-        const d = D(i), y = 0.5 * (i.pageX + d.x), v = 0.5 * (i.pageY + d.y);
-        M.set(y, v);
+        const p = j(n), b = 0.5 * (n.pageX + p.x), w = 0.5 * (n.pageY + p.y);
+        v.set(b, w);
       }
-      E.subVectors(M, m).multiplyScalar(t.panSpeed), j(E.x, E.y), m.copy(M);
+      M.subVectors(v, x).multiplyScalar(t.panSpeed), A(M.x, M.y), x.copy(v);
     }
-    function be(i) {
-      const d = D(i), y = i.pageX - d.x, v = i.pageY - d.y, C = Math.sqrt(y * y + v * v);
-      R.set(0, C), P.set(0, Math.pow(R.y / z.y, t.zoomSpeed)), te(P.y), z.copy(R);
-      const F = (i.pageX + d.x) * 0.5, S = (i.pageY + d.y) * 0.5;
-      se(F, S);
+    function xe(n) {
+      const p = j(n), b = n.pageX - p.x, w = n.pageY - p.y, C = Math.sqrt(b * b + w * w);
+      O.set(0, C), L.set(0, Math.pow(O.y / N.y, t.zoomSpeed)), te(L.y), N.copy(O);
+      const F = (n.pageX + p.x) * 0.5, z = (n.pageY + p.y) * 0.5;
+      se(F, z);
     }
-    function Ue(i) {
-      t.enableZoom && be(i), t.enablePan && ye(i);
+    function Xe(n) {
+      t.enableZoom && xe(n), t.enablePan && ye(n);
     }
-    function _e(i) {
-      t.enableZoom && be(i), t.enableRotate && fe(i);
+    function Ve(n) {
+      t.enableZoom && xe(n), t.enableRotate && me(n);
     }
-    function xe(i) {
-      t.enabled !== !1 && (w.length === 0 && (t.domElement.setPointerCapture(i.pointerId), t.domElement.addEventListener("pointermove", oe), t.domElement.addEventListener("pointerup", B)), Je(i), i.pointerType === "touch" ? Ze(i) : Xe(i));
+    function be(n) {
+      t.enabled !== !1 && (E.length === 0 && (t.domElement.setPointerCapture(n.pointerId), t.domElement.addEventListener("pointermove", oe), t.domElement.addEventListener("pointerup", K)), Je(n), n.pointerType === "touch" ? Ze(n) : Ue(n));
     }
-    function oe(i) {
-      t.enabled !== !1 && (i.pointerType === "touch" ? Qe(i) : qe(i));
+    function oe(n) {
+      t.enabled !== !1 && (n.pointerType === "touch" ? Qe(n) : _e(n));
     }
-    function B(i) {
-      et(i), w.length === 0 && (t.domElement.releasePointerCapture(i.pointerId), t.domElement.removeEventListener("pointermove", oe), t.domElement.removeEventListener("pointerup", B)), t.dispatchEvent(Te), o = n.NONE;
+    function K(n) {
+      et(n), E.length === 0 && (t.domElement.releasePointerCapture(n.pointerId), t.domElement.removeEventListener("pointermove", oe), t.domElement.removeEventListener("pointerup", K)), t.dispatchEvent(Pe), i = o.NONE;
     }
-    function Xe(i) {
-      let d;
-      switch (i.button) {
+    function Ue(n) {
+      let p;
+      switch (n.button) {
         case 0:
-          d = t.mouseButtons.LEFT;
+          p = t.mouseButtons.LEFT;
           break;
         case 1:
-          d = t.mouseButtons.MIDDLE;
+          p = t.mouseButtons.MIDDLE;
           break;
         case 2:
-          d = t.mouseButtons.RIGHT;
+          p = t.mouseButtons.RIGHT;
           break;
         default:
-          d = -1;
+          p = -1;
       }
-      switch (d) {
+      switch (p) {
         case $.DOLLY:
           if (t.enableZoom === !1) return;
-          Ae(i), o = n.DOLLY;
+          De(n), i = o.DOLLY;
           break;
         case $.ROTATE:
-          if (i.ctrlKey || i.metaKey || i.shiftKey) {
+          if (n.ctrlKey || n.metaKey || n.shiftKey) {
             if (t.enablePan === !1) return;
-            pe(i), o = n.PAN;
+            pe(n), i = o.PAN;
           } else {
             if (t.enableRotate === !1) return;
-            de(i), o = n.ROTATE;
+            de(n), i = o.ROTATE;
           }
           break;
         case $.PAN:
-          if (i.ctrlKey || i.metaKey || i.shiftKey) {
+          if (n.ctrlKey || n.metaKey || n.shiftKey) {
             if (t.enableRotate === !1) return;
-            de(i), o = n.ROTATE;
+            de(n), i = o.ROTATE;
           } else {
             if (t.enablePan === !1) return;
-            pe(i), o = n.PAN;
+            pe(n), i = o.PAN;
           }
           break;
         default:
-          o = n.NONE;
+          i = o.NONE;
       }
-      o !== n.NONE && t.dispatchEvent(re);
+      i !== o.NONE && t.dispatchEvent(re);
     }
-    function qe(i) {
-      switch (o) {
-        case n.ROTATE:
+    function _e(n) {
+      switch (i) {
+        case o.ROTATE:
           if (t.enableRotate === !1) return;
-          je(i);
+          Ae(n);
           break;
-        case n.DOLLY:
+        case o.DOLLY:
           if (t.enableZoom === !1) return;
-          De(i);
+          je(n);
           break;
-        case n.PAN:
+        case o.PAN:
           if (t.enablePan === !1) return;
-          $e(i);
+          $e(n);
           break;
       }
     }
-    function ve(i) {
-      t.enabled === !1 || t.enableZoom === !1 || o !== n.NONE || (i.preventDefault(), t.dispatchEvent(re), Ke(Ve(i)), t.dispatchEvent(Te));
+    function ve(n) {
+      t.enabled === !1 || t.enableZoom === !1 || i !== o.NONE || (n.preventDefault(), t.dispatchEvent(re), Ge(qe(n)), t.dispatchEvent(Pe));
     }
-    function Ve(i) {
-      const d = i.deltaMode, y = {
-        clientX: i.clientX,
-        clientY: i.clientY,
-        deltaY: i.deltaY
+    function qe(n) {
+      const p = n.deltaMode, b = {
+        clientX: n.clientX,
+        clientY: n.clientY,
+        deltaY: n.deltaY
       };
-      switch (d) {
+      switch (p) {
         case 1:
-          y.deltaY *= 16;
+          b.deltaY *= 16;
           break;
         case 2:
-          y.deltaY *= 100;
+          b.deltaY *= 100;
           break;
       }
-      return i.ctrlKey && !ee && (y.deltaY *= 10), y;
+      return n.ctrlKey && !ee && (b.deltaY *= 10), b;
     }
-    function We(i) {
-      i.key === "Control" && (ee = !0, document.addEventListener("keyup", Me, { passive: !0, capture: !0 }));
+    function We(n) {
+      n.key === "Control" && (ee = !0, document.addEventListener("keyup", Me, { passive: !0, capture: !0 }));
     }
-    function Me(i) {
-      i.key === "Control" && (ee = !1, document.removeEventListener("keyup", Me, { passive: !0, capture: !0 }));
+    function Me(n) {
+      n.key === "Control" && (ee = !1, document.removeEventListener("keyup", Me, { passive: !0, capture: !0 }));
     }
-    function ie(i) {
-      t.enabled === !1 || t.enablePan === !1 || Ye(i);
+    function ne(n) {
+      t.enabled === !1 || t.enablePan === !1 || Ye(n);
     }
-    function Ze(i) {
-      switch (Ee(i), w.length) {
+    function Ze(n) {
+      switch (Ee(n), E.length) {
         case 1:
           switch (t.touches.ONE) {
-            case K.ROTATE:
+            case G.ROTATE:
               if (t.enableRotate === !1) return;
-              ge(i), o = n.TOUCH_ROTATE;
+              ge(n), i = o.TOUCH_ROTATE;
               break;
-            case K.PAN:
+            case G.PAN:
               if (t.enablePan === !1) return;
-              ue(i), o = n.TOUCH_PAN;
+              ue(n), i = o.TOUCH_PAN;
               break;
             default:
-              o = n.NONE;
+              i = o.NONE;
           }
           break;
         case 2:
           switch (t.touches.TWO) {
-            case K.DOLLY_PAN:
+            case G.DOLLY_PAN:
               if (t.enableZoom === !1 && t.enablePan === !1) return;
-              Ge(i), o = n.TOUCH_DOLLY_PAN;
+              Be(n), i = o.TOUCH_DOLLY_PAN;
               break;
-            case K.DOLLY_ROTATE:
+            case G.DOLLY_ROTATE:
               if (t.enableZoom === !1 && t.enableRotate === !1) return;
-              Be(i), o = n.TOUCH_DOLLY_ROTATE;
+              Ke(n), i = o.TOUCH_DOLLY_ROTATE;
               break;
             default:
-              o = n.NONE;
+              i = o.NONE;
           }
           break;
         default:
-          o = n.NONE;
+          i = o.NONE;
       }
-      o !== n.NONE && t.dispatchEvent(re);
+      i !== o.NONE && t.dispatchEvent(re);
     }
-    function Qe(i) {
-      switch (Ee(i), o) {
-        case n.TOUCH_ROTATE:
+    function Qe(n) {
+      switch (Ee(n), i) {
+        case o.TOUCH_ROTATE:
           if (t.enableRotate === !1) return;
-          fe(i), t.update();
+          me(n), t.update();
           break;
-        case n.TOUCH_PAN:
+        case o.TOUCH_PAN:
           if (t.enablePan === !1) return;
-          ye(i), t.update();
+          ye(n), t.update();
           break;
-        case n.TOUCH_DOLLY_PAN:
+        case o.TOUCH_DOLLY_PAN:
           if (t.enableZoom === !1 && t.enablePan === !1) return;
-          Ue(i), t.update();
+          Xe(n), t.update();
           break;
-        case n.TOUCH_DOLLY_ROTATE:
+        case o.TOUCH_DOLLY_ROTATE:
           if (t.enableZoom === !1 && t.enableRotate === !1) return;
-          _e(i), t.update();
+          Ve(n), t.update();
           break;
         default:
-          o = n.NONE;
+          i = o.NONE;
       }
     }
-    function we(i) {
-      t.enabled !== !1 && i.preventDefault();
+    function we(n) {
+      t.enabled !== !1 && n.preventDefault();
     }
-    function Je(i) {
-      w.push(i.pointerId);
+    function Je(n) {
+      E.push(n.pointerId);
     }
-    function et(i) {
-      delete q[i.pointerId];
-      for (let d = 0; d < w.length; d++)
-        if (w[d] == i.pointerId) {
-          w.splice(d, 1);
+    function et(n) {
+      delete _[n.pointerId];
+      for (let p = 0; p < E.length; p++)
+        if (E[p] == n.pointerId) {
+          E.splice(p, 1);
           return;
         }
     }
-    function Ee(i) {
-      let d = q[i.pointerId];
-      d === void 0 && (d = new k(), q[i.pointerId] = d), d.set(i.pageX, i.pageY);
+    function Ee(n) {
+      let p = _[n.pointerId];
+      p === void 0 && (p = new k(), _[n.pointerId] = p), p.set(n.pageX, n.pageY);
     }
-    function D(i) {
-      const d = i.pointerId === w[0] ? w[1] : w[0];
-      return q[d];
+    function j(n) {
+      const p = n.pointerId === E[0] ? E[1] : E[0];
+      return _[p];
     }
-    t.domElement.addEventListener("contextmenu", we), t.domElement.addEventListener("pointerdown", xe), t.domElement.addEventListener("pointercancel", B), t.domElement.addEventListener("wheel", ve, { passive: !1 }), document.addEventListener("keydown", We, { passive: !0, capture: !0 }), this.update();
+    t.domElement.addEventListener("contextmenu", we), t.domElement.addEventListener("pointerdown", be), t.domElement.addEventListener("pointercancel", K), t.domElement.addEventListener("wheel", ve, { passive: !1 }), document.addEventListener("keydown", We, { passive: !0, capture: !0 }), this.update();
   }
 }
 class ut {
   constructor(e, s) {
-    r(this, "scene");
-    r(this, "camera");
-    r(this, "renderer");
-    r(this, "controls");
-    r(this, "container");
-    r(this, "resizeHandler");
-    this.container = e, this.scene = new p.Scene(), this.scene.background = new p.Color(
+    l(this, "scene");
+    l(this, "camera");
+    l(this, "renderer");
+    l(this, "controls");
+    l(this, "container");
+    l(this, "resizeHandler");
+    this.container = e, this.scene = new m.Scene(), this.scene.background = new m.Color(
       s.backgroundColor ?? 657930
     );
-    const { width: t, height: n } = Se(e), o = s.cameraFov ?? 75;
-    this.camera = new p.PerspectiveCamera(o, t / n, 0.1, 2e3);
+    const { width: t, height: o } = ze(e), i = s.cameraFov ?? 75;
+    this.camera = new m.PerspectiveCamera(i, t / o, 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({
+    this.camera.position.set(a.x, a.y, a.z), this.renderer = new m.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, o), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.toneMapping = m.ACESFilmicToneMapping, this.renderer.toneMappingExposure = 1, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = m.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);
   }
   /**
    * Sets up scene lighting for gradient glass on dark background
    */
   setupLighting() {
-    const e = new p.AmbientLight(16777215, 0.4);
+    const e = new m.AmbientLight(16777215, 0.4);
     this.scene.add(e);
-    const s = new p.DirectionalLight(16777215, 0.9);
+    const s = new m.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);
+    const t = new m.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 o = new p.PointLight(16750950, 0.5, 150);
-    o.position.set(40, 20, 40), this.scene.add(o);
-    const a = new p.PointLight(16764057, 0.4, 150);
+    const o = new m.DirectionalLight(16777215, 0.3);
+    o.position.set(0, -30, -50), this.scene.add(o);
+    const i = new m.PointLight(16750950, 0.5, 150);
+    i.position.set(40, 20, 40), this.scene.add(i);
+    const a = new m.PointLight(16764057, 0.4, 150);
     a.position.set(-40, -20, 40), this.scene.add(a);
-    const l = new p.PointLight(6724095, 0.2, 100);
-    l.position.set(0, 40, -40), this.scene.add(l);
+    const r = new m.PointLight(6724095, 0.2, 100);
+    r.position.set(0, 40, -40), this.scene.add(r);
   }
   /**
    * Handle window resize
    */
   onWindowResize() {
-    const { width: e, height: s } = Se(this.container);
+    const { width: e, height: s } = ze(this.container);
     this.camera.aspect = e / s, this.camera.updateProjectionMatrix(), this.renderer.setSize(e, s);
   }
   /**
@@ -542,7 +545,7 @@ class ut {
    * Gets the camera's forward direction
    */
   getCameraDirection() {
-    const e = new p.Vector3();
+    const e = new m.Vector3();
     return this.camera.getWorldDirection(e), e;
   }
   /**
@@ -555,12 +558,12 @@ class ut {
     }
   }
 }
-class mt {
+class ft {
   constructor(e, s) {
-    r(this, "sceneManager");
-    r(this, "nodeFactory");
-    r(this, "nodes", /* @__PURE__ */ new Map());
-    r(this, "nodeObjects", /* @__PURE__ */ new Map());
+    l(this, "sceneManager");
+    l(this, "nodeFactory");
+    l(this, "nodes", /* @__PURE__ */ new Map());
+    l(this, "nodeObjects", /* @__PURE__ */ new Map());
     this.sceneManager = e, this.nodeFactory = s;
   }
   /**
@@ -574,7 +577,7 @@ class mt {
    * @returns true if added, false if node already exists or invalid
    */
   addNode(e, s = 0) {
-    if (!Re(e))
+    if (!Oe(e))
       return !1;
     if (this.nodes.has(e.id))
       return console.warn(`[ForceGraph3D] Node with id "${e.id}" already exists`), !1;
@@ -582,16 +585,16 @@ class mt {
       x: (Math.random() - 0.5) * 50,
       y: (Math.random() - 0.5) * 50,
       z: (Math.random() - 0.5) * 50
-    }, n = {
+    }, o = {
       ...e,
       position: t,
       velocity: { x: 0, y: 0, z: 0 },
       mass: 1
-    }, o = this.nodeFactory.createNode(
+    }, i = this.nodeFactory.createNode(
       { ...e, position: t },
       s
     );
-    return this.sceneManager.add(o.group), this.nodes.set(e.id, n), this.nodeObjects.set(e.id, o), !0;
+    return this.sceneManager.add(i.group), this.nodes.set(e.id, o), this.nodeObjects.set(e.id, i), !0;
   }
   /**
    * Removes a node from the graph
@@ -605,17 +608,17 @@ class mt {
    * Updates a node's properties
    */
   updateNode(e, s) {
-    const t = this.nodes.get(e), n = this.nodeObjects.get(e);
-    return !t || !n ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (s.label !== void 0 && (t.label = s.label, this.nodeFactory.updateNodeLabel(n, s.label)), s.color !== void 0 && (t.color = s.color, this.nodeFactory.updateNodeColor(n, s.color)), Object.keys(s).forEach((o) => {
-      o !== "id" && o !== "label" && o !== "color" && o !== "position" && (t[o] = s[o]);
+    const t = this.nodes.get(e), o = this.nodeObjects.get(e);
+    return !t || !o ? (console.warn(`[ForceGraph3D] Node "${e}" not found`), !1) : (s.label !== void 0 && (t.label = s.label, this.nodeFactory.updateNodeLabel(o, s.label)), s.color !== void 0 && (t.color = s.color, this.nodeFactory.updateNodeColor(o, s.color)), Object.keys(s).forEach((i) => {
+      i !== "id" && i !== "label" && i !== "color" && i !== "position" && (t[i] = s[i]);
     }), !0);
   }
   /**
    * Updates a node's position (called by physics engine)
    */
   updateNodePosition(e, s) {
-    const t = this.nodes.get(e), n = this.nodeObjects.get(e);
-    t && n && (t.position = s, n.group.position.set(s.x, s.y, s.z));
+    const t = this.nodes.get(e), o = this.nodeObjects.get(e);
+    t && o && (t.position = s, o.group.position.set(s.x, s.y, s.z));
   }
   /**
    * Updates a node's LOD level
@@ -681,22 +684,22 @@ class mt {
     this.clear();
   }
 }
-class ft {
+class mt {
   constructor(e, s, t) {
-    r(this, "sceneManager");
-    r(this, "nodeManager");
-    r(this, "edgeFactory");
-    r(this, "edges", []);
-    r(this, "edgeObjects", []);
-    r(this, "edgeKeySet", /* @__PURE__ */ new Set());
-    r(this, "highlightedEdgeKey", null);
+    l(this, "sceneManager");
+    l(this, "nodeManager");
+    l(this, "edgeFactory");
+    l(this, "edges", []);
+    l(this, "edgeObjects", []);
+    l(this, "edgeKeySet", /* @__PURE__ */ new Set());
+    l(this, "highlightedEdgeKey", null);
     this.sceneManager = e, this.nodeManager = s, this.edgeFactory = t;
   }
   /**
    * Checks if an edge exists
    */
   hasEdge(e, s) {
-    const t = A(e, s);
+    const t = D(e, s);
     return this.edgeKeySet.has(t);
   }
   /**
@@ -710,44 +713,44 @@ class ft {
       return console.warn(`[ForceGraph3D] Source node "${e.source}" does not exist`), !1;
     if (!this.nodeManager.hasNode(e.target))
       return console.warn(`[ForceGraph3D] Target node "${e.target}" does not exist`), !1;
-    const s = A(e.source, e.target);
+    const s = D(e.source, e.target);
     if (this.edgeKeySet.has(s))
       return console.warn(`[ForceGraph3D] Edge "${e.source}" -> "${e.target}" already exists`), !1;
-    const t = this.nodeManager.getNode(e.source), n = this.nodeManager.getNode(e.target), o = this.edgeFactory.createEdge(
+    const t = this.nodeManager.getNode(e.source), o = this.nodeManager.getNode(e.target), i = this.edgeFactory.createEdge(
       e,
       t,
-      n,
+      o,
       t.position,
-      n.position
+      o.position
     );
-    return this.sceneManager.add(o.line), this.edges.push(e), this.edgeObjects.push(o), this.edgeKeySet.add(s), !0;
+    return this.sceneManager.add(i.line), this.edges.push(e), this.edgeObjects.push(i), this.edgeKeySet.add(s), !0;
   }
   /**
    * Removes an edge from the graph
    * @returns true if removed, false if not found
    */
   removeEdge(e, s) {
-    const t = A(e, s);
+    const t = D(e, s);
     if (!this.edgeKeySet.has(t))
       return !1;
-    const n = this.edges.findIndex(
-      (a) => A(a.source, a.target) === t
+    const o = this.edges.findIndex(
+      (a) => D(a.source, a.target) === t
     );
-    if (n === -1)
+    if (o === -1)
       return !1;
-    const o = this.edgeObjects[n];
-    return this.sceneManager.remove(o.line), this.edgeFactory.disposeEdge(o), this.edges.splice(n, 1), this.edgeObjects.splice(n, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
+    const i = this.edgeObjects[o];
+    return this.sceneManager.remove(i.line), this.edgeFactory.disposeEdge(i), this.edges.splice(o, 1), this.edgeObjects.splice(o, 1), this.edgeKeySet.delete(t), this.highlightedEdgeKey === t && (this.highlightedEdgeKey = null), !0;
   }
   /**
    * Highlights an edge
    */
   highlightEdge(e, s) {
-    const t = A(e, s);
+    const t = D(e, s);
     this.highlightedEdgeKey && this.highlightedEdgeKey !== t && this.unhighlightCurrentEdge();
-    const n = this.edges.findIndex(
-      (o) => A(o.source, o.target) === t
+    const o = this.edges.findIndex(
+      (i) => D(i.source, i.target) === t
     );
-    n !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[n]), this.highlightedEdgeKey = t);
+    o !== -1 && (this.edgeFactory.highlightEdge(this.edgeObjects[o]), this.highlightedEdgeKey = t);
   }
   /**
    * Unhighlights the currently highlighted edge
@@ -755,7 +758,7 @@ class ft {
   unhighlightCurrentEdge() {
     if (!this.highlightedEdgeKey) return;
     const e = this.edges.findIndex(
-      (s) => A(s.source, s.target) === this.highlightedEdgeKey
+      (s) => D(s.source, s.target) === this.highlightedEdgeKey
     );
     e !== -1 && this.edgeFactory.unhighlightEdge(this.edgeObjects[e]), this.highlightedEdgeKey = null;
   }
@@ -790,11 +793,11 @@ class ft {
    */
   updateEdgePositions() {
     this.edgeObjects.forEach((e, s) => {
-      const t = this.edges[s], n = this.nodeManager.getNode(t.source), o = this.nodeManager.getNode(t.target);
-      n && o && this.edgeFactory.updateEdgePositions(
+      const t = this.edges[s], o = this.nodeManager.getNode(t.source), i = this.nodeManager.getNode(t.target);
+      o && i && this.edgeFactory.updateEdgePositions(
         e,
-        n.position,
-        o.position
+        o.position,
+        i.position
       );
     });
   }
@@ -833,19 +836,19 @@ class ft {
 }
 class Le {
   constructor(e, s, t = {}) {
-    r(this, "nodes");
-    r(this, "edges");
+    l(this, "nodes");
+    l(this, "edges");
     // Physics parameters
-    r(this, "repulsionStrength");
-    r(this, "attractionStrength");
-    r(this, "damping");
-    r(this, "useBarnesHut");
-    r(this, "barnesHutTheta");
+    l(this, "repulsionStrength");
+    l(this, "attractionStrength");
+    l(this, "damping");
+    l(this, "useBarnesHut");
+    l(this, "barnesHutTheta");
     // Simulation state
-    r(this, "alpha", 1);
-    r(this, "alphaDecay", 0.0228);
-    r(this, "alphaMin", 1e-3);
-    r(this, "alphaTarget", 0);
+    l(this, "alpha", 1);
+    l(this, "alphaDecay", 0.0228);
+    l(this, "alphaMin", 1e-3);
+    l(this, "alphaTarget", 0);
     this.nodes = e, this.edges = s, this.repulsionStrength = t.repulsionStrength ?? 100, this.attractionStrength = t.attractionStrength ?? 0.01, this.damping = t.damping ?? 0.9, this.useBarnesHut = t.useBarnesHut ?? !1, this.barnesHutTheta = t.barnesHutTheta ?? 0.5;
   }
   /**
@@ -862,13 +865,13 @@ class Le {
   calculateRepulsionBruteForce() {
     const e = Array.from(this.nodes.values()), s = e.length;
     for (let t = 0; t < s; t++) {
-      const n = e[t];
-      for (let o = t + 1; o < s; o++) {
-        const a = e[o], l = a.position.x - n.position.x, h = a.position.y - n.position.y, g = a.position.z - n.position.z;
-        let u = l * l + h * h + g * g;
-        u < 0.01 && (u = 0.01);
-        const b = Math.sqrt(u), x = this.repulsionStrength * this.alpha / u, f = l / b * x, m = h / b * x, M = g / b * x;
-        n.velocity.x -= f / n.mass, n.velocity.y -= m / n.mass, n.velocity.z -= M / n.mass, a.velocity.x += f / a.mass, a.velocity.y += m / a.mass, a.velocity.z += M / a.mass;
+      const o = e[t];
+      for (let i = t + 1; i < s; i++) {
+        const a = e[i], r = a.position.x - o.position.x, c = a.position.y - o.position.y, d = a.position.z - o.position.z;
+        let g = r * r + c * c + d * d;
+        g < 0.01 && (g = 0.01);
+        const u = Math.sqrt(g), y = this.repulsionStrength * this.alpha / g, f = r / u * y, x = c / u * y, v = d / u * y;
+        o.velocity.x -= f / o.mass, o.velocity.y -= x / o.mass, o.velocity.z -= v / o.mass, a.velocity.x += f / a.mass, a.velocity.y += x / a.mass, a.velocity.z += v / a.mass;
       }
     }
   }
@@ -889,23 +892,23 @@ class Le {
       return;
     }
     if (s.mass === 0) return;
-    const t = s.centerOfMass.x - e.position.x, n = s.centerOfMass.y - e.position.y, o = s.centerOfMass.z - e.position.z, a = Math.sqrt(t * t + n * n + o * o);
+    const t = s.centerOfMass.x - e.position.x, o = s.centerOfMass.y - e.position.y, i = s.centerOfMass.z - e.position.z, a = Math.sqrt(t * t + o * o + i * i);
     if (s.size / a < this.barnesHutTheta) {
-      const l = Math.max(a * a, 0.01), h = this.repulsionStrength * this.alpha * s.mass / l;
-      e.velocity.x -= t / a * h / e.mass, e.velocity.y -= n / a * h / e.mass, e.velocity.z -= o / a * h / e.mass;
+      const r = Math.max(a * a, 0.01), c = this.repulsionStrength * this.alpha * s.mass / r;
+      e.velocity.x -= t / a * c / e.mass, e.velocity.y -= o / a * c / e.mass, e.velocity.z -= i / a * c / e.mass;
     } else
-      for (const l of s.children)
-        l && this.calculateForceFromOctree(e, l);
+      for (const r of s.children)
+        r && this.calculateForceFromOctree(e, r);
   }
   /**
    * Apply repulsion between two nodes
    */
   applyRepulsionBetween(e, s) {
-    const t = s.position.x - e.position.x, n = s.position.y - e.position.y, o = s.position.z - e.position.z;
-    let a = t * t + n * n + o * o;
+    const t = s.position.x - e.position.x, o = s.position.y - e.position.y, i = s.position.z - e.position.z;
+    let a = t * t + o * o + i * i;
     a < 0.01 && (a = 0.01);
-    const l = Math.sqrt(a), h = this.repulsionStrength * this.alpha / a;
-    e.velocity.x -= t / l * h / e.mass, e.velocity.y -= n / l * h / e.mass, e.velocity.z -= o / l * h / e.mass;
+    const r = Math.sqrt(a), c = this.repulsionStrength * this.alpha / a;
+    e.velocity.x -= t / r * c / e.mass, e.velocity.y -= o / r * c / e.mass, e.velocity.z -= i / r * c / e.mass;
   }
   /**
    * Calculate attraction forces along edges
@@ -914,10 +917,10 @@ class Le {
     for (const e of this.edges) {
       const s = this.nodes.get(e.source), t = this.nodes.get(e.target);
       if (!s || !t) continue;
-      const n = t.position.x - s.position.x, o = t.position.y - s.position.y, a = t.position.z - s.position.z, l = Math.sqrt(n * n + o * o + a * a);
-      if (l < 0.01) continue;
-      const g = (l - 15) * this.attractionStrength * this.alpha, u = n / l * g, b = o / l * g, x = a / l * g;
-      s.velocity.x += u / s.mass, s.velocity.y += b / s.mass, s.velocity.z += x / s.mass, t.velocity.x -= u / t.mass, t.velocity.y -= b / t.mass, t.velocity.z -= x / t.mass;
+      const o = t.position.x - s.position.x, i = t.position.y - s.position.y, a = t.position.z - s.position.z, r = Math.sqrt(o * o + i * i + a * a);
+      if (r < 0.01) continue;
+      const d = (r - 15) * this.attractionStrength * this.alpha, g = o / r * d, u = i / r * d, y = a / r * d;
+      s.velocity.x += g / s.mass, s.velocity.y += u / s.mass, s.velocity.z += y / s.mass, t.velocity.x -= g / t.mass, t.velocity.y -= u / t.mass, t.velocity.z -= y / t.mass;
     }
   }
   /**
@@ -954,7 +957,7 @@ class Le {
 }
 class yt {
   constructor(e) {
-    r(this, "root");
+    l(this, "root");
     const s = this.calculateBounds(e);
     this.root = this.buildTree(e, s);
   }
@@ -965,13 +968,13 @@ class yt {
         max: { x: 100, y: 100, z: 100 }
       };
     const s = { x: 1 / 0, y: 1 / 0, z: 1 / 0 }, t = { x: -1 / 0, y: -1 / 0, z: -1 / 0 };
-    for (const o of e)
-      s.x = Math.min(s.x, o.position.x), s.y = Math.min(s.y, o.position.y), s.z = Math.min(s.z, o.position.z), t.x = Math.max(t.x, o.position.x), t.y = Math.max(t.y, o.position.y), t.z = Math.max(t.z, o.position.z);
-    const n = 10;
-    return s.x -= n, s.y -= n, s.z -= n, t.x += n, t.y += n, t.z += n, { min: s, max: t };
+    for (const i of e)
+      s.x = Math.min(s.x, i.position.x), s.y = Math.min(s.y, i.position.y), s.z = Math.min(s.z, i.position.z), t.x = Math.max(t.x, i.position.x), t.y = Math.max(t.y, i.position.y), t.z = Math.max(t.z, i.position.z);
+    const o = 10;
+    return s.x -= o, s.y -= o, s.z -= o, t.x += o, t.y += o, t.z += o, { min: s, max: t };
   }
   buildTree(e, s, t = 0) {
-    const n = Math.max(
+    const o = Math.max(
       s.max.x - s.min.x,
       s.max.y - s.min.y,
       s.max.z - s.min.z
@@ -979,7 +982,7 @@ class yt {
     if (e.length === 0)
       return {
         bounds: s,
-        size: n,
+        size: o,
         centerOfMass: { x: 0, y: 0, z: 0 },
         mass: 0,
         isLeaf: !0,
@@ -988,70 +991,70 @@ class yt {
       };
     if (e.length === 1 || t > 20) {
       let f = 0;
-      const m = { x: 0, y: 0, z: 0 };
-      for (const M of e)
-        f += M.mass, m.x += M.position.x * M.mass, m.y += M.position.y * M.mass, m.z += M.position.z * M.mass;
-      return f > 0 && (m.x /= f, m.y /= f, m.z /= f), {
+      const x = { x: 0, y: 0, z: 0 };
+      for (const v of e)
+        f += v.mass, x.x += v.position.x * v.mass, x.y += v.position.y * v.mass, x.z += v.position.z * v.mass;
+      return f > 0 && (x.x /= f, x.y /= f, x.z /= f), {
         bounds: s,
-        size: n,
-        centerOfMass: m,
+        size: o,
+        centerOfMass: x,
         mass: f,
         isLeaf: !0,
         node: e[0],
         children: []
       };
     }
-    const o = (s.min.x + s.max.x) / 2, a = (s.min.y + s.max.y) / 2, l = (s.min.z + s.max.z) / 2, h = [[], [], [], [], [], [], [], []];
+    const i = (s.min.x + s.max.x) / 2, a = (s.min.y + s.max.y) / 2, r = (s.min.z + s.max.z) / 2, c = [[], [], [], [], [], [], [], []];
     for (const f of e) {
-      const m = (f.position.x >= o ? 1 : 0) + (f.position.y >= a ? 2 : 0) + (f.position.z >= l ? 4 : 0);
-      h[m].push(f);
-    }
-    const g = [
-      { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: o, y: a, z: l } },
-      { min: { x: o, 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: o, y: s.max.y, z: l } },
-      { min: { x: o, 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: o, y: a, z: s.max.z } },
-      { min: { x: o, 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: o, y: s.max.y, z: s.max.z } },
-      { min: { x: o, y: a, z: l }, max: { x: s.max.x, y: s.max.y, z: s.max.z } }
-    ], u = [];
-    let b = 0;
-    const x = { x: 0, y: 0, z: 0 };
+      const x = (f.position.x >= i ? 1 : 0) + (f.position.y >= a ? 2 : 0) + (f.position.z >= r ? 4 : 0);
+      c[x].push(f);
+    }
+    const d = [
+      { min: { x: s.min.x, y: s.min.y, z: s.min.z }, max: { x: i, y: a, z: r } },
+      { min: { x: i, y: s.min.y, z: s.min.z }, max: { x: s.max.x, y: a, z: r } },
+      { min: { x: s.min.x, y: a, z: s.min.z }, max: { x: i, y: s.max.y, z: r } },
+      { min: { x: i, y: a, z: s.min.z }, max: { x: s.max.x, y: s.max.y, z: r } },
+      { min: { x: s.min.x, y: s.min.y, z: r }, max: { x: i, y: a, z: s.max.z } },
+      { min: { x: i, y: s.min.y, z: r }, max: { x: s.max.x, y: a, z: s.max.z } },
+      { min: { x: s.min.x, y: a, z: r }, max: { x: i, y: s.max.y, z: s.max.z } },
+      { min: { x: i, y: a, z: r }, max: { x: s.max.x, y: s.max.y, z: s.max.z } }
+    ], g = [];
+    let u = 0;
+    const y = { x: 0, y: 0, z: 0 };
     for (let f = 0; f < 8; f++)
-      if (h[f].length > 0) {
-        const m = this.buildTree(h[f], g[f], t + 1);
-        u.push(m), b += m.mass, x.x += m.centerOfMass.x * m.mass, x.y += m.centerOfMass.y * m.mass, x.z += m.centerOfMass.z * m.mass;
+      if (c[f].length > 0) {
+        const x = this.buildTree(c[f], d[f], t + 1);
+        g.push(x), u += x.mass, y.x += x.centerOfMass.x * x.mass, y.y += x.centerOfMass.y * x.mass, y.z += x.centerOfMass.z * x.mass;
       } else
-        u.push(null);
-    return b > 0 && (x.x /= b, x.y /= b, x.z /= b), {
+        g.push(null);
+    return u > 0 && (y.x /= u, y.y /= u, y.z /= u), {
       bounds: s,
-      size: n,
-      centerOfMass: x,
-      mass: b,
+      size: o,
+      centerOfMass: y,
+      mass: u,
       isLeaf: !1,
       node: null,
-      children: u
+      children: g
     };
   }
 }
-class bt {
-  constructor(e, s, t, n = 60) {
-    r(this, "sceneManager");
-    r(this, "animationId", null);
-    r(this, "isRunning", !1);
-    r(this, "frameInterval");
-    r(this, "lastFrameTime", 0);
-    r(this, "onSimulate");
-    r(this, "onRender");
+class xt {
+  constructor(e, s, t, o = 60) {
+    l(this, "sceneManager");
+    l(this, "animationId", null);
+    l(this, "isRunning", !1);
+    l(this, "frameInterval");
+    l(this, "lastFrameTime", 0);
+    l(this, "onSimulate");
+    l(this, "onRender");
     // Performance monitoring
-    r(this, "frameCount", 0);
-    r(this, "fpsStartTime", 0);
-    r(this, "currentFPS", 60);
+    l(this, "frameCount", 0);
+    l(this, "fpsStartTime", 0);
+    l(this, "currentFPS", 60);
     /**
      * Main animation loop
      */
-    r(this, "animate", () => {
+    l(this, "animate", () => {
       if (!this.isRunning) return;
       this.animationId = requestAnimationFrame(this.animate);
       const e = performance.now(), s = e - this.lastFrameTime;
@@ -1061,7 +1064,7 @@ class bt {
       const t = e - this.fpsStartTime;
       t >= 1e3 && (this.currentFPS = this.frameCount / (t / 1e3), this.frameCount = 0, this.fpsStartTime = e), this.onSimulate(), this.onRender(), this.sceneManager.render();
     });
-    this.sceneManager = e, this.onSimulate = s, this.onRender = t, this.frameInterval = 1e3 / n;
+    this.sceneManager = e, this.onSimulate = s, this.onRender = t, this.frameInterval = 1e3 / o;
   }
   /**
    * Starts the animation loop
@@ -1100,12 +1103,12 @@ class bt {
     this.stop();
   }
 }
-class xt {
+class bt {
   constructor() {
-    r(this, "envMap", null);
-    r(this, "materialCache", /* @__PURE__ */ new Map());
+    l(this, "envMap", null);
+    l(this, "materialCache", /* @__PURE__ */ new Map());
     // Color palette - white and tangerine
-    r(this, "COLORS", [
+    l(this, "COLORS", [
       16777215,
       // White
       16750950,
@@ -1138,10 +1141,10 @@ class xt {
       { colors: ["#2d1a1a", "#1a0a0a", "#0f0505"] }
       // -z
     ];
-    for (const n of t) {
-      const o = document.createElement("canvas");
-      o.width = 256, o.height = 256;
-      const a = o.getContext("2d"), l = a.createRadialGradient(
+    for (const o of t) {
+      const i = document.createElement("canvas");
+      i.width = 256, i.height = 256;
+      const a = i.getContext("2d"), r = a.createRadialGradient(
         256 / 2,
         256 / 2,
         0,
@@ -1149,17 +1152,17 @@ class xt {
         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);
-      const h = a.getImageData(0, 0, 256, 256);
-      for (let g = 0; g < h.data.length; g += 4) {
-        const u = (Math.random() - 0.5) * 5;
-        h.data[g] = Math.min(255, Math.max(0, h.data[g] + u)), h.data[g + 1] = Math.min(255, Math.max(0, h.data[g + 1] + u)), h.data[g + 2] = Math.min(255, Math.max(0, h.data[g + 2] + u));
+      r.addColorStop(0, o.colors[0]), r.addColorStop(0.5, o.colors[1]), r.addColorStop(1, o.colors[2]), a.fillStyle = r, a.fillRect(0, 0, 256, 256);
+      const c = a.getImageData(0, 0, 256, 256);
+      for (let d = 0; d < c.data.length; d += 4) {
+        const g = (Math.random() - 0.5) * 5;
+        c.data[d] = Math.min(255, Math.max(0, c.data[d] + g)), c.data[d + 1] = Math.min(255, Math.max(0, c.data[d + 1] + g)), c.data[d + 2] = Math.min(255, Math.max(0, c.data[d + 2] + g));
       }
-      a.putImageData(h, 0, 0), s.push(o);
+      a.putImageData(c, 0, 0), s.push(i);
     }
-    this.envMap = new p.CubeTexture(s.map((n) => {
-      const o = new Image();
-      return o.src = n.toDataURL(), o;
+    this.envMap = new m.CubeTexture(s.map((o) => {
+      const i = new Image();
+      return i.src = o.toDataURL(), i;
     })), this.envMap.needsUpdate = !0;
   }
   /**
@@ -1176,11 +1179,11 @@ class xt {
     const t = "glass-single";
     if (this.materialCache.has(t))
       return this.materialCache.get(t).clone();
-    const n = new p.Color(16750950), o = new p.ShaderMaterial({
+    const o = new m.Color(16750950), i = new m.ShaderMaterial({
       uniforms: {
-        uColor: { value: n },
+        uColor: { value: o },
         uEnvMap: { value: this.envMap },
-        uGlowColor: { value: new p.Color(16777215) },
+        uGlowColor: { value: new m.Color(16777215) },
         uGlowIntensity: { value: 0.8 },
         uReflectivity: { value: 0.4 },
         uFresnelPower: { value: 2.5 }
@@ -1246,17 +1249,17 @@ class xt {
                 }
             `,
       transparent: !0,
-      side: p.FrontSide,
+      side: m.FrontSide,
       depthWrite: !0,
-      blending: p.NormalBlending
+      blending: m.NormalBlending
     });
-    return this.materialCache.set(t, o), o.clone();
+    return this.materialCache.set(t, i), i.clone();
   }
   /**
    * Creates material for edges (light color for dark background)
    */
   createEdgeMaterial(e = 6710886, s = 0.4) {
-    return new p.LineBasicMaterial({
+    return new m.LineBasicMaterial({
       color: e,
       transparent: !0,
       opacity: s,
@@ -1267,7 +1270,7 @@ class xt {
    * Creates highlighted edge material
    */
   createHighlightedEdgeMaterial() {
-    return new p.LineBasicMaterial({
+    return new m.LineBasicMaterial({
       color: 16750950,
       // Tangerine highlight
       transparent: !1,
@@ -1279,13 +1282,13 @@ class xt {
    * Creates a sprite material for labels (light text for dark background)
    */
   createLabelMaterial(e, s = 24) {
-    const t = document.createElement("canvas"), n = t.getContext("2d");
-    n.font = `600 ${s}px Inter, -apple-system, sans-serif`;
-    const a = n.measureText(e).width;
-    t.width = Math.max(128, a + 24), t.height = s + 20, n.clearRect(0, 0, t.width, t.height), n.font = `600 ${s}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);
-    const l = new p.CanvasTexture(t);
-    return l.needsUpdate = !0, new p.SpriteMaterial({
-      map: l,
+    const t = document.createElement("canvas"), o = t.getContext("2d");
+    o.font = `600 ${s}px Inter, -apple-system, sans-serif`;
+    const a = o.measureText(e).width;
+    t.width = Math.max(128, a + 24), t.height = s + 20, o.clearRect(0, 0, t.width, t.height), o.font = `600 ${s}px Inter, -apple-system, sans-serif`, o.textAlign = "center", o.textBaseline = "middle", o.shadowColor = "rgba(0, 0, 0, 0.8)", o.shadowBlur = 4, o.shadowOffsetX = 1, o.shadowOffsetY = 1, o.fillStyle = "rgba(255, 255, 255, 0.95)", o.fillText(e, t.width / 2, t.height / 2);
+    const r = new m.CanvasTexture(t);
+    return r.needsUpdate = !0, new m.SpriteMaterial({
+      map: r,
       transparent: !0,
       depthTest: !1,
       depthWrite: !1
@@ -1305,12 +1308,13 @@ class xt {
   }
 }
 class vt {
-  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 = s, this.lodSegments = t, this.initGeometryCache();
+  constructor(e, s = 2, t = [32, 16, 8], o = 16750950) {
+    l(this, "materialFactory");
+    l(this, "geometryCache", /* @__PURE__ */ new Map());
+    l(this, "nodeRadius");
+    l(this, "lodSegments");
+    l(this, "defaultNodeColor");
+    this.materialFactory = e, this.nodeRadius = s, this.lodSegments = t, this.defaultNodeColor = o, this.initGeometryCache();
   }
   /**
    * Pre-create geometries for each LOD level
@@ -1320,7 +1324,7 @@ class vt {
       const t = `lod-${s}`;
       this.geometryCache.set(
         t,
-        new p.SphereGeometry(this.nodeRadius, e, e)
+        new m.SphereGeometry(this.nodeRadius, e, e)
       );
     });
   }
@@ -1335,21 +1339,21 @@ class vt {
    * Creates a node visual (glass ball + label)
    */
   createNode(e, s = 0) {
-    const t = new p.Group();
+    const t = new m.Group();
     t.name = `node-${e.id}`, t.userData = { nodeId: e.id, nodeData: e };
-    const n = this.getGeometry(s), o = this.materialFactory.createGlassMaterial(
-      e.color ?? 4886754
-    ), a = new p.Mesh(n, o);
+    const o = this.getGeometry(s), i = this.materialFactory.createGlassMaterial(
+      e.color ?? this.defaultNodeColor
+    ), a = new m.Mesh(o, i);
     a.castShadow = !0, a.receiveShadow = !0, t.add(a);
-    const l = this.materialFactory.createLabelMaterial(e.label), h = new p.Sprite(l);
-    return h.position.y = this.nodeRadius + 1.5, h.scale.set(4, 1, 1), t.add(h), e.position && t.position.set(
+    const r = this.materialFactory.createLabelMaterial(e.label), c = new m.Sprite(r);
+    return c.position.y = this.nodeRadius + 1.5, c.scale.set(4, 1, 1), t.add(c), e.position && t.position.set(
       e.position.x,
       e.position.y,
       e.position.z
     ), {
       group: t,
       sphere: a,
-      label: h,
+      label: c,
       lodLevel: s
     };
   }
@@ -1365,19 +1369,19 @@ class vt {
    * Updates the color of a node
    */
   updateNodeColor(e, s) {
-    e.sphere.material instanceof p.Material && e.sphere.material.dispose(), e.sphere.material = this.materialFactory.createGlassMaterial(s);
+    e.sphere.material instanceof m.Material && e.sphere.material.dispose(), e.sphere.material = this.materialFactory.createGlassMaterial(s);
   }
   /**
    * Updates the label of a node
    */
   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);
+    e.label.material instanceof m.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
    */
   disposeNode(e) {
-    e.sphere.material instanceof p.Material && e.sphere.material.dispose(), e.label.material instanceof p.SpriteMaterial && (e.label.material.map && e.label.material.map.dispose(), e.label.material.dispose());
+    e.sphere.material instanceof m.Material && e.sphere.material.dispose(), e.label.material instanceof m.SpriteMaterial && (e.label.material.map && e.label.material.map.dispose(), e.label.material.dispose());
   }
   /**
    * Dispose factory resources
@@ -1388,11 +1392,11 @@ class vt {
 }
 class Mt {
   constructor(e, s = 10066329, t = 0.5) {
-    r(this, "materialFactory");
-    r(this, "edgeColor");
-    r(this, "edgeOpacity");
-    r(this, "defaultMaterial", null);
-    r(this, "highlightMaterial", null);
+    l(this, "materialFactory");
+    l(this, "edgeColor");
+    l(this, "edgeOpacity");
+    l(this, "defaultMaterial", null);
+    l(this, "highlightMaterial", null);
     this.materialFactory = e, this.edgeColor = s, this.edgeOpacity = t;
   }
   /**
@@ -1413,25 +1417,25 @@ class Mt {
   /**
    * Creates an edge line between two positions
    */
-  createEdge(e, s, t, n, o) {
-    const a = new p.BufferGeometry(), l = new Float32Array([
-      n.x,
-      n.y,
-      n.z,
+  createEdge(e, s, t, o, i) {
+    const a = new m.BufferGeometry(), r = new Float32Array([
       o.x,
       o.y,
-      o.z
+      o.z,
+      i.x,
+      i.y,
+      i.z
     ]);
-    a.setAttribute("position", new p.BufferAttribute(l, 3));
-    const h = this.getDefaultMaterial().clone(), g = new p.Line(a, h);
-    return g.name = `edge-${e.source}-${e.target}`, g.userData = {
+    a.setAttribute("position", new m.BufferAttribute(r, 3));
+    const c = this.getDefaultMaterial().clone(), d = new m.Line(a, c);
+    return d.name = `edge-${e.source}-${e.target}`, d.userData = {
       source: e.source,
       target: e.target,
       edge: e,
       sourceNode: s,
       targetNode: t
-    }, g.frustumCulled = !0, {
-      line: g,
+    }, d.frustumCulled = !0, {
+      line: d,
       source: e.source,
       target: e.target
     };
@@ -1440,26 +1444,26 @@ class Mt {
    * Highlights an edge
    */
   highlightEdge(e) {
-    e.line.material instanceof p.Material && e.line.material.dispose(), e.line.material = this.getHighlightMaterial().clone();
+    e.line.material instanceof m.Material && e.line.material.dispose(), e.line.material = this.getHighlightMaterial().clone();
   }
   /**
    * Resets an edge to default appearance
    */
   unhighlightEdge(e) {
-    e.line.material instanceof p.Material && e.line.material.dispose(), e.line.material = this.getDefaultMaterial().clone();
+    e.line.material instanceof m.Material && e.line.material.dispose(), e.line.material = this.getDefaultMaterial().clone();
   }
   /**
    * Updates an edge's positions
    */
   updateEdgePositions(e, s, t) {
-    const n = e.line.geometry.attributes.position, o = n.array;
-    o[0] = s.x, o[1] = s.y, o[2] = s.z, o[3] = t.x, o[4] = t.y, o[5] = t.z, n.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
+    const o = e.line.geometry.attributes.position, i = o.array;
+    i[0] = s.x, i[1] = s.y, i[2] = s.z, i[3] = t.x, i[4] = t.y, i[5] = t.z, o.needsUpdate = !0, e.line.geometry.computeBoundingSphere();
   }
   /**
    * Disposes an edge's resources
    */
   disposeEdge(e) {
-    e.line.geometry.dispose(), e.line.material instanceof p.Material && e.line.material.dispose();
+    e.line.geometry.dispose(), e.line.material instanceof m.Material && e.line.material.dispose();
   }
   /**
    * Dispose factory resources
@@ -1470,9 +1474,9 @@ class Mt {
 }
 class wt {
   constructor(e, s = [50, 100, 200], t = !0) {
-    r(this, "camera");
-    r(this, "lodDistances");
-    r(this, "enabled");
+    l(this, "camera");
+    l(this, "lodDistances");
+    l(this, "enabled");
     this.camera = e, this.lodDistances = s, this.enabled = t;
   }
   /**
@@ -1480,16 +1484,16 @@ class wt {
    */
   getLODLevel(e) {
     if (!this.enabled)
-      return X.HIGH;
-    const s = e.x - this.camera.position.x, t = e.y - this.camera.position.y, n = e.z - this.camera.position.z, o = Math.sqrt(s * s + t * t + n * n);
-    return o < this.lodDistances[0] ? X.HIGH : o < this.lodDistances[1] ? X.MEDIUM : X.LOW;
+      return U.HIGH;
+    const s = e.x - this.camera.position.x, t = e.y - this.camera.position.y, o = e.z - this.camera.position.z, i = Math.sqrt(s * s + t * t + o * o);
+    return i < this.lodDistances[0] ? U.HIGH : i < this.lodDistances[1] ? U.MEDIUM : U.LOW;
   }
   /**
    * Checks if a node should be visible based on distance
    */
   shouldRenderNode(e, s = 500) {
-    const t = e.x - this.camera.position.x, n = e.y - this.camera.position.y, o = e.z - this.camera.position.z;
-    return Math.sqrt(t * t + n * n + o * o) < s;
+    const t = e.x - this.camera.position.x, o = e.y - this.camera.position.y, i = e.z - this.camera.position.z;
+    return Math.sqrt(t * t + o * o + i * i) < s;
   }
   /**
    * Sets the LOD distances
@@ -1506,11 +1510,11 @@ class wt {
 }
 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 = s;
+    l(this, "camera");
+    l(this, "frustum");
+    l(this, "projScreenMatrix");
+    l(this, "enabled");
+    this.camera = e, this.frustum = new m.Frustum(), this.projScreenMatrix = new m.Matrix4(), this.enabled = s;
   }
   /**
    * Updates the frustum from the camera
@@ -1526,7 +1530,7 @@ class Et {
    */
   isPointVisible(e) {
     if (!this.enabled) return !0;
-    const s = new p.Vector3(e.x, e.y, e.z);
+    const s = new m.Vector3(e.x, e.y, e.z);
     return this.frustum.containsPoint(s);
   }
   /**
@@ -1534,8 +1538,8 @@ class Et {
    */
   isSphereVisible(e, s) {
     if (!this.enabled) return !0;
-    const t = new p.Sphere(
-      new p.Vector3(e.x, e.y, e.z),
+    const t = new m.Sphere(
+      new m.Vector3(e.x, e.y, e.z),
       s
     );
     return this.frustum.intersectsSphere(t);
@@ -1545,15 +1549,15 @@ class Et {
    */
   isLineVisible(e, s) {
     if (!this.enabled) return !0;
-    const t = new p.Vector3(e.x, e.y, e.z), n = new p.Vector3(s.x, s.y, s.z);
-    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(n))
+    const t = new m.Vector3(e.x, e.y, e.z), o = new m.Vector3(s.x, s.y, s.z);
+    if (this.frustum.containsPoint(t) || this.frustum.containsPoint(o))
       return !0;
-    const o = new p.Vector3(
+    const i = new m.Vector3(
       (e.x + s.x) / 2,
       (e.y + s.y) / 2,
       (e.z + s.z) / 2
-    ), a = o.distanceTo(t), l = new p.Sphere(o, a);
-    return this.frustum.intersectsSphere(l);
+    ), a = i.distanceTo(t), r = new m.Sphere(i, a);
+    return this.frustum.intersectsSphere(r);
   }
   /**
    * Enables/disables frustum culling
@@ -1564,19 +1568,19 @@ class Et {
 }
 class Ct {
   constructor(e, s) {
-    r(this, "sceneManager");
-    r(this, "raycaster");
-    r(this, "mouse");
-    r(this, "container");
-    r(this, "onNodeClick", null);
-    r(this, "onNodeHover", null);
-    r(this, "onEdgeHover", null);
-    r(this, "onEdgeClick", null);
-    r(this, "hoveredNodeId", null);
-    r(this, "hoveredEdgeKey", null);
-    r(this, "nodeObjects", []);
-    r(this, "edgeObjects", []);
-    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);
+    l(this, "sceneManager");
+    l(this, "raycaster");
+    l(this, "mouse");
+    l(this, "container");
+    l(this, "onNodeClick", null);
+    l(this, "onNodeHover", null);
+    l(this, "onEdgeHover", null);
+    l(this, "onEdgeClick", null);
+    l(this, "hoveredNodeId", null);
+    l(this, "hoveredEdgeKey", null);
+    l(this, "nodeObjects", []);
+    l(this, "edgeObjects", []);
+    this.sceneManager = e, this.container = s, this.raycaster = new m.Raycaster(), this.raycaster.params.Line = { threshold: 0.5 }, this.mouse = new m.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
@@ -1635,23 +1639,23 @@ class Ct {
       this.hoveredEdgeKey !== null && this.onEdgeHover && (this.hoveredEdgeKey = null, this.onEdgeHover(null)), this.container.style.cursor = "pointer";
       return;
     }
-    const n = this.getIntersectedEdge(e), o = n ? `${n.edge.source}-${n.edge.target}` : null;
-    o !== this.hoveredEdgeKey && (this.hoveredEdgeKey = o, this.onEdgeHover && this.onEdgeHover(n)), this.container.style.cursor = n ? "pointer" : "default";
+    const o = this.getIntersectedEdge(e), i = o ? `${o.edge.source}-${o.edge.target}` : null;
+    i !== this.hoveredEdgeKey && (this.hoveredEdgeKey = i, this.onEdgeHover && this.onEdgeHover(o)), this.container.style.cursor = o ? "pointer" : "default";
   }
   /**
    * Gets the intersected node from a mouse event
    */
   getIntersectedNode(e) {
-    var n;
+    var o;
     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 o = t[0].object;
-      for (; o; ) {
-        if ((n = o.userData) != null && n.nodeData)
-          return o.userData.nodeData;
-        o = o.parent;
+      let i = t[0].object;
+      for (; i; ) {
+        if ((o = i.userData) != null && o.nodeData)
+          return i.userData.nodeData;
+        i = i.parent;
       }
     }
     return null;
@@ -1664,13 +1668,13 @@ class Ct {
     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, o = n.userData;
-      if (o != null && o.edge && (o != null && o.sourceNode) && (o != null && o.targetNode))
+      const o = t[0].object, i = o.userData;
+      if (i != null && i.edge && (i != null && i.sourceNode) && (i != null && i.targetNode))
         return {
-          edge: o.edge,
-          sourceNode: o.sourceNode,
-          targetNode: o.targetNode,
-          edgeLine: n
+          edge: i.edge,
+          sourceNode: i.sourceNode,
+          targetNode: i.targetNode,
+          edgeLine: o
         };
     }
     return null;
@@ -1679,14 +1683,14 @@ class Ct {
    * Performs a raycast and returns the intersected node ID
    */
   getIntersectedNodeId(e, s) {
-    var o;
+    var i;
     const t = this.container.getBoundingClientRect();
     this.mouse.x = (e - t.left) / t.width * 2 - 1, this.mouse.y = -((s - t.top) / t.height) * 2 + 1, this.raycaster.setFromCamera(this.mouse, this.sceneManager.camera);
-    const n = this.raycaster.intersectObjects(this.nodeObjects, !0);
-    if (n.length > 0) {
-      let a = n[0].object;
+    const o = this.raycaster.intersectObjects(this.nodeObjects, !0);
+    if (o.length > 0) {
+      let a = o[0].object;
       for (; a; ) {
-        if ((o = a.userData) != null && o.nodeId)
+        if ((i = a.userData) != null && i.nodeId)
           return a.userData.nodeId;
         a = a.parent;
       }
@@ -1700,15 +1704,15 @@ class Ct {
     this.container.removeEventListener("click", this.handleClick), this.container.removeEventListener("mousemove", this.handleMouseMove);
   }
 }
-class zt {
+class Nt {
   constructor(e) {
-    r(this, "container");
-    r(this, "panel", null);
-    r(this, "currentNodeId", null);
-    r(this, "visible", !1);
-    r(this, "panelTemplate", null);
-    r(this, "panelStyles", {});
-    r(this, "onExpand", null);
+    l(this, "container");
+    l(this, "panel", null);
+    l(this, "currentNodeId", null);
+    l(this, "visible", !1);
+    l(this, "panelTemplate", null);
+    l(this, "panelStyles", {});
+    l(this, "onExpand", null);
     this.container = e, this.createPanel();
   }
   /**
@@ -1770,11 +1774,11 @@ class zt {
     this.currentNodeId = e.id;
     let t;
     this.panelTemplate ? t = this.panelTemplate(e, s) : t = this.generateDefaultContent(e, s), this.panel.innerHTML = t;
-    const n = this.panel.querySelector('[data-action="expand"]'), o = this.panel.querySelector("[data-depth-select]");
-    n && this.onExpand && n.addEventListener("click", () => {
+    const o = this.panel.querySelector('[data-action="expand"]'), i = this.panel.querySelector("[data-depth-select]");
+    o && this.onExpand && o.addEventListener("click", () => {
       if (this.currentNodeId) {
-        const l = o ? parseInt(o.value, 10) : 1;
-        this.onExpand(this.currentNodeId, l);
+        const r = i ? parseInt(i.value, 10) : 1;
+        this.onExpand(this.currentNodeId, r);
       }
     });
     const a = this.panel.querySelector('[data-action="close"]');
@@ -1932,7 +1936,7 @@ class zt {
         <div class="neighbors-section">
           <div class="neighbors-title">Connected To</div>
           ${s.slice(0, 5).map(
-      (n) => `<span class="neighbor-chip">${this.escapeHtml(n.label)}</span>`
+      (o) => `<span class="neighbor-chip">${this.escapeHtml(o.label)}</span>`
     ).join("")}
           ${s.length > 5 ? `<span class="neighbor-chip">+${s.length - 5} more</span>` : ""}
         </div>
@@ -1986,15 +1990,15 @@ class zt {
     this.panel && this.panel.parentNode && this.panel.parentNode.removeChild(this.panel), this.panel = null;
   }
 }
-class Nt {
+class St {
   constructor(e) {
-    r(this, "container");
-    r(this, "panel", null);
-    r(this, "currentEdgeKey", null);
-    r(this, "visible", !1);
-    r(this, "panelTemplate", null);
-    r(this, "onClose", null);
-    r(this, "onNodeClick", null);
+    l(this, "container");
+    l(this, "panel", null);
+    l(this, "currentEdgeKey", null);
+    l(this, "visible", !1);
+    l(this, "panelTemplate", null);
+    l(this, "onClose", null);
+    l(this, "onNodeClick", null);
     this.container = e, this.createPanel();
   }
   /**
@@ -2050,18 +2054,18 @@ class Nt {
   show(e, s, t) {
     if (!this.panel) return;
     this.currentEdgeKey = `${e.source}-${e.target}`;
-    let n;
-    this.panelTemplate ? n = this.panelTemplate(e, s, t) : n = this.generateDefaultContent(e, s, t), this.panel.innerHTML = n;
-    const o = this.panel.querySelector('[data-action="close"]');
-    o && o.addEventListener("click", () => {
+    let o;
+    this.panelTemplate ? o = this.panelTemplate(e, s, t) : o = this.generateDefaultContent(e, s, t), this.panel.innerHTML = o;
+    const i = this.panel.querySelector('[data-action="close"]');
+    i && i.addEventListener("click", () => {
       this.hide(), this.onClose && this.onClose();
     });
     const a = this.panel.querySelector('[data-action="goto-source"]');
     a && this.onNodeClick && a.addEventListener("click", () => {
       this.onNodeClick && this.onNodeClick(e.source);
     });
-    const l = this.panel.querySelector('[data-action="goto-target"]');
-    l && this.onNodeClick && l.addEventListener("click", () => {
+    const r = this.panel.querySelector('[data-action="goto-target"]');
+    r && this.onNodeClick && r.addEventListener("click", () => {
       this.onNodeClick && this.onNodeClick(e.target);
     }), this.panel.style.opacity = "1", this.panel.style.pointerEvents = "auto", this.panel.style.transform = "translateY(-50%) translateX(0)", this.visible = !0;
   }
@@ -2069,7 +2073,7 @@ class Nt {
    * Generates default panel content
    */
   generateDefaultContent(e, s, t) {
-    const n = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", o = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", a = e.relationship || "connected to";
+    const o = s.color ? `#${s.color.toString(16).padStart(6, "0")}` : "#ff9966", i = t.color ? `#${t.color.toString(16).padStart(6, "0")}` : "#ff9966", a = e.relationship || "connected to";
     return `
             <style>
                 .force-graph-edge-panel .panel-header {
@@ -2179,7 +2183,7 @@ class Nt {
             <div class="node-card" data-action="goto-source" title="Click to focus on ${this.escapeHtml(s.label)}">
                 <div class="node-type">Source</div>
                 <div class="node-card-header">
-                    <span class="color-dot" style="background: ${n}; box-shadow: 0 0 8px ${n}80;"></span>
+                    <span class="color-dot" style="background: ${o}; box-shadow: 0 0 8px ${o}80;"></span>
                     <span class="node-label">${this.escapeHtml(s.label)}</span>
                 </div>
             </div>
@@ -2189,7 +2193,7 @@ class Nt {
             <div class="node-card" data-action="goto-target" title="Click to focus on ${this.escapeHtml(t.label)}">
                 <div class="node-type">Target</div>
                 <div class="node-card-header">
-                    <span class="color-dot" style="background: ${o}; box-shadow: 0 0 8px ${o}80;"></span>
+                    <span class="color-dot" style="background: ${i}; box-shadow: 0 0 8px ${i}80;"></span>
                     <span class="node-label">${this.escapeHtml(t.label)}</span>
                 </div>
             </div>
@@ -2231,10 +2235,10 @@ class Nt {
     this.panel && this.panel.parentNode && this.panel.parentNode.removeChild(this.panel), this.panel = null;
   }
 }
-class St {
+class zt {
   constructor() {
-    r(this, "tooltip", null);
-    r(this, "visible", !1);
+    l(this, "tooltip", null);
+    l(this, "visible", !1);
     this.createTooltip(), this.setupMouseTracking();
   }
   /**
@@ -2277,14 +2281,14 @@ class St {
    */
   positionTooltip(e, s) {
     if (!this.tooltip) return;
-    const t = this.tooltip.getBoundingClientRect(), n = window.innerWidth, o = window.innerHeight;
-    let a = e + 15, l = s + 15;
-    a + t.width > n - 10 && (a = e - t.width - 15), l + t.height > o - 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`;
+    const t = this.tooltip.getBoundingClientRect(), o = window.innerWidth, i = window.innerHeight;
+    let a = e + 15, r = s + 15;
+    a + t.width > o - 10 && (a = e - t.width - 15), r + t.height > i - 10 && (r = s - t.height - 15), a < 10 && (a = 10), r < 10 && (r = 10), this.tooltip.style.left = `${a}px`, this.tooltip.style.top = `${r}px`;
   }
   /**
    * Shows the tooltip with edge info
    */
-  show(e, s, t, n, o) {
+  show(e, s, t, o, i) {
     if (!this.tooltip) return;
     const a = e.relationship || "connected to";
     this.tooltip.innerHTML = `
@@ -2299,7 +2303,7 @@ class St {
                     <span style="font-weight: 600; color: #ff9966;">${this.escapeHtml(t.label)}</span>
                 </div>
             </div>
-        `, this.positionTooltip(n, o), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
+        `, this.positionTooltip(o, i), this.tooltip.style.opacity = "1", this.tooltip.style.transform = "translateY(0)", this.visible = !0;
   }
   /**
    * Updates tooltip position (called externally on mouse move)
@@ -2335,14 +2339,14 @@ class St {
 }
 class kt {
   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");
+    l(this, "container");
+    l(this, "searchContainer", null);
+    l(this, "searchInput", null);
+    l(this, "searchResults", null);
+    l(this, "searchTimeout", null);
+    l(this, "placeholder");
+    l(this, "onSearch");
+    l(this, "onResultClick");
     this.container = e, this.placeholder = s.placeholder || "Search nodes or relationships...", this.onSearch = s.onSearch, this.onResultClick = s.onResultClick, this.init();
   }
   init() {
@@ -2352,7 +2356,8 @@ class kt {
     this.searchContainer = document.createElement("div"), this.searchContainer.className = "f3d-search-container", Object.assign(this.searchContainer.style, {
       position: "absolute",
       top: "20px",
-      left: "20px",
+      left: "175px",
+      // Adjusted to make room for view toggle
       zIndex: "100",
       width: "320px"
     });
@@ -2475,25 +2480,25 @@ class kt {
       this.searchResults.innerHTML = '<div class="f3d-no-results">No results found</div>', this.searchResults.style.display = "block";
       return;
     }
-    let n = "";
-    s.length > 0 && (n += '<div class="f3d-search-section-header">Nodes</div>', s.slice(0, 10).forEach((o) => {
-      const a = o.type || "Node";
-      n += `
-                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(o.id)}">
-                        <div class="f3d-result-label">${this.escapeHtml(o.label)}</div>
+    let o = "";
+    s.length > 0 && (o += '<div class="f3d-search-section-header">Nodes</div>', s.slice(0, 10).forEach((i) => {
+      const a = i.type || "Node";
+      o += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(i.id)}">
+                        <div class="f3d-result-label">${this.escapeHtml(i.label)}</div>
                         <div class="f3d-result-type">${this.escapeHtml(a)}</div>
                     </div>
                 `;
-    }), s.length > 10 && (n += `<div class="f3d-no-results">+ ${s.length - 10} more nodes</div>`)), t.length > 0 && (n += '<div class="f3d-search-section-header">Relationships</div>', t.slice(0, 5).forEach(({ edge: o, sourceNode: a, targetNode: l }) => {
-      n += `
-                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(o.source)}">
-                        <div class="f3d-result-label">${this.escapeHtml(a.label)} → ${this.escapeHtml(l.label)}</div>
-                        <div class="f3d-result-relationship">${this.escapeHtml(o.relationship || "connected")}</div>
+    }), s.length > 10 && (o += `<div class="f3d-no-results">+ ${s.length - 10} more nodes</div>`)), t.length > 0 && (o += '<div class="f3d-search-section-header">Relationships</div>', t.slice(0, 5).forEach(({ edge: i, sourceNode: a, targetNode: r }) => {
+      o += `
+                    <div class="f3d-search-result-item" data-node-id="${this.escapeHtml(i.source)}">
+                        <div class="f3d-result-label">${this.escapeHtml(a.label)} → ${this.escapeHtml(r.label)}</div>
+                        <div class="f3d-result-relationship">${this.escapeHtml(i.relationship || "connected")}</div>
                     </div>
                 `;
-    }), t.length > 5 && (n += `<div class="f3d-no-results">+ ${t.length - 5} more relationships</div>`)), this.searchResults.innerHTML = n, this.searchResults.style.display = "block", this.searchResults.querySelectorAll(".f3d-search-result-item").forEach((o) => {
-      o.addEventListener("click", () => {
-        const a = o.dataset.nodeId;
+    }), t.length > 5 && (o += `<div class="f3d-no-results">+ ${t.length - 5} more relationships</div>`)), this.searchResults.innerHTML = o, this.searchResults.style.display = "block", this.searchResults.querySelectorAll(".f3d-search-result-item").forEach((i) => {
+      i.addEventListener("click", () => {
+        const a = i.dataset.nodeId;
         a && (this.onResultClick(a), this.searchResults && (this.searchResults.style.display = "none"), this.searchInput && this.searchInput.blur());
       });
     });
@@ -2506,51 +2511,495 @@ class kt {
     this.searchContainer && this.searchContainer.parentNode && this.searchContainer.parentNode.removeChild(this.searchContainer);
   }
 }
-class Ot {
+class Pt {
+  constructor(e, s) {
+    l(this, "container");
+    l(this, "toggleContainer", null);
+    l(this, "currentMode", "3d");
+    l(this, "onViewChange");
+    this.container = e, this.currentMode = s.initialMode || "3d", this.onViewChange = s.onViewChange, this.init();
+  }
+  init() {
+    this.createToggleUI();
+  }
+  createToggleUI() {
+    this.toggleContainer = document.createElement("div"), this.toggleContainer.className = "f3d-view-toggle", Object.assign(this.toggleContainer.style, {
+      position: "absolute",
+      top: "20px",
+      left: "20px",
+      zIndex: "100",
+      display: "flex",
+      gap: "0",
+      background: "rgba(255, 255, 255, 0.08)",
+      backdropFilter: "blur(20px)",
+      WebkitBackdropFilter: "blur(20px)",
+      border: "1px solid rgba(255, 255, 255, 0.12)",
+      borderRadius: "12px",
+      padding: "5px",
+      boxShadow: "0 4px 20px rgba(0, 0, 0, 0.3)"
+    });
+    const e = this.createButton("2D", "2d"), s = this.createButton("3D", "3d");
+    this.toggleContainer.appendChild(e), this.toggleContainer.appendChild(s), this.container.appendChild(this.toggleContainer), this.updateButtonStates();
+    const t = document.createElement("style");
+    t.textContent = `
+            .f3d-view-btn {
+                padding: 8px 16px;
+                background: transparent;
+                border: none;
+                color: rgba(255, 255, 255, 0.5);
+                font-size: 12px;
+                font-weight: 600;
+                font-family: inherit;
+                letter-spacing: 0.5px;
+                cursor: pointer;
+                transition: all 0.2s ease;
+                border-radius: 8px;
+                min-width: 44px;
+            }
+            .f3d-view-btn:hover {
+                color: rgba(255, 255, 255, 0.8);
+            }
+            .f3d-view-btn.active {
+                background: linear-gradient(135deg, rgba(255, 153, 102, 0.3), rgba(255, 102, 153, 0.2));
+                color: white;
+                box-shadow: 0 0 15px rgba(255, 153, 102, 0.2);
+            }
+            .f3d-view-btn:focus {
+                outline: none;
+            }
+        `, document.head.appendChild(t);
+  }
+  createButton(e, s) {
+    const t = document.createElement("button");
+    return t.className = "f3d-view-btn", t.dataset.mode = s, t.innerHTML = this.getIcon(s) + `<span style="margin-left: 4px;">${e}</span>`, t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.addEventListener("click", () => {
+      this.currentMode !== s && (this.currentMode = s, this.updateButtonStates(), this.onViewChange(s));
+    }), t;
+  }
+  getIcon(e) {
+    return e === "2d" ? `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="3" y="3" width="7" height="7"></rect>
+                <rect x="14" y="3" width="7" height="7"></rect>
+                <rect x="14" y="14" width="7" height="7"></rect>
+                <rect x="3" y="14" width="7" height="7"></rect>
+            </svg>` : `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+                <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
+                <line x1="12" y1="22.08" x2="12" y2="12"></line>
+            </svg>`;
+  }
+  updateButtonStates() {
+    if (!this.toggleContainer) return;
+    this.toggleContainer.querySelectorAll(".f3d-view-btn").forEach((s) => {
+      s.dataset.mode === this.currentMode ? s.classList.add("active") : s.classList.remove("active");
+    });
+  }
+  setMode(e) {
+    this.currentMode !== e && (this.currentMode = e, this.updateButtonStates());
+  }
+  getMode() {
+    return this.currentMode;
+  }
+  dispose() {
+    this.toggleContainer && this.toggleContainer.parentNode && this.toggleContainer.parentNode.removeChild(this.toggleContainer);
+  }
+}
+const Tt = {
+  backgroundColor: "#0a0a0a",
+  gridColor: "rgba(255, 255, 255, 0.03)",
+  nodeRadius: 24,
+  edgeColor: "rgba(255, 255, 255, 0.15)",
+  edgeOpacity: 0.4,
+  repulsionStrength: 5e3,
+  // Strong repulsion for spread out layout
+  attractionStrength: 1e-3,
+  // Very low attraction
+  damping: 0.85
+  // Fast energy dissipation
+};
+class Lt {
+  constructor(e, s = {}) {
+    l(this, "container");
+    l(this, "canvas");
+    l(this, "ctx");
+    l(this, "options");
+    // Data
+    l(this, "nodes", /* @__PURE__ */ new Map());
+    l(this, "edges", []);
+    l(this, "nodeIdToIndex", /* @__PURE__ */ new Map());
+    // Transform state
+    l(this, "transform", { x: 0, y: 0, scale: 1 });
+    // Interaction state
+    l(this, "isDragging", !1);
+    l(this, "isPanning", !1);
+    l(this, "draggedNode", null);
+    l(this, "hoveredNode", null);
+    l(this, "hoveredEdge", null);
+    l(this, "lastMousePos", { x: 0, y: 0 });
+    l(this, "dragStartPos", { x: 0, y: 0 });
+    // Track initial click position
+    l(this, "selectedNode", null);
+    // Animation
+    l(this, "animationId", null);
+    l(this, "isSimulating", !0);
+    // Resize handler
+    l(this, "resizeHandler");
+    this.container = e, this.options = { ...Tt, ...s }, this.canvas = document.createElement("canvas"), this.canvas.style.position = "absolute", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.cursor = "grab", e.appendChild(this.canvas);
+    const t = this.canvas.getContext("2d");
+    if (!t)
+      throw new Error("Failed to get 2D context");
+    this.ctx = t, this.resizeHandler = this.handleResize.bind(this), window.addEventListener("resize", this.resizeHandler), this.handleResize(), this.transform.x = this.canvas.width / 2, this.transform.y = this.canvas.height / 2, this.setupInteractions(), this.startAnimation();
+  }
+  handleResize() {
+    const e = this.container.getBoundingClientRect(), s = window.devicePixelRatio || 1;
+    this.canvas.width = e.width * s, this.canvas.height = e.height * s, this.ctx.scale(s, s);
+  }
+  setupInteractions() {
+    this.canvas.addEventListener("wheel", (e) => {
+      e.preventDefault();
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = e.deltaY > 0 ? 0.9 : 1.1, a = Math.max(0.1, Math.min(5, this.transform.scale * i)), r = a / this.transform.scale;
+      this.transform.x = t - (t - this.transform.x) * r, this.transform.y = o - (o - this.transform.y) * r, this.transform.scale = a;
+    }), this.canvas.addEventListener("mousedown", (e) => {
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = this.screenToWorld(t, o), a = this.findNodeAt(i.x, i.y);
+      this.dragStartPos = { x: e.clientX, y: e.clientY }, a ? (this.isDragging = !0, this.draggedNode = a, this.canvas.style.cursor = "grabbing", this.isSimulating = !0) : (this.isPanning = !0, this.canvas.style.cursor = "grabbing"), this.lastMousePos = { x: e.clientX, y: e.clientY };
+    }), this.canvas.addEventListener("mousemove", (e) => {
+      const s = this.canvas.getBoundingClientRect(), t = e.clientX - s.left, o = e.clientY - s.top, i = this.screenToWorld(t, o);
+      if (this.isDragging && this.draggedNode)
+        this.draggedNode.x = i.x, this.draggedNode.y = i.y, this.draggedNode.vx = 0, this.draggedNode.vy = 0;
+      else if (this.isPanning) {
+        const a = e.clientX - this.lastMousePos.x, r = e.clientY - this.lastMousePos.y;
+        this.transform.x += a, this.transform.y += r, this.lastMousePos = { x: e.clientX, y: e.clientY };
+      } else {
+        const a = this.findNodeAt(i.x, i.y);
+        if (a !== this.hoveredNode && (this.hoveredNode = a, a ? (this.hoveredEdge && (this.hoveredEdge = null, this.options.onEdgeHover && this.options.onEdgeHover(null)), this.canvas.style.cursor = "pointer", this.options.onNodeHover && this.options.onNodeHover(a.data)) : this.options.onNodeHover && this.options.onNodeHover(null)), !a) {
+          const r = this.findEdgeAt(i.x, i.y);
+          r !== this.hoveredEdge && (this.hoveredEdge = r, this.canvas.style.cursor = r ? "pointer" : "grab", this.options.onEdgeHover && this.options.onEdgeHover(r ? r.data : null, e));
+        }
+      }
+    }), this.canvas.addEventListener("mouseup", (e) => {
+      const s = Math.abs(e.clientX - this.dragStartPos.x), t = Math.abs(e.clientY - this.dragStartPos.y), o = s < 5 && t < 5;
+      if (this.isDragging && this.draggedNode)
+        o && this.options.onNodeClick && (this.selectedNode = this.draggedNode, this.options.onNodeClick(this.draggedNode.data));
+      else if (o && !this.isPanning) {
+        const i = this.canvas.getBoundingClientRect(), a = this.screenToWorld(e.clientX - i.left, e.clientY - i.top), r = this.findEdgeAt(a.x, a.y);
+        r && this.options.onEdgeClick && this.options.onEdgeClick(r.data);
+      }
+      this.isDragging = !1, this.isPanning = !1, this.draggedNode = null, this.canvas.style.cursor = this.hoveredNode ? "pointer" : "grab";
+    }), this.canvas.addEventListener("mouseleave", () => {
+      this.isDragging = !1, this.isPanning = !1, this.draggedNode = null, this.hoveredNode = null, this.canvas.style.cursor = "grab";
+    });
+  }
+  screenToWorld(e, s) {
+    return {
+      x: (e - this.transform.x) / this.transform.scale,
+      y: (s - this.transform.y) / this.transform.scale
+    };
+  }
+  findNodeAt(e, s) {
+    for (const t of this.nodes.values()) {
+      const o = t.x - e, i = t.y - s;
+      if (Math.sqrt(o * o + i * i) < t.radius)
+        return t;
+    }
+    return null;
+  }
+  findEdgeAt(e, s) {
+    for (const o of this.edges) {
+      const i = this.nodes.get(o.source), a = this.nodes.get(o.target);
+      if (!i || !a) continue;
+      const r = a.x - i.x, c = a.y - i.y, d = r * r + c * c;
+      if (d === 0) continue;
+      const g = Math.max(0, Math.min(1, ((e - i.x) * r + (s - i.y) * c) / d)), u = i.x + g * r, y = i.y + g * c, f = e - u, x = s - y;
+      if (Math.sqrt(f * f + x * x) < 8)
+        return o;
+    }
+    return null;
+  }
+  startAnimation() {
+    const e = () => {
+      this.isSimulating && this.simulate(), this.render(), this.animationId = requestAnimationFrame(e);
+    };
+    e();
+  }
+  simulate() {
+    const e = Array.from(this.nodes.values()), s = e.length;
+    if (s === 0) return;
+    const t = 60, o = 5;
+    let i = 0;
+    for (let r = 0; r < s; r++)
+      for (let c = r + 1; c < s; c++) {
+        const d = e[r], g = e[c];
+        let u = g.x - d.x, y = g.y - d.y, f = Math.sqrt(u * u + y * y);
+        if (f < t * 3) {
+          f < 1 && (f = 1);
+          const x = this.options.repulsionStrength / (f * f), v = u / f * x, M = y / f * x;
+          d.vx -= v, d.vy -= M, g.vx += v, g.vy += M;
+        }
+      }
+    const a = 80;
+    for (const r of this.edges) {
+      const c = this.nodes.get(r.source), d = this.nodes.get(r.target);
+      if (!c || !d) continue;
+      let g = d.x - c.x, u = d.y - c.y, y = Math.sqrt(g * g + u * u);
+      y < 1 && (y = 1);
+      const x = (y - a) * this.options.attractionStrength, v = g / y * x, M = u / y * x;
+      c.vx += v, c.vy += M, d.vx -= v, d.vy -= M;
+    }
+    for (const r of e) {
+      if (this.draggedNode === r) continue;
+      r.vx *= this.options.damping, r.vy *= this.options.damping;
+      const c = Math.sqrt(r.vx * r.vx + r.vy * r.vy);
+      c > o && (r.vx = r.vx / c * o, r.vy = r.vy / c * o), r.x += r.vx, r.y += r.vy, i += r.vx * r.vx + r.vy * r.vy;
+    }
+    i < 0.01 && !this.draggedNode && (this.isSimulating = !1);
+  }
+  render() {
+    const e = this.ctx, s = this.canvas.width / (window.devicePixelRatio || 1), t = this.canvas.height / (window.devicePixelRatio || 1);
+    e.fillStyle = this.options.backgroundColor, e.fillRect(0, 0, s, t), this.renderGrid(s, t), e.save(), e.translate(this.transform.x, this.transform.y), e.scale(this.transform.scale, this.transform.scale), this.renderEdges(), this.renderNodes(), e.restore();
+  }
+  renderGrid(e, s) {
+    const t = this.ctx, o = 40 * this.transform.scale, i = 1.5, a = this.transform.x % o, r = this.transform.y % o;
+    t.fillStyle = this.options.gridColor;
+    for (let c = a; c < e; c += o)
+      for (let d = r; d < s; d += o)
+        t.beginPath(), t.arc(c, d, i, 0, Math.PI * 2), t.fill();
+  }
+  renderEdges() {
+    const e = this.ctx;
+    for (const s of this.edges) {
+      const t = this.nodes.get(s.source), o = this.nodes.get(s.target);
+      if (!t || !o) continue;
+      const i = e.createLinearGradient(t.x, t.y, o.x, o.y);
+      i.addColorStop(0, "rgba(255, 153, 102, 0.3)"), i.addColorStop(0.5, "rgba(255, 255, 255, 0.15)"), i.addColorStop(1, "rgba(102, 153, 255, 0.3)"), e.beginPath(), e.moveTo(t.x, t.y), e.lineTo(o.x, o.y), e.strokeStyle = i, e.lineWidth = 1.5, e.stroke();
+    }
+  }
+  renderNodes() {
+    const e = this.ctx;
+    for (const s of this.nodes.values()) {
+      const t = s === this.hoveredNode, o = s === this.selectedNode, i = s.radius * (t ? 1.1 : 1);
+      if (t || o) {
+        const f = e.createRadialGradient(
+          s.x,
+          s.y,
+          i * 0.5,
+          s.x,
+          s.y,
+          i * 2
+        );
+        f.addColorStop(0, "rgba(255, 153, 102, 0.4)"), f.addColorStop(1, "rgba(255, 153, 102, 0)"), e.fillStyle = f, e.beginPath(), e.arc(s.x, s.y, i * 2, 0, Math.PI * 2), e.fill();
+      }
+      const a = e.createRadialGradient(
+        s.x - i * 0.3,
+        s.y - i * 0.3,
+        0,
+        s.x,
+        s.y,
+        i
+      ), r = s.color >> 16 & 255, c = s.color >> 8 & 255, d = s.color & 255;
+      a.addColorStop(0, `rgba(${Math.min(255, r + 60)}, ${Math.min(255, c + 60)}, ${Math.min(255, d + 60)}, 0.95)`), a.addColorStop(0.7, `rgba(${r}, ${c}, ${d}, 0.9)`), a.addColorStop(1, `rgba(${Math.max(0, r - 40)}, ${Math.max(0, c - 40)}, ${Math.max(0, d - 40)}, 0.85)`), e.beginPath(), e.arc(s.x, s.y, i, 0, Math.PI * 2), e.fillStyle = a, e.fill(), e.strokeStyle = "rgba(255, 255, 255, 0.2)", e.lineWidth = 1, e.stroke(), e.beginPath(), e.arc(s.x - i * 0.25, s.y - i * 0.25, i * 0.3, 0, Math.PI * 2), e.fillStyle = "rgba(255, 255, 255, 0.15)", e.fill(), e.fillStyle = "white", e.font = "600 11px Inter, -apple-system, BlinkMacSystemFont, sans-serif", e.textAlign = "center", e.textBaseline = "middle";
+      const g = i * 1.6;
+      let u = s.label, y = e.measureText(u).width;
+      if (y > g) {
+        for (; y > g && u.length > 3; )
+          u = u.slice(0, -1), y = e.measureText(u + "...").width;
+        u += "...";
+      }
+      e.shadowColor = "rgba(0, 0, 0, 0.5)", e.shadowBlur = 3, e.fillText(u, s.x, s.y), e.shadowBlur = 0;
+    }
+  }
+  /**
+   * Sets the graph data
+   */
+  setData(e) {
+    this.nodes.clear(), this.edges = [], this.nodeIdToIndex.clear(), e.nodes.forEach((s, t) => {
+      const o = s.position || {
+        x: (Math.random() - 0.5) * 300,
+        y: (Math.random() - 0.5) * 300
+      }, i = {
+        id: s.id,
+        label: s.label,
+        x: o.x,
+        y: o.y,
+        vx: 0,
+        vy: 0,
+        color: s.color || 16750950,
+        // Match 3D tangerine color
+        radius: this.options.nodeRadius,
+        data: s
+      };
+      this.nodes.set(s.id, i), this.nodeIdToIndex.set(s.id, t);
+    }), this.edges = e.edges.map((s) => ({
+      source: s.source,
+      target: s.target,
+      relationship: s.relationship,
+      data: s
+    }));
+  }
+  /**
+   * Adds a node
+   */
+  addNode(e) {
+    const s = e.position || {
+      x: (Math.random() - 0.5) * 300,
+      y: (Math.random() - 0.5) * 300
+    }, t = {
+      id: e.id,
+      label: e.label,
+      x: s.x,
+      y: s.y,
+      vx: 0,
+      vy: 0,
+      color: e.color || 16750950,
+      // Match 3D tangerine color
+      radius: this.options.nodeRadius,
+      data: e
+    };
+    this.nodes.set(e.id, t);
+  }
+  /**
+   * Adds an edge
+   */
+  addEdge(e) {
+    this.edges.push({
+      source: e.source,
+      target: e.target,
+      relationship: e.relationship,
+      data: e
+    });
+  }
+  /**
+   * Removes a node
+   */
+  removeNode(e) {
+    this.nodes.delete(e), this.edges = this.edges.filter((s) => s.source !== e && s.target !== e);
+  }
+  /**
+   * Gets a node by ID
+   */
+  getNode(e) {
+    return this.nodes.get(e);
+  }
+  /**
+   * Gets all nodes
+   */
+  getAllNodes() {
+    return Array.from(this.nodes.values()).map((e) => e.data);
+  }
+  /**
+   * Gets node count
+   */
+  getNodeCount() {
+    return this.nodes.size;
+  }
+  /**
+   * Gets edge count
+   */
+  getEdgeCount() {
+    return this.edges.length;
+  }
+  /**
+   * Focuses on a node
+   */
+  focusOnNode(e) {
+    const s = this.nodes.get(e);
+    if (!s) return;
+    const t = this.canvas.width / 2 / (window.devicePixelRatio || 1) - s.x * this.transform.scale, o = this.canvas.height / 2 / (window.devicePixelRatio || 1) - s.y * this.transform.scale, i = this.transform.x, a = this.transform.y, r = 500, c = performance.now(), d = () => {
+      const g = performance.now() - c, u = Math.min(g / r, 1), y = 1 - Math.pow(1 - u, 3);
+      this.transform.x = i + (t - i) * y, this.transform.y = a + (o - a) * y, u < 1 ? requestAnimationFrame(d) : this.selectedNode = s;
+    };
+    d();
+  }
+  /**
+   * Updates node positions from 3D data
+   */
+  syncFrom3D(e) {
+    e.forEach((s, t) => {
+      const o = this.nodes.get(t);
+      o && (o.x = s.position.x * 3, o.y = s.position.y * 3, o.vx = 0, o.vy = 0);
+    }), this.isSimulating = !1;
+  }
+  /**
+   * Gets 2D positions for syncing to 3D
+   */
+  getPositions() {
+    const e = /* @__PURE__ */ new Map();
+    return this.nodes.forEach((s, t) => {
+      e.set(t, { x: s.x, y: s.y });
+    }), e;
+  }
+  /**
+   * Show/hide the canvas
+   */
+  show() {
+    this.canvas.style.display = "block";
+  }
+  hide() {
+    this.canvas.style.display = "none";
+  }
+  /**
+   * Updates physics parameters in real-time
+   */
+  setPhysicsParams(e) {
+    e.repulsionStrength !== void 0 && (this.options.repulsionStrength = e.repulsionStrength), e.attractionStrength !== void 0 && (this.options.attractionStrength = e.attractionStrength), e.damping !== void 0 && (this.options.damping = e.damping), this.isSimulating = !0;
+  }
+  /**
+   * Dispose resources
+   */
+  dispose() {
+    this.animationId && cancelAnimationFrame(this.animationId), window.removeEventListener("resize", this.resizeHandler), this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas);
+  }
+}
+class Ft {
+  // Store graph data for view switching
   constructor(e, s = {}) {
     // Options
-    r(this, "options");
-    r(this, "container");
+    l(this, "options");
+    l(this, "container");
     // Core components
-    r(this, "sceneManager");
-    r(this, "nodeManager");
-    r(this, "edgeManager");
-    r(this, "graphEngine");
-    r(this, "rendererManager");
+    l(this, "sceneManager");
+    l(this, "nodeManager");
+    l(this, "edgeManager");
+    l(this, "graphEngine");
+    l(this, "rendererManager");
     // Factories
-    r(this, "materialFactory");
-    r(this, "nodeFactory");
-    r(this, "edgeFactory");
+    l(this, "materialFactory");
+    l(this, "nodeFactory");
+    l(this, "edgeFactory");
     // Performance
-    r(this, "lodManager");
-    r(this, "frustumCuller");
+    l(this, "lodManager");
+    l(this, "frustumCuller");
     // Interaction
-    r(this, "raycasterManager");
-    r(this, "panelManager");
-    r(this, "edgePanelManager");
-    r(this, "edgeTooltipManager");
-    r(this, "searchManager", null);
+    l(this, "raycasterManager");
+    l(this, "panelManager");
+    l(this, "edgePanelManager");
+    l(this, "edgeTooltipManager");
+    l(this, "searchManager", null);
+    l(this, "viewToggleManager", null);
+    // 2D Renderer
+    l(this, "forceGraph2D", null);
     // Event system
-    r(this, "eventCallbacks", /* @__PURE__ */ new Map());
+    l(this, "eventCallbacks", /* @__PURE__ */ new Map());
     // State
-    r(this, "initialized", !1);
-    r(this, "devControls", null);
-    this.options = { ...I, ...s }, this.container = ct(e), this.materialFactory = new xt(), this.nodeFactory = new vt(
+    l(this, "initialized", !1);
+    l(this, "devControls", null);
+    l(this, "viewMode", "3d");
+    l(this, "graphData", null);
+    this.options = { ...T, ...s }, this.container = ct(e), this.materialFactory = new bt(), this.nodeFactory = new vt(
       this.materialFactory,
-      this.options.nodeRadius ?? I.nodeRadius,
-      this.options.lodSegments ?? I.lodSegments
+      this.options.nodeRadius ?? T.nodeRadius,
+      this.options.lodSegments ?? T.lodSegments,
+      this.options.defaultNodeColor ?? T.defaultNodeColor
     ), this.edgeFactory = new Mt(
       this.materialFactory,
-      this.options.edgeColor ?? I.edgeColor,
-      this.options.edgeOpacity ?? I.edgeOpacity
+      this.options.edgeColor ?? T.edgeColor,
+      this.options.edgeOpacity ?? T.edgeOpacity
     ), this.sceneManager = new ut(this.container, this.options), this.lodManager = new wt(
       this.sceneManager.camera,
-      this.options.lodDistances ?? I.lodDistances,
-      this.options.enableLOD ?? I.enableLOD
+      this.options.lodDistances ?? T.lodDistances,
+      this.options.enableLOD ?? T.enableLOD
     ), this.frustumCuller = new Et(
       this.sceneManager.camera,
-      this.options.enableEdgeCulling ?? I.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 ?? T.enableEdgeCulling
+    ), this.nodeManager = new ft(this.sceneManager, this.nodeFactory), this.edgeManager = new mt(this.sceneManager, this.nodeManager, this.edgeFactory), this.graphEngine = new Le(
       this.nodeManager.getAllNodes(),
       this.edgeManager.getAllEdges(),
       {
@@ -2560,12 +3009,12 @@ class Ot {
         useBarnesHut: this.options.useBarnesHut,
         barnesHutTheta: this.options.barnesHutTheta
       }
-    ), this.rendererManager = new bt(
+    ), this.rendererManager = new xt(
       this.sceneManager,
       () => this.onSimulate(),
       () => this.onRender(),
-      this.options.targetFPS ?? I.targetFPS
-    ), this.raycasterManager = new Ct(this.sceneManager, this.container), this.panelManager = new zt(this.container), this.edgePanelManager = new Nt(this.container), this.edgeTooltipManager = new St(), this.edgePanelManager.setNodeClickCallback((t) => {
+      this.options.targetFPS ?? T.targetFPS
+    ), this.raycasterManager = new Ct(this.sceneManager, this.container), this.panelManager = new Nt(this.container), this.edgePanelManager = new St(this.container), this.edgeTooltipManager = new zt(), this.edgePanelManager.setNodeClickCallback((t) => {
       this.edgePanelManager.hide(), this.focusOnNode(t), setTimeout(() => {
         this.showNodePanel(t);
       }, 400);
@@ -2580,6 +3029,11 @@ class Ot {
           this.showNodePanel(t);
         }, 400);
       }
+    })), this.options.showViewToggle !== !1 && (this.viewMode = this.options.initialViewMode || "3d", this.viewToggleManager = new Pt(this.container, {
+      initialMode: this.viewMode,
+      onViewChange: (t) => {
+        this.switchView(t);
+      }
     })), this.setupCallbacks(), this.rendererManager.start(), this.initialized = !0, this.emit("ready");
   }
   /**
@@ -2602,8 +3056,8 @@ class Ot {
   onEdgeHover(e) {
     if (e) {
       this.edgeManager.highlightEdge(e.edge.source, e.edge.target);
-      const s = this.container.getBoundingClientRect(), t = s.left + s.width / 2, n = s.top + s.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, o = s.top + s.height / 2;
+      this.edgeTooltipManager.show(e.edge, e.sourceNode, e.targetNode, t, o), this.options.onEdgeHover && this.options.onEdgeHover(e.edge, e.sourceNode, e.targetNode), this.emit("edgeHover", e.edge, e.sourceNode, e.targetNode);
     } else
       this.edgeManager.unhighlightCurrentEdge(), this.edgeTooltipManager.hide(), this.options.onEdgeHover && this.options.onEdgeHover(null, null, null), this.emit("edgeHover", null, null, null);
   }
@@ -2612,7 +3066,7 @@ class Ot {
    */
   onNodeClick(e) {
     this.edgePanelManager.hide();
-    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((o) => this.nodeManager.getNode(o)).filter((o) => o !== void 0);
     this.options.showPanel !== !1 && this.panelManager.show(e, t), this.options.onNodeClick && this.options.onNodeClick(e), this.emit("nodeClick", e);
   }
   /**
@@ -2646,7 +3100,7 @@ class Ot {
    * Sets the graph data
    */
   setData(e) {
-    if (this.edgeManager.clear(), this.nodeManager.clear(), e.nodes && Array.isArray(e.nodes))
+    if (this.graphData = e, this.edgeManager.clear(), this.nodeManager.clear(), e.nodes && Array.isArray(e.nodes))
       for (const s of e.nodes)
         this.addNode(s);
     if (e.edges && Array.isArray(e.edges))
@@ -2662,17 +3116,17 @@ class Ot {
         useBarnesHut: this.options.useBarnesHut,
         barnesHutTheta: this.options.barnesHutTheta
       }
-    ), this.graphEngine.restart();
+    ), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setData(e);
   }
   /**
    * Adds a node to the graph
    * @returns true if added, false if node already exists or invalid
    */
   addNode(e) {
-    if (!Re(e))
+    if (!Oe(e))
       return !1;
     const s = this.nodeManager.addNode(e);
-    return s && (this.graphEngine.restart(), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e)), s;
+    return s && (this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addNode(e), this.options.onNodeAdd && this.options.onNodeAdd(e), this.emit("nodeAdd", e)), s;
   }
   /**
    * Removes a node from the graph
@@ -2699,7 +3153,7 @@ class Ot {
     if (!Fe(e))
       return !1;
     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;
+    return s && (this.graphEngine.setEdges(this.edgeManager.getAllEdges()), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.addEdge(e), this.options.onEdgeAdd && this.options.onEdgeAdd(e), this.emit("edgeAdd", e)), s;
   }
   /**
    * Removes an edge from the graph
@@ -2716,20 +3170,20 @@ class Ot {
    * @param fetchFn - Optional fetch function to override the default
    */
   async expandNode(e, s = 1, t) {
-    const n = t ?? this.options.onExpand;
-    if (!n)
+    const o = t ?? this.options.onExpand;
+    if (!o)
       return console.warn("[ForceGraph3D] No expand callback provided"), !1;
     try {
-      const o = await n(e, s);
-      if (o.nodes && Array.isArray(o.nodes))
-        for (const a of o.nodes)
+      const i = await o(e, s);
+      if (i.nodes && Array.isArray(i.nodes))
+        for (const a of i.nodes)
           this.addNode(a);
-      if (o.edges && Array.isArray(o.edges))
-        for (const a of o.edges)
+      if (i.edges && Array.isArray(i.edges))
+        for (const a of i.edges)
           this.addEdge(a);
-      return this.panelManager.hide(), this.emit("expand", e, o), !0;
-    } catch (o) {
-      return console.error("[ForceGraph3D] Error expanding node:", o), !1;
+      return this.panelManager.hide(), this.emit("expand", e, i), !0;
+    } catch (i) {
+      return console.error("[ForceGraph3D] Error expanding node:", i), !1;
     }
   }
   /**
@@ -2767,18 +3221,22 @@ class Ot {
    * Focuses the camera on a specific node with smooth animation
    */
   focusOnNode(e, s = 30) {
+    if (this.viewMode === "2d" && this.forceGraph2D) {
+      this.forceGraph2D.focusOnNode(e);
+      return;
+    }
     const t = this.nodeManager.getNode(e);
     if (!t) {
       console.warn(`[ForceGraph3D] Node "${e}" not found`);
       return;
     }
-    const n = t.position, o = this.sceneManager.camera, a = this.sceneManager.controls, l = o.position.clone().sub(a.target).normalize(), h = {
-      x: n.x + l.x * s,
-      y: n.y + l.y * s,
-      z: n.z + l.z * s
-    }, g = { x: o.position.x, y: o.position.y, z: o.position.z }, u = { x: a.target.x, y: a.target.y, z: a.target.z }, b = 800, x = performance.now(), f = () => {
-      const m = performance.now() - x, M = Math.min(m / b, 1), E = 1 - Math.pow(1 - M, 3);
-      o.position.x = g.x + (h.x - g.x) * E, o.position.y = g.y + (h.y - g.y) * E, o.position.z = g.z + (h.z - g.z) * E, a.target.x = u.x + (n.x - u.x) * E, a.target.y = u.y + (n.y - u.y) * E, a.target.z = u.z + (n.z - u.z) * E, a.update(), M < 1 && requestAnimationFrame(f);
+    const o = t.position, i = this.sceneManager.camera, a = this.sceneManager.controls, r = i.position.clone().sub(a.target).normalize(), c = {
+      x: o.x + r.x * s,
+      y: o.y + r.y * s,
+      z: o.z + r.z * s
+    }, d = { x: i.position.x, y: i.position.y, z: i.position.z }, g = { x: a.target.x, y: a.target.y, z: a.target.z }, u = 800, y = performance.now(), f = () => {
+      const x = performance.now() - y, v = Math.min(x / u, 1), M = 1 - Math.pow(1 - v, 3);
+      i.position.x = d.x + (c.x - d.x) * M, i.position.y = d.y + (c.y - d.y) * M, i.position.z = d.z + (c.z - d.z) * M, a.target.x = g.x + (o.x - g.x) * M, a.target.y = g.y + (o.y - g.y) * M, a.target.z = g.z + (o.z - g.z) * M, a.update(), v < 1 && requestAnimationFrame(f);
     };
     f();
   }
@@ -2787,22 +3245,22 @@ class Ot {
    * Camera targets the midpoint and zooms out enough to see both nodes
    */
   focusOnEdge(e, s, t = 1.5) {
-    const n = this.nodeManager.getNode(e), o = this.nodeManager.getNode(s);
-    if (!n || !o) {
+    const o = this.nodeManager.getNode(e), i = this.nodeManager.getNode(s);
+    if (!o || !i) {
       console.warn(`[ForceGraph3D] Could not find nodes for edge "${e}" -> "${s}"`);
       return;
     }
-    const a = this.sceneManager.camera, l = this.sceneManager.controls, h = {
-      x: (n.position.x + o.position.x) / 2,
-      y: (n.position.y + o.position.y) / 2,
-      z: (n.position.z + o.position.z) / 2
-    }, g = o.position.x - n.position.x, u = o.position.y - n.position.y, b = o.position.z - n.position.z, x = Math.sqrt(g * g + u * u + b * b), f = Math.max(x * t, 40), m = a.position.clone().sub(l.target).normalize(), M = {
-      x: h.x + m.x * f,
-      y: h.y + m.y * f,
-      z: h.z + m.z * f
-    }, E = { x: a.position.x, y: a.position.y, z: a.position.z }, z = { x: l.target.x, y: l.target.y, z: l.target.z }, R = 800, P = performance.now(), Y = () => {
-      const T = performance.now() - P, H = Math.min(T / R, 1), w = 1 - Math.pow(1 - H, 3);
-      a.position.x = E.x + (M.x - E.x) * w, a.position.y = E.y + (M.y - E.y) * w, a.position.z = E.z + (M.z - E.z) * w, l.target.x = z.x + (h.x - z.x) * w, l.target.y = z.y + (h.y - z.y) * w, l.target.z = z.z + (h.z - z.z) * w, l.update(), H < 1 && requestAnimationFrame(Y);
+    const a = this.sceneManager.camera, r = this.sceneManager.controls, c = {
+      x: (o.position.x + i.position.x) / 2,
+      y: (o.position.y + i.position.y) / 2,
+      z: (o.position.z + i.position.z) / 2
+    }, d = i.position.x - o.position.x, g = i.position.y - o.position.y, u = i.position.z - o.position.z, y = Math.sqrt(d * d + g * g + u * u), f = Math.max(y * t, 40), x = a.position.clone().sub(r.target).normalize(), v = {
+      x: c.x + x.x * f,
+      y: c.y + x.y * f,
+      z: c.z + x.z * f
+    }, M = { x: a.position.x, y: a.position.y, z: a.position.z }, N = { x: r.target.x, y: r.target.y, z: r.target.z }, O = 800, L = performance.now(), Y = () => {
+      const P = performance.now() - L, H = Math.min(P / O, 1), E = 1 - Math.pow(1 - H, 3);
+      a.position.x = M.x + (v.x - M.x) * E, a.position.y = M.y + (v.y - M.y) * E, a.position.z = M.z + (v.z - M.z) * E, r.target.x = N.x + (c.x - N.x) * E, r.target.y = N.y + (c.y - N.y) * E, r.target.z = N.z + (c.z - N.z) * E, r.update(), H < 1 && requestAnimationFrame(Y);
     };
     Y();
   }
@@ -2825,28 +3283,28 @@ class Ot {
   searchNodes(e) {
     if (!e || e.trim() === "")
       return [];
-    const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), n = [];
-    return t.forEach((o) => {
-      var g, u, b;
-      const a = (g = o.label) == null ? void 0 : g.toLowerCase().includes(s), l = (u = o.id) == null ? void 0 : u.toLowerCase().includes(s), h = (b = o.type) == null ? void 0 : b.toLowerCase().includes(s);
-      (a || l || h) && n.push(o);
-    }), n;
+    const s = e.toLowerCase().trim(), t = this.nodeManager.getAllNodes(), o = [];
+    return t.forEach((i) => {
+      var d, g, u;
+      const a = (d = i.label) == null ? void 0 : d.toLowerCase().includes(s), r = (g = i.id) == null ? void 0 : g.toLowerCase().includes(s), c = (u = i.type) == null ? void 0 : u.toLowerCase().includes(s);
+      (a || r || c) && o.push(i);
+    }), o;
   }
   /**
    * Searches edges by relationship (case-insensitive)
    * @returns Array of matching edges with source/target node info
    */
   searchEdges(e) {
-    var o;
+    var i;
     if (!e || e.trim() === "")
       return [];
-    const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), n = [];
+    const s = e.toLowerCase().trim(), t = this.edgeManager.getAllEdges(), o = [];
     for (const a of t)
-      if ((o = a.relationship) == null ? void 0 : o.toLowerCase().includes(s)) {
-        const h = this.nodeManager.getNode(a.source), g = this.nodeManager.getNode(a.target);
-        h && g && n.push({ edge: a, sourceNode: h, targetNode: g });
+      if ((i = a.relationship) == null ? void 0 : i.toLowerCase().includes(s)) {
+        const c = this.nodeManager.getNode(a.source), d = this.nodeManager.getNode(a.target);
+        c && d && o.push({ edge: a, sourceNode: c, targetNode: d });
       }
-    return n;
+    return o;
   }
   /**
    * Gets all nodes as an array
@@ -2867,6 +3325,44 @@ class Ot {
   isInitialized() {
     return this.initialized;
   }
+  /**
+   * Gets the current view mode
+   */
+  getViewMode() {
+    return this.viewMode;
+  }
+  /**
+   * Switches between 2D and 3D view modes
+   */
+  switchView(e) {
+    this.viewMode !== e && (this.viewMode = e, this.panelManager.hide(), this.edgePanelManager.hide(), this.edgeTooltipManager.hide(), e === "2d" ? (this.sceneManager.renderer.domElement.style.display = "none", this.rendererManager.stop(), this.forceGraph2D ? (this.forceGraph2D.show(), this.forceGraph2D.syncFrom3D(this.nodeManager.getAllNodes())) : (this.forceGraph2D = new Lt(this.container, {
+      backgroundColor: "#0a0a0a",
+      nodeRadius: 24,
+      onNodeClick: (s) => {
+        this.onNodeClick(s);
+      },
+      onNodeHover: (s) => {
+        this.options.onNodeHover && this.options.onNodeHover(s);
+      },
+      onEdgeHover: (s, t) => {
+        if (s && t) {
+          const o = this.nodeManager.getNode(s.source), i = this.nodeManager.getNode(s.target);
+          o && i && this.edgeTooltipManager.show(
+            s,
+            o,
+            i,
+            t.clientX,
+            t.clientY
+          );
+        } else
+          this.edgeTooltipManager.hide();
+      },
+      onEdgeClick: (s) => {
+        const t = this.nodeManager.getNode(s.source), o = this.nodeManager.getNode(s.target);
+        t && o && this.edgePanelManager.show(s, t, o);
+      }
+    }), this.graphData && (this.forceGraph2D.setData(this.graphData), this.forceGraph2D.syncFrom3D(this.nodeManager.getAllNodes())))) : (this.forceGraph2D && this.forceGraph2D.hide(), this.sceneManager.renderer.domElement.style.display = "block", this.rendererManager.start()), this.emit("viewChange", e));
+  }
   /**
    * Registers an event listener
    */
@@ -2878,13 +3374,13 @@ class Ot {
    */
   emit(e, ...s) {
     const t = this.eventCallbacks.get(e);
-    t && t.forEach((n) => n(...s));
+    t && t.forEach((o) => o(...s));
   }
   /**
-   * Sets physics parameters
+   * Sets physics parameters for both 3D and 2D views
    */
   setPhysicsParams(e) {
-    this.graphEngine.setPhysicsParams(e), this.graphEngine.restart();
+    this.graphEngine.setPhysicsParams(e), this.graphEngine.restart(), this.forceGraph2D && this.forceGraph2D.setPhysicsParams(e);
   }
   /**
    * Creates dev mode controls (only in development)
@@ -2955,27 +3451,27 @@ class Ot {
     `, this.container.appendChild(this.devControls);
     const e = this.devControls.querySelector("#dev-repulsion"), s = this.devControls.querySelector("#dev-attraction"), t = this.devControls.querySelector("#dev-damping");
     e == null || e.addEventListener("input", () => {
-      const n = parseFloat(e.value);
-      this.setPhysicsParams({ repulsionStrength: n }), this.devControls.querySelector("#dev-repulsion-val").textContent = n.toString();
+      const o = parseFloat(e.value);
+      this.setPhysicsParams({ repulsionStrength: o }), this.devControls.querySelector("#dev-repulsion-val").textContent = o.toString();
     }), s == null || s.addEventListener("input", () => {
-      const n = parseFloat(s.value) / 1e3;
-      this.setPhysicsParams({ attractionStrength: n }), this.devControls.querySelector("#dev-attraction-val").textContent = n.toFixed(3);
+      const o = parseFloat(s.value) / 1e3;
+      this.setPhysicsParams({ attractionStrength: o }), this.devControls.querySelector("#dev-attraction-val").textContent = o.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 o = parseFloat(t.value) / 100;
+      this.setPhysicsParams({ damping: o }), this.devControls.querySelector("#dev-damping-val").textContent = o.toFixed(2);
     }), setInterval(() => {
-      const n = this.devControls.querySelector("#dev-node-count"), o = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
-      n && (n.textContent = this.getNodeCount().toString()), o && (o.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
+      const o = this.devControls.querySelector("#dev-node-count"), i = this.devControls.querySelector("#dev-edge-count"), a = this.devControls.querySelector("#dev-fps");
+      o && (o.textContent = this.getNodeCount().toString()), i && (i.textContent = this.getEdgeCount().toString()), a && (a.textContent = this.rendererManager.getFPS().toString());
     }, 500);
   }
   /**
    * Destroys the graph and releases all resources
    */
   destroy() {
-    this.rendererManager.dispose(), this.panelManager.dispose(), this.raycasterManager.dispose(), this.edgeTooltipManager.dispose(), this.searchManager && this.searchManager.dispose(), this.edgeManager.dispose(), this.nodeManager.dispose(), this.nodeFactory.dispose(), this.materialFactory.dispose(), this.sceneManager.dispose(), this.devControls && this.devControls.parentNode && this.devControls.parentNode.removeChild(this.devControls), this.eventCallbacks.clear(), this.initialized = !1;
+    this.rendererManager.dispose(), this.panelManager.dispose(), this.raycasterManager.dispose(), this.edgeTooltipManager.dispose(), this.searchManager && this.searchManager.dispose(), this.viewToggleManager && this.viewToggleManager.dispose(), this.forceGraph2D && this.forceGraph2D.dispose(), this.edgeManager.dispose(), this.nodeManager.dispose(), this.nodeFactory.dispose(), this.materialFactory.dispose(), this.sceneManager.dispose(), this.devControls && this.devControls.parentNode && this.devControls.parentNode.removeChild(this.devControls), this.eventCallbacks.clear(), this.initialized = !1;
   }
 }
-const Oe = [
+const Ie = [
   "Alpha",
   "Beta",
   "Gamma",
@@ -3017,7 +3513,7 @@ const Oe = [
   "partners with",
   "collaborates with",
   "supports"
-], Ie = [
+], Re = [
   16777215,
   // White
   16750950,
@@ -3029,14 +3525,14 @@ const Oe = [
   16746564
   // Darker tangerine
 ];
-function It(c = 30) {
+function Ht(h = 30) {
   const e = [], s = [];
-  for (let n = 0; n < c; n++) {
-    const o = n < Oe.length ? Oe[n] : `Node ${n + 1}`;
+  for (let o = 0; o < h; o++) {
+    const i = o < Ie.length ? Ie[o] : `Node ${o + 1}`;
     e.push({
-      id: `node-${n}`,
-      label: o,
-      color: Ie[n % Ie.length],
+      id: `node-${o}`,
+      label: i,
+      color: Re[o % Re.length],
       position: {
         x: (Math.random() - 0.5) * 60,
         y: (Math.random() - 0.5) * 60,
@@ -3044,43 +3540,43 @@ function It(c = 30) {
       }
     });
   }
-  for (let n = 1; n < c; n++) {
-    const o = Math.floor(Math.random() * n);
+  for (let o = 1; o < h; o++) {
+    const i = Math.floor(Math.random() * o);
     s.push({
-      source: `node-${n}`,
-      target: `node-${o}`,
+      source: `node-${o}`,
+      target: `node-${i}`,
       relationship: J[Math.floor(Math.random() * J.length)]
     });
   }
-  const t = Math.floor(c * 0.5);
-  for (let n = 0; n < t; n++) {
-    const o = Math.floor(Math.random() * c);
-    let a = Math.floor(Math.random() * c);
-    o === a && (a = (a + 1) % c);
-    const l = `node-${o}`, h = `node-${a}`;
+  const t = Math.floor(h * 0.5);
+  for (let o = 0; o < t; o++) {
+    const i = Math.floor(Math.random() * h);
+    let a = Math.floor(Math.random() * h);
+    i === a && (a = (a + 1) % h);
+    const r = `node-${i}`, c = `node-${a}`;
     s.some(
-      (u) => u.source === l && u.target === h || u.source === h && u.target === l
+      (g) => g.source === r && g.target === c || g.source === c && g.target === r
     ) || s.push({
-      source: l,
-      target: h,
+      source: r,
+      target: c,
       relationship: J[Math.floor(Math.random() * J.length)]
     });
   }
   return { nodes: e, edges: s };
 }
-function Rt(c = 1e3) {
-  const e = [], s = [], t = Math.ceil(c / 50), n = [];
-  for (let o = 0; o < t; o++)
-    n.push({
+function Dt(h = 1e3) {
+  const e = [], s = [], t = Math.ceil(h / 50), o = [];
+  for (let i = 0; i < t; i++)
+    o.push({
       x: (Math.random() - 0.5) * 200,
       y: (Math.random() - 0.5) * 200,
       z: (Math.random() - 0.5) * 200
     });
-  for (let o = 0; o < c; o++) {
-    const a = n[o % t];
+  for (let i = 0; i < h; i++) {
+    const a = o[i % t];
     e.push({
-      id: `node-${o}`,
-      label: `N${o}`,
+      id: `node-${i}`,
+      label: `N${i}`,
       position: {
         x: a.x + (Math.random() - 0.5) * 40,
         y: a.y + (Math.random() - 0.5) * 40,
@@ -3088,32 +3584,32 @@ function Rt(c = 1e3) {
       }
     });
   }
-  for (let o = 1; o < c; o++) {
-    const a = Math.floor(o / 50) * 50, l = a === 0 ? Math.floor(Math.random() * o) : a + Math.floor(Math.random() * Math.min(o - a, 50));
+  for (let i = 1; i < h; i++) {
+    const a = Math.floor(i / 50) * 50, r = a === 0 ? Math.floor(Math.random() * i) : a + Math.floor(Math.random() * Math.min(i - a, 50));
     s.push({
-      source: `node-${o}`,
-      target: `node-${Math.min(l, o - 1)}`,
+      source: `node-${i}`,
+      target: `node-${Math.min(r, i - 1)}`,
       relationship: "links to"
     });
   }
-  for (let o = 1; o < t; o++) {
-    const a = o * 50, l = (o - 1) * 50 + Math.floor(Math.random() * 50);
+  for (let i = 1; i < t; i++) {
+    const a = i * 50, r = (i - 1) * 50 + Math.floor(Math.random() * 50);
     s.push({
       source: `node-${a}`,
-      target: `node-${l}`,
+      target: `node-${r}`,
       relationship: "bridges to"
     });
   }
   return { nodes: e, edges: s };
 }
 export {
-  I as DEFAULT_OPTIONS,
-  Ot as ForceGraph3D,
-  X as LODLevel,
-  A as createEdgeKey,
-  Rt as generateLargeSampleData,
-  It as generateSampleData,
+  T as DEFAULT_OPTIONS,
+  Ft as ForceGraph3D,
+  U as LODLevel,
+  D as createEdgeKey,
+  Dt as generateLargeSampleData,
+  Ht as generateSampleData,
   Fe as validateEdgeData,
-  Re as validateNodeData
+  Oe as validateNodeData
 };
 //# sourceMappingURL=force-3d-graph.js.map