groove-dev 0.27.145 → 0.27.147

package/packages/gui/src/stores/groove.js

@@ -314,6 +314,11 @@ export const useGrooveStore = create((set, get) => ({
         }
 
         case 'agent:exit': {
+          if (msg.status === 'waiting_for_input') {
+            const waitAgent = get().agents.find((a) => a.id === msg.agentId);
+            get().addToast('info', `${waitAgent?.name || msg.agentId.slice(0, 8)} needs your input`, 'Check the question popup below');
+            break;
+          }
           const agent = get().agents.find((a) => a.id === msg.agentId);
           const name = agent?.name || msg.agentId;
           const isKill = msg.status === 'killed' || msg.code === 143 || msg.code === 137;
@@ -415,6 +420,14 @@ export const useGrooveStore = create((set, get) => ({
           get().addChatMessage(msg.agentId, 'system', 'Agent is working — message will be delivered when it finishes.');
           break;
 
+        case 'agent:question':
+          set((s) => ({ pendingQuestions: [...s.pendingQuestions, msg.data] }));
+          break;
+
+        case 'agent:question:resolved':
+          set((s) => ({ pendingQuestions: s.pendingQuestions.filter((q) => q.agentId !== msg.agentId) }));
+          break;
+
         case 'ollama:pull:progress':
           set({ ollamaPullProgress: { ...get().ollamaPullProgress, [msg.model]: { status: 'pulling', progress: msg.progress } } });
           break;
@@ -450,6 +463,8 @@ export const useGrooveStore = create((set, get) => ({
         case 'lab:runtime:added':
         case 'lab:runtime:updated':
         case 'lab:runtime:removed':
+        case 'lab:runtime:started':
+        case 'lab:runtime:stopped':
         case 'llama:server:stopped':
           get().fetchLabRuntimes();
           break;
@@ -888,6 +903,17 @@ export const useGrooveStore = create((set, get) => ({
           break;
         }
 
+        case 'conversation:tool': {
+          const { conversationId, name, summary } = msg.data || msg;
+          if (!conversationId) break;
+          set((s) => {
+            const tools = { ...s.conversationActiveTools };
+            tools[conversationId] = { name: name || 'Tool', summary: summary || null, timestamp: Date.now() };
+            return { conversationActiveTools: tools };
+          });
+          break;
+        }
+
         case 'conversation:chunk': {
           const { conversationId, text } = msg.data || msg;
           if (!conversationId || !text) break;
@@ -902,7 +928,9 @@ export const useGrooveStore = create((set, get) => ({
               arr.push({ from: 'assistant', text, timestamp: Date.now() });
             }
             msgs[conversationId] = arr.slice(-200);
-            return { conversationMessages: msgs, streamingConversationId: conversationId };
+            const tools = { ...s.conversationActiveTools };
+            delete tools[conversationId];
+            return { conversationMessages: msgs, streamingConversationId: conversationId, conversationActiveTools: tools };
           });
           break;
         }
@@ -910,7 +938,9 @@ export const useGrooveStore = create((set, get) => ({
         case 'conversation:complete': {
           const { conversationId } = msg.data || msg;
           if (conversationId && get().streamingConversationId === conversationId) {
-            set({ sendingMessage: false, streamingConversationId: null });
+            const tools = { ...get().conversationActiveTools };
+            delete tools[conversationId];
+            set({ sendingMessage: false, streamingConversationId: null, conversationActiveTools: tools });
           }
           if (conversationId) persistJSON('groove:conversationMessages', get().conversationMessages);
           break;

package/packages/gui/src/stores/slices/agents-slice.js

@@ -14,6 +14,15 @@ export const createAgentsSlice = (set, get) => ({
   // Track which agents are thinking (sent a message, waiting for response)
   thinkingAgents: new Set(),
 
+  // Pending questions from agents awaiting user input
+  pendingQuestions: [],
+
+  answerQuestion(agentId, answers) {
+    return api.post(`/agents/${agentId}/answer`, { answers }).then(() => {
+      set((s) => ({ pendingQuestions: s.pendingQuestions.filter((q) => q.agentId !== agentId) }));
+    });
+  },
+
   // ── Workspace Mode ────────────────────────────────────────
   workspaceMode: localStorage.getItem('groove:workspaceMode') === 'true',
   workspaceAgentId: null,
@@ -38,7 +47,7 @@ export const createAgentsSlice = (set, get) => ({
 
   async spawnAgent(config) {
     try {
-      const teamId = get().activeTeamId;
+      const teamId = config.teamId || get().activeTeamId;
       const agent = await api.post('/agents', { ...config, teamId });
       get().addToast('success', `Spawned ${agent.name}`);
       return agent;

package/packages/gui/src/stores/slices/chat-slice.js

@@ -10,6 +10,7 @@ export const createChatSlice = (set, get) => ({
   conversations: [],
   activeConversationId: localStorage.getItem('groove:activeConversationId') || null,
   conversationMessages: loadJSON('groove:conversationMessages'),
+  conversationActiveTools: {},
   sendingMessage: false,
   streamingConversationId: null,
   conversationRoles: loadJSON('groove:conversationRoles'),

package/packages/gui/src/views/model-lab.jsx

@@ -135,6 +135,7 @@ export default function ModelLabView() {
   const labAssistantAgentId = useGrooveStore((s) => s.labAssistantAgentId);
   const labAssistantMode = useGrooveStore((s) => s.labAssistantMode);
   const setLabAssistantMode = useGrooveStore((s) => s.setLabAssistantMode);
+  const launchLabAssistant = useGrooveStore((s) => s.launchLabAssistant);
 
   useEffect(() => { fetchLabRuntimes(); }, [fetchLabRuntimes]);
 
@@ -234,28 +235,32 @@ export default function ModelLabView() {
             {leftCollapsed && (
               <PanelToggle collapsed onClick={() => setLeftCollapsed(false)} side="left" />
             )}
-            {labAssistantAgentId && (
-              <div className="flex items-center gap-px bg-surface-2 rounded p-px">
-                <button
-                  onClick={() => setLabAssistantMode(false)}
-                  className={cn(
-                    'px-3 py-1 text-2xs font-sans font-medium rounded-sm transition-colors cursor-pointer',
-                    !labAssistantMode ? 'text-text-0 bg-surface-4' : 'text-text-3 hover:text-text-1',
-                  )}
-                >
-                  Playground
-                </button>
-                <button
-                  onClick={() => setLabAssistantMode(true)}
-                  className={cn(
-                    'px-3 py-1 text-2xs font-sans font-medium rounded-sm transition-colors cursor-pointer',
-                    labAssistantMode ? 'text-text-0 bg-surface-4' : 'text-text-3 hover:text-text-1',
-                  )}
-                >
-                  Assistant
-                </button>
-              </div>
-            )}
+            <div className="flex items-center gap-px bg-surface-2 rounded p-px">
+              <button
+                onClick={() => setLabAssistantMode(false)}
+                className={cn(
+                  'px-3 py-1 text-2xs font-sans font-medium rounded-sm transition-colors cursor-pointer',
+                  !labAssistantMode ? 'text-text-0 bg-surface-4' : 'text-text-3 hover:text-text-1',
+                )}
+              >
+                Playground
+              </button>
+              <button
+                onClick={() => {
+                  if (labAssistantAgentId) {
+                    setLabAssistantMode(true);
+                  } else {
+                    launchLabAssistant('lab-general');
+                  }
+                }}
+                className={cn(
+                  'px-3 py-1 text-2xs font-sans font-medium rounded-sm transition-colors cursor-pointer',
+                  labAssistantMode ? 'text-text-0 bg-surface-4' : 'text-text-3 hover:text-text-1',
+                )}
+              >
+                Assistant
+              </button>
+            </div>
             <div className="flex-1" />
             {rightCollapsed && (
               <PanelToggle collapsed onClick={() => setRightCollapsed(false)} side="right" />