npm - groove-dev - Versions diffs - 0.27.56 → 0.27.57 - Mend

groove-dev 0.27.56 → 0.27.57

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

package/node_modules/@groove-dev/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-Bb8CIVBT.js"></script>
+    <script type="module" crossorigin src="/assets/index-X58BAjGp.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-DOy_oMyr.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-C5WTeZO4.css">
   </head>
   <body>
     <div id="root"></div>

package/node_modules/@groove-dev/gui/package.json CHANGED Viewed

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

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

@@ -1,12 +1,12 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
 import { useState, useRef, useEffect } from 'react';
-import { Pencil, Pin, PinOff, Trash2, Hash, MoreHorizontal } from 'lucide-react';
+import { Pencil, Pin, PinOff, Trash2, Hash, MoreHorizontal, Zap, Bot } from 'lucide-react';
 import { useGrooveStore } from '../../stores/groove';
-import { cn } from '../../lib/cn';
-import { Badge } from '../ui/badge';
 import { fmtNum } from '../../lib/format';
+import { ModelPicker } from './model-picker';
+import { Tooltip } from '../ui/tooltip';
-export function ChatHeader({ conversation }) {
+export function ChatHeader({ conversation, model, onModelChange, onModeChange }) {
   const renameConversation = useGrooveStore((s) => s.renameConversation);
   const pinConversation = useGrooveStore((s) => s.pinConversation);
   const deleteConversation = useGrooveStore((s) => s.deleteConversation);
@@ -47,6 +47,7 @@ export function ChatHeader({ conversation }) {
   const agent = useGrooveStore((s) => s.agents.find((a) => a.id === conversation.agentId));
   const tokens = agent?.tokensUsed || 0;
+  const mode = conversation.mode || 'api';
   return (
     <div className="h-11 flex items-center gap-3 px-4 border-b border-border bg-surface-1 flex-shrink-0">
@@ -72,12 +73,29 @@ export function ChatHeader({ conversation }) {
       )}
       <div className="flex items-center gap-2 flex-shrink-0">
-        {conversation.model && (
-          <Badge variant="accent" className="text-[9px]">{conversation.model}</Badge>
-        )}
-        {conversation.provider && (
-          <Badge variant="default" className="text-[9px]">{conversation.provider}</Badge>
-        )}
+        <div className="flex items-center h-7 rounded-lg bg-surface-3 border border-border-subtle p-0.5">
+          <Tooltip content="Lightweight — fast and cheap, no tools" side="bottom">
+            <button
+              onClick={() => onModeChange?.('api')}
+              className={`flex items-center gap-1 h-6 px-2 rounded-md text-2xs font-semibold font-sans transition-colors cursor-pointer ${mode === 'api' ? 'bg-accent/15 text-accent border border-accent/25' : 'text-text-3 hover:text-text-1'}`}
+            >
+              <Zap size={11} /> Chat
+            </button>
+          </Tooltip>
+          <Tooltip content="Full agent — tools, files, session resume" side="bottom">
+            <button
+              onClick={() => onModeChange?.('agent')}
+              className={`flex items-center gap-1 h-6 px-2 rounded-md text-2xs font-semibold font-sans transition-colors cursor-pointer ${mode === 'agent' ? 'bg-purple/15 text-purple border border-purple/25' : 'text-text-3 hover:text-text-1'}`}
+            >
+              <Bot size={11} /> Agent
+            </button>
+          </Tooltip>
+        </div>
+        <ModelPicker
+          value={model || { provider: conversation.provider, model: conversation.model }}
+          onChange={onModelChange}
+          disabled={false}
+        />
         {tokens > 0 && (
           <span className="text-2xs text-text-3 font-mono">{fmtNum(tokens)} tokens</span>
         )}

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

@@ -2,9 +2,8 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { Send, Loader2, Square, Paperclip } from 'lucide-react';
 import { cn } from '../../lib/cn';
-import { ModelPicker } from './model-picker';
-export function ChatInput({ onSend, onStop, onModelChange, model, sending, streaming, disabled }) {
+export function ChatInput({ onSend, onStop, sending, streaming, disabled }) {
   const [input, setInput] = useState('');
   const textareaRef = useRef(null);
   const fileInputRef = useRef(null);
@@ -13,8 +12,7 @@ export function ChatInput({ onSend, onStop, onModelChange, model, sending, strea
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = 'auto';
-    const maxHeight = 6 * 24; // 6 lines
-    el.style.height = Math.min(el.scrollHeight, maxHeight) + 'px';
+    el.style.height = Math.min(el.scrollHeight, 200) + 'px';
   }, []);
   useEffect(() => {
@@ -54,14 +52,8 @@ export function ChatInput({ onSend, onStop, onModelChange, model, sending, strea
   const canSend = input.trim() && !sending && !disabled;
   return (
-    <div className="border-t border-border bg-surface-1 px-4 py-3">
-      <div className="flex items-end gap-2">
-        <ModelPicker
-          value={model}
-          onChange={onModelChange}
-          disabled={isActive}
-        />
+    <div className="px-4 py-3">
+      <div className="flex items-end gap-2 rounded-2xl bg-surface-3/60 border border-border-subtle px-3 py-2 focus-within:border-accent/30 transition-colors">
         <input
           ref={fileInputRef}
           type="file"
@@ -73,7 +65,7 @@ export function ChatInput({ onSend, onStop, onModelChange, model, sending, strea
         <button
           onClick={() => fileInputRef.current?.click()}
           disabled={disabled}
-          className="w-9 h-9 flex items-center justify-center rounded-lg text-text-4 hover:text-text-1 hover:bg-surface-3 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed"
+          className="w-8 h-8 flex items-center justify-center rounded-lg text-text-4 hover:text-text-1 hover:bg-surface-4 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed flex-shrink-0"
           title="Attach file"
         >
           <Paperclip size={15} />
@@ -87,20 +79,14 @@ export function ChatInput({ onSend, onStop, onModelChange, model, sending, strea
           placeholder={disabled ? 'Select a model to start chatting...' : 'Send a message...'}
           disabled={disabled}
           rows={1}
-          className={cn(
-            'flex-1 resize-none rounded-xl px-4 py-2.5 text-sm',
-            'bg-surface-0 border text-text-0 font-sans',
-            'placeholder:text-text-4',
-            'focus:outline-none focus:ring-1',
-            'border-border focus:ring-accent/40',
-            'disabled:opacity-50 disabled:cursor-not-allowed',
-          )}
+          style={{ minHeight: '36px' }}
+          className="flex-1 resize-none bg-transparent text-sm text-text-0 font-sans placeholder:text-text-4 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed py-1.5"
         />
         {isActive ? (
           <button
             onClick={onStop}
-            className="w-9 h-9 flex items-center justify-center rounded-xl bg-danger/80 text-white hover:bg-danger transition-all cursor-pointer shadow-lg shadow-danger/20"
+            className="w-8 h-8 flex items-center justify-center rounded-xl bg-danger/80 text-white hover:bg-danger transition-all cursor-pointer shadow-lg shadow-danger/20 flex-shrink-0"
             title="Stop generation"
           >
             <Square size={14} fill="currentColor" />
@@ -110,7 +96,7 @@ export function ChatInput({ onSend, onStop, onModelChange, model, sending, strea
             onClick={handleSend}
             disabled={!canSend}
             className={cn(
-              'w-9 h-9 flex items-center justify-center rounded-xl transition-all cursor-pointer',
+              'w-8 h-8 flex items-center justify-center rounded-xl transition-all cursor-pointer flex-shrink-0',
               'disabled:opacity-20 disabled:cursor-not-allowed',
               canSend
                 ? 'bg-accent/15 text-accent hover:bg-accent/25 border border-accent/25'

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

@@ -64,6 +64,8 @@ export function ChatView() {
   const setActiveConversation = useGrooveStore((s) => s.setActiveConversation);
   const sendChatMessage = useGrooveStore((s) => s.sendChatMessage);
   const stopAgent = useGrooveStore((s) => s.stopAgent);
+  const stopChatStreaming = useGrooveStore((s) => s.stopChatStreaming);
+  const setConversationMode = useGrooveStore((s) => s.setConversationMode);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
@@ -73,21 +75,30 @@ export function ChatView() {
   const handleNewChat = useCallback(async (provider, model) => {
     const p = provider || 'claude-code';
-    const m = model || 'sonnet';
+    const m = model || 'claude-sonnet-4-6';
     try {
-      await createConversation(p, m);
+      await createConversation(p, m, 'api');
     } catch { /* toast handles */ }
   }, [createConversation]);
+  const handleModeChange = useCallback((mode) => {
+    if (!activeConversationId) return;
+    setConversationMode(activeConversationId, mode);
+  }, [activeConversationId, setConversationMode]);
   const handleSend = useCallback((text) => {
     if (!activeConversationId) return;
     sendChatMessage(activeConversationId, text);
   }, [activeConversationId, sendChatMessage]);
   const handleStop = useCallback(() => {
-    if (!activeConversation?.agentId) return;
-    stopAgent(activeConversation.agentId);
-  }, [activeConversation, stopAgent]);
+    if (!activeConversation) return;
+    if (activeConversation.mode === 'agent' && activeConversation.agentId) {
+      stopAgent(activeConversation.agentId);
+    } else {
+      stopChatStreaming(activeConversationId);
+    }
+  }, [activeConversation, activeConversationId, stopAgent, stopChatStreaming]);
   const handleModelChange = useCallback(async (selection) => {
     if (activeConversationId) {
@@ -115,7 +126,7 @@ export function ChatView() {
       <div className="flex-1 flex flex-col min-w-0">
         {activeConversation ? (
           <>
-            <ChatHeader conversation={activeConversation} />
+            <ChatHeader conversation={activeConversation} model={currentModel} onModelChange={handleModelChange} onModeChange={handleModeChange} />
             <ChatMessages
               messages={messages}
               isStreaming={isStreaming}
@@ -124,8 +135,6 @@ export function ChatView() {
             <ChatInput
               onSend={handleSend}
               onStop={handleStop}
-              onModelChange={handleModelChange}
-              model={currentModel}
               sending={sendingMessage}
               streaming={isStreaming}
               disabled={false}
@@ -144,8 +153,6 @@ export function ChatView() {
                 });
               }}
               onStop={() => {}}
-              onModelChange={handleModelChange}
-              model={currentModel}
               sending={false}
               streaming={false}
               disabled={false}

package/node_modules/@groove-dev/gui/src/components/chat/conversation-list.jsx CHANGED Viewed

@@ -1,11 +1,12 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
 import { useMemo } from 'react';
-import { Plus, MessageCircle, Pin, Pencil, PinOff, Trash2 } from 'lucide-react';
+import { Plus, MessageCircle, Pin, Pencil, PinOff, Trash2, Zap, Bot } from 'lucide-react';
 import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { Badge } from '../ui/badge';
 import { timeAgo } from '../../lib/format';
 import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator } from '../ui/context-menu';
+import { formatModelName } from './model-picker';
 function groupByDate(conversations) {
   const now = new Date();
@@ -52,7 +53,11 @@ function ConversationItem({ conv, isActive, onSelect, onRename, onPin, onDelete
           <div className="flex-1 min-w-0">
             <div className="text-xs font-medium font-sans truncate">{conv.title || 'New Chat'}</div>
             <div className="flex items-center gap-1.5 mt-0.5">
-              {conv.model && <Badge variant="default" className="text-[8px] px-1 py-0">{conv.model}</Badge>}
+              {conv.mode === 'agent'
+                ? <Bot size={9} className="text-purple flex-shrink-0" />
+                : <Zap size={9} className="text-accent flex-shrink-0" />
+              }
+              {conv.model && <Badge variant="default" className="text-[8px] px-1 py-0">{formatModelName(conv.model)}</Badge>}
               <span className="text-2xs text-text-4 font-sans">{timeAgo(conv.updatedAt || conv.createdAt)}</span>
             </div>
           </div>
@@ -117,17 +122,7 @@ export function ConversationList({ onNewChat }) {
   return (
     <div className="flex flex-col h-full">
-      <div className="p-3">
-        <button
-          onClick={onNewChat}
-          className="w-full flex items-center justify-center gap-2 h-9 rounded-lg bg-accent/15 text-accent text-xs font-semibold font-sans hover:bg-accent/25 transition-colors cursor-pointer border border-accent/20"
-        >
-          <Plus size={14} />
-          New Chat
-        </button>
-      </div>
-      <div className="flex-1 overflow-y-auto px-1.5 pb-3 space-y-0.5">
+      <div className="flex-1 overflow-y-auto px-1.5 pt-3 pb-3 space-y-0.5">
         {conversations.length === 0 ? (
           <div className="flex flex-col items-center justify-center py-16 text-center px-4">
             <MessageCircle size={24} className="text-text-4 mb-3" />
@@ -144,6 +139,16 @@ export function ConversationList({ onNewChat }) {
           </>
         )}
       </div>
+      <div className="p-3 border-t border-border-subtle">
+        <button
+          onClick={onNewChat}
+          className="w-full flex items-center justify-center gap-2 h-9 rounded-lg bg-accent/15 text-accent text-xs font-semibold font-sans hover:bg-accent/25 transition-colors cursor-pointer border border-accent/20"
+        >
+          <Plus size={14} />
+          New Chat
+        </button>
+      </div>
     </div>
   );
 }

package/node_modules/@groove-dev/gui/src/components/chat/model-picker.jsx CHANGED Viewed

@@ -5,6 +5,16 @@ import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { Badge } from '../ui/badge';
+export function formatModelName(id) {
+  if (!id) return '';
+  return id
+    .replace(/^claude-/, '')
+    .replace(/-(\d)/, ' $1')
+    .split('-')
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+    .join(' ');
+}
 const TIER_CONFIG = {
   frontier: { label: 'Frontier', variant: 'purple', icon: Sparkles },
   mid: { label: 'Mid', variant: 'accent', icon: Zap },
@@ -50,7 +60,8 @@ export function ModelPicker({ value, onChange, disabled }) {
     return () => document.removeEventListener('mousedown', handleClick);
   }, [open]);
-  const currentModel = value?.model || 'Select model';
+  const currentModel = value?.model || '';
+  const currentModelDisplay = currentModel ? formatModelName(currentModel) : 'Select model';
   const currentProvider = value?.provider || '';
   const isNetwork = currentProvider === 'groove-network';
@@ -67,12 +78,12 @@ export function ModelPicker({ value, onChange, disabled }) {
         )}
       >
         {isNetwork ? <Globe size={12} className="text-purple" /> : <Cpu size={12} className="text-text-3" />}
-        <span className="text-text-1 max-w-[120px] truncate">{currentModel}</span>
+        <span className="text-text-1 max-w-[120px] truncate">{currentModelDisplay}</span>
         <ChevronDown size={12} className="text-text-4" />
       </button>
       {open && (
-        <div className="absolute bottom-full left-0 mb-1 w-72 max-h-80 overflow-y-auto rounded-lg border border-border bg-surface-1 shadow-xl z-50">
+        <div className="absolute top-full left-0 mt-1 w-72 max-h-80 overflow-y-auto rounded-lg border border-border bg-surface-1 shadow-xl z-50">
           {providers.length === 0 && (
             <div className="px-4 py-6 text-center text-xs text-text-3 font-sans">No providers available</div>
           )}
@@ -87,16 +98,17 @@ export function ModelPicker({ value, onChange, disabled }) {
                   {provider.name || provider.id}
                 </div>
                 {models.map((model) => {
-                  const modelName = typeof model === 'string' ? model : model.name || model.id;
-                  const tier = getTier(modelName);
+                  const modelId = typeof model === 'string' ? model : model.id || model.name;
+                  const modelDisplayName = typeof model === 'string' ? model : model.name || model.id;
+                  const tier = getTier(modelId);
                   const tierConfig = TIER_CONFIG[tier];
                   const TierIcon = tierConfig.icon;
-                  const isActive = currentModel === modelName && currentProvider === provider.id;
+                  const isActive = currentModel === modelId && currentProvider === provider.id;
                   return (
                     <button
-                      key={modelName}
+                      key={modelId}
                       onClick={() => {
-                        onChange({ provider: provider.id, model: modelName });
+                        onChange({ provider: provider.id, model: modelId });
                         setOpen(false);
                       }}
                       className={cn(
@@ -105,8 +117,8 @@ export function ModelPicker({ value, onChange, disabled }) {
                       )}
                     >
                       <div className="flex-1 min-w-0">
-                        <div className="text-xs font-medium font-sans truncate">{modelName}</div>
-                        <div className="text-2xs text-text-4 font-sans">{getContextSize(modelName)} context</div>
+                        <div className="text-xs font-medium font-sans truncate">{modelDisplayName}</div>
+                        <div className="text-2xs text-text-4 font-sans">{getContextSize(modelId)} context</div>
                       </div>
                       <div className="flex items-center gap-1.5 flex-shrink-0">
                         {isNetworkProvider && (

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

@@ -799,6 +799,49 @@ export const useGrooveStore = create((set, get) => ({
           }
           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);
+            persistJSON('groove:conversationMessages', msgs);
+            return { conversationMessages: msgs, streamingConversationId: conversationId };
+          });
+          break;
+        }
+        case 'conversation:complete': {
+          const { conversationId } = msg.data || msg;
+          if (conversationId) {
+            set({ sendingMessage: false, streamingConversationId: null });
+            persistJSON('groove:conversationMessages', get().conversationMessages);
+          }
+          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);
+              return { conversationMessages: msgs, sendingMessage: false, streamingConversationId: null };
+            });
+          }
+          break;
+        }
       }
     };
@@ -1604,11 +1647,11 @@ export const useGrooveStore = create((set, get) => ({
     } catch { /* endpoint may not exist yet */ }
   },
-  async createConversation(provider, model) {
+  async createConversation(provider, model, mode = 'api') {
     try {
-      const conv = await api.post('/conversations', { provider, model });
+      const conv = await api.post('/conversations', { provider, model, mode });
       set((s) => ({
-        conversations: [conv, ...s.conversations],
+        conversations: [conv, ...s.conversations.filter((c) => c.id !== conv.id)],
         activeConversationId: conv.id,
       }));
       localStorage.setItem('groove:activeConversationId', conv.id);
@@ -1619,6 +1662,22 @@ export const useGrooveStore = create((set, get) => ({
     }
   },
+  async setConversationMode(id, mode) {
+    try {
+      const conv = await api.patch(`/conversations/${encodeURIComponent(id)}`, { mode });
+      set((s) => ({ conversations: s.conversations.map((c) => c.id === id ? { ...c, ...conv } : c) }));
+    } catch (err) {
+      get().addToast('error', 'Mode change failed', err.message);
+    }
+  },
+  async stopChatStreaming(conversationId) {
+    try {
+      await api.post(`/conversations/${encodeURIComponent(conversationId)}/stop`);
+      set({ sendingMessage: false, streamingConversationId: null });
+    } catch { /* ignore */ }
+  },
   async deleteConversation(id) {
     try {
       await api.delete(`/conversations/${encodeURIComponent(id)}`);
@@ -1675,8 +1734,12 @@ export const useGrooveStore = create((set, get) => ({
     });
     try {
-      await api.post(`/conversations/${encodeURIComponent(conversationId)}/message`, { message });
-      // Response arrives via agent:output WebSocket events
+      const body = { message };
+      if (conv.mode === 'api' || !conv.mode) {
+        const history = get().conversationMessages[conversationId] || [];
+        body.history = history.slice(0, -1);
+      }
+      await api.post(`/conversations/${encodeURIComponent(conversationId)}/message`, body);
     } catch (err) {
       set((s) => {
         const msgs = { ...s.conversationMessages };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.27.56",
+  "version": "0.27.57",
   "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/cli/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/cli",
-  "version": "0.27.56",
+  "version": "0.27.57",
   "description": "GROOVE CLI — manage AI coding agents from your terminal",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/daemon",
-  "version": "0.27.56",
+  "version": "0.27.57",
   "description": "GROOVE daemon — agent orchestration engine",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

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

@@ -818,12 +818,15 @@ export function createApi(app, daemon) {
   app.post('/api/conversations', async (req, res) => {
     try {
-      const { provider, model, title } = req.body;
+      const { provider, model, title, mode } = req.body;
       if (!provider || typeof provider !== 'string') {
         return res.status(400).json({ error: 'provider is required' });
       }
-      const conversation = await daemon.conversations.create(provider, model, title);
-      daemon.audit.log('conversation.create', { id: conversation.id, provider, model });
+      if (mode && mode !== 'api' && mode !== 'agent') {
+        return res.status(400).json({ error: 'mode must be "api" or "agent"' });
+      }
+      const conversation = await daemon.conversations.create(provider, model, title, mode || 'api');
+      daemon.audit.log('conversation.create', { id: conversation.id, provider, model, mode: conversation.mode });
       res.status(201).json(conversation);
     } catch (err) {
       res.status(400).json({ error: err.message });
@@ -836,14 +839,20 @@ export function createApi(app, daemon) {
     res.json(conversation);
   });
-  app.patch('/api/conversations/:id', (req, res) => {
+  app.patch('/api/conversations/:id', async (req, res) => {
     try {
       const conv = daemon.conversations.get(req.params.id);
       if (!conv) return res.status(404).json({ error: 'Conversation not found' });
       if (req.body.title !== undefined) daemon.conversations.rename(req.params.id, req.body.title);
       if (req.body.pinned !== undefined) daemon.conversations.pin(req.params.id, req.body.pinned);
       if (req.body.archived !== undefined) daemon.conversations.archive(req.params.id, req.body.archived);
-      daemon.audit.log('conversation.update', { id: req.params.id });
+      if (req.body.mode !== undefined) {
+        if (req.body.mode !== 'api' && req.body.mode !== 'agent') {
+          return res.status(400).json({ error: 'mode must be "api" or "agent"' });
+        }
+        await daemon.conversations.setMode(req.params.id, req.body.mode);
+      }
+      daemon.audit.log('conversation.update', { id: req.params.id, mode: req.body.mode });
       res.json(daemon.conversations.get(req.params.id));
     } catch (err) {
       res.status(400).json({ error: err.message });
@@ -864,19 +873,27 @@ export function createApi(app, daemon) {
   app.post('/api/conversations/:id/message', async (req, res) => {
     try {
-      const { message } = req.body;
+      const { message, history } = req.body;
       if (!message || typeof message !== 'string' || !message.trim()) {
         return res.status(400).json({ error: 'message is required' });
       }
       const conv = daemon.conversations.get(req.params.id);
       if (!conv) return res.status(404).json({ error: 'Conversation not found' });
-      const agent = daemon.registry.get(conv.agentId);
-      if (!agent) return res.status(400).json({ error: 'Agent no longer exists' });
       daemon.conversations.autoTitle(req.params.id, message.trim());
       daemon.conversations.touchUpdatedAt(req.params.id);
+      // API mode — lightweight headless streaming, no agent spawned
+      if (conv.mode === 'api' || !conv.agentId) {
+        await daemon.conversations.sendMessage(req.params.id, message.trim(), history || []);
+        daemon.audit.log('conversation.message', { id: req.params.id, mode: 'api' });
+        return res.json({ status: 'streaming', mode: 'api' });
+      }
+      // Agent mode — existing behavior
+      const agent = daemon.registry.get(conv.agentId);
+      if (!agent) return res.status(400).json({ error: 'Agent no longer exists' });
       // Record user feedback for journalist context
       if (daemon.journalist) daemon.journalist.recordUserFeedback(agent, message.trim());
@@ -951,6 +968,17 @@ export function createApi(app, daemon) {
     }
   });
+  app.post('/api/conversations/:id/stop', (req, res) => {
+    try {
+      const conv = daemon.conversations.get(req.params.id);
+      if (!conv) return res.status(404).json({ error: 'Conversation not found' });
+      daemon.conversations.stopStreaming(req.params.id);
+      res.json({ ok: true });
+    } catch (err) {
+      res.status(400).json({ error: err.message });
+    }
+  });
   // --- Approvals ---
   app.get('/api/approvals', (req, res) => {