groove-dev 0.27.164 → 0.27.166

package/node_modules/@groove-dev/gui/dist/index.html

@@ -6,7 +6,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-CkCFf4Fl.js"></script>
+    <script type="module" crossorigin src="/assets/index-B_kpnfOu.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-26L3JoZv.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-DoBZjiHE.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BYKpdS2W.js">

package/node_modules/@groove-dev/gui/package.json

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

package/node_modules/@groove-dev/gui/src/components/editor/terminal.jsx

@@ -85,6 +85,7 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
       }
 
       const requestId = `spawn-${++spawnSeq}`;
+      const initialCols = term.cols;
       ws.send(JSON.stringify({ type: 'terminal:spawn', cols: term.cols, rows: term.rows, requestId }));
 
       function onMessage(event) {
@@ -93,6 +94,25 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
 
         if (msg.type === 'terminal:spawned' && msg.requestId === requestId && !termIdRef.current) {
           termIdRef.current = msg.id;
+          setTimeout(() => {
+            try { fitRef.current?.fit(); } catch {}
+            const c = term.cols, r = term.rows;
+            if (c > 1 && r > 1 && termIdRef.current) {
+              const w = useGrooveStore.getState().ws;
+              if (w?.readyState === WebSocket.OPEN) {
+                w.send(JSON.stringify({ type: 'terminal:resize', id: termIdRef.current, rows: r, cols: c }));
+                lastSizeRef.current = { cols: c, rows: r };
+                if (c !== initialCols) {
+                  setTimeout(() => {
+                    term.clear();
+                    if (w.readyState === WebSocket.OPEN && termIdRef.current) {
+                      w.send(JSON.stringify({ type: 'terminal:input', id: termIdRef.current, data: '\x0c' }));
+                    }
+                  }, 80);
+                }
+              }
+            }
+          }, 50);
         } else if (msg.type === 'terminal:output' && msg.id === termIdRef.current) {
           term.write(msg.data);
         } else if (msg.type === 'terminal:exit' && msg.id === termIdRef.current) {
@@ -114,26 +134,50 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
       term.onResize(({ cols, rows }) => {
         if (cols === lastSizeRef.current.cols && rows === lastSizeRef.current.rows) return;
         if (cols < 2 || rows < 2) return;
-        lastSizeRef.current = { cols, rows };
         const ws = useGrooveStore.getState().ws;
         if (ws?.readyState === WebSocket.OPEN && termIdRef.current) {
+          lastSizeRef.current = { cols, rows };
           ws.send(JSON.stringify({ type: 'terminal:resize', id: termIdRef.current, rows, cols }));
         }
       });
     }
 
+    let hasSpawned = false;
+    function tryInitSpawn() {
+      if (hasSpawned) return;
+      if (term.cols >= 10 && term.rows >= 2) {
+        hasSpawned = true;
+        trySpawn();
+      }
+    }
+
     requestAnimationFrame(() => {
       try { fitAddon.fit(); } catch {}
-      trySpawn();
+      requestAnimationFrame(() => {
+        try { fitAddon.fit(); } catch {}
+        tryInitSpawn();
+      });
     });
 
+    const spawnFallback = setTimeout(() => {
+      if (!hasSpawned) {
+        try { fitAddon.fit(); } catch {}
+        hasSpawned = true;
+        trySpawn();
+      }
+    }, 3000);
+
     const observer = new ResizeObserver(() => {
       if (!visibleRef.current) return;
-      requestAnimationFrame(() => { try { fitAddon.fit(); } catch {} });
+      requestAnimationFrame(() => {
+        try { fitAddon.fit(); } catch {}
+        tryInitSpawn();
+      });
     });
     observer.observe(containerRef.current);
 
     return () => {
+      clearTimeout(spawnFallback);
       observer.disconnect();
       if (handlerRef.current) {
         handlerRef.current.ws.removeEventListener('message', handlerRef.current.handler);
@@ -149,6 +193,16 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
     if (visible && fitRef.current) {
       requestAnimationFrame(() => {
         try { fitRef.current.fit(); } catch {}
+        if (termRef.current && termIdRef.current) {
+          const c = termRef.current.cols, r = termRef.current.rows;
+          if (c > 1 && r > 1) {
+            const ws = useGrooveStore.getState().ws;
+            if (ws?.readyState === WebSocket.OPEN) {
+              ws.send(JSON.stringify({ type: 'terminal:resize', id: termIdRef.current, rows: r, cols: c }));
+              lastSizeRef.current = { cols: c, rows: r };
+            }
+          }
+        }
       });
     }
   }, [visible]);

package/node_modules/@groove-dev/gui/src/components/fleet/fleet-content.jsx

@@ -5,7 +5,10 @@ import { useGrooveStore } from '../../stores/groove';
 import { FleetPane } from './fleet-pane';
 
 export function FleetContent() {
-  const selected = useGrooveStore((s) => s.fleetSelectedAgents);
+  const rawSelected = useGrooveStore((s) => s.fleetSelectedAgents);
+  const lastSelectedRef = useRef(rawSelected);
+  if (rawSelected[0] || rawSelected[1]) lastSelectedRef.current = rawSelected;
+  const selected = (rawSelected[0] || rawSelected[1]) ? rawSelected : lastSelectedRef.current;
   const splitMode = useGrooveStore((s) => s.fleetSplitMode);
   const fleetSelectAgent = useGrooveStore((s) => s.fleetSelectAgent);
 

package/node_modules/@groove-dev/gui/src/components/fleet/fleet-pane.jsx

@@ -28,7 +28,12 @@ const STATUS_LABEL = {
 };
 
 export function FleetPane({ agentId, paneIndex }) {
-  const liveAgent = useGrooveStore((s) => s.agents.find((a) => a.id === agentId));
+  const effectiveId = agentId || null;
+  const lastIdRef = useRef(effectiveId);
+  if (effectiveId) lastIdRef.current = effectiveId;
+  const resolvedId = effectiveId || lastIdRef.current;
+
+  const liveAgent = useGrooveStore((s) => resolvedId ? s.agents.find((a) => a.id === resolvedId) : null);
   const fleetSelectAgent = useGrooveStore((s) => s.fleetSelectAgent);
   const fleetMarkRead = useGrooveStore((s) => s.fleetMarkRead);
 
@@ -43,15 +48,15 @@ export function FleetPane({ agentId, paneIndex }) {
   }
 
   useEffect(() => {
-    if (!liveAgent && agentId && !gone) {
-      goneTimer.current = setTimeout(() => setGone(true), 2000);
+    if (!liveAgent && resolvedId && !gone) {
+      goneTimer.current = setTimeout(() => setGone(true), 3000);
       return () => { if (goneTimer.current) clearTimeout(goneTimer.current); };
     }
-  }, [liveAgent, agentId, gone]);
+  }, [liveAgent, resolvedId, gone]);
 
   useEffect(() => {
-    if (agentId) fleetMarkRead(agentId);
-  }, [agentId, fleetMarkRead]);
+    if (effectiveId) fleetMarkRead(effectiveId);
+  }, [effectiveId, fleetMarkRead]);
 
   const agent = liveAgent || lastAgentRef.current;
 

package/node_modules/@groove-dev/gui/src/stores/groove.js

@@ -199,8 +199,10 @@ export const useGrooveStore = create((set, get) => ({
           }
           for (const id of removed) delete timeline[id];
           const updates = { agents, tokenTimeline: timeline, hydrated: true };
-          if (removed.length > 0 && st.detailPanel?.type === 'agent' && removed.includes(st.detailPanel.agentId)) {
-            updates.detailPanel = null;
+          if (removed.length > 0) {
+            if (st.detailPanel?.type === 'agent' && removed.includes(st.detailPanel.agentId)) {
+              updates.detailPanel = null;
+            }
           }
           set(updates);
           break;
@@ -527,8 +529,15 @@ export const useGrooveStore = create((set, get) => ({
               const tid = get().activeTeamId;
               teamDetailPanels = { ...s.teamDetailPanels, [tid]: newPanel };
             }
+            let fleetSelectedAgents = s.fleetSelectedAgents;
+            if (fleetSelectedAgents[0] === oldId || fleetSelectedAgents[1] === oldId) {
+              fleetSelectedAgents = [
+                fleetSelectedAgents[0] === oldId ? newId : fleetSelectedAgents[0],
+                fleetSelectedAgents[1] === oldId ? newId : fleetSelectedAgents[1],
+              ];
+            }
             try { localStorage.setItem('groove:chatHistory', JSON.stringify(chatHistory)); } catch {}
-            return { chatHistory, tokenTimeline, activityLog, chatInputs, detailPanel, teamDetailPanels };
+            return { chatHistory, tokenTimeline, activityLog, chatInputs, detailPanel, teamDetailPanels, fleetSelectedAgents };
           });
           break;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.27.164",
+  "version": "0.27.166",
   "description": "Open-source agent orchestration layer — the AI company OS. Local model agent engine (GGUF/Ollama/llama-server), HuggingFace model browser, 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, any local model.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/cli",
-  "version": "0.27.164",
+  "version": "0.27.166",
   "description": "GROOVE CLI — manage AI coding agents from your terminal",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/daemon",
-  "version": "0.27.164",
+  "version": "0.27.166",
   "description": "GROOVE daemon — agent orchestration engine",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/src/tunnel-manager.js

@@ -479,6 +479,10 @@ export class TunnelManager {
       // Remote is behind npm — upgrade
       this.daemon.broadcast({ type: 'tunnel.status', data: { id, step: 'upgrading', from: remoteVer, to: npmVer } });
 
+      const target = `${config.user}@${config.host}`;
+      const keyArgs = config.sshKeyPath ? ['-i', config.sshKeyPath] : [];
+      const sshBase = [...keyArgs, '-p', String(config.port || 22), '-o', 'ConnectTimeout=10', '-o', 'BatchMode=yes', target];
+
       const installCmd = npmGlobalInstall(`groove-dev@${npmVer}`, config.user);
       const cleanupCmd = 'rm -rf $(npm root -g)/.groove-dev-* $(npm root -g)/groove-dev 2>/dev/null || true';
 
@@ -496,40 +500,43 @@ export class TunnelManager {
         }
       }
 
-      // Restart remote daemon
+      // Restart remote daemon — fire and forget the SSH, verify through the tunnel
       const cdPrefix = config.projectDir ? `cd "${config.projectDir}" && ` : '';
-      const setProjectDir = config.projectDir
-        ? `curl -sf -X POST -H 'Content-Type: application/json' --data '{"path":"${config.projectDir}"}' http://localhost:${REMOTE_PORT}/api/project-dir > /dev/null 2>&1 || true; `
-        : '';
-      const restartCmd = `kill $(lsof -t -i:${REMOTE_PORT}) 2>/dev/null || true; sleep 2; ${cdPrefix}GROOVE_BIN=$(which groove) && nohup "$GROOVE_BIN" start > /tmp/groove-daemon.log 2>&1 < /dev/null & disown; sleep 4; curl -sf http://localhost:${REMOTE_PORT}/api/status && (${setProjectDir}true) || true`;
-      execFileSync('ssh', [...sshBase, sshCmd(restartCmd)], {
-        encoding: 'utf8', timeout: 60000, stdio: ['pipe', 'pipe', 'pipe'],
-      });
+      try {
+        execFileSync('ssh', [...sshBase, sshCmd(`kill $(lsof -t -i:${REMOTE_PORT}) 2>/dev/null || true; sleep 1; ${cdPrefix}GROOVE_BIN=$(which groove) && nohup "$GROOVE_BIN" start > /tmp/groove-daemon.log 2>&1 < /dev/null & disown`)], {
+          encoding: 'utf8', timeout: 15000, stdio: ['pipe', 'pipe', 'pipe'],
+        });
+      } catch { /* SSH may close before nohup finishes — that's fine */ }
 
-      // Verify through tunnel
+      // Wait for daemon to come back up through the existing tunnel
+      this.daemon.broadcast({ type: 'tunnel.status', data: { id, step: 'starting' } });
       let daemonVer = null;
-      for (let i = 0; i < 3; i++) {
+      for (let i = 0; i < 8; i++) {
+        await new Promise(r => setTimeout(r, 2000));
         try {
-          const check = await fetch(`http://localhost:${localPort}/api/status`, {
-            signal: AbortSignal.timeout(3000),
-          });
+          const check = await fetch(`http://localhost:${localPort}/api/status`, { signal: AbortSignal.timeout(3000) });
           if (check.ok) {
             daemonVer = (await check.json()).version || null;
             break;
           }
-        } catch { /* retry */ }
-        await new Promise(r => setTimeout(r, 2000));
+        } catch { /* not up yet */ }
       }
 
-      const localVer = getLocalVersion();
-      if (daemonVer) {
-        this.daemon.broadcast({ type: 'tunnel.version-info', data: { id, localVersion: localVer, remoteVersion: daemonVer, match: daemonVer === localVer } });
-      } else {
-        this.daemon.broadcast({ type: 'tunnel.upgrade-failed', data: { id, error: 'Daemon did not respond after restart', from: remoteVer, attempted: npmVer } });
+      if (config.projectDir && daemonVer) {
+        try {
+          await fetch(`http://localhost:${localPort}/api/project-dir`, {
+            method: 'POST', headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ path: config.projectDir }),
+            signal: AbortSignal.timeout(3000),
+          });
+        } catch { /* best effort */ }
       }
 
+      const localVer = getLocalVersion();
+      this.daemon.broadcast({ type: 'tunnel.version-info', data: { id, localVersion: localVer, remoteVersion: daemonVer || npmVer, match: (daemonVer || npmVer) === localVer } });
       this.daemon.audit.log('tunnel.upgrade', { id, from: remoteVer, to: daemonVer || npmVer });
     } catch (err) {
+      // Upgrade failed but tunnel may still work — check before reporting failure
       try {
         const verify = await fetch(`http://localhost:${localPort}/api/status`, { signal: AbortSignal.timeout(5000) });
         if (verify.ok) {
@@ -537,7 +544,7 @@ export class TunnelManager {
           this.daemon.broadcast({ type: 'tunnel.version-info', data: { id, localVersion: getLocalVersion(), remoteVersion: verifyData.version, match: false } });
           return;
         }
-      } catch { /* tunnel verification failed */ }
+      } catch { /* tunnel down */ }
       this.daemon.broadcast({ type: 'tunnel.upgrade-failed', data: { id, error: err.message } });
     }
   }