groove-dev 0.27.140 → 0.27.141

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

@@ -213,6 +213,7 @@ export const useGrooveStore = create((set, get) => ({
 
   // ── Editor (Cursor-style) ────────────────────────────────
   editorSelectedAgent: null,
+  editorPendingSnippet: null,
   editorViewMode: 'code',
   editorAiPanelOpen: false,
   editorAiPanelWidth: Number(localStorage.getItem('groove:editorAiPanelWidth')) || 360,
@@ -665,6 +666,7 @@ export const useGrooveStore = create((set, get) => ({
         case 'lab:runtime:added':
         case 'lab:runtime:updated':
         case 'lab:runtime:removed':
+        case 'llama:server:stopped':
           get().fetchLabRuntimes();
           break;
 
@@ -1320,7 +1322,7 @@ export const useGrooveStore = create((set, get) => ({
   },
 
   async _handleKeeperCommand(agentId, message, command) {
-    const rest = message.replace(/\[\w+[-\w]*\]/i, '').trim();
+    const rest = message.replace(/\[\w+[-\w]*\]|\b(?:save|append|update|delete|view|doc|link|read|instruct)\b/i, '').trim();
     const tags = (rest.match(/#[\w/.-]+/g) || []).map(t => t.replace(/^#/, ''));
 
     const addSystemMsg = (text) => {
@@ -1335,23 +1337,21 @@ export const useGrooveStore = create((set, get) => ({
         }
 
         case 'save': {
-          if (tags.length === 0) { addSystemMsg('Usage: [save] #tag your message here'); return true; }
+          if (tags.length === 0) { addSystemMsg('Usage: save #tag your message here'); return true; }
           const content = rest.replace(/#[\w/.-]+/g, '').trim();
-          if (!content) { addSystemMsg('Usage: [save] #tag your message here'); return true; }
-          get().addChatMessage(agentId, 'user', message, false);
+          if (!content) { addSystemMsg('Usage: save #tag your message here'); return true; }
           await get().saveKeeperItem(tags[0], content);
           addSystemMsg(`Saved to #${tags[0]}`);
-          return true;
+          return { passthrough: content };
         }
 
         case 'append': {
-          if (tags.length === 0) { addSystemMsg('Usage: [append] #tag content to add'); return true; }
+          if (tags.length === 0) { addSystemMsg('Usage: append #tag content to add'); return true; }
           const content = rest.replace(/#[\w/.-]+/g, '').trim();
-          if (!content) { addSystemMsg('Usage: [append] #tag content to add'); return true; }
-          get().addChatMessage(agentId, 'user', message, false);
+          if (!content) { addSystemMsg('Usage: append #tag content to add'); return true; }
           await get().appendKeeperItem(tags[0], content);
           addSystemMsg(`Appended to #${tags[0]}`);
-          return true;
+          return { passthrough: content };
         }
 
         case 'update': {
@@ -2031,7 +2031,6 @@ export const useGrooveStore = create((set, get) => ({
         ...(tlc?.reasoningEffort != null && { teamReasoningEffort: tlc.reasoningEffort }),
         ...(tlc?.temperature != null && { teamTemperature: tlc.temperature }),
         ...(tlc?.verbosity != null && { teamVerbosity: tlc.verbosity }),
-        ...(tlc?.mode && { mode: tlc.mode }),
       };
       const result = await api.post('/recommended-team/launch', body);
       const totalOk = (result.launched || 0) + (result.reused || 0);
@@ -2685,10 +2684,13 @@ export const useGrooveStore = create((set, get) => ({
 
   async instructAgent(id, message) {
     // ── Keeper command interception ─────────────────────────
-    const keeperCmd = message.match(/\[(save|append|update|delete|view|doc|link|read|instruct)\]/i);
+    const keeperCmd = message.match(/\[(save|append|update|delete|view|doc|link|read|instruct)\]|\b(save|append|update|delete|view|doc|link|read)\b(?=\s+#[\w/.-])/i);
     if (keeperCmd) {
-      const handled = await get()._handleKeeperCommand(id, message, keeperCmd[1].toLowerCase());
-      if (handled) return { status: 'keeper_handled' };
+      const handled = await get()._handleKeeperCommand(id, message, (keeperCmd[1] || keeperCmd[2]).toLowerCase());
+      if (handled === true) return { status: 'keeper_handled' };
+      if (handled?.passthrough) {
+        message = handled.passthrough;
+      }
     }
 
     get().addChatMessage(id, 'user', message, false);
@@ -3226,10 +3228,27 @@ export const useGrooveStore = create((set, get) => ({
     set({ editorQuickSearchOpen: open });
   },
 
+  attachSnippet(snippet) {
+    set({ editorPendingSnippet: snippet });
+    if (!get().editorAiPanelOpen) {
+      set({ editorAiPanelOpen: true });
+    }
+  },
+
+  clearSnippet() {
+    set({ editorPendingSnippet: null });
+  },
+
   async sendCodeToAgent(agentId, instruction, filePath, lineStart, lineEnd, selectedCode) {
     if (!agentId) return;
-    const message = `Instruction: ${instruction}\nFile: ${filePath}\nLines ${lineStart}-${lineEnd}:\n\`\`\`\n${selectedCode}\n\`\`\``;
-    await get().instructAgent(agentId, message);
+    get().attachSnippet({
+      type: 'code',
+      instruction,
+      filePath,
+      lineStart,
+      lineEnd,
+      code: selectedCode,
+    });
   },
 
   async fetchGitStatus() {
@@ -3844,11 +3863,17 @@ export const useGrooveStore = create((set, get) => ({
           const payload = line.slice(6);
           if (payload === '[DONE]') continue;
           try {
-            const chunk = JSON.parse(payload);
-            if (chunk.type === 'reasoning' && chunk.content) {
+            const parsed = JSON.parse(payload);
+
+            // Support both raw OpenAI format (piped) and legacy wrapper format
+            const delta = parsed.choices?.[0]?.delta;
+            const reasoningText = delta?.reasoning_content || (parsed.type === 'reasoning' ? parsed.content : null);
+            const contentText = delta?.content || (parsed.type === 'token' ? parsed.content : null);
+
+            if (reasoningText) {
               if (!firstTokenTime) firstTokenTime = performance.now();
               tokenCount++;
-              fullReasoning += chunk.content;
+              fullReasoning += reasoningText;
               set((s) => {
                 const sessions = s.labSessions.map((sess) => {
                   if (sess.id !== sessionId) return sess;
@@ -3859,10 +3884,10 @@ export const useGrooveStore = create((set, get) => ({
                 return { labSessions: sessions };
               });
             }
-            if (chunk.type === 'token' && chunk.content) {
+            if (contentText) {
               if (!firstTokenTime) firstTokenTime = performance.now();
               tokenCount++;
-              fullContent += chunk.content;
+              fullContent += contentText;
               set((s) => {
                 const sessions = s.labSessions.map((sess) => {
                   if (sess.id !== sessionId) return sess;
@@ -3873,11 +3898,13 @@ export const useGrooveStore = create((set, get) => ({
                 return { labSessions: sessions };
               });
             }
-            if (chunk.type === 'done' && chunk.metrics) {
+
+            // Handle done event (legacy wrapper) or finish_reason (raw OpenAI)
+            if (parsed.type === 'done' && parsed.metrics) {
               const elapsed = performance.now() - startTime;
               const ttft = firstTokenTime ? firstTokenTime - startTime : null;
               const tps = tokenCount > 0 && elapsed > 0 ? (tokenCount / (elapsed / 1000)) : null;
-              const msgMetrics = { ttft, tokensPerSec: tps, tokens: tokenCount, generationTime: elapsed, ...chunk.metrics };
+              const msgMetrics = { ttft, tokensPerSec: tps, tokens: tokenCount, generationTime: elapsed, ...parsed.metrics };
 
               set((s) => {
                 const tpsHist = [...s.labMetrics.tokensPerSecHistory, tps].slice(-10);
@@ -3891,15 +3918,15 @@ export const useGrooveStore = create((set, get) => ({
                   labSessions: sessions,
                   labMetrics: {
                     ttft, tokensPerSec: tps, tokensPerSecHistory: tpsHist,
-                    memory: chunk.metrics.memoryUsage || s.labMetrics.memory,
-                    totalTokens: s.labMetrics.totalTokens + (chunk.metrics.totalTokens || tokenCount),
-                    generationTime: chunk.metrics.generationTime || elapsed,
+                    memory: parsed.metrics.memoryUsage || s.labMetrics.memory,
+                    totalTokens: s.labMetrics.totalTokens + (parsed.metrics.totalTokens || tokenCount),
+                    generationTime: parsed.metrics.generationTime || elapsed,
                   },
                 };
               });
             }
-            if (chunk.type === 'error') {
-              throw new Error(chunk.error || 'Inference error');
+            if (parsed.type === 'error') {
+              throw new Error(parsed.error || 'Inference error');
             }
           } catch (e) {
             if (e.message && e.message !== 'Inference error' && !e.message.startsWith('HTTP ')) continue;
@@ -3908,14 +3935,24 @@ export const useGrooveStore = create((set, get) => ({
         }
       }
 
-      // Final metrics if no done event came
-      if (!get().labSessions.find((s) => s.id === sessionId)?.messages.slice(-1)[0]?.metrics) {
-        const elapsed = performance.now() - startTime;
-        const ttft = firstTokenTime ? firstTokenTime - startTime : null;
-        const tps = tokenCount > 0 && elapsed > 0 ? (tokenCount / (elapsed / 1000)) : null;
+      // Compute final metrics from client-side timing
+      const elapsed = performance.now() - startTime;
+      const ttft = firstTokenTime ? firstTokenTime - startTime : null;
+      const tps = tokenCount > 0 && elapsed > 0 ? (tokenCount / (elapsed / 1000)) : null;
+      if (tokenCount > 0) {
         set((s) => {
           const tpsHist = [...s.labMetrics.tokensPerSecHistory, tps].slice(-10);
+          const sessions = s.labSessions.map((sess) => {
+            if (sess.id !== sessionId) return sess;
+            const msgs = [...sess.messages];
+            const last = msgs[msgs.length - 1];
+            if (!last?.metrics) {
+              msgs[msgs.length - 1] = { ...last, metrics: { ttft, tokensPerSec: tps, tokens: tokenCount, generationTime: elapsed } };
+            }
+            return { ...sess, messages: msgs };
+          });
           return {
+            labSessions: sessions,
             labMetrics: { ...s.labMetrics, ttft, tokensPerSec: tps, tokensPerSecHistory: tpsHist, totalTokens: s.labMetrics.totalTokens + tokenCount, generationTime: elapsed },
           };
         });
@@ -4040,4 +4077,45 @@ export const useGrooveStore = create((set, get) => ({
       return false;
     }
   },
+
+  // ── Integration Agent Install ────────────────────────────
+
+  async installViaExistingAgent(integration, agentId) {
+    const message = buildIntegrationPrompt(integration);
+    await get().instructAgent(agentId, message);
+    get().setActiveView('agents');
+    get().selectAgent(agentId);
+  },
+
+  async spawnIntegrationTeam(integration) {
+    const team = await get().createTeam(integration.name);
+    const prompt = buildIntegrationPrompt(integration);
+    const agent = await get().spawnAgent({ role: 'planner', prompt, teamId: team.id });
+    get().setActiveView('agents');
+    get().selectAgent(agent.id);
+    return agent;
+  },
 }));
+
+function buildIntegrationPrompt(integration) {
+  const lines = [
+    `Set up the "${integration.name}" integration for this project.`,
+    '',
+  ];
+  if (integration.description) lines.push(`**Description:** ${integration.description}`);
+  if (integration.npmPackage) lines.push(`**npm package:** ${integration.npmPackage}`);
+  if (integration.authType) lines.push(`**Auth type:** ${integration.authType}`);
+  if (integration.envKeys?.length) {
+    lines.push('', '**Environment keys required:**');
+    for (const k of integration.envKeys) {
+      lines.push(`- \`${k.key}\` — ${k.label}${k.required ? ' (required)' : ''}`);
+    }
+  }
+  if (integration.setupSteps?.length) {
+    lines.push('', '**Setup steps:**');
+    integration.setupSteps.forEach((step, i) => lines.push(`${i + 1}. ${step}`));
+  }
+  if (integration.setupUrl) lines.push(``, `**Setup URL:** ${integration.setupUrl}`);
+  if (integration.agentInstructions) lines.push('', `**Agent instructions:** ${integration.agentInstructions}`);
+  return lines.join('\n');
+}

package/node_modules/@groove-dev/gui/src/views/agents.jsx

@@ -10,7 +10,7 @@ import { RootNode } from '../components/agents/root-node';
 import { cn } from '../lib/cn';
 import { Button } from '../components/ui/button';
 import { Badge } from '../components/ui/badge';
-import { Plus, Users, UserPlus, Zap, X, Check, Rocket, Server, Monitor, Code2, TestTube, Shield, Pencil, Copy, Trash2, ChevronDown, ChevronLeft, ChevronRight, FolderOpen, Eye, Settings2, Search, GripVertical, Cloud, FileText, Database, Megaphone, Calculator, UserCheck, Headphones, BarChart3, Pen, Presentation, Globe, MessageCircle, Save, Layers, Box, HardDrive, LayoutGrid } from 'lucide-react';
+import { Plus, Users, UserPlus, Zap, X, Check, Rocket, Server, Monitor, Code2, TestTube, Shield, Pencil, Copy, Trash2, ChevronDown, ChevronLeft, ChevronRight, FolderOpen, Eye, Settings2, Search, GripVertical, Cloud, FileText, Database, Megaphone, Calculator, UserCheck, Headphones, BarChart3, Pen, Presentation, Globe, MessageCircle, Save, Layers, LayoutGrid, Activity, Gauge, Cpu } from 'lucide-react';
 import { PreviewWorkspace } from '../components/preview/preview-workspace';
 import { WorkspaceMode } from '../components/agents/workspace-mode';
 import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator } from '../components/ui/context-menu';
@@ -1258,7 +1258,7 @@ function RecommendedTeamCard() {
   const [tsModel, setTsModel] = useState(teamLaunchConfig?.model || '');
   const [tsReasoning, setTsReasoning] = useState(teamLaunchConfig?.reasoningEffort ?? 50);
   const [tsTemp, setTsTemp] = useState(teamLaunchConfig?.temperature ?? 0.5);
-  const [tsMode, setTsMode] = useState(teamLaunchConfig?.mode || 'sandbox');
+  const [expandedAgent, setExpandedAgent] = useState(null);
 
   useEffect(() => {
     fetchProviders().then((list) => {
@@ -1283,6 +1283,15 @@ function RecommendedTeamCard() {
     setEditedAgents(next);
   }
 
+  function handleAgentField(i, updates) {
+    if (typeof updates === 'string') {
+      const [field, value] = [updates, arguments[2]];
+      setEditedAgents((prev) => (prev ?? agentEdits).map((a, idx) => idx === i ? { ...a, [field]: value } : a));
+    } else {
+      setEditedAgents((prev) => (prev ?? agentEdits).map((a, idx) => idx === i ? { ...a, ...updates } : a));
+    }
+  }
+
   function handleTsProviderChange(id) {
     setTsProvider(id);
     const p = providers.find((x) => x.id === id);
@@ -1298,7 +1307,6 @@ function RecommendedTeamCard() {
         ...(tsProvider && { provider: tsProvider, model: tsModel }),
         reasoningEffort: tsReasoning,
         ...(showTemp && { temperature: tsTemp }),
-        mode: tsMode,
       },
     });
     try {
@@ -1376,41 +1384,6 @@ function RecommendedTeamCard() {
                   formatValue={(v) => v.toFixed(2)}
                 />
               )}
-              {/* Build Mode */}
-              <div className="space-y-1">
-                <label className="text-2xs text-text-3 font-sans">Build Mode</label>
-                <div className="flex rounded-md bg-surface-4 border border-border-subtle p-0.5">
-                  <button
-                    onClick={() => setTsMode('sandbox')}
-                    className={cn(
-                      'flex-1 flex items-center justify-center gap-1.5 rounded px-2 py-1.5 text-xs font-sans transition-all cursor-pointer',
-                      tsMode === 'sandbox'
-                        ? 'bg-surface-2 text-text-0 font-semibold shadow-sm'
-                        : 'text-text-3 hover:text-text-1',
-                    )}
-                  >
-                    <Box size={11} />
-                    Sandbox
-                  </button>
-                  <button
-                    onClick={() => setTsMode('production')}
-                    className={cn(
-                      'flex-1 flex items-center justify-center gap-1.5 rounded px-2 py-1.5 text-xs font-sans transition-all cursor-pointer',
-                      tsMode === 'production'
-                        ? 'bg-surface-2 text-text-0 font-semibold shadow-sm'
-                        : 'text-text-3 hover:text-text-1',
-                    )}
-                  >
-                    <HardDrive size={11} />
-                    Production
-                  </button>
-                </div>
-                <p className="text-2xs text-text-4 font-sans">
-                  {tsMode === 'sandbox'
-                    ? 'Files live in a team directory, removable with the team'
-                    : 'Files live in the project directory, persist forever'}
-                </p>
-              </div>
             </div>
           )}
         </div>
@@ -1419,31 +1392,116 @@ function RecommendedTeamCard() {
           {agentEdits.map((a, i) => {
             const Icon = ROLE_ICONS[a.role] || Code2;
             const nameValid = !a.name || NAME_RE.test(a.name);
+            const isExpanded = expandedAgent === i;
+            const agentProvider = providers.find((p) => p.id === (a.provider || tsProvider));
+            const agentModels = (agentProvider?.models || []).filter((m) => m.type !== 'image' && !m.disabled);
             return (
-              <div key={i} className="flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-surface-4 border border-border-subtle">
-                <Icon size={12} className="text-text-2 shrink-0" />
-                <input
-                  type="text"
-                  value={a.name}
-                  onChange={(e) => handleNameChange(i, e.target.value)}
-                  placeholder={a.role}
-                  className={cn(
-                    'flex-1 min-w-0 bg-transparent text-xs font-mono text-text-0 outline-none placeholder:text-text-4',
-                    !nameValid && 'text-red-400',
+              <div key={i} className="rounded-md bg-surface-4 border border-border-subtle overflow-hidden">
+                <div
+                  className="flex items-center gap-2 px-2.5 py-1.5 cursor-pointer hover:bg-surface-5/50 transition-colors"
+                  onClick={() => setExpandedAgent(isExpanded ? null : i)}
+                >
+                  <Icon size={12} className="text-text-2 shrink-0" />
+                  <input
+                    type="text"
+                    value={a.name}
+                    onChange={(e) => handleNameChange(i, e.target.value)}
+                    onClick={(e) => e.stopPropagation()}
+                    placeholder={a.role}
+                    className={cn(
+                      'flex-1 min-w-0 bg-transparent text-xs font-mono text-text-0 outline-none placeholder:text-text-4',
+                      !nameValid && 'text-red-400',
+                    )}
+                    maxLength={64}
+                    spellCheck={false}
+                  />
+                  {a.provider && a.provider !== tsProvider && (
+                    <span className="text-2xs text-accent font-mono shrink-0">{a.provider}</span>
                   )}
-                  maxLength={64}
-                  spellCheck={false}
-                />
-                {a.scope?.length > 0 && (
-                  <span className="text-2xs text-text-4 font-mono shrink-0 truncate max-w-[120px]">
-                    {a.scope[0]}{a.scope.length > 1 ? ` +${a.scope.length - 1}` : ''}
-                  </span>
+                  {a.scope?.length > 0 && (
+                    <span className="text-2xs text-text-4 font-mono shrink-0 truncate max-w-[120px]">
+                      {a.scope[0]}{a.scope.length > 1 ? ` +${a.scope.length - 1}` : ''}
+                    </span>
+                  )}
+                  <ChevronDown size={10} className={cn('text-text-4 shrink-0 transition-transform duration-200', !isExpanded && '-rotate-90')} />
+                </div>
+                {isExpanded && (
+                  <div className="px-2.5 pb-2.5 pt-1 space-y-2.5 border-t border-border-subtle">
+                    <div className="flex gap-2">
+                      <div className="flex-1 space-y-1">
+                        <label className="flex items-center gap-1 text-2xs text-text-3 font-sans"><Cpu size={10} />Provider</label>
+                        <Select value={a.provider || ''} onValueChange={(id) => {
+                          const p = providers.find((x) => x.id === id);
+                          const pModels = (p?.models || []).filter((m) => m.type !== 'image' && !m.disabled);
+                          handleAgentField(i, { provider: id, model: pModels[0]?.id || '' });
+                        }}>
+                          <SelectTrigger placeholder="Team default" className="bg-surface-3 h-7 text-xs" />
+                          <SelectContent>
+                            <SelectItem value="">Team default</SelectItem>
+                            {providers.map((p) => (
+                              <SelectItem key={p.id} value={p.id}>{p.displayName || p.name || p.id}</SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </div>
+                      <div className="flex-1 space-y-1">
+                        <label className="text-2xs text-text-3 font-sans">Model</label>
+                        <Select value={a.model || ''} onValueChange={(v) => handleAgentField(i, 'model', v)}>
+                          <SelectTrigger placeholder="Auto" className="bg-surface-3 h-7 text-xs" />
+                          <SelectContent>
+                            <SelectItem value="">Auto</SelectItem>
+                            {agentModels.map((m) => (
+                              <SelectItem key={m.id} value={m.id}>{m.name || m.id}</SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </div>
+                    </div>
+                    <div className="space-y-1">
+                      <label className="flex items-center gap-1 text-2xs text-text-3 font-sans"><Activity size={10} />Model Routing</label>
+                      <div className="flex bg-surface-3 rounded-md p-0.5 border border-border-subtle">
+                        {[{ value: 'fixed', label: 'Fixed' }, { value: 'auto', label: 'Auto' }, { value: 'auto-floor', label: 'Auto + Floor' }].map((opt) => (
+                          <button
+                            key={opt.value}
+                            onClick={() => handleAgentField(i, 'routingMode', opt.value)}
+                            className={cn(
+                              'flex-1 px-2 py-1 text-2xs font-semibold font-sans rounded transition-all cursor-pointer',
+                              (a.routingMode || 'auto') === opt.value
+                                ? 'bg-accent/15 text-accent shadow-sm'
+                                : 'text-text-3 hover:text-text-1',
+                            )}
+                          >
+                            {opt.label}
+                          </button>
+                        ))}
+                      </div>
+                    </div>
+                    <div className="space-y-1">
+                      <label className="flex items-center gap-1 text-2xs text-text-3 font-sans"><Gauge size={10} />Effort Level</label>
+                      <div className="flex bg-surface-3 rounded-md p-0.5 border border-border-subtle">
+                        {[{ value: 'min', label: 'Min' }, { value: 'low', label: 'Low' }, { value: 'default', label: 'Default' }, { value: 'high', label: 'High' }, { value: 'max', label: 'Max' }].map((opt) => (
+                          <button
+                            key={opt.value}
+                            onClick={() => handleAgentField(i, 'effort', opt.value)}
+                            className={cn(
+                              'flex-1 px-1.5 py-1 text-2xs font-semibold font-sans rounded transition-all cursor-pointer',
+                              (a.effort || 'default') === opt.value
+                                ? 'bg-accent/15 text-accent shadow-sm'
+                                : 'text-text-3 hover:text-text-1',
+                            )}
+                          >
+                            {opt.label}
+                          </button>
+                        ))}
+                      </div>
+                    </div>
+                  </div>
                 )}
               </div>
             );
           })}
 
-          {recommendedTeam.projectDir && tsMode === 'sandbox' && (
+          {recommendedTeam.projectDir && (
             <div className="flex items-center gap-1.5 text-2xs text-text-2 font-mono pt-0.5">
               <span className="text-text-4">Project:</span>
               <span className="text-accent">{recommendedTeam.projectDir}/</span>

package/node_modules/@groove-dev/gui/src/views/memory.jsx

@@ -7,15 +7,15 @@ import { Dialog, DialogContent } from '../components/ui/dialog';
 import { BookOpen, Plus, Search, Trash2, Pencil, ChevronRight, Hash, FolderOpen, Clock, Save, Link2, FileText, Sparkles, HelpCircle } from 'lucide-react';
 
 const COMMANDS = [
-  { cmd: '[save]',     args: '#tag',                desc: 'Save the current message as a tagged memory' },
-  { cmd: '[append]',   args: '#tag',                desc: 'Add to an existing memory without overwriting' },
-  { cmd: '[update]',   args: '#tag',                desc: 'Open the editor to modify a memory in place' },
-  { cmd: '[delete]',   args: '#tag',                desc: 'Remove a memory permanently' },
-  { cmd: '[view]',     args: '#tag',                desc: 'Read a memory in the viewer' },
-  { cmd: '[read]',     args: '#tag1 #tag2 ...',     desc: 'Send memory content to the agent — agent reads it, chat stays clean' },
-  { cmd: '[doc]',      args: '#tag',                desc: 'AI synthesizes the full conversation into a document' },
-  { cmd: '[link]',     args: '#tag path/to/doc',    desc: 'Link a memory to a NORTHSTAR or external document' },
-  { cmd: '[instruct]', args: '',                    desc: 'Show this command reference' },
+  { cmd: 'save',     args: '#tag',                desc: 'Save the message and send it to the agent' },
+  { cmd: 'append',   args: '#tag',                desc: 'Add to an existing memory and send to agent' },
+  { cmd: 'update',   args: '#tag',                desc: 'Open the editor to modify a memory in place' },
+  { cmd: 'delete',   args: '#tag',                desc: 'Remove a memory permanently' },
+  { cmd: 'view',     args: '#tag',                desc: 'Read a memory in the viewer' },
+  { cmd: 'read',     args: '#tag1 #tag2 ...',     desc: 'Send memory content to the agent — chat stays clean' },
+  { cmd: 'doc',      args: '#tag',                desc: 'AI synthesizes the full conversation into a document' },
+  { cmd: 'link',     args: '#tag path/to/doc',    desc: 'Link a memory to a NORTHSTAR or external document' },
+  { cmd: '[instruct]', args: '',                  desc: 'Show this command reference' },
 ];
 
 function formatRelative(iso) {

package/node_modules/@groove-dev/gui/src/views/model-lab.jsx

@@ -171,17 +171,12 @@ export default function ModelLabView() {
               <PanelToggle collapsed={false} onClick={() => setLeftCollapsed(true)} side="left" />
             </div>
             <ScrollArea className="flex-1 min-h-0">
-              <div className="px-4 pb-4 space-y-5">
+              <div className="px-4 pb-4 space-y-5 divide-y divide-border-subtle [&>*]:pt-5 [&>*:first-child]:pt-0">
                 <LaunchModel />
-                <div className="h-px bg-border-subtle" />
                 <RuntimeConfig />
-                <div className="h-px bg-border-subtle" />
                 <ModelSelector />
-                <div className="h-px bg-border-subtle" />
                 <ParameterPanel />
-                <div className="h-px bg-border-subtle" />
                 <PresetManager />
-                <div className="h-px bg-border-subtle" />
                 <SystemPromptEditor />
               </div>
             </ScrollArea>