groove-dev 0.25.9 → 0.25.11

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-D67eFTek.js"></script>
+    <script type="module" crossorigin src="/assets/index-Cg1mJi9s.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

@@ -120,7 +120,15 @@ export const useGrooveStore = create((set, get) => ({
               if (arr.length > 200) timeline[agent.id] = arr.slice(-200);
             }
           }
-          set({ agents: msg.data, tokenTimeline: timeline, hydrated: true });
+          // Only replace agents array if something meaningful changed
+          // (prevents React Flow tree flicker on every lastActivity update)
+          const prev = get().agents;
+          const changed = msg.data.length !== prev.length || msg.data.some((a, i) => {
+            const p = prev[i];
+            return !p || p.id !== a.id || p.status !== a.status || p.tokensUsed !== a.tokensUsed
+              || p.contextUsage !== a.contextUsage || p.name !== a.name || p.model !== a.model;
+          });
+          set({ agents: changed ? msg.data : prev, tokenTimeline: timeline, hydrated: true });
           break;
         }