@backbay/glia 0.2.0-alpha.6 → 0.2.0-alpha.8

package/package.json

@@ -1,19 +1,21 @@
 {
   "name": "@backbay/glia",
-  "version": "0.2.0-alpha.6",
+  "version": "0.2.0-alpha.8",
   "description": "Reactive primitives for agent affect and thought",
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "homepage": "https://github.com/backbay/glia#readme",
+  "author": "Backbay <dev@backbay.industries>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/backbay/glia.git"
+    "url": "https://github.com/backbay/backbay-sdk.git",
+    "directory": "packages/glia"
   },
   "bugs": {
-    "url": "https://github.com/backbay/glia/issues"
+    "url": "https://github.com/backbay/backbay-sdk/issues"
   },
+  "homepage": "https://github.com/backbay/backbay-sdk/tree/main/packages/glia#readme",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -109,20 +111,23 @@
     "design-drift": "node scripts/design-drift.mjs"
   },
   "dependencies": {
-    "@backbay/contract": "0.1.0-alpha.1",
+    "@backbay/contract": "^0.1.0-alpha.1",
     "@backbay/glia-agent": "^0.1.0",
     "@backbay/glia-desktop": "^0.2.0-alpha.2",
-    "@backbay/glia-three": "^0.2.0-alpha.4",
+    "@backbay/glia-three": "^0.2.0-alpha.5",
     "@backbay/raymond": "^0.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0",
-    "zod": "^3.23.0",
-    "zustand": "^5.0.0"
+    "zod": "^3.23.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "zustand": "^5"
+  },
+  "peerDependenciesMeta": {
+    "zustand": { "optional": false }
   },
   "optionalDependencies": {
     "@radix-ui/react-accordion": "^1.2.3",
@@ -182,8 +187,9 @@
     "styled-components": "^6.3.8",
     "tailwindcss": "^3.4.17",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "vite": "^7.3.1",
+    "playwright": "^1.52.0",
     "vitest": "^2.0.0"
   },
   "keywords": [

package/dist/AuroraBackground-AP6ZHVFA.js

@@ -1,6 +0,0 @@
-export { AuroraBackground } from './chunk-QG7FH2FI.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=AuroraBackground-AP6ZHVFA.js.map
-//# sourceMappingURL=AuroraBackground-AP6ZHVFA.js.map

package/dist/AuroraBackground-AP6ZHVFA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AuroraBackground-AP6ZHVFA.js"}

package/dist/BentoGrid-CDARICNM.js

@@ -1,6 +0,0 @@
-export { BentoGrid, BentoGridItem } from './chunk-UUG6L75Y.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=BentoGrid-CDARICNM.js.map
-//# sourceMappingURL=BentoGrid-CDARICNM.js.map

package/dist/BentoGrid-CDARICNM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"BentoGrid-CDARICNM.js"}

package/dist/CommandPalette-JCWJKRBY.js

@@ -1,6 +0,0 @@
-export { CommandPalette } from './chunk-W67QAGSH.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=CommandPalette-JCWJKRBY.js.map
-//# sourceMappingURL=CommandPalette-JCWJKRBY.js.map

package/dist/CommandPalette-JCWJKRBY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CommandPalette-JCWJKRBY.js"}

package/dist/Glass-H4X4ZI4P.js

@@ -1,7 +0,0 @@
-export { GlassCard, GlassHeader, GlassPanel, GlassSection, NoiseOverlay } from './chunk-E3NVDCZG.js';
-import './chunk-VITKG2HL.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=Glass-H4X4ZI4P.js.map
-//# sourceMappingURL=Glass-H4X4ZI4P.js.map

package/dist/Glass-H4X4ZI4P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Glass-H4X4ZI4P.js"}

package/dist/GlitchText-KLQ57PPY.js

@@ -1,6 +0,0 @@
-export { GlitchText } from './chunk-GRTRSCTD.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=GlitchText-KLQ57PPY.js.map
-//# sourceMappingURL=GlitchText-KLQ57PPY.js.map

package/dist/GlitchText-KLQ57PPY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"GlitchText-KLQ57PPY.js"}

package/dist/GlowButton-VGBPMZO7.js

@@ -1,6 +0,0 @@
-export { GlowButton } from './chunk-MQIU2NYA.js';
-import './chunk-6RX2WGCO.js';
-import './chunk-3CMPQOMY.js';
-import './chunk-TM6AOUSD.js';
-//# sourceMappingURL=GlowButton-VGBPMZO7.js.map
-//# sourceMappingURL=GlowButton-VGBPMZO7.js.map

package/dist/GlowButton-VGBPMZO7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"GlowButton-VGBPMZO7.js"}

package/dist/Graph3D-GO7N2EZQ.js

@@ -1,540 +0,0 @@
-import './chunk-TM6AOUSD.js';
-import { Stars, OrbitControls, Line, Html } from '@react-three/drei';
-import { useThree, useFrame } from '@react-three/fiber';
-import { AnimatePresence, motion } from 'framer-motion';
-import { forwardRef, useRef, useState, useEffect, useImperativeHandle, useMemo } from 'react';
-import * as THREE2 from 'three';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var GraphEdge = ({ edge, start, end, isPathActive, isDimmed }) => {
-  const lineRef = useRef(null);
-  const isAgentPath = edge.type === "agentPath";
-  const isSuggested = edge.type === "suggested";
-  const isDistraction = edge.type === "distraction";
-  const color = isPathActive || isAgentPath ? "#00f0ff" : isDistraction ? "#ff6b4a" : isSuggested ? "#e0e7ff" : "#a0b0d0";
-  const opacity = isDimmed ? 0.03 : isPathActive || isAgentPath ? 0.85 : isDistraction ? 0.6 : isSuggested ? 0.25 : 0.08;
-  const width = isPathActive || isAgentPath ? 2.5 : isDistraction ? 1.5 : 1;
-  const dashed = isSuggested || isAgentPath || isPathActive || isDistraction;
-  useFrame((_state, delta) => {
-    if (lineRef.current && (isAgentPath || isPathActive || isSuggested || isDistraction)) {
-      if (lineRef.current.material) {
-        const speed = isPathActive ? 1.5 : isAgentPath ? 1 : isDistraction ? 0.3 : 0.5;
-        lineRef.current.material.dashOffset -= delta * speed;
-      }
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    Line,
-    {
-      ref: lineRef,
-      points: [start, end],
-      color,
-      transparent: true,
-      opacity,
-      lineWidth: width,
-      dashed,
-      dashScale: isSuggested ? 2 : isDistraction ? 3 : 1.4,
-      dashSize: isPathActive ? 0.22 : 0.16,
-      gapSize: isPathActive ? 0.14 : 0.2,
-      depthWrite: false,
-      toneMapped: false
-    }
-  );
-};
-var CATEGORY_COLORS = {
-  ADHD: "#00d4e6",
-  // Neon Cyan (slightly desaturated from #00f0ff)
-  AI: "#d000ff",
-  // Magenta (slightly desaturated from #f000ff)
-  Infrastructure: "#cfd8ff",
-  // Cool white/blue (softer than #e0e7ff)
-  Systems: "#00e08a",
-  // Emerald (shifted from #00ff99)
-  Personal: "#f4c948",
-  // Soft Gold (shifted from #ffd700)
-  // Mission Clusters
-  Mission: "#00d4e6",
-  // Default Mission = Cyan
-  MissionA: "#00d4e6",
-  // Cyan
-  MissionB: "#00e08a",
-  // Emerald
-  MissionC: "#f4c948",
-  // Gold
-  // Distraction
-  Distraction: "#ff4d4d",
-  // Red/Warning
-  // Generic
-  Plan: "#00f0ff",
-  Step: "#a0b0d0",
-  Task: "#a0b0d0",
-  Rest: "#a0b0d0",
-  Admin: "#a0b0d0"
-};
-var getCategoryColor = (category) => {
-  if (CATEGORY_COLORS[category || ""]) return CATEGORY_COLORS[category || ""];
-  if (category?.startsWith("Mission")) return CATEGORY_COLORS["Mission"];
-  return "#888888";
-};
-var getNodeSize = (weight = 0.5) => {
-  const baseRadius = 0.14;
-  const maxBump = 0.05;
-  return baseRadius + weight * maxBump;
-};
-function layoutFibonacci(nodes, options = {}) {
-  const positions = /* @__PURE__ */ new Map();
-  const radius = options.radius ?? 4;
-  nodes.forEach((node, i) => {
-    const phi = Math.acos(-1 + 2 * i / nodes.length);
-    const theta = Math.sqrt(nodes.length * Math.PI) * phi;
-    positions.set(
-      node.id,
-      new THREE2.Vector3(
-        radius * Math.cos(theta) * Math.sin(phi),
-        radius * Math.sin(theta) * Math.sin(phi),
-        radius * Math.cos(phi)
-      )
-    );
-  });
-  return positions;
-}
-function layoutRing(nodes, options = {}) {
-  const positions = /* @__PURE__ */ new Map();
-  const radius = options.radius ?? 4;
-  nodes.forEach((node, i) => {
-    const angle = i / nodes.length * Math.PI * 2;
-    positions.set(
-      node.id,
-      new THREE2.Vector3(Math.sin(angle) * radius, 0, -Math.cos(angle) * radius)
-    );
-  });
-  return positions;
-}
-function layoutCustom(nodes) {
-  const positions = /* @__PURE__ */ new Map();
-  nodes.forEach((node) => {
-    if (node.positionHint) {
-      positions.set(node.id, new THREE2.Vector3(...node.positionHint));
-    } else {
-      positions.set(node.id, new THREE2.Vector3(0, 0, 0));
-    }
-  });
-  return positions;
-}
-function layoutForce(nodes, edges, options = {}) {
-  const positions = /* @__PURE__ */ new Map();
-  const velocities = /* @__PURE__ */ new Map();
-  nodes.forEach((node, i) => {
-    const phi = Math.acos(-1 + 2 * i / nodes.length);
-    const theta = Math.sqrt(nodes.length * Math.PI) * phi;
-    const r = options.radius ?? 4;
-    positions.set(
-      node.id,
-      new THREE2.Vector3(
-        r * Math.cos(theta) * Math.sin(phi),
-        r * Math.sin(theta) * Math.sin(phi),
-        r * Math.cos(phi)
-      )
-    );
-    velocities.set(node.id, new THREE2.Vector3(0, 0, 0));
-  });
-  const iterations = options.iterations ?? 120;
-  const repelStrength = options.repelStrength ?? 8;
-  const linkStrength = options.linkStrength ?? 0.8;
-  const gravity = options.gravity ?? 0.05;
-  const damping = 0.8;
-  for (let i = 0; i < iterations; i++) {
-    for (let j = 0; j < nodes.length; j++) {
-      for (let k = j + 1; k < nodes.length; k++) {
-        const nodeA = nodes[j];
-        const nodeB = nodes[k];
-        const posA = positions.get(nodeA.id);
-        const posB = positions.get(nodeB.id);
-        const delta = new THREE2.Vector3().subVectors(posA, posB);
-        let dist = delta.length();
-        if (dist === 0) {
-          dist = 0.01;
-          delta.set(Math.random() - 0.5, Math.random() - 0.5, Math.random() - 0.5);
-        }
-        const force = delta.normalize().multiplyScalar(repelStrength / (dist * dist));
-        velocities.get(nodeA.id).add(force);
-        velocities.get(nodeB.id).sub(force);
-      }
-    }
-    edges.forEach((edge) => {
-      if (!positions.has(edge.source) || !positions.has(edge.target)) return;
-      const posA = positions.get(edge.source);
-      const posB = positions.get(edge.target);
-      const delta = new THREE2.Vector3().subVectors(posB, posA);
-      const dist = delta.length();
-      const idealDist = options.spacing ?? 1.5;
-      const force = delta.normalize().multiplyScalar((dist - idealDist) * linkStrength);
-      velocities.get(edge.source).add(force);
-      velocities.get(edge.target).sub(force);
-    });
-    nodes.forEach((node) => {
-      const pos = positions.get(node.id);
-      const force = pos.clone().negate().multiplyScalar(gravity);
-      velocities.get(node.id).add(force);
-    });
-    nodes.forEach((node) => {
-      const vel = velocities.get(node.id);
-      vel.multiplyScalar(damping);
-      positions.get(node.id).add(vel);
-    });
-  }
-  return positions;
-}
-var GraphNode = ({
-  node,
-  position,
-  isSelected,
-  isHovered,
-  isPathActive,
-  isDimmed,
-  showLabel,
-  onClick,
-  onDoubleClick,
-  onHover
-}) => {
-  const baseSize = useMemo(() => getNodeSize(node.weight), [node.weight]);
-  const color = useMemo(() => getCategoryColor(node.category), [node.category]);
-  const isHighlighted = isSelected || isHovered || isPathActive;
-  const isActiveStatus = node.status === "active";
-  const isDeployingStatus = node.status === "candidate";
-  const isBlockedStatus = node.status === "blocked";
-  const emissiveColor = useMemo(() => {
-    const baseColor = new THREE2.Color(color);
-    if (isPathActive) {
-      return baseColor.lerp(new THREE2.Color("#00f0ff"), 0.3);
-    }
-    if (isBlockedStatus) {
-      return baseColor.lerp(new THREE2.Color("#ff4444"), 0.5);
-    }
-    return baseColor;
-  }, [color, isPathActive, isBlockedStatus]);
-  const groupRef = useRef(null);
-  const meshRef = useRef(null);
-  const didInitRef = useRef(false);
-  const targetScaleRef = useRef(new THREE2.Vector3(1, 1, 1));
-  useFrame(({ clock }, delta) => {
-    const group = groupRef.current;
-    const mesh = meshRef.current;
-    if (!group || !mesh) return;
-    const t = clock.elapsedTime;
-    const positionAlpha = 1 - Math.exp(-delta * 8);
-    const scaleAlpha = 1 - Math.exp(-delta * 12);
-    const getScaleScalar = () => {
-      if (isSelected) return 1.2;
-      if (isHovered) return 1.1;
-      if (isPathActive) {
-        return 1 + 0.05 * Math.sin(t * Math.PI * 2 / 2.5);
-      }
-      if (isActiveStatus) {
-        return 1 + 0.06 * Math.sin(t * Math.PI * 2 / 2);
-      }
-      if (isDeployingStatus) {
-        return 1 + 0.08 * Math.sin(t * Math.PI * 2 / 0.8);
-      }
-      if (isBlockedStatus) {
-        return 1 + 0.04 * Math.sin(t * Math.PI * 2 / 0.5);
-      }
-      return 1 + 0.02 * Math.sin(t * Math.PI * 2 / 10);
-    };
-    if (!didInitRef.current) {
-      group.position.copy(position);
-      mesh.scale.setScalar(getScaleScalar());
-      didInitRef.current = true;
-      return;
-    }
-    group.position.lerp(position, positionAlpha);
-    targetScaleRef.current.setScalar(getScaleScalar());
-    mesh.scale.lerp(targetScaleRef.current, scaleAlpha);
-  });
-  return /* @__PURE__ */ jsxs("group", { ref: groupRef, children: [
-    /* @__PURE__ */ jsxs(
-      "mesh",
-      {
-        ref: meshRef,
-        onClick: (e) => {
-          e.stopPropagation();
-          onClick?.(node.id);
-        },
-        onDoubleClick: (e) => {
-          e.stopPropagation();
-          onDoubleClick?.(node.id);
-        },
-        onPointerOver: (e) => {
-          e.stopPropagation();
-          onHover?.(node.id);
-          document.body.style.cursor = "pointer";
-        },
-        onPointerOut: () => {
-          onHover?.(null);
-          document.body.style.cursor = "auto";
-        },
-        children: [
-          /* @__PURE__ */ jsx("sphereGeometry", { args: [baseSize, 32, 32] }),
-          /* @__PURE__ */ jsx(
-            "meshPhysicalMaterial",
-            {
-              color,
-              emissive: emissiveColor,
-              emissiveIntensity: isSelected ? 0.8 : isHovered ? 0.6 : isPathActive ? 0.5 : isActiveStatus ? 0.45 : isDeployingStatus ? 0.5 : isBlockedStatus ? 0.6 : 0.2,
-              roughness: 0.2,
-              metalness: 0.6,
-              transparent: true,
-              opacity: isDimmed ? 0.15 : 0.9,
-              transmission: 0.2,
-              thickness: 0.5
-            }
-          )
-        ]
-      }
-    ),
-    (isHighlighted || isActiveStatus || isDeployingStatus) && /* @__PURE__ */ jsxs("mesh", { children: [
-      /* @__PURE__ */ jsx("sphereGeometry", { args: [baseSize * (isSelected ? 2 : isActiveStatus ? 1.8 : 1.6), 32, 32] }),
-      /* @__PURE__ */ jsx(
-        "meshBasicMaterial",
-        {
-          color: isBlockedStatus ? "#ff4444" : emissiveColor,
-          transparent: true,
-          opacity: isSelected ? 0.15 : isActiveStatus ? 0.12 : isDeployingStatus ? 0.18 : 0.1,
-          side: THREE2.BackSide,
-          blending: THREE2.AdditiveBlending,
-          depthWrite: false
-        }
-      )
-    ] }),
-    isActiveStatus && !isSelected && /* @__PURE__ */ jsxs("mesh", { rotation: [Math.PI / 2, 0, 0], children: [
-      /* @__PURE__ */ jsx("ringGeometry", { args: [baseSize * 1.5, baseSize * 1.55, 64] }),
-      /* @__PURE__ */ jsx(
-        "meshBasicMaterial",
-        {
-          color: "#00ff88",
-          side: THREE2.DoubleSide,
-          transparent: true,
-          opacity: 0.4,
-          blending: THREE2.AdditiveBlending
-        }
-      )
-    ] }),
-    isSelected && /* @__PURE__ */ jsxs("mesh", { rotation: [Math.PI / 2, 0, 0], children: [
-      /* @__PURE__ */ jsx("ringGeometry", { args: [baseSize * 1.8, baseSize * 1.85, 64] }),
-      /* @__PURE__ */ jsx(
-        "meshBasicMaterial",
-        {
-          color,
-          side: THREE2.DoubleSide,
-          transparent: true,
-          opacity: 0.6,
-          blending: THREE2.AdditiveBlending
-        }
-      )
-    ] }),
-    (showLabel || isHighlighted) && /* @__PURE__ */ jsx(Html, { distanceFactor: 12, zIndexRange: [100, 0], style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        initial: { opacity: 0, y: 4 },
-        animate: { opacity: 1, y: -12 },
-        transition: { duration: 0.18 },
-        className: `
-              flex flex-col items-center
-              ${isHighlighted ? "scale-100" : "scale-95 opacity-40"}
-            `,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `
-                px-2 py-1 rounded-full border backdrop-blur-xl transition-colors duration-300
-                ${isHighlighted ? "bg-[rgba(2,4,10,0.85)] border-white/[0.06] shadow-[inset_0_1px_0_rgba(255,255,255,0.02)]" : "bg-transparent border-transparent"}
-              `,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `text-[9px] font-mono font-semibold whitespace-nowrap ${isHighlighted ? "text-white" : "text-white/55"}`,
-                  children: node.label
-                }
-              )
-            }
-          ),
-          isHighlighted && node.category && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-[7px] uppercase tracking-[0.18em] font-bold mt-1 px-1.5 py-px rounded border border-white/[0.06] bg-[rgba(2,4,10,0.85)] backdrop-blur-xl",
-              style: {
-                color,
-                borderColor: `${color}33`,
-                boxShadow: `0 0 6px ${color}22`
-              },
-              children: node.category
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-};
-var Graph3D = forwardRef(
-  ({
-    graph,
-    selectedNodeId,
-    focusedPath = [],
-    highlightedNodeIds = [],
-    dimUnhighlighted,
-    layout = "fibonacci",
-    layoutOptions = {},
-    agentActivity = { mode: "idle" },
-    onNodeClick,
-    onNodeDoubleClick,
-    onNodeHoverChange,
-    onBackgroundClick,
-    maxNodeCountForLabels = 20,
-    embedMode = false
-  }, ref) => {
-    const { camera } = useThree();
-    const controlsRef = useRef(null);
-    const groupRef = useRef(null);
-    const [positions, setPositions] = useState(/* @__PURE__ */ new Map());
-    const [currentLayout, setCurrentLayout] = useState(layout);
-    const [currentLayoutOptions, setCurrentLayoutOptions] = useState(layoutOptions);
-    useEffect(() => {
-      let newPositions;
-      switch (currentLayout) {
-        case "force":
-          newPositions = layoutForce(graph.nodes, graph.edges, currentLayoutOptions);
-          break;
-        case "ring":
-          newPositions = layoutRing(graph.nodes, currentLayoutOptions);
-          break;
-        case "custom":
-          newPositions = layoutCustom(graph.nodes);
-          break;
-        case "fibonacci":
-        default:
-          newPositions = layoutFibonacci(graph.nodes, currentLayoutOptions);
-          break;
-      }
-      setPositions(newPositions);
-    }, [graph, currentLayout, currentLayoutOptions]);
-    useEffect(() => {
-      setCurrentLayout(layout);
-      setCurrentLayoutOptions(layoutOptions);
-    }, [layout, layoutOptions]);
-    useImperativeHandle(ref, () => ({
-      focusNode: (id, options) => {
-        const pos = positions.get(id);
-        if (pos && controlsRef.current) {
-          controlsRef.current.target.copy(pos);
-          if (options?.animateCamera) {
-            const offset = new THREE2.Vector3(0, 2, 6);
-            camera.position.copy(pos).add(offset);
-          }
-        }
-      },
-      pulseNode: (_id, _options) => {
-      },
-      highlightPath: (_ids, _options) => {
-      },
-      showDiff: (_oldGraph, _newGraph, _options) => {
-      },
-      setLayout: (mode, opts) => {
-        setCurrentLayout(mode);
-        if (opts) setCurrentLayoutOptions(opts);
-      },
-      getNodePosition: (id) => {
-        return positions.get(id);
-      }
-    }));
-    useFrame((_state, delta) => {
-      if (groupRef.current && agentActivity.mode === "idle" && !selectedNodeId) {
-        groupRef.current.rotation.y += delta * 0.02;
-      }
-    });
-    const isNodeDimmed = (id) => {
-      if (!dimUnhighlighted) return false;
-      if (selectedNodeId && id === selectedNodeId) return false;
-      if (focusedPath.includes(id)) return false;
-      if (highlightedNodeIds.includes(id)) return false;
-      if (selectedNodeId || focusedPath.length > 0 || highlightedNodeIds.length > 0) return true;
-      return false;
-    };
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !embedMode && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("color", { attach: "background", args: ["#050812"] }),
-        /* @__PURE__ */ jsx("fog", { attach: "fog", args: ["#050812", 8, 25] }),
-        " ",
-        /* @__PURE__ */ jsx(Stars, { radius: 90, depth: 40, count: 1800, factor: 3, saturation: 0, fade: true, speed: 0.3 }),
-        /* @__PURE__ */ jsx("ambientLight", { intensity: 0.2 }),
-        /* @__PURE__ */ jsx("pointLight", { position: [10, 10, 10], intensity: 0.5, color: "#4060ff" }),
-        /* @__PURE__ */ jsx("pointLight", { position: [-10, -5, -10], intensity: 0.3, color: "#ff0080" }),
-        /* @__PURE__ */ jsx("hemisphereLight", { args: ["#050812", "#000000", 0.5] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        OrbitControls,
-        {
-          ref: controlsRef,
-          makeDefault: true,
-          enableDamping: true,
-          dampingFactor: 0.05,
-          rotateSpeed: 0.5,
-          minDistance: 3,
-          maxDistance: 16
-        }
-      ),
-      /* @__PURE__ */ jsxs("mesh", { visible: false, scale: [100, 100, 100], onClick: () => onBackgroundClick?.(), children: [
-        /* @__PURE__ */ jsx("sphereGeometry", { args: [1, 16, 16] }),
-        /* @__PURE__ */ jsx("meshBasicMaterial", { side: THREE2.BackSide })
-      ] }),
-      /* @__PURE__ */ jsxs("group", { ref: groupRef, children: [
-        graph.edges.map((edge) => {
-          const start = positions.get(edge.source);
-          const end = positions.get(edge.target);
-          if (!start || !end) return null;
-          const bothInPath = focusedPath.includes(edge.source) && focusedPath.includes(edge.target);
-          const isDimmed = dimUnhighlighted && !bothInPath && (focusedPath.length > 0 || !!selectedNodeId);
-          return /* @__PURE__ */ jsx(
-            GraphEdge,
-            {
-              edge,
-              start,
-              end,
-              isPathActive: bothInPath,
-              isDimmed
-            },
-            edge.id
-          );
-        }),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: graph.nodes.map((node) => {
-          const pos = positions.get(node.id);
-          if (!pos) return null;
-          const isSelected = selectedNodeId === node.id;
-          const isPathActive = focusedPath.includes(node.id);
-          const shouldShowLabel = isSelected || isPathActive || highlightedNodeIds.includes(node.id) || graph.nodes.length < maxNodeCountForLabels;
-          return /* @__PURE__ */ jsx(
-            GraphNode,
-            {
-              node,
-              position: pos,
-              isSelected,
-              isPathActive,
-              isHovered: false,
-              isDimmed: isNodeDimmed(node.id),
-              showLabel: shouldShowLabel,
-              onClick: onNodeClick,
-              onDoubleClick: onNodeDoubleClick,
-              onHover: onNodeHoverChange
-            },
-            node.id
-          );
-        }) })
-      ] })
-    ] });
-  }
-);
-Graph3D.displayName = "Graph3D";
-
-export { Graph3D };
-//# sourceMappingURL=Graph3D-GO7N2EZQ.js.map
-//# sourceMappingURL=Graph3D-GO7N2EZQ.js.map