npm - groove-dev - Versions diffs - 0.26.15 → 0.26.17 - Mend

groove-dev 0.26.15 → 0.26.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (976) hide show

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

@@ -5,12 +5,12 @@
     <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-CBlL5EFb.js"></script>
+    <script type="module" crossorigin src="/assets/index-GisjgmsR.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">
     <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-E07lphaH.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-DAy5FSuv.css">
   </head>
   <body>
     <div id="root"></div>

package/node_modules/@groove-dev/gui/src/app.css CHANGED Viewed

@@ -92,6 +92,22 @@ html {
   100% { background-position: 200% 0; }
 }
+/* Thinking indicator — shimmer sweep + animated ellipsis */
+.animate-shimmer {
+  background-size: 200% 100%;
+  animation: shimmer 2.5s ease-in-out infinite;
+}
+.animate-ellipsis::after {
+  content: '';
+  animation: ellipsis 1.5s steps(4, end) infinite;
+}
+@keyframes ellipsis {
+  0%  { content: ''; }
+  25% { content: '.'; }
+  50% { content: '..'; }
+  75% { content: '...'; }
+}
 @keyframes spin-slow {
   to { transform: rotate(360deg); }
 }

package/node_modules/@groove-dev/gui/src/components/agents/agent-chat.jsx CHANGED Viewed

@@ -4,6 +4,7 @@ import { Send, Loader2, MessageSquare, HelpCircle, ArrowRight, Paperclip } from
 import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { Avatar } from '../ui/avatar';
+import { ThinkingIndicator } from '../ui/thinking-indicator';
 import { timeAgo } from '../../lib/format';
 const EMPTY = [];
@@ -189,7 +190,7 @@ export function AgentChat({ agent }) {
           if (msg.from === 'system') return <SystemMessage key={msg.key || i} msg={msg} />;
           return <AgentMessage key={msg.key || i} msg={msg} agent={agent} />;
         })}
-        {(sending || isThinking) && <TypingIndicator name={agent.name} />}
+        {(sending || isThinking) && <ThinkingIndicator className="ml-8 py-1" />}
       </div>
       {/* ── Input area ──────────────────────────────────── */}

package/node_modules/@groove-dev/gui/src/components/agents/agent-feed.jsx CHANGED Viewed

@@ -10,6 +10,7 @@ import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { timeAgo } from '../../lib/format';
 import { api } from '../../lib/api';
+import { ThinkingIndicator } from '../ui/thinking-indicator';
 const EMPTY = [];
@@ -627,18 +628,7 @@ export function AgentFeed({ agent }) {
           if (item.from === 'system') return <SystemMessage key={`msg-${i}`} msg={item} />;
           return <AgentMessage key={`msg-${i}`} msg={item} agent={agent} />;
         })}
-        {(sending || isThinking) && (
-          <div className="flex items-center gap-2 ml-7 py-2">
-            <div className="w-5 h-5 rounded-md bg-accent/12 flex items-center justify-center">
-              <Code2 size={10} className="text-accent" />
-            </div>
-            <div className="flex items-center gap-1.5 px-3 py-2 rounded-2xl bg-surface-2/60 border border-border-subtle">
-              <span className="w-1.5 h-1.5 rounded-full bg-accent/60 animate-pulse" style={{ animationDelay: '0ms' }} />
-              <span className="w-1.5 h-1.5 rounded-full bg-accent/60 animate-pulse" style={{ animationDelay: '200ms' }} />
-              <span className="w-1.5 h-1.5 rounded-full bg-accent/60 animate-pulse" style={{ animationDelay: '400ms' }} />
-            </div>
-          </div>
-        )}
+        {(sending || isThinking) && <ThinkingIndicator className="ml-7 py-2" />}
       </div>
       {/* Input area */}

package/node_modules/@groove-dev/gui/src/components/ui/thinking-indicator.jsx ADDED Viewed

@@ -0,0 +1,49 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { useState, useEffect } from 'react';
+import { Sparkles } from 'lucide-react';
+const PHASES = [
+  'Reasoning',
+  'Analyzing',
+  'Processing',
+  'Thinking',
+  'Evaluating',
+];
+export function ThinkingIndicator({ className }) {
+  const [phase, setPhase] = useState(0);
+  const [elapsed, setElapsed] = useState(0);
+  // Cycle through phases every 3s
+  useEffect(() => {
+    const t = setInterval(() => setPhase((p) => (p + 1) % PHASES.length), 3000);
+    return () => clearInterval(t);
+  }, []);
+  // Elapsed timer
+  useEffect(() => {
+    const t = setInterval(() => setElapsed((e) => e + 1), 1000);
+    return () => clearInterval(t);
+  }, []);
+  const label = PHASES[phase];
+  const secs = elapsed < 60 ? `${elapsed}s` : `${Math.floor(elapsed / 60)}m ${elapsed % 60}s`;
+  return (
+    <div className={`flex items-center gap-2.5 ${className || ''}`}>
+      <div className="relative flex items-center gap-2 px-3.5 py-2 rounded-xl bg-surface-2 border border-border-subtle overflow-hidden">
+        {/* Shimmer sweep */}
+        <div className="absolute inset-0 bg-gradient-to-r from-transparent via-accent/[0.04] to-transparent animate-shimmer" />
+        <Sparkles size={13} className="text-accent animate-pulse flex-shrink-0" />
+        <span className="text-xs font-sans text-text-2 relative">
+          {label}
+          <span className="inline-flex w-[18px]">
+            <span className="animate-ellipsis" />
+          </span>
+        </span>
+        <span className="text-2xs font-mono text-text-4 tabular-nums relative">{secs}</span>
+      </div>
+    </div>
+  );
+}

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

@@ -176,25 +176,31 @@ export const useGrooveStore = create((set, get) => ({
             (data.type === 'activity' && typeof data.data === 'string')
           );
           if (showAsChat) {
+            const trimmed = chatText.trim();
             const history = { ...get().chatHistory };
             if (!history[agentId]) history[agentId] = [];
             const arr = [...history[agentId]];
             const last = arr[arr.length - 1];
             const isRecent = last && last.from === 'agent' && (Date.now() - last.timestamp) < 8000;
-            if (isRecent) {
-              // Append to the last agent message (streaming from any provider)
-              // Claude Code blocks use \n\n separator; plain text uses space
-              const sep = data.subtype === 'assistant' ? '\n\n' : ' ';
-              arr[arr.length - 1] = { ...last, text: last.text + sep + chatText.trim(), timestamp: Date.now() };
-            } else {
-              // New message bubble
-              arr.push({ from: 'agent', text: chatText.trim(), timestamp: Date.now() });
+            // Skip duplicate text — Claude Code sends 'assistant' then 'result' with same content
+            const isDupe = isRecent && (last.text === trimmed || last.text.endsWith(trimmed));
+            if (!isDupe) {
+              if (isRecent) {
+                // Append to the last agent message (streaming from any provider)
+                // Claude Code blocks use \n\n separator; plain text uses space
+                const sep = data.subtype === 'assistant' ? '\n\n' : ' ';
+                arr[arr.length - 1] = { ...last, text: last.text + sep + trimmed, timestamp: Date.now() };
+              } else {
+                // New message bubble
+                arr.push({ from: 'agent', text: trimmed, timestamp: Date.now() });
+              }
+              history[agentId] = arr.slice(-100);
+              set({ chatHistory: history });
+              persistJSON('groove:chatHistory', history);
             }
-            history[agentId] = arr.slice(-100);
-            set({ chatHistory: history });
-            persistJSON('groove:chatHistory', history);
           }
           // Tool calls → activity log (shown in streaming bar, not as chat bubbles)
@@ -253,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;
@@ -632,20 +640,35 @@ export const useGrooveStore = create((set, get) => ({
     // Completed/stopped agent: resume with full context
     get().addChatMessage(id, 'user', message, false);
+    // Show thinking indicator immediately — stays until first WebSocket output
+    set((s) => ({ thinkingAgents: new Set([...s.thinkingAgents, id]) }));
     try {
       const newAgent = await api.post(`/agents/${id}/instruct`, { message });
-      // Carry history to new agent ID
+      // Carry history + thinking state to new agent ID
       for (const key of ['chatHistory', 'activityLog', 'tokenTimeline']) {
         const old = get()[key][id];
         if (old?.length) {
           set((s) => ({ [key]: { ...s[key], [newAgent.id]: [...old] } }));
         }
       }
+      // Transfer thinking indicator to the new agent
+      set((s) => {
+        const next = new Set(s.thinkingAgents);
+        next.delete(id);
+        next.add(newAgent.id);
+        return { thinkingAgents: next };
+      });
       if (get().chatHistory[id]?.length) persistJSON('groove:chatHistory', get().chatHistory);
       if (get().activityLog[id]?.length) persistJSON('groove:activityLog', get().activityLog);
       get().selectAgent(newAgent.id);
       return newAgent;
     } catch (err) {
+      // Clear thinking indicator on failure
+      set((s) => {
+        const next = new Set(s.thinkingAgents);
+        next.delete(id);
+        return { thinkingAgents: next };
+      });
       get().addChatMessage(id, 'system', `failed: ${err.message}`);
       throw err;
     }

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

@@ -196,7 +196,7 @@ function AgentTreeInner() {
   const { fitView } = useReactFlow();
   const [prevCount, setPrevCount] = useState(0);
-  // Build nodes
+  // Build nodes — positions are stable, data updates flow to node components
   const targetNodes = useMemo(() => {
     const saved = loadPositions();
     const runningCount = agents.filter((a) => a.status === 'running').length;
@@ -321,6 +321,8 @@ function AgentTreeInner() {
   useEffect(() => { setEdges(targetEdges); }, [targetEdges, setEdges]);
+  // Only fitView when agents are added — not on metric/token/chat updates
+  const agentIdStr = agents.map((a) => a.id).join(',');
   useEffect(() => {
     const currentIds = new Set(agents.map((a) => a.id));
     const isNewAgent = agents.length > 0 && [...currentIds].some((id) => !prevAgentIds.current.has(id));
@@ -332,7 +334,7 @@ function AgentTreeInner() {
       setTimeout(() => fitView({ padding: 0.3, maxZoom: 1.2, duration: 300 }), 100);
     }
     setPrevCount(agents.length);
-  }, [agents.length, agents, prevCount, fitView]);
+  }, [agentIdStr, prevCount, fitView]); // eslint-disable-line react-hooks/exhaustive-deps
   const onNodeClick = useCallback((_e, node) => {
     if (node.id === ROOT_ID) return;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.26.15",
+  "version": "0.26.17",
   "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/daemon/src/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { createServer as createHttpServer } from 'http';
 import { createServer as createNetServer } from 'net';
 import { execFileSync } from 'child_process';
 import { resolve } from 'path';
-import { readFileSync, writeFileSync, unlinkSync, existsSync, mkdirSync, readdirSync, statSync } from 'fs';
+import { readFileSync, writeFileSync, unlinkSync, existsSync, mkdirSync, readdirSync, rmdirSync, statSync } from 'fs';
 import express from 'express';
 import { WebSocketServer } from 'ws';
 import { Registry } from './registry.js';
@@ -342,12 +342,17 @@ export class Daemon {
     let cleaned = 0;
     try {
-      // 1. Clean old log files (>7 days, agent no longer exists)
+      // Build set of agent names still in the registry — never remove their logs
+      const activeNames = new Set(this.registry.getAll().map((a) => a.name));
+      // 1. Clean old raw log files (>7 days, agent no longer in registry)
       const logsDir = resolve(grooveDir, 'logs');
       if (existsSync(logsDir)) {
         const now = Date.now();
         const sevenDays = 7 * 24 * 60 * 60 * 1000;
         for (const file of readdirSync(logsDir)) {
+          const agentName = file.replace(/\.log$/, '');
+          if (activeNames.has(agentName)) continue; // agent still exists
           const p = resolve(logsDir, file);
           try {
             const age = now - statSync(p).mtimeMs;
@@ -356,7 +361,32 @@ export class Daemon {
         }
       }
-      // 2. Clean stale recommended-team.json from daemon dir (not working dirs — those are user-managed)
+      // 2. Clean old GROOVE_AGENT_LOGS/ session logs (>3 days, agent no longer in registry)
+      const agentLogsDir = resolve(this.projectDir, 'GROOVE_AGENT_LOGS');
+      if (existsSync(agentLogsDir)) {
+        const threeDays = 3 * 24 * 60 * 60 * 1000;
+        const now2 = Date.now();
+        for (const dir of readdirSync(agentLogsDir, { withFileTypes: true })) {
+          if (!dir.isDirectory()) continue;
+          if (activeNames.has(dir.name)) continue; // agent still exists
+          const agentDir = resolve(agentLogsDir, dir.name);
+          try {
+            const files = readdirSync(agentDir);
+            for (const f of files) {
+              const fp = resolve(agentDir, f);
+              try {
+                if (now2 - statSync(fp).mtimeMs > threeDays) { unlinkSync(fp); cleaned++; }
+              } catch { /* skip */ }
+            }
+            // Remove empty agent directories
+            if (readdirSync(agentDir).length === 0) { rmdirSync(agentDir); cleaned++; }
+          } catch { /* skip */ }
+        }
+        // Remove GROOVE_AGENT_LOGS/ itself if empty
+        try { if (readdirSync(agentLogsDir).length === 0) rmdirSync(agentLogsDir); } catch { /* skip */ }
+      }
+      // 3. Clean stale recommended-team.json from daemon dir (not working dirs — those are user-managed)
       //    Only clean if no planner agent is currently running
       const hasPlanner = this.registry.getAll().some((a) => a.role === 'planner' && (a.status === 'running' || a.status === 'starting'));
       if (!hasPlanner) {
@@ -369,7 +399,7 @@ export class Daemon {
         }
       }
-      // 3. Prune audit log (keep last 1000 lines)
+      // 4. Prune audit log (keep last 1000 lines)
       const auditFile = resolve(grooveDir, 'audit.log');
       if (existsSync(auditFile)) {
         try {

package/packages/daemon/src/process.js CHANGED Viewed

@@ -368,6 +368,11 @@ For normal file edits within your scope, proceed without review.
         if (this.daemon.integrations) this.daemon.integrations.refreshMcpJson();
         if (status === 'completed' && this.daemon.journalist) this.daemon.journalist.cycle().catch(() => {});
         this._checkPhase2(agent.id);
+        // Auto-trigger idle QC in the same team
+        if (status === 'completed' && (agent.tokensUsed || 0) > 2000) {
+          this._triggerIdleQC(agent);
+        }
       });
       // Wire errors — broadcast to GUI for display
@@ -561,6 +566,12 @@ For normal file edits within your scope, proceed without review.
       // Phase 2 auto-spawn: check if all phase 1 agents for a team are done
       this._checkPhase2(agent.id);
+      // Auto-trigger idle QC: if this agent did real work and there's an idle QC
+      // in the same team, activate it to verify the changes
+      if (finalStatus === 'completed' && (agent.tokensUsed || 0) > 2000) {
+        this._triggerIdleQC(agent);
+      }
     });
     proc.on('error', (err) => {
@@ -660,8 +671,17 @@ For normal file edits within your scope, proceed without review.
         // Remove from pending
         pending.splice(i, 1);
-        // Auto-spawn phase 2 agents
+        // Check if phase 1 agents did any real work.
+        // Low token usage means they just introduced themselves and waited.
+        const phase1Idle = group.waitFor.every((id) => {
+          const a = registry.get(id);
+          return !a || (a.tokensUsed || 0) < 2000;
+        });
+        // Auto-spawn phase 2 agents — if phase 1 was idle, clear the prompt
+        // so QC also waits for instructions instead of auditing nothing
         for (const config of group.agents) {
+          if (phase1Idle) config.prompt = '';
           try {
             const validated = validateAgentConfig(config);
             if (!validated.teamId) validated.teamId = this.daemon.teams.getDefault()?.id || null;
@@ -694,6 +714,47 @@ For normal file edits within your scope, proceed without review.
     }
   }
+  /**
+   * Auto-trigger an idle QC agent in the same team when a teammate completes real work.
+   * "Idle" = running with low token usage (just an intro message, awaiting instructions).
+   */
+  _triggerIdleQC(completedAgent) {
+    const registry = this.daemon.registry;
+    if (!completedAgent.teamId) return;
+    // Find a running fullstack/QC agent in the same team that's idle
+    const qc = registry.getAll().find((a) =>
+      a.id !== completedAgent.id &&
+      a.teamId === completedAgent.teamId &&
+      a.role === 'fullstack' &&
+      a.status === 'running' &&
+      (a.tokensUsed || 0) < 2000
+    );
+    if (!qc) return;
+    // Gather context about what the completed agent did
+    const files = this.daemon.journalist?.getAgentFiles(completedAgent) || [];
+    const result = this.daemon.journalist?.getAgentResult(completedAgent) || '';
+    const fileList = files.length > 0 ? `\nFiles modified: ${files.slice(0, 20).join(', ')}` : '';
+    const message = `Your teammate ${completedAgent.name} (${completedAgent.role}) just finished their work.${fileList}${result ? `\n\nTheir summary:\n${result.slice(0, 2000)}` : ''}\n\nPlease audit their changes: verify correctness, check for bugs, run tests if available, and report any issues.`;
+    // Send message to the QC agent via the instruct flow
+    this.sendMessage(qc.id, message).catch((err) => {
+      console.error(`[Groove] QC auto-trigger failed: ${err.message}`);
+    });
+    this.daemon.audit.log('qc.autoTrigger', {
+      qcId: qc.id, qcName: qc.name,
+      triggeredBy: completedAgent.name, role: completedAgent.role,
+    });
+    this.daemon.broadcast({
+      type: 'qc:triggered',
+      qcId: qc.id, qcName: qc.name,
+      triggeredBy: completedAgent.name,
+    });
+  }
   /**
    * Resume a completed agent's session with a new message.
    * Uses --resume SESSION_ID for zero cold-start continuation.