groove-dev 0.26.10 → 0.26.12

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-UCdYAYEi.js"></script>
+    <script type="module" crossorigin src="/assets/index-DXZbQ5ga.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/agent-chat.jsx

@@ -105,6 +105,7 @@ export function AgentChat({ agent }) {
   const activityLog = useGrooveStore((s) => s.activityLog[agent.id]) || EMPTY;
   const instructAgent = useGrooveStore((s) => s.instructAgent);
   const queryAgent = useGrooveStore((s) => s.queryAgent);
+  const isThinking = useGrooveStore((s) => s.thinkingAgents?.has(agent.id));
 
   const [input, setInput] = useState('');
   const [sending, setSending] = useState(false);
@@ -188,7 +189,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 && <TypingIndicator name={agent.name} />}
+        {(sending || isThinking) && <TypingIndicator name={agent.name} />}
       </div>
 
       {/* ── Input area ──────────────────────────────────── */}

package/packages/gui/src/components/agents/agent-feed.jsx

@@ -470,6 +470,7 @@ export function AgentFeed({ agent }) {
   const activityLog = useGrooveStore((s) => s.activityLog[agent.id]) || EMPTY;
   const instructAgent = useGrooveStore((s) => s.instructAgent);
   const queryAgent = useGrooveStore((s) => s.queryAgent);
+  const isThinking = useGrooveStore((s) => s.thinkingAgents?.has(agent.id));
 
   const [input, setInput] = useState('');
   const [mode, setMode] = useState('instruct'); // instruct | query
@@ -626,7 +627,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 && (
+        {(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" />

package/packages/gui/src/components/agents/spawn-wizard.jsx

@@ -157,9 +157,9 @@ export function SpawnWizard() {
               {/* Custom role */}
               <div className="mt-3">
                 <Input
-                  placeholder="or type a custom role..."
+                  placeholder="or type a custom role (e.g. chat-agent)..."
                   value={customRole}
-                  onChange={(e) => { setCustomRole(e.target.value); setRole(''); }}
+                  onChange={(e) => { setCustomRole(e.target.value.replace(/\s+/g, '-').replace(/[^a-zA-Z0-9_-]/g, '').slice(0, 50)); setRole(''); }}
                   className="text-xs"
                 />
               </div>

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

@@ -135,6 +135,15 @@ export const useGrooveStore = create((set, get) => ({
         case 'agent:output': {
           const { agentId, data } = msg;
 
+          // Clear thinking indicator when agent responds
+          if (get().thinkingAgents.has(agentId)) {
+            set((s) => {
+              const next = new Set(s.thinkingAgents);
+              next.delete(agentId);
+              return { thinkingAgents: next };
+            });
+          }
+
           // Separate text content from tool calls
           let chatText = '';
           let activityText = '';
@@ -596,6 +605,9 @@ export const useGrooveStore = create((set, get) => ({
     });
   },
 
+  // Track which agents are thinking (sent a message, waiting for response)
+  thinkingAgents: new Set(),
+
   async instructAgent(id, message) {
     const agent = get().agents.find((a) => a.id === id);
     const isAlive = agent && (agent.status === 'running' || agent.status === 'starting');
@@ -605,6 +617,11 @@ export const useGrooveStore = create((set, get) => ({
       get().addChatMessage(id, 'user', message, false);
       try {
         const data = await api.post(`/agents/${id}/query`, { message });
+        // Agent loop agents: response comes via WebSocket, show thinking indicator
+        if (data.status === 'pending' || data.response === 'Message sent to agent') {
+          set((s) => ({ thinkingAgents: new Set([...s.thinkingAgents, id]) }));
+          return data;
+        }
         get().addChatMessage(id, 'agent', data.response);
         return data;
       } catch (err) {

package/packages/gui/src/views/models.jsx

@@ -286,8 +286,11 @@ export default function ModelsView() {
     try {
       await api.post('/providers/ollama/pull', { model: modelId });
       toast.success(`${modelId} ready to use`);
+      // Refresh all model lists so UI reflects the new install
       fetchInstalled();
       fetchOllamaModels();
+      // Also optimistically mark it installed immediately
+      setOllamaModels((prev) => [...prev, modelId]);
     } catch (err) {
       toast.error(`Pull failed: ${err.message}`);
     }