groove-dev 0.22.11 → 0.22.13

package/node_modules/@groove-dev/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-COJhIp55.js"></script>
+    <script type="module" crossorigin src="/assets/index-BHRPxAO4.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/node_modules/@groove-dev/gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.18.2",
+  "version": "0.22.12",
   "description": "GROOVE GUI — visual agent control plane",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/node_modules/@groove-dev/gui/src/views/agents.jsx

@@ -270,19 +270,40 @@ function AgentTreeInner() {
 
   const [nodes, setNodes, onNodesChange] = useNodesState(targetNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(targetEdges);
-  const mountedRef = useRef(false);
+  const prevAgentIds = useRef(new Set());
+
+  // Update node DATA without replacing positions (prevents fly-in)
+  useEffect(() => {
+    setNodes((current) => {
+      const currentMap = new Map(current.map((n) => [n.id, n]));
+      const newIds = new Set(targetNodes.map((n) => n.id));
+
+      return targetNodes.map((tn) => {
+        const existing = currentMap.get(tn.id);
+        if (existing) {
+          // Preserve existing position, update data only
+          return { ...existing, data: tn.data };
+        }
+        // New node — use calculated position
+        return tn;
+      });
+    });
+  }, [targetNodes, setNodes]);
 
-  useEffect(() => { setNodes(targetNodes); }, [targetNodes, setNodes]);
   useEffect(() => { setEdges(targetEdges); }, [targetEdges, setEdges]);
 
   useEffect(() => {
-    if (agents.length > 0) {
-      const delay = mountedRef.current ? 200 : 50;
-      setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: mountedRef.current ? 400 : 0 }), delay);
-      mountedRef.current = true;
+    const currentIds = new Set(agents.map((a) => a.id));
+    const isNewAgent = agents.length > 0 && [...currentIds].some((id) => !prevAgentIds.current.has(id));
+    prevAgentIds.current = currentIds;
+
+    if (prevCount === 0 && agents.length > 0) {
+      setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: 0 }), 50);
+    } else if (isNewAgent) {
+      setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: 300 }), 100);
     }
     setPrevCount(agents.length);
-  }, [agents.length, prevCount, fitView]);
+  }, [agents.length, agents, prevCount, fitView]);
 
   const onNodeClick = useCallback((_e, node) => {
     if (node.id === ROOT_ID) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.22.11",
+  "version": "0.22.13",
   "description": "Open-source agent orchestration layer — the AI company OS. MCP integrations (Slack, Gmail, Stripe, 15+), agent scheduling (cron), business roles (CMO, CFO, EA). GUI dashboard, multi-agent coordination, zero cold-start, infinite sessions. Works with Claude Code, Codex, Gemini CLI, Ollama.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",