groove-dev 0.27.196 → 0.27.197

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

@@ -7,7 +7,6 @@ import { persistJSON, persistChatHistory } from './helpers.js';
 import { createUiSlice } from './slices/ui-slice.js';
 import { createAgentsSlice } from './slices/agents-slice.js';
 import { createTeamsSlice } from './slices/teams-slice.js';
-import { createChatSlice } from './slices/chat-slice.js';
 import { createEditorSlice } from './slices/editor-slice.js';
 import { createProvidersSlice } from './slices/providers-slice.js';
 import { createNetworkSlice } from './slices/network-slice.js';
@@ -33,7 +32,6 @@ export const useGrooveStore = create((set, get) => ({
   ...createUiSlice(set, get),
   ...createAgentsSlice(set, get),
   ...createTeamsSlice(set, get),
-  ...createChatSlice(set, get),
   ...createEditorSlice(set, get),
   ...createProvidersSlice(set, get),
   ...createNetworkSlice(set, get),
@@ -69,7 +67,7 @@ export const useGrooveStore = create((set, get) => ({
         if (isTunneled) get().fetchProjectDir();
       }).catch(() => {});
       get().fetchTeams();
-      get().fetchConversations();
+      get().fetchChatHistory();
       get().fetchApprovals();
       get().checkMarketplaceAuth();
       get().fetchTunnels();
@@ -266,27 +264,6 @@ export const useGrooveStore = create((set, get) => ({
               set({ chatHistory: history });
               persistChatHistory(history);
             }
-
-            const conv = get().conversations.find((c) => c.agentId === agentId);
-            if (conv) {
-              const convMsgs = { ...get().conversationMessages };
-              if (!convMsgs[conv.id]) convMsgs[conv.id] = [];
-              const convArr = [...convMsgs[conv.id]];
-              const lastConv = convArr[convArr.length - 1];
-              const isRecentConv = lastConv && lastConv.from === 'assistant' && (Date.now() - lastConv.timestamp) < 8000;
-              const isConvDupe = isRecentConv && (lastConv.text === trimmed || lastConv.text.endsWith(trimmed));
-              if (!isConvDupe) {
-                if (isRecentConv) {
-                  const sep = data.subtype === 'assistant' ? '\n\n' : ' ';
-                  convArr[convArr.length - 1] = { ...lastConv, text: lastConv.text + sep + trimmed, timestamp: Date.now() };
-                } else {
-                  convArr.push({ from: 'assistant', text: trimmed, timestamp: Date.now() });
-                }
-                convMsgs[conv.id] = convArr.slice(-200);
-                set({ conversationMessages: convMsgs, streamingConversationId: conv.id });
-                persistJSON('groove:conversationMessages', convMsgs);
-              }
-            }
           }
 
           if (activityText && activityText.trim()) {
@@ -347,11 +324,6 @@ export const useGrooveStore = create((set, get) => ({
             });
           }
 
-          const exitConv = get().conversations.find((c) => c.agentId === msg.agentId);
-          if (exitConv && get().streamingConversationId === exitConv.id) {
-            set({ sendingMessage: false, streamingConversationId: null });
-          }
-
           if (msg.error && msg.agentId) {
             get().addChatMessage(msg.agentId, 'system', `Crashed: ${msg.error}`);
           }
@@ -385,8 +357,10 @@ export const useGrooveStore = create((set, get) => ({
               isQuery: false,
               innerchat: { turnId: turn.id, threadId: thread.id, kind: turn.kind, peer, direction },
             });
+            const pushed = [];
             const push = (agentId, item) => {
               history[agentId] = [...(history[agentId] || []), item].slice(-100);
+              pushed.push([agentId, item]);
             };
 
             if (turn.kind === 'ask') {
@@ -403,6 +377,8 @@ export const useGrooveStore = create((set, get) => ({
             }
 
             persistChatHistory(history);
+            // Mirror to the daemon so these survive an origin/port change too.
+            for (const [agentId, item] of pushed) get().persistMessageRemote(agentId, item);
 
             const answers = { ...s.innerchatAnswers };
             if (turn.kind === 'answer') {
@@ -967,140 +943,6 @@ export const useGrooveStore = create((set, get) => ({
           get().fetchNetworkInstallStatus();
           break;
 
-        case 'conversation:created': {
-          const conv = msg.data;
-          if (conv) set((s) => ({ conversations: [conv, ...s.conversations.filter((c) => c.id !== conv.id)] }));
-          break;
-        }
-
-        case 'conversation:updated': {
-          const conv = msg.data;
-          if (conv) set((s) => ({ conversations: s.conversations.map((c) => c.id === conv.id ? { ...c, ...conv } : c) }));
-          break;
-        }
-
-        case 'conversation:deleted': {
-          const id = msg.data?.id || msg.id;
-          if (id) {
-            set((s) => {
-              const conversations = s.conversations.filter((c) => c.id !== id);
-              const conversationMessages = { ...s.conversationMessages };
-              delete conversationMessages[id];
-              const activeConversationId = s.activeConversationId === id ? null : s.activeConversationId;
-              if (activeConversationId !== s.activeConversationId) localStorage.setItem('groove:activeConversationId', '');
-              return { conversations, conversationMessages, activeConversationId };
-            });
-          }
-          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;
-          set((s) => {
-            const msgs = { ...s.conversationMessages };
-            if (!msgs[conversationId]) msgs[conversationId] = [];
-            const arr = [...msgs[conversationId]];
-            const last = arr[arr.length - 1];
-            if (last && last.from === 'assistant' && (Date.now() - last.timestamp) < 30000) {
-              arr[arr.length - 1] = { ...last, text: last.text + text, timestamp: Date.now() };
-            } else {
-              arr.push({ from: 'assistant', text, timestamp: Date.now() });
-            }
-            msgs[conversationId] = arr.slice(-200);
-            const tools = { ...s.conversationActiveTools };
-            delete tools[conversationId];
-            return { conversationMessages: msgs, streamingConversationId: conversationId, conversationActiveTools: tools };
-          });
-          break;
-        }
-
-        case 'conversation:complete': {
-          const { conversationId } = msg.data || msg;
-          if (conversationId && get().streamingConversationId === conversationId) {
-            const tools = { ...get().conversationActiveTools };
-            delete tools[conversationId];
-            set({ sendingMessage: false, streamingConversationId: null, conversationActiveTools: tools });
-          }
-          if (conversationId) persistJSON('groove:conversationMessages', get().conversationMessages);
-          break;
-        }
-
-        case 'conversation:image': {
-          const { conversationId, prompt, url, b64_json, mimeType, model: imgModel, provider: imgProvider } = msg.data || msg;
-          if (!conversationId) break;
-          const imageUrl = url || (b64_json ? `data:${mimeType || 'image/png'};base64,${b64_json}` : null);
-          set((s) => {
-            const msgs = { ...s.conversationMessages };
-            if (!msgs[conversationId]) msgs[conversationId] = [];
-            const arr = [...msgs[conversationId]];
-            const loadingIdx = arr.findLastIndex((m) => m.type === 'image-loading' && m.prompt === prompt);
-            if (loadingIdx >= 0) {
-              arr[loadingIdx] = { from: 'assistant', type: 'image', imageUrl, prompt, model: imgModel, provider: imgProvider, timestamp: Date.now() };
-            } else {
-              arr.push({ from: 'assistant', type: 'image', imageUrl, prompt, model: imgModel, provider: imgProvider, timestamp: Date.now() });
-            }
-            msgs[conversationId] = arr.slice(-200);
-            persistJSON('groove:conversationMessages', msgs);
-            const isActive = s.streamingConversationId === conversationId;
-            return { conversationMessages: msgs, sendingMessage: isActive ? false : s.sendingMessage, streamingConversationId: isActive ? null : s.streamingConversationId };
-          });
-          break;
-        }
-
-        case 'conversation:image-progress': {
-          const { conversationId, status, prompt: imgPrompt, error: imgError } = msg.data || msg;
-          if (!conversationId) break;
-          if (status === 'generating') {
-            set((s) => {
-              const msgs = { ...s.conversationMessages };
-              if (!msgs[conversationId]) msgs[conversationId] = [];
-              msgs[conversationId] = [...msgs[conversationId], { from: 'assistant', type: 'image-loading', prompt: imgPrompt, timestamp: Date.now() }];
-              return { conversationMessages: msgs, streamingConversationId: conversationId };
-            });
-          } else if (status === 'error') {
-            set((s) => {
-              const msgs = { ...s.conversationMessages };
-              if (!msgs[conversationId]) msgs[conversationId] = [];
-              const arr = [...msgs[conversationId]];
-              const loadingIdx = arr.findLastIndex((m) => m.type === 'image-loading');
-              if (loadingIdx >= 0) arr.splice(loadingIdx, 1);
-              arr.push({ from: 'system', text: `Image generation failed: ${imgError || 'Unknown error'}`, timestamp: Date.now() });
-              msgs[conversationId] = arr;
-              persistJSON('groove:conversationMessages', msgs);
-              const isActive = s.streamingConversationId === conversationId;
-              return { conversationMessages: msgs, sendingMessage: isActive ? false : s.sendingMessage, streamingConversationId: isActive ? null : s.streamingConversationId };
-            });
-          }
-          break;
-        }
-
-        case 'conversation:error': {
-          const { conversationId, error } = msg.data || msg;
-          if (conversationId) {
-            set((s) => {
-              const msgs = { ...s.conversationMessages };
-              if (!msgs[conversationId]) msgs[conversationId] = [];
-              msgs[conversationId] = [...msgs[conversationId], { from: 'system', text: `Error: ${error || 'Unknown error'}`, timestamp: Date.now() }];
-              persistJSON('groove:conversationMessages', msgs);
-              const isActive = s.streamingConversationId === conversationId;
-              return { conversationMessages: msgs, sendingMessage: isActive ? false : s.sendingMessage, streamingConversationId: isActive ? null : s.streamingConversationId };
-            });
-          }
-          break;
-        }
-
         case 'network:token:timing': {
           const { __proto__: _a, constructor: _b, prototype: _c, ...td } = msg.data || {};
           const updates = {

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

@@ -89,6 +89,7 @@ export const createAgentsSlice = (set, get) => ({
           persistJSON('groove:activityLog', activityLog);
           return { chatHistory, activityLog, tokenTimeline };
         });
+        api.delete(`/chat-history/${encodeURIComponent(id)}`).catch(() => {});
       }
     } catch (err) {
       get().addToast('error', 'Kill failed', err.message);
@@ -166,15 +167,64 @@ export const createAgentsSlice = (set, get) => ({
   // ── Chat ──────────────────────────────────────────────────
 
   addChatMessage(agentId, from, text, isQuery = false, attachments = undefined) {
+    const msg = { from, text, timestamp: Date.now(), isQuery };
+    if (attachments?.length) msg.attachments = attachments;
     set((s) => {
       const history = { ...s.chatHistory };
       if (!history[agentId]) history[agentId] = [];
-      const msg = { from, text, timestamp: Date.now(), isQuery };
-      if (attachments?.length) msg.attachments = attachments;
       history[agentId] = [...history[agentId].slice(-100), msg];
       persistChatHistory(history);
       return { chatHistory: history };
     });
+    get().persistMessageRemote(agentId, msg);
+  },
+
+  // Persist one message to the daemon so history survives on the server, not
+  // just in this browser's per-origin localStorage. Attachment payloads are
+  // stripped; the daemon keeps metadata only.
+  persistMessageRemote(agentId, msg) {
+    if (!agentId || !msg) return;
+    const clean = msg.attachments?.length
+      ? { ...msg, attachments: msg.attachments.map(({ dataUrl, ...rest }) => rest) }
+      : msg;
+    api.post(`/chat-history/${encodeURIComponent(agentId)}`, { message: clean }).catch(() => {});
+  },
+
+  // Load server-side history on (re)connect and merge it in — the daemon is the
+  // source of truth, so this restores chats regardless of which tunnel port
+  // (and thus browser origin) we came up on.
+  //
+  // Also runs a ONE-TIME, per-origin seed: whatever chat history is stranded in
+  // THIS origin's localStorage gets pushed to the daemon for any agent the
+  // daemon doesn't yet know. Visiting each old origin once migrates its history
+  // server-side without clobbering anything already there.
+  async fetchChatHistory() {
+    try {
+      const { history } = await api.get('/chat-history');
+      const remote = (history && typeof history === 'object') ? history : {};
+
+      if (localStorage.getItem('groove:chatImported') !== '1') {
+        const local = get().chatHistory;
+        for (const [agentId, msgs] of Object.entries(local)) {
+          // Only seed agents the daemon has nothing for — never overwrite
+          // server history with an older local copy.
+          if (Array.isArray(msgs) && msgs.length && !(remote[agentId]?.length)) {
+            api.put(`/chat-history/${encodeURIComponent(agentId)}`, { messages: msgs }).catch(() => {});
+            remote[agentId] = msgs; // reflect so the merge below keeps it
+          }
+        }
+        localStorage.setItem('groove:chatImported', '1');
+      }
+
+      set((s) => {
+        const merged = { ...s.chatHistory };
+        for (const [agentId, msgs] of Object.entries(remote)) {
+          if (Array.isArray(msgs) && msgs.length) merged[agentId] = msgs;
+        }
+        persistChatHistory(merged);
+        return { chatHistory: merged };
+      });
+    } catch { /* offline or old daemon without the endpoint — keep local */ }
   },
 
   async stopAgent(id) {

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

@@ -581,7 +581,7 @@ function MyLibrary() {
   ];
 
   const emptyMessages = {
-    all: 'No skills or integrations installed yet. Visit the Marketplace to get started.',
+    all: 'No skills or integrations installed yet. Browse the Integrations tab to get started.',
     skills: 'No skills installed.',
     integrations: 'No integrations installed.',
   };

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

@@ -1787,67 +1787,6 @@ export default function SettingsView() {
                   </div>
                 </ConfigCard>
 
-                <ConfigCard icon={MessageSquare} label="Default Chat Model" description="Provider and model for new chat conversations.">
-                  <div className="space-y-2">
-                    <select
-                      value={config.defaultChatProvider || config.defaultProvider || 'claude-code'}
-                      onChange={(e) => {
-                        updateConfig('defaultChatProvider', e.target.value);
-                        const prov = providers.find((p) => p.id === e.target.value);
-                        const chatModels = (prov?.models || []).filter((m) => {
-                          const id = (typeof m === 'string' ? m : m.id || '').toLowerCase();
-                          return !id.includes('dall-e') && !id.includes('imagen') && !id.includes('image');
-                        });
-                        if (chatModels.length > 0) {
-                          const first = typeof chatModels[0] === 'string' ? chatModels[0] : chatModels[0].id;
-                          updateConfig('defaultChatModel', first);
-                        }
-                      }}
-                      className="w-full h-8 px-2.5 text-xs bg-surface-0 border border-border-subtle rounded-md text-text-0 font-mono focus:outline-none focus:ring-1 focus:ring-accent cursor-pointer"
-                    >
-                      {visibleProviders.filter((p) => p.installed && (p.authType === 'local' || (p.authType === 'subscription' && p.authStatus?.authenticated) || p.hasKey)).map((p) => (
-                        <option key={p.id} value={p.id}>{p.name}</option>
-                      ))}
-                    </select>
-                    {(() => {
-                      const chatProv = providers.find((p) => p.id === (config.defaultChatProvider || config.defaultProvider || 'claude-code'));
-                      const chatModels = (chatProv?.models || []).filter((m) => {
-                        const id = (typeof m === 'string' ? m : m.id || '').toLowerCase();
-                        return !id.includes('dall-e') && !id.includes('imagen') && !id.includes('image');
-                      });
-                      const isChatLocal = (config.defaultChatProvider || config.defaultProvider || 'claude-code') === 'local';
-                      return (
-                        <select
-                          value={config.defaultChatModel || ''}
-                          onChange={(e) => updateConfig('defaultChatModel', e.target.value || null)}
-                          className="w-full h-8 px-2.5 text-xs bg-surface-0 border border-border-subtle rounded-md text-text-0 font-mono focus:outline-none focus:ring-1 focus:ring-accent cursor-pointer"
-                        >
-                          <option value="">Auto (Sonnet)</option>
-                          {isChatLocal ? (
-                            <>
-                              {chatModels.filter(m => m.source === 'ollama').length > 0 && (
-                                <optgroup label="Ollama">{chatModels.filter(m => m.source === 'ollama').map(m => <option key={m.id} value={m.id}>{m.name}</option>)}</optgroup>
-                              )}
-                              {chatModels.filter(m => m.source === 'gguf').length > 0 && (
-                                <optgroup label="Downloaded GGUFs">{chatModels.filter(m => m.source === 'gguf').map(m => <option key={m.id} value={m.id}>{m.name}{m.hasRuntime ? '' : ' (no runtime)'}</option>)}</optgroup>
-                              )}
-                              {chatModels.filter(m => m.source === 'runtime').length > 0 && (
-                                <optgroup label="Runtime Models">{chatModels.filter(m => m.source === 'runtime').map(m => <option key={m.id} value={m.id}>{m.name}</option>)}</optgroup>
-                              )}
-                            </>
-                          ) : (
-                            chatModels.map((m) => {
-                              const id = typeof m === 'string' ? m : m.id;
-                              const name = typeof m === 'string' ? m : m.name || m.id;
-                              return <option key={id} value={id}>{name}</option>;
-                            })
-                          )}
-                        </select>
-                      );
-                    })()}
-                  </div>
-                </ConfigCard>
-
               </div>
             </div>
           )}