groove-dev 0.25.8 → 0.25.10

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-DVW2lYyr.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/components/agents/spawn-wizard.jsx

@@ -11,7 +11,7 @@ import {
   Server, Monitor, Code2, TestTube, Cloud, FileText,
   Shield, Database, Megaphone, Calculator, UserCheck,
   Headphones, BarChart3, Rocket, ChevronDown, Pen, Presentation,
-  Sparkles, X, Search,
+  Sparkles, X, Search, AlertTriangle,
 } from 'lucide-react';
 import { api } from '../../lib/api';
 import { Dialog, DialogContent } from '../ui/dialog';
@@ -67,7 +67,15 @@ export function SpawnWizard() {
   useEffect(() => {
     if (open) {
       fetchProviders().then((data) => {
-        setProviders(Array.isArray(data) ? data : data.providers || []);
+        const list = Array.isArray(data) ? data : data.providers || [];
+        setProviders(list);
+        // Auto-select first installed provider
+        const installed = list.filter((p) => p.installed);
+        if (installed.length > 0 && !provider) {
+          const priority = ['claude-code', 'gemini', 'codex', 'ollama'];
+          const best = priority.find((pid) => installed.some((p) => p.id === pid)) || installed[0].id;
+          setProvider(best);
+        }
       }).catch(() => {});
       api.get('/skills/installed').then((data) => {
         setInstalledSkills(Array.isArray(data) ? data : []);
@@ -329,7 +337,13 @@ export function SpawnWizard() {
 
           {/* Sticky footer */}
           <div className="border-t border-border-subtle px-5 py-4 bg-surface-1">
-            {selectedRole && (
+            {installedProviders.length === 0 && providers.length > 0 && (
+              <div className="flex items-center gap-2 mb-3 px-3 py-2 rounded-md bg-warning/8 border border-warning/20">
+                <AlertTriangle size={13} className="text-warning flex-shrink-0" />
+                <span className="text-2xs font-sans text-text-2">No AI providers installed. Install Claude Code, Gemini CLI, Codex, or Ollama to spawn agents.</span>
+              </div>
+            )}
+            {selectedRole && installedProviders.length > 0 && (
               <div className="flex items-center gap-2 mb-3 text-xs text-text-3 font-sans">
                 <span>Spawning</span>
                 <Badge variant="accent">{selectedRole}</Badge>
@@ -341,7 +355,7 @@ export function SpawnWizard() {
               variant="primary"
               size="lg"
               onClick={handleSpawn}
-              disabled={!selectedRole || spawning}
+              disabled={!selectedRole || spawning || installedProviders.length === 0}
               className="w-full"
             >
               {spawning ? 'Spawning...' : 'Spawn Agent'}

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;
         }