groove-dev 0.26.26 → 0.26.28

package/packages/gui/dist/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <title>Groove GUI</title>
-    <script type="module" crossorigin src="/assets/index-aIPRNYy7.js"></script>
+    <script type="module" crossorigin src="/assets/index--XNm9lTq.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">

package/packages/gui/src/views/agents.jsx

@@ -261,13 +261,13 @@ function AgentTreeInner() {
     return nodes;
   }, [agents, tokenTimeline]);
 
-  // Build edges
+  // Build edges — compute closest handle based on saved node positions
   const targetEdges = useMemo(() => {
     const saved = loadPositions();
     const rootPos = saved[ROOT_ID] || { x: 0, y: 0 };
 
     return agents.map((agent, i) => {
-      const key = agent.id;
+      const key = agent.name || agent.id;
       const row = Math.floor(i / MAX_PER_ROW);
       const col = i % MAX_PER_ROW;
       const totalInRow = Math.min(agents.length - row * MAX_PER_ROW, MAX_PER_ROW);
@@ -319,7 +319,32 @@ function AgentTreeInner() {
     });
   }, [targetNodes, setNodes]);
 
-  useEffect(() => { setEdges(targetEdges); }, [targetEdges, setEdges]);
+  // Recalculate edge handles from actual node positions (not saved positions)
+  // Runs after nodes settle — handles always match where nodes actually are
+  useEffect(() => {
+    setEdges(() => {
+      const rootNode = nodes.find((n) => n.id === ROOT_ID);
+      if (!rootNode) return targetEdges;
+      const rootPos = rootNode.position;
+
+      return targetEdges.map((edge) => {
+        const agentNode = nodes.find((n) => n.id === edge.target);
+        if (!agentNode) return edge;
+
+        const dx = agentNode.position.x + NODE_W / 2 - rootPos.x;
+        const dy = agentNode.position.y + NODE_H / 2 - rootPos.y;
+        let sourceHandle, targetHandle;
+        if (Math.abs(dy) > Math.abs(dx)) {
+          sourceHandle = dy > 0 ? 'bottom' : 'top';
+          targetHandle = dy > 0 ? 'top' : 'bottom';
+        } else {
+          sourceHandle = dx > 0 ? 'right' : 'left';
+          targetHandle = dx > 0 ? 'left' : 'right';
+        }
+        return { ...edge, sourceHandle, targetHandle };
+      });
+    });
+  }, [targetEdges, nodes, setEdges]);
 
   // Only fitView when agents are added — debounced so team launches (multiple spawns)
   // don't cause repeated zoom/pan jitter