npm - groove-dev - Versions diffs - 0.27.196 → 0.27.198 - Mend

groove-dev 0.27.196 → 0.27.198

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 (106) hide show

package/packages/gui/dist/index.html CHANGED Viewed

@@ -6,12 +6,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-L8xSnvHj.js"></script>
+    <script type="module" crossorigin src="/assets/index-b9dKN6cq.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">
     <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-Cat5pJUx.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-RbtaI6l7.css">
   </head>
   <body>
     <div id="root"></div>

package/packages/gui/package.json CHANGED Viewed

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

package/packages/gui/src/App.jsx CHANGED Viewed

@@ -22,10 +22,10 @@ import ModelsView from './views/models';
 import FederationView from './views/federation';
 import ModelLabView from './views/model-lab';
 import NetworkView from './views/network';
-import ChatView from './views/chat';
 import MemoryView from './views/memory';
 import FleetView from './views/fleet';
 import AutoAgentsView from './views/auto-agents';
+import AxomView from './views/axom';
 // Agent components
 import { AgentPanel } from './components/agents/agent-panel';
@@ -79,8 +79,8 @@ function ViewRouter() {
     case 'model-lab':   content = <ModelLabView />;    break;
     case 'federation':  content = <FederationView />;  break;
     case 'settings':    content = <SettingsView />;    break;
-    case 'chat':        content = <ChatView />;        break;
     case 'fleet':       content = <FleetView />;       break;
+    case 'axom':        content = <AxomView />;        break;
     case 'memory':      content = <MemoryView />;      break;
     case 'network':     content = networkUnlocked ? <NetworkView /> : <AgentsView />; break;
     default:            content = <AgentsView />;

package/packages/gui/src/app.css CHANGED Viewed

@@ -309,6 +309,59 @@ html {
   box-shadow: 0 0 60px rgba(51,175,188,0.15), 0 0 120px rgba(51,175,188,0.04);
 }
+/* ── Axom Onboarding ─────────────────────────────────────── */
+/* Front door backdrop — one cool bloom behind the mark on the identity pane,
+   a faint cold wash under the operations pane. Nothing else. */
+.axom-hero-bg {
+  background:
+    radial-gradient(ellipse 760px 620px at 20% 38%, rgba(51, 175, 188, 0.11) 0%, transparent 68%),
+    radial-gradient(ellipse 900px 700px at 88% 62%, rgba(122, 176, 223, 0.045) 0%, transparent 70%),
+    var(--color-surface-1);
+}
+/* Panels read as instrument faces: light at the top edge, settling downward. */
+.axom-panel {
+  background: linear-gradient(180deg, var(--color-surface-3) 0%, var(--color-surface-1) 100%);
+}
+/* Hairline that carries the accent only where it matters — a top edge. */
+.axom-edge-accent {
+  background: linear-gradient(90deg, transparent 0%, rgba(51, 175, 188, 0.6) 50%, transparent 100%);
+}
+.axom-edge-muted {
+  background: linear-gradient(90deg, transparent 0%, var(--color-border) 50%, transparent 100%);
+}
+/* Display type — a soft vertical falloff, no color, just depth. */
+.axom-display {
+  background: linear-gradient(180deg, #f2f4f7 0%, #9aa3b0 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.axom-ring {
+  border-radius: 50%;
+  border: 1px solid rgba(51, 175, 188, 0.22);
+}
+@keyframes axom-orbit { to { transform: rotate(360deg); } }
+.animate-axom-orbit { animation: axom-orbit 26s linear infinite; }
+.animate-axom-orbit-slow { animation: axom-orbit 44s linear infinite reverse; }
+@keyframes axom-breathe {
+  0%, 100% { opacity: 0.45; }
+  50%      { opacity: 0.85; }
+}
+.animate-axom-breathe { animation: axom-breathe 6s ease-in-out infinite; }
+@media (prefers-reduced-motion: reduce) {
+  .animate-axom-orbit,
+  .animate-axom-orbit-slow,
+  .animate-axom-breathe { animation: none; }
+}
 /* ── React Flow Overrides ─────────────────────────────────── */
 /* Suppress node fly-in animation — nodes appear in position instantly */

package/packages/gui/src/components/agents/agent-config.jsx CHANGED Viewed

@@ -704,7 +704,7 @@ export function AgentConfig({ agent }) {
             </div>
           )}
           {(agent.integrations || []).length === 0 && installedIntegrations.length === 0 && (
-            <span className="text-2xs text-text-4 font-sans">No integrations installed — browse the Marketplace</span>
+            <span className="text-2xs text-text-4 font-sans">No integrations installed — browse the Integrations tab</span>
           )}
         </div>
         {(agent.integrations || []).length > 0 && (
@@ -775,7 +775,7 @@ export function AgentConfig({ agent }) {
               </div>
             )}
             {(agent.repos || []).length === 0 && (
-              <span className="text-2xs text-text-4 font-sans">No repos attached — import one from the Marketplace</span>
+              <span className="text-2xs text-text-4 font-sans">No repos attached — import one from the Integrations tab</span>
             )}
           </div>
         </ConfigSection>

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

@@ -368,7 +368,7 @@ export function SpawnWizard() {
                           }}
                           className="ml-auto text-2xs text-accent hover:underline font-sans cursor-pointer"
                         >
-                          Install in Marketplace
+                          Install in Integrations
                         </button>
                       </div>
                     );
@@ -778,7 +778,7 @@ export function SpawnWizard() {
                                     <div className="text-2xs text-text-3 font-sans truncate">{integration.description}</div>
                                   )}
                                   {!configured && (
-                                    <div className="text-2xs text-text-4 font-sans">Configure in Marketplace</div>
+                                    <div className="text-2xs text-text-4 font-sans">Configure in Integrations</div>
                                   )}
                                 </div>
                                 {active && <CheckMark />}
@@ -787,7 +787,7 @@ export function SpawnWizard() {
                           })}
                         {installedIntegrations.length === 0 && (
                           <div className="text-center py-6 text-xs text-text-3 font-sans">
-                            No integrations installed. Visit the Marketplace to install integrations.
+                            No integrations installed. Visit the Integrations tab to install some.
                           </div>
                         )}
                       </div>

package/packages/gui/src/components/layout/activity-bar.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
-import { Network, Code2, ChartSpline, Puzzle, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, BookOpen, LayoutList, Bot } from 'lucide-react';
+import { Network, Code2, ChartSpline, Puzzle, Users, Box, FlaskConical, Newspaper, Settings, Globe, BookOpen, LayoutList, Bot, Atom } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { Tooltip } from '../ui/tooltip';
 import { useGrooveStore } from '../../stores/groove';
@@ -7,14 +7,14 @@ import { isElectron, getPlatform } from '../../lib/electron';
 const BASE_NAV_ITEMS = [
   { id: 'agents',      icon: Network,       label: 'Agents' },
+  { id: 'axom',        icon: Atom,          label: 'Axom' },
   { id: 'fleet',       icon: LayoutList,    label: 'Fleet' },
-  { id: 'chat',        icon: MessageCircle, label: 'Chat' },
   { id: 'editor',      icon: Code2,         label: 'Editor' },
   { id: 'dashboard',   icon: ChartSpline,   label: 'Dashboard' },
   { id: 'memory',      icon: BookOpen,      label: 'Memory' },
   { id: 'auto-agents', icon: Bot,           label: 'Auto Agents' },
   { id: 'teams',       icon: Users,         label: 'Teams' },
-  { id: 'marketplace', icon: Puzzle,        label: 'Marketplace' },
+  { id: 'marketplace', icon: Puzzle,        label: 'Integrations' },
   { id: 'models',      icon: Box,           label: 'Models' },
   { id: 'model-lab',   icon: FlaskConical,  label: 'Model Lab' },
 ];

package/packages/gui/src/components/layout/breadcrumb-bar.jsx CHANGED Viewed

@@ -115,7 +115,7 @@ const VIEW_LABELS = {
   agents: 'Agents',
   editor: 'Editor',
   dashboard: 'Dashboard',
-  marketplace: 'Marketplace',
+  marketplace: 'Integrations',
   teams: 'Teams',
 };

package/packages/gui/src/components/layout/command-palette.jsx CHANGED Viewed

@@ -13,7 +13,7 @@ const STATIC_COMMANDS = [
   { id: 'nav:agents',      label: 'Go to Agents',      icon: Network,    category: 'Navigation', action: (s) => { s.setActiveView('agents'); } },
   { id: 'nav:editor',      label: 'Go to Editor',      icon: Code2,      category: 'Navigation', action: (s) => { s.setActiveView('editor'); } },
   { id: 'nav:dashboard',   label: 'Go to Dashboard',   icon: ChartSpline, category: 'Navigation', action: (s) => { s.setActiveView('dashboard'); } },
-  { id: 'nav:marketplace', label: 'Go to Marketplace', icon: Puzzle,     category: 'Navigation', action: (s) => { s.setActiveView('marketplace'); } },
+  { id: 'nav:marketplace', label: 'Go to Integrations', icon: Puzzle,     category: 'Navigation', action: (s) => { s.setActiveView('marketplace'); } },
   { id: 'nav:teams',       label: 'Go to Teams',       icon: Users,      category: 'Navigation', action: (s) => { s.setActiveView('teams'); } },
   { id: 'nav:federation', label: 'Go to Federation',  icon: Globe,      category: 'Navigation', action: (s) => { s.setActiveView('federation'); } },
   { id: 'action:whitelist', label: 'Add to Federation Whitelist', icon: Shield, category: 'Federation', action: (s) => { s.setActiveView('federation'); } },

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

@@ -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';
@@ -15,6 +14,7 @@ import { createPreviewSlice } from './slices/preview-slice.js';
 import { createMarketplaceSlice } from './slices/marketplace-slice.js';
 import { createAutomationsSlice } from './slices/automations-slice.js';
 import { createAutoAgentsSlice } from './slices/auto-agents-slice.js';
+import { createAxomSlice } from './slices/axom-slice.js';
 const WS_URL = `ws://${window.location.hostname}:${window.location.port || 31415}`;
@@ -33,7 +33,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),
@@ -41,6 +40,7 @@ export const useGrooveStore = create((set, get) => ({
   ...createMarketplaceSlice(set, get),
   ...createAutomationsSlice(set, get),
   ...createAutoAgentsSlice(set, get),
+  ...createAxomSlice(set, get),
   // ── Connection ────────────────────────────────────────────
   connected: false,
@@ -69,12 +69,13 @@ export const useGrooveStore = create((set, get) => ({
         if (isTunneled) get().fetchProjectDir();
       }).catch(() => {});
       get().fetchTeams();
-      get().fetchConversations();
+      get().fetchChatHistory();
       get().fetchApprovals();
       get().checkMarketplaceAuth();
       get().fetchTunnels();
       get().fetchBetaStatus();
       get().fetchNetworkInstallStatus();
+      get().fetchAxomStatus();
       get().fetchTrainingStatus();
       api.get('/config').then((cfg) => {
         if (cfg?.dataSharingDismissed) set({ dataSharingDismissed: true });
@@ -266,27 +267,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 +327,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 +360,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 +380,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') {
@@ -677,6 +656,22 @@ export const useGrooveStore = create((set, get) => ({
           set({ gateways: msg.data || [] });
           break;
+        case 'axom:status':
+          set({ axomStatus: msg.data || { endpoints: [] } });
+          break;
+        case 'axom:event':
+          get().ingestAxomEvent(msg.endpoint, msg.session, msg.envelope);
+          break;
+        case 'axom:instances':
+          set({ axomInstances: msg.data || [] });
+          break;
+        case 'axom:install:progress':
+          set({ axomInstall: msg.data });
+          break;
         case 'provider:status-changed':
           set({ _providerRefreshTick: Date.now() });
           break;
@@ -967,140 +962,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 CHANGED Viewed

@@ -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) {