groove-dev 0.27.138 → 0.27.139

package/node_modules/@groove-dev/gui/src/components/editor/file-tree.jsx

@@ -6,7 +6,7 @@ import { api } from '../../lib/api';
 import {
   ChevronRight, ChevronDown, File, Folder, FolderOpen,
   Plus, FolderPlus, Search, RefreshCw, Trash2, Pencil, FilePlus,
-  ChevronsDownUp, PanelLeftClose,
+  ChevronsDownUp, PanelLeftClose, GitBranch, Activity,
 } from 'lucide-react';
 import { ScrollArea } from '../ui/scroll-area';
 
@@ -101,13 +101,20 @@ function InlineInput({ defaultValue = '', placeholder, onSubmit, onCancel, depth
 
 // ── Tree Node ────────────────────────────────────────────────
 
-function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expanded, onContextMenu, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir }) {
+function GitDot({ status }) {
+  if (!status) return null;
+  const color = status === 'A' || status === '?' ? 'bg-success' : status === 'D' ? 'bg-danger' : 'bg-warning';
+  return <span className={cn('w-1.5 h-1.5 rounded-full flex-shrink-0', color)} />;
+}
+
+function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expanded, onContextMenu, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir, gitStatusMap }) {
   const isDir = entry.type === 'dir';
   const isActive = activePath === entry.path;
   const isOpen = expanded.has(entry.path);
   const indent = depth * 16 + 8;
   const isDragging = dragState?.draggingPath === entry.path;
   const isDragOver = isDir && dragState?.dragOverPath === entry.path;
+  const fileGitStatus = !isDir ? gitStatusMap?.[entry.path] : null;
 
   function handleContextMenu(e) {
     e.preventDefault();
@@ -150,12 +157,13 @@ function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expa
           <File size={14} className={cn('flex-shrink-0', getFileColor(entry.name))} />
         </>
       )}
-      <span className="truncate">{entry.name}</span>
+      <span className="truncate flex-1">{entry.name}</span>
+      {fileGitStatus && <GitDot status={fileGitStatus} />}
     </button>
   );
 }
 
-function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggle, treeCache, fetchTreeDir, onContextMenu, inlineInput, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir }) {
+function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggle, treeCache, fetchTreeDir, onContextMenu, inlineInput, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir, gitStatusMap }) {
   const entries = treeCache[dirPath] || [];
 
   useEffect(() => {
@@ -201,6 +209,7 @@ function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggl
               onDragEndEntry={onDragEndEntry}
               onSetDragOver={onSetDragOver}
               onDropOnDir={onDropOnDir}
+              gitStatusMap={gitStatusMap}
             />
           )}
           {entry.type === 'dir' && (
@@ -220,6 +229,7 @@ function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggl
               onDragEndEntry={onDragEndEntry}
               onSetDragOver={onSetDragOver}
               onDropOnDir={onDropOnDir}
+              gitStatusMap={gitStatusMap}
             />
           )}
         </div>
@@ -230,23 +240,64 @@ function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggl
 
 // ── Main FileTree ────────────────────────────────────────────
 
+// ── Collapsible Section ──────────────────────────────────────
+function CollapsibleSection({ title, icon: Icon, count, defaultOpen = true, children }) {
+  const [open, setOpen] = useState(defaultOpen);
+  return (
+    <div className="border-b border-border-subtle">
+      <button
+        onClick={() => setOpen(!open)}
+        className="w-full flex items-center gap-1.5 px-2 py-1.5 text-2xs font-sans font-medium text-text-2 uppercase tracking-wide hover:bg-surface-4 transition-colors cursor-pointer"
+      >
+        {open ? <ChevronDown size={10} /> : <ChevronRight size={10} />}
+        <Icon size={11} className="text-text-3" />
+        <span className="flex-1 text-left">{title}</span>
+        {count > 0 && <span className="text-text-4">{count}</span>}
+      </button>
+      {open && children}
+    </div>
+  );
+}
+
 export function FileTree({ rootDir, onCollapse }) {
   const treeCache = useGrooveStore((s) => s.editorTreeCache);
   const activeFile = useGrooveStore((s) => s.editorActiveFile);
   const openFile = useGrooveStore((s) => s.openFile);
   const fetchTreeDir = useGrooveStore((s) => s.fetchTreeDir);
   const addToast = useGrooveStore((s) => s.addToast);
+  const agents = useGrooveStore((s) => s.agents);
+  const editorSelectedAgent = useGrooveStore((s) => s.editorSelectedAgent);
 
   const [expanded, setExpanded] = useState(new Set(['']));
   const [filter, setFilter] = useState('');
   const [contextMenu, setContextMenu] = useState(null);
   const [inlineInput, setInlineInput] = useState(null);
   const [dragState, setDragState] = useState({ draggingPath: null, dragOverPath: null });
+  const [gitChanges, setGitChanges] = useState([]);
+  const [agentFiles, setAgentFiles] = useState([]);
 
   useEffect(() => {
     fetchTreeDir('');
   }, [fetchTreeDir, rootDir]);
 
+  useEffect(() => {
+    api.get('/files/git-status').then((data) => {
+      setGitChanges(data.entries || []);
+    }).catch(() => setGitChanges([]));
+  }, [rootDir]);
+
+  useEffect(() => {
+    if (!editorSelectedAgent) { setAgentFiles([]); return; }
+    api.get(`/agents/${editorSelectedAgent}/files-touched`).then((data) => {
+      setAgentFiles((data.files || []).filter((f) => f.exists !== false));
+    }).catch(() => setAgentFiles([]));
+  }, [editorSelectedAgent]);
+
+  const gitStatusMap = {};
+  for (const entry of gitChanges) {
+    gitStatusMap[entry.path] = entry.status;
+  }
+
   function onDirToggle(path) {
     setExpanded((prev) => {
       const next = new Set(prev);
@@ -468,6 +519,60 @@ export function FileTree({ rootDir, onCollapse }) {
 
       {/* Tree */}
       <ScrollArea className="flex-1">
+        {/* Git Changes section */}
+        {gitChanges.length > 0 && (
+          <CollapsibleSection title="Git Changes" icon={GitBranch} count={gitChanges.length} defaultOpen={true}>
+            <div className="py-0.5">
+              {gitChanges.map((entry) => {
+                const name = entry.path.split('/').pop();
+                const statusColor = entry.status === 'A' || entry.status === '?' ? 'text-success' : entry.status === 'D' ? 'text-danger' : 'text-warning';
+                return (
+                  <button
+                    key={entry.path}
+                    onClick={() => openFile(entry.path)}
+                    className={cn(
+                      'w-full flex items-center gap-1.5 px-3 py-[3px] text-xs font-sans cursor-pointer',
+                      'hover:bg-surface-5 transition-colors text-left',
+                      activeFile === entry.path ? 'bg-accent/10 text-text-0' : 'text-text-1',
+                    )}
+                  >
+                    <File size={12} className={cn('flex-shrink-0', getFileColor(name))} />
+                    <span className="truncate flex-1">{name}</span>
+                    <span className={cn('text-2xs font-mono flex-shrink-0', statusColor)}>{entry.status}</span>
+                  </button>
+                );
+              })}
+            </div>
+          </CollapsibleSection>
+        )}
+
+        {/* Agent Activity section */}
+        {agentFiles.length > 0 && (
+          <CollapsibleSection title="Agent Activity" icon={Activity} count={agentFiles.length} defaultOpen={true}>
+            <div className="py-0.5">
+              {agentFiles.slice(0, 20).map((f) => {
+                const name = f.path.split('/').pop();
+                return (
+                  <button
+                    key={f.path}
+                    onClick={() => openFile(f.path)}
+                    className={cn(
+                      'w-full flex items-center gap-1.5 px-3 py-[3px] text-xs font-sans cursor-pointer',
+                      'hover:bg-surface-5 transition-colors text-left',
+                      activeFile === f.path ? 'bg-accent/10 text-text-0' : 'text-text-1',
+                    )}
+                  >
+                    <File size={12} className={cn('flex-shrink-0', getFileColor(name))} />
+                    <span className="truncate flex-1">{name}</span>
+                    <span className="text-2xs text-text-4">{f.writes || 0}w</span>
+                  </button>
+                );
+              })}
+            </div>
+          </CollapsibleSection>
+        )}
+
+        {/* File Explorer */}
         <div
           className="py-1"
           onDragOver={(e) => { if (!dragState.draggingPath) return; e.preventDefault(); setDragOverDir(null); }}
@@ -507,6 +612,7 @@ export function FileTree({ rootDir, onCollapse }) {
                     onDragEndEntry={handleDragEndEntry}
                     onSetDragOver={setDragOverDir}
                     onDropOnDir={handleDropOnDir}
+                    gitStatusMap={gitStatusMap}
                   />
                 )}
                 {entry.type === 'dir' && (
@@ -526,6 +632,7 @@ export function FileTree({ rootDir, onCollapse }) {
                     onDragEndEntry={handleDragEndEntry}
                     onSetDragOver={setDragOverDir}
                     onDropOnDir={handleDropOnDir}
+                    gitStatusMap={gitStatusMap}
                   />
                 )}
               </div>

package/node_modules/@groove-dev/gui/src/components/editor/inline-prompt.jsx

@@ -0,0 +1,67 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { useState, useRef, useEffect } from 'react';
+import { useGrooveStore } from '../../stores/groove';
+import { cn } from '../../lib/cn';
+import { Sparkles, Send, X } from 'lucide-react';
+
+export function InlinePrompt({ line, coords, onClose, filePath }) {
+  const [input, setInput] = useState('');
+  const [sending, setSending] = useState(false);
+  const inputRef = useRef(null);
+  const agentId = useGrooveStore((s) => s.editorSelectedAgent);
+  const instructAgent = useGrooveStore((s) => s.instructAgent);
+
+  useEffect(() => {
+    setTimeout(() => inputRef.current?.focus(), 50);
+  }, []);
+
+  async function handleSend() {
+    const text = input.trim();
+    if (!text || sending || !agentId) return;
+    setSending(true);
+    const fileName = filePath?.split('/').pop() || 'file';
+    const prompt = `[Inline prompt at ${fileName}:${line}] ${text}`;
+    try {
+      await instructAgent(agentId, prompt);
+    } catch { /* toast handles */ }
+    setSending(false);
+    onClose();
+  }
+
+  function handleKeyDown(e) {
+    if (e.key === 'Escape') { e.preventDefault(); onClose(); }
+    if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSend(); }
+  }
+
+  const top = coords?.top ? Math.min(coords.top + 24, window.innerHeight - 60) : 200;
+
+  return (
+    <div
+      className="absolute left-8 right-8 z-30 flex items-center gap-2 px-3 py-2 bg-surface-2 border border-accent/30 rounded-lg shadow-lg"
+      style={{ top }}
+    >
+      <Sparkles size={14} className="text-accent flex-shrink-0" />
+      <input
+        ref={inputRef}
+        value={input}
+        onChange={(e) => setInput(e.target.value)}
+        onKeyDown={handleKeyDown}
+        placeholder={agentId ? 'Ask AI to edit at this line...' : 'Select an agent first'}
+        disabled={!agentId}
+        className="flex-1 bg-transparent text-xs text-text-0 font-sans placeholder:text-text-4 focus:outline-none disabled:opacity-50"
+      />
+      {input.trim() && (
+        <button
+          onClick={handleSend}
+          disabled={sending || !agentId}
+          className="p-1 text-accent hover:text-accent/80 cursor-pointer disabled:opacity-50"
+        >
+          <Send size={12} />
+        </button>
+      )}
+      <button onClick={onClose} className="p-1 text-text-4 hover:text-text-1 cursor-pointer">
+        <X size={12} />
+      </button>
+    </div>
+  );
+}

package/node_modules/@groove-dev/gui/src/components/editor/quick-search.jsx

@@ -0,0 +1,170 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { useGrooveStore } from '../../stores/groove';
+import { cn } from '../../lib/cn';
+import { File, Folder, Search, X } from 'lucide-react';
+import { api } from '../../lib/api';
+
+const FILE_COLORS = {
+  js: 'text-text-2', jsx: 'text-text-2', ts: 'text-text-2', tsx: 'text-text-2',
+  css: 'text-text-3', html: 'text-text-3', json: 'text-text-3',
+  md: 'text-text-3', py: 'text-text-2', rs: 'text-text-3',
+};
+
+function getFileColor(name) {
+  const ext = name.split('.').pop()?.toLowerCase();
+  return FILE_COLORS[ext] || 'text-text-3';
+}
+
+export function QuickSearch() {
+  const open = useGrooveStore((s) => s.editorQuickSearchOpen);
+  const setOpen = useGrooveStore((s) => s.setEditorQuickSearchOpen);
+  const openFile = useGrooveStore((s) => s.openFile);
+  const setActiveView = (v) => useGrooveStore.setState({ activeView: v });
+
+  const [query, setQuery] = useState('');
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const inputRef = useRef(null);
+  const debounceRef = useRef(null);
+
+  useEffect(() => {
+    if (open) {
+      setQuery('');
+      setResults([]);
+      setSelectedIndex(0);
+      setTimeout(() => inputRef.current?.focus(), 50);
+    }
+  }, [open]);
+
+  useEffect(() => {
+    function handleKey(e) {
+      if ((e.metaKey || e.ctrlKey) && e.key === 'p') {
+        e.preventDefault();
+        setOpen(!open);
+      }
+    }
+    document.addEventListener('keydown', handleKey);
+    return () => document.removeEventListener('keydown', handleKey);
+  }, [open, setOpen]);
+
+  const search = useCallback(async (q) => {
+    if (!q.trim()) { setResults([]); return; }
+    setLoading(true);
+    try {
+      const data = await api.get(`/files/search?q=${encodeURIComponent(q)}`);
+      setResults(data.results || data.files || []);
+      setSelectedIndex(0);
+    } catch {
+      setResults([]);
+    }
+    setLoading(false);
+  }, []);
+
+  function handleChange(e) {
+    const val = e.target.value;
+    setQuery(val);
+    clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => search(val), 200);
+  }
+
+  function handleSelect(path) {
+    setOpen(false);
+    const state = useGrooveStore.getState();
+    if (state.activeView !== 'editor') setActiveView('editor');
+    openFile(path);
+  }
+
+  function handleKeyDown(e) {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      setOpen(false);
+    }
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      setSelectedIndex((i) => Math.min(i + 1, results.length - 1));
+    }
+    if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      setSelectedIndex((i) => Math.max(i - 1, 0));
+    }
+    if (e.key === 'Enter' && results.length > 0) {
+      e.preventDefault();
+      const item = results[selectedIndex];
+      if (item) handleSelect(item.path || item);
+    }
+  }
+
+  if (!open) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-start justify-center pt-[15vh]" onClick={() => setOpen(false)}>
+      <div
+        className="w-[520px] bg-surface-2 border border-border rounded-xl shadow-2xl overflow-hidden"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Search input */}
+        <div className="flex items-center gap-2 px-4 py-3 border-b border-border-subtle">
+          <Search size={14} className="text-text-4 flex-shrink-0" />
+          <input
+            ref={inputRef}
+            value={query}
+            onChange={handleChange}
+            onKeyDown={handleKeyDown}
+            placeholder="Search files by name..."
+            className="flex-1 bg-transparent text-sm text-text-0 font-sans placeholder:text-text-4 focus:outline-none"
+          />
+          {query && (
+            <button onClick={() => { setQuery(''); setResults([]); }} className="text-text-4 hover:text-text-1 cursor-pointer">
+              <X size={12} />
+            </button>
+          )}
+        </div>
+
+        {/* Results */}
+        <div className="max-h-[320px] overflow-y-auto">
+          {loading && (
+            <div className="px-4 py-6 text-center text-xs text-text-4 font-sans">Searching...</div>
+          )}
+          {!loading && query && results.length === 0 && (
+            <div className="px-4 py-6 text-center text-xs text-text-4 font-sans">No files found</div>
+          )}
+          {!loading && results.map((item, i) => {
+            const path = item.path || item;
+            const name = path.split('/').pop();
+            const dir = path.split('/').slice(0, -1).join('/');
+            const isDir = item.type === 'dir';
+
+            return (
+              <button
+                key={path}
+                onClick={() => handleSelect(path)}
+                className={cn(
+                  'w-full flex items-center gap-2.5 px-4 py-2 text-left cursor-pointer transition-colors',
+                  i === selectedIndex ? 'bg-accent/10' : 'hover:bg-surface-4',
+                )}
+              >
+                {isDir
+                  ? <Folder size={14} className="text-accent flex-shrink-0" />
+                  : <File size={14} className={cn('flex-shrink-0', getFileColor(name))} />
+                }
+                <div className="flex-1 min-w-0">
+                  <span className="text-xs font-sans text-text-0">{name}</span>
+                  {dir && <span className="text-2xs text-text-4 font-sans ml-2 truncate">{dir}</span>}
+                </div>
+              </button>
+            );
+          })}
+        </div>
+
+        {/* Footer */}
+        <div className="flex items-center gap-3 px-4 py-2 border-t border-border-subtle text-2xs text-text-4 font-sans">
+          <span><kbd className="px-1 py-0.5 rounded bg-surface-4 text-text-3 font-mono">↑↓</kbd> navigate</span>
+          <span><kbd className="px-1 py-0.5 rounded bg-surface-4 text-text-3 font-mono">↵</kbd> open</span>
+          <span><kbd className="px-1 py-0.5 rounded bg-surface-4 text-text-3 font-mono">esc</kbd> close</span>
+        </div>
+      </div>
+    </div>
+  );
+}

package/node_modules/@groove-dev/gui/src/components/editor/selection-menu.jsx

@@ -0,0 +1,88 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { useEffect, useRef } from 'react';
+import { useGrooveStore } from '../../stores/groove';
+import { cn } from '../../lib/cn';
+import { Bot, BookOpen, Wrench, Bug, TestTube2 } from 'lucide-react';
+
+const ACTIONS = [
+  { id: 'ask',      label: 'Ask Agent',       icon: Bot,        instruction: 'Analyze this code and answer questions about it' },
+  { id: 'explain',  label: 'Explain Code',     icon: BookOpen,   instruction: 'Explain what this code does in detail' },
+  { id: 'refactor', label: 'Refactor',         icon: Wrench,     instruction: 'Refactor this code for better readability and maintainability' },
+  { id: 'fix',      label: 'Fix Bug',          icon: Bug,        instruction: 'Find and fix any bugs in this code' },
+  { id: 'test',     label: 'Generate Tests',   icon: TestTube2,  instruction: 'Generate comprehensive tests for this code' },
+];
+
+export function SelectionMenu({ x, y, filePath, lineStart, lineEnd, selectedCode, onClose }) {
+  const ref = useRef(null);
+  const agentId = useGrooveStore((s) => s.editorSelectedAgent);
+  const sendCodeToAgent = useGrooveStore((s) => s.sendCodeToAgent);
+  const toggleAiPanel = useGrooveStore((s) => s.toggleAiPanel);
+  const aiPanelOpen = useGrooveStore((s) => s.editorAiPanelOpen);
+
+  useEffect(() => {
+    function handleClick(e) {
+      if (ref.current && !ref.current.contains(e.target)) onClose();
+    }
+    function handleKey(e) {
+      if (e.key === 'Escape') onClose();
+    }
+    document.addEventListener('mousedown', handleClick);
+    document.addEventListener('keydown', handleKey);
+    return () => {
+      document.removeEventListener('mousedown', handleClick);
+      document.removeEventListener('keydown', handleKey);
+    };
+  }, [onClose]);
+
+  // Viewport boundary correction
+  useEffect(() => {
+    if (!ref.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const el = ref.current;
+    if (rect.right > window.innerWidth - 8) {
+      el.style.left = `${window.innerWidth - rect.width - 8}px`;
+    }
+    if (rect.bottom > window.innerHeight - 8) {
+      el.style.top = `${window.innerHeight - rect.height - 8}px`;
+    }
+  });
+
+  function handleAction(action) {
+    if (!agentId) return;
+    sendCodeToAgent(agentId, action.instruction, filePath, lineStart, lineEnd, selectedCode);
+    if (!aiPanelOpen) toggleAiPanel();
+    onClose();
+  }
+
+  if (!agentId) {
+    return (
+      <div
+        ref={ref}
+        className="fixed z-50 py-2 px-3 bg-surface-2 border border-border rounded-lg shadow-xl"
+        style={{ left: x, top: y }}
+      >
+        <p className="text-2xs text-text-4 font-sans">Select an agent in the toolbar to use AI features</p>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      ref={ref}
+      className="fixed z-50 min-w-[180px] py-1 bg-surface-2 border border-border rounded-lg shadow-xl"
+      style={{ left: x, top: y }}
+    >
+      <div className="px-3 py-1 text-2xs text-text-4 font-sans font-medium">AI Actions</div>
+      {ACTIONS.map((action) => (
+        <button
+          key={action.id}
+          onClick={() => handleAction(action)}
+          className="w-full flex items-center gap-2.5 px-3 py-1.5 text-xs font-sans text-text-1 hover:bg-surface-5 cursor-pointer transition-colors text-left"
+        >
+          <action.icon size={12} className="text-accent flex-shrink-0" />
+          {action.label}
+        </button>
+      ))}
+    </div>
+  );
+}

package/node_modules/@groove-dev/gui/src/components/editor/terminal.jsx

@@ -216,6 +216,7 @@ export function TerminalManager() {
       onRenameTab={renameTab}
       onToggleFullHeight={() => setFullHeight(true)}
       onMinimize={() => setFullHeight(false)}
+      onClose={() => setTerminalVisible(false)}
     >
       {tabs.map((tab) => (
         <TerminalInstance key={tab.id} tabId={tab.id} visible={tab.id === activeTab} registerKill={registerKill} />

package/node_modules/@groove-dev/gui/src/components/layout/activity-bar.jsx

@@ -1,20 +1,16 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
-import { Network, Code2, ChartSpline, Puzzle, Gamepad2, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, Eye } from 'lucide-react';
+import { Network, Code2, ChartSpline, Puzzle, Users, Newspaper, Settings, Globe, Eye } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { Tooltip } from '../ui/tooltip';
 import { useGrooveStore } from '../../stores/groove';
 import { isElectron, getPlatform } from '../../lib/electron';
 
 const BASE_NAV_ITEMS = [
-  { id: 'agents',      icon: Network,   label: 'Agents' },
-  { id: 'chat',        icon: MessageCircle, label: 'Chat' },
-  { id: 'editor',      icon: Code2,     label: 'Editor' },
+  { id: 'agents',      icon: Network,     label: 'Agents' },
+  { id: 'editor',      icon: Code2,       label: 'Editor' },
   { id: 'dashboard',   icon: ChartSpline, label: 'Dashboard' },
-  { id: 'teams',       icon: Users,     label: 'Teams' },
-  { id: 'marketplace', icon: Puzzle,     label: 'Marketplace' },
-  { id: 'toys',        icon: Gamepad2,  label: 'Toys' },
-  { id: 'models',      icon: Box,       label: 'Models' },
-  { id: 'model-lab',   icon: FlaskConical, label: 'Model Lab' },
+  { id: 'teams',       icon: Users,       label: 'Teams' },
+  { id: 'marketplace', icon: Puzzle,      label: 'Marketplace' },
 ];
 
 const NETWORK_NAV_ITEM = { id: 'network', icon: Globe, label: 'Network' };

package/node_modules/@groove-dev/gui/src/components/layout/terminal-panel.jsx

@@ -16,6 +16,7 @@ export function TerminalPanel({
   onCloseTab,
   onToggleFullHeight,
   onMinimize,
+  onClose,
   onRenameTab,
 }) {
   const dragging = useRef(false);
@@ -134,6 +135,13 @@ export function TerminalPanel({
               <Maximize2 size={12} />
             </button>
           )}
+          <button
+            onClick={onClose}
+            className="p-1.5 rounded text-text-3 hover:text-text-0 hover:bg-surface-5 cursor-pointer transition-colors"
+            title="Close terminal"
+          >
+            <X size={12} />
+          </button>
         </div>
       </div>
 

package/node_modules/@groove-dev/gui/src/components/ui/toast.jsx

@@ -37,6 +37,10 @@ function ToastItem({ toast }) {
   const removeToast = useGrooveStore((s) => s.removeToast);
   const Icon = ICONS[toast.type] || Info;
   const duration = toast.persistent ? 0 : (toast.duration ?? DURATIONS[toast.type]);
+  const allActions = [
+    ...(toast.actions || []),
+    ...(toast.action?.url || toast.action?.onClick ? [toast.action] : []),
+  ];
 
   useEffect(() => {
     if (!duration) return;
@@ -52,7 +56,7 @@ function ToastItem({ toast }) {
       exit={{ opacity: 0, x: 80, scale: 0.95 }}
       transition={{ duration: 0.2 }}
       className={cn(
-        'w-80 border border-border bg-surface-1 shadow-xl',
+        'min-w-80 max-w-md border border-border bg-surface-1 shadow-xl',
         'border-l-2 flex items-center gap-3 px-4 py-3',
         BORDER_COLORS[toast.type],
       )}
@@ -64,22 +68,23 @@ function ToastItem({ toast }) {
           <p className="text-xs text-text-3 font-sans mt-0.5">{toast.detail}</p>
         )}
       </div>
-      {(toast.action?.url || toast.action?.onClick) && (
+      {allActions.length > 0 && allActions.map((act, i) => (
         <button
+          key={i}
           onClick={(e) => {
             e.stopPropagation();
-            if (toast.action.onClick) {
-              toast.action.onClick();
-            } else if (toast.action.url) {
-              try { window.open(toast.action.url, '_blank', 'noopener'); } catch {}
+            if (act.onClick) {
+              act.onClick();
+            } else if (act.url) {
+              try { window.open(act.url, '_blank', 'noopener'); } catch {}
             }
             removeToast(toast.id);
           }}
           className="text-xs font-medium text-accent hover:text-accent-hover bg-surface-5 hover:bg-surface-6 px-3 py-1.5 rounded transition-colors cursor-pointer flex-shrink-0 whitespace-nowrap"
         >
-          {toast.action.label || 'Open'}
+          {act.label || 'Open'}
         </button>
-      )}
+      ))}
       <button
         onClick={(e) => { e.stopPropagation(); removeToast(toast.id); }}
         className="p-1.5 text-text-4 hover:text-text-1 hover:bg-surface-5 rounded transition-colors cursor-pointer flex-shrink-0 z-10"