groove-dev 0.26.16 → 0.26.18

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-7eQvV_N9.js"></script>
+    <script type="module" crossorigin src="/assets/index-aT3nOZj0.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/stores/groove.js

@@ -259,9 +259,11 @@ export const useGrooveStore = create((set, get) => ({
             set((s) => {
               const chatHistory = { ...s.chatHistory };
               const tokenTimeline = { ...s.tokenTimeline };
+              const activityLog = { ...s.activityLog };
               if (chatHistory[msg.oldAgentId]?.length) chatHistory[msg.newAgentId] = [...chatHistory[msg.oldAgentId]];
               if (tokenTimeline[msg.oldAgentId]?.length) tokenTimeline[msg.newAgentId] = [...tokenTimeline[msg.oldAgentId]];
-              return { chatHistory, tokenTimeline, detailPanel: { type: 'agent', agentId: msg.newAgentId } };
+              if (activityLog[msg.oldAgentId]?.length) activityLog[msg.newAgentId] = [...activityLog[msg.oldAgentId]];
+              return { chatHistory, tokenTimeline, activityLog, detailPanel: { type: 'agent', agentId: msg.newAgentId } };
             });
           }
           break;

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

@@ -321,17 +321,21 @@ function AgentTreeInner() {
 
   useEffect(() => { setEdges(targetEdges); }, [targetEdges, setEdges]);
 
-  // Only fitView when agents are added — not on metric/token/chat updates
+  // Only fitView when agents are added — debounced so team launches (multiple spawns)
+  // don't cause repeated zoom/pan jitter
   const agentIdStr = agents.map((a) => a.id).join(',');
+  const fitTimer = useRef(null);
   useEffect(() => {
     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);
+      fitView({ padding: 0.3, maxZoom: 1.2, duration: 0 });
     } else if (isNewAgent) {
-      setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: 300 }), 100);
+      // Debounce: wait 500ms for batch spawns to settle before fitting
+      clearTimeout(fitTimer.current);
+      fitTimer.current = setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: 300 }), 500);
     }
     setPrevCount(agents.length);
   }, [agentIdStr, prevCount, fitView]); // eslint-disable-line react-hooks/exhaustive-deps