groove-dev 0.27.140 → 0.27.142

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

@@ -1,7 +1,7 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
 import { useRef, useEffect, useCallback } from 'react';
-import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter, Decoration, ViewPlugin, gutter, GutterMarker } from '@codemirror/view';
-import { EditorState, Compartment, StateField, StateEffect, RangeSet } from '@codemirror/state';
+import { EditorView, keymap, lineNumbers, highlightActiveLine, highlightActiveLineGutter } from '@codemirror/view';
+import { EditorState, Compartment } from '@codemirror/state';
 import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
 import { bracketMatching } from '@codemirror/language';
 import { searchKeymap, highlightSelectionMatches } from '@codemirror/search';
@@ -26,7 +26,6 @@ import {
   vscodeLight, xcodeLight,
 } from '@uiw/codemirror-themes-all';
 import { useGrooveStore } from '../../stores/groove';
-import { api } from '../../lib/api';
 
 const LANGS = {
   javascript: () => javascript({ jsx: true, typescript: false }),
@@ -79,52 +78,6 @@ export const EDITOR_THEMES = {
   basicLight:       { label: 'Basic Light',         ext: basicLight },
 };
 
-// ── Git gutter decorations ───────────────────────────────────
-const setGitLines = StateEffect.define();
-
-const gitLinesField = StateField.define({
-  create() { return { added: new Set(), modified: new Set(), deleted: new Set() }; },
-  update(value, tr) {
-    for (const e of tr.effects) {
-      if (e.is(setGitLines)) return e.value;
-    }
-    return value;
-  },
-});
-
-class GitGutterMarker extends GutterMarker {
-  constructor(type) { super(); this.type = type; }
-  toDOM() {
-    const el = document.createElement('div');
-    el.style.width = '3px';
-    el.style.height = '100%';
-    el.style.borderRadius = '1px';
-    if (this.type === 'added') el.style.background = 'var(--color-success)';
-    else if (this.type === 'modified') el.style.background = 'var(--color-warning)';
-    else el.style.background = 'var(--color-danger)';
-    return el;
-  }
-}
-
-const addedMarker = new GitGutterMarker('added');
-const modifiedMarker = new GitGutterMarker('modified');
-const deletedMarker = new GitGutterMarker('deleted');
-
-const gitGutter = gutter({
-  class: 'cm-git-gutter',
-  markers(view) {
-    const lines = view.state.field(gitLinesField);
-    const markers = [];
-    for (let i = 1; i <= view.state.doc.lines; i++) {
-      const lineStart = view.state.doc.line(i).from;
-      if (lines.added.has(i)) markers.push(addedMarker.range(lineStart));
-      else if (lines.modified.has(i)) markers.push(modifiedMarker.range(lineStart));
-      else if (lines.deleted.has(i)) markers.push(deletedMarker.range(lineStart));
-    }
-    return RangeSet.of(markers);
-  },
-});
-
 const editorChrome = EditorView.theme({
   '&': { fontFamily: 'var(--font-mono)', fontSize: '12px', height: '100%', lineHeight: '1.6' },
   '.cm-scroller': { overflow: 'auto', padding: '4px 0' },
@@ -139,8 +92,6 @@ const editorChrome = EditorView.theme({
   '.cm-search .cm-button, .cm-button': { borderRadius: '4px', padding: '2px 8px', fontSize: '10px', fontFamily: 'var(--font-sans)', cursor: 'pointer', backgroundImage: 'none' },
   '.cm-search br': { display: 'none' },
   '.cm-panel.cm-search [name=close]': { cursor: 'pointer', padding: '0 4px' },
-  '.cm-git-gutter': { width: '4px', marginRight: '2px' },
-  '.cm-git-gutter .cm-gutterElement': { padding: '0', minWidth: '3px' },
 });
 
 function getThemeExt(key) {
@@ -186,8 +137,6 @@ export function CodeEditor({ content, language, onChange, onSave, onCursorChange
     const state = EditorState.create({
       doc: content || '',
       extensions: [
-        gitLinesField,
-        gitGutter,
         lineNumbers(),
         highlightActiveLine(),
         highlightActiveLineGutter(),
@@ -220,21 +169,6 @@ export function CodeEditor({ content, language, onChange, onSave, onCursorChange
     return () => { view.destroy(); viewRef.current = null; if (externalViewRef) externalViewRef.current = null; };
   }, []);
 
-  // Fetch and apply git line status when filePath changes
-  useEffect(() => {
-    const view = viewRef.current;
-    if (!view || !filePath) return;
-    api.get(`/files/git-line-status?path=${encodeURIComponent(filePath)}`).then((data) => {
-      if (!data?.lines) return;
-      const lines = {
-        added: new Set(data.lines.added || []),
-        modified: new Set(data.lines.modified || []),
-        deleted: new Set(data.lines.deleted || []),
-      };
-      view.dispatch({ effects: setGitLines.of(lines) });
-    }).catch(() => {});
-  }, [filePath, content]);
-
   useEffect(() => {
     const view = viewRef.current;
     if (!view) return;

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

@@ -5,8 +5,8 @@ import { cn } from '../../lib/cn';
 import { api } from '../../lib/api';
 import {
   ChevronRight, ChevronDown, File, Folder, FolderOpen,
-  Plus, FolderPlus, Search, RefreshCw, Trash2, Pencil, FilePlus,
-  ChevronsDownUp, PanelLeftClose, GitBranch,
+  FolderPlus, Search, RefreshCw, Trash2, Pencil, FilePlus,
+  ChevronsDownUp, PanelLeftClose,
 } from 'lucide-react';
 import { ScrollArea } from '../ui/scroll-area';
 
@@ -240,25 +240,6 @@ 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);
@@ -508,34 +489,6 @@ 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>
-        )}
-
-        {/* File Explorer */}
         <div
           className="py-1"
           onDragOver={(e) => { if (!dragState.draggingPath) return; e.preventDefault(); setDragOverDir(null); }}

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

@@ -22,7 +22,7 @@ const THEME = {
 let tabCounter = 0;
 let spawnSeq = 0;
 
-function TerminalInstance({ tabId, visible, registerKill }) {
+function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
   const containerRef = useRef(null);
   const termRef = useRef(null);
   const fitRef = useRef(null);
@@ -70,6 +70,11 @@ function TerminalInstance({ tabId, visible, registerKill }) {
     termRef.current = term;
     fitRef.current = fitAddon;
 
+    term.onSelectionChange(() => {
+      const text = term.getSelection();
+      onSelectionChange?.(text || '');
+    });
+
     let spawnAttempts = 0;
     function trySpawn() {
       spawnAttempts++;
@@ -117,7 +122,6 @@ function TerminalInstance({ tabId, visible, registerKill }) {
       });
     }
 
-    // Fit first, then spawn — ensures PTY gets correct column count
     requestAnimationFrame(() => {
       try { fitAddon.fit(); } catch {}
       trySpawn();
@@ -169,6 +173,7 @@ export function TerminalManager() {
 
   const [tabs, setTabs] = useState([{ id: 'term-0', label: 'Terminal' }]);
   const [activeTab, setActiveTab] = useState('term-0');
+  const [selectedText, setSelectedText] = useState('');
   const killFns = useRef({});
 
   const registerKill = useCallback((tabId, fn) => { killFns.current[tabId] = fn; }, []);
@@ -217,13 +222,19 @@ export function TerminalManager() {
       onToggleFullHeight={() => setFullHeight(true)}
       onMinimize={() => setFullHeight(false)}
       onClose={() => setTerminalVisible(false)}
+      selectedText={selectedText}
     >
       {tabs.map((tab) => (
-        <TerminalInstance key={tab.id} tabId={tab.id} visible={tab.id === activeTab} registerKill={registerKill} />
+        <TerminalInstance
+          key={tab.id}
+          tabId={tab.id}
+          visible={tab.id === activeTab}
+          registerKill={registerKill}
+          onSelectionChange={tab.id === activeTab ? setSelectedText : undefined}
+        />
       ))}
     </TerminalPanel>
   );
 }
 
-// Keep backward-compat export for existing imports
 export { TerminalManager as TerminalEmulator };

package/node_modules/@groove-dev/gui/src/components/keeper/global-modals.jsx

@@ -4,18 +4,18 @@ import { useState, useEffect, useRef } from 'react';
 import { useGrooveStore } from '../../stores/groove';
 import { Dialog, DialogContent } from '../ui/dialog';
 import { Button } from '../ui/button';
-import { Save, HelpCircle, Sparkles, Link2, FileText } from 'lucide-react';
+import { Save } 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 KeeperEditorModal() {

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

@@ -1,5 +1,5 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
-import { Network, Code2, ChartSpline, Puzzle, Gamepad2, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, Eye, BookOpen } from 'lucide-react';
+import { Network, Code2, ChartSpline, Puzzle, Users, Box, FlaskConical, Newspaper, Settings, Globe, MessageCircle, Eye, BookOpen } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { Tooltip } from '../ui/tooltip';
 import { useGrooveStore } from '../../stores/groove';
@@ -13,7 +13,6 @@ const BASE_NAV_ITEMS = [
   { id: 'memory',      icon: BookOpen,      label: 'Memory' },
   { 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' },
 ];

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

@@ -1,7 +1,87 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
-import { useRef, useCallback, useState } from 'react';
-import { Maximize2, Minimize2, Plus, X, Terminal } from 'lucide-react';
+import { useRef, useCallback, useState, useEffect } from 'react';
+import { Maximize2, Minimize2, Plus, X, Terminal, Send, ChevronDown, Sparkles } from 'lucide-react';
 import { cn } from '../../lib/cn';
+import { useGrooveStore } from '../../stores/groove';
+import { Tooltip } from '../ui/tooltip';
+
+function AgentPicker({ onSelect, onClose }) {
+  const ref = useRef(null);
+  const agents = useGrooveStore((s) => s.agents);
+  const teams = useGrooveStore((s) => s.teams);
+
+  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]);
+
+  const running = agents.filter((a) => a.status === 'running' || a.status === 'starting');
+  const stopped = agents.filter((a) => a.status !== 'running' && a.status !== 'starting');
+
+  function teamName(teamId) {
+    const team = teams.find((t) => t.id === teamId);
+    return team?.name || 'Default';
+  }
+
+  return (
+    <div
+      ref={ref}
+      className="absolute bottom-full right-0 mb-1 z-50 min-w-[220px] max-h-[300px] overflow-y-auto py-1 bg-surface-2 border border-border rounded-lg shadow-xl"
+    >
+      {running.length > 0 && (
+        <>
+          <div className="px-3 py-1 text-2xs text-text-4 font-sans font-medium uppercase tracking-wider">Active</div>
+          {running.map((agent) => (
+            <button
+              key={agent.id}
+              onClick={() => onSelect(agent.id)}
+              className="w-full flex items-center gap-2 px-3 py-1.5 text-xs font-sans text-text-1 hover:bg-surface-5 cursor-pointer transition-colors text-left"
+            >
+              <span className="w-1.5 h-1.5 rounded-full bg-success flex-shrink-0" />
+              <span className="truncate flex-1">{agent.name}</span>
+              <span className="text-2xs text-text-4">{teamName(agent.teamId)}</span>
+            </button>
+          ))}
+        </>
+      )}
+      {stopped.length > 0 && (
+        <>
+          <div className="px-3 py-1 text-2xs text-text-4 font-sans font-medium uppercase tracking-wider">
+            {running.length > 0 ? 'Other' : 'Agents'}
+          </div>
+          {stopped.slice(0, 10).map((agent) => (
+            <button
+              key={agent.id}
+              onClick={() => onSelect(agent.id)}
+              className="w-full flex items-center gap-2 px-3 py-1.5 text-xs font-sans text-text-2 hover:bg-surface-5 cursor-pointer transition-colors text-left"
+            >
+              <span className={cn('w-1.5 h-1.5 rounded-full flex-shrink-0',
+                agent.status === 'completed' ? 'bg-accent' : agent.status === 'crashed' ? 'bg-danger' : 'bg-text-4',
+              )} />
+              <span className="truncate flex-1">{agent.name}</span>
+              <span className="text-2xs text-text-4">{teamName(agent.teamId)}</span>
+            </button>
+          ))}
+        </>
+      )}
+      {agents.length === 0 && (
+        <div className="px-3 py-3 text-xs text-text-4 font-sans text-center">
+          No agents available
+        </div>
+      )}
+    </div>
+  );
+}
 
 export function TerminalPanel({
   children,
@@ -18,13 +98,22 @@ export function TerminalPanel({
   onMinimize,
   onClose,
   onRenameTab,
+  selectedText,
 }) {
   const dragging = useRef(false);
   const [renamingId, setRenamingId] = useState(null);
   const [renameValue, setRenameValue] = useState('');
+  const [showPicker, setShowPicker] = useState(false);
   const startY = useRef(0);
   const startH = useRef(0);
 
+  const activeAgent = useGrooveStore((s) => s.editorSelectedAgent);
+  const agents = useGrooveStore((s) => s.agents);
+  const attachSnippet = useGrooveStore((s) => s.attachSnippet);
+
+  const agent = agents.find((a) => a.id === activeAgent);
+  const hasSelection = selectedText && selectedText.trim().length > 0;
+
   const onMouseDown = useCallback((e) => {
     if (fullHeight) return;
     e.preventDefault();
@@ -49,6 +138,21 @@ export function TerminalPanel({
     document.addEventListener('mouseup', onMouseUp);
   }, [height, onHeightChange, fullHeight]);
 
+  function sendToAgent(agentId) {
+    if (!agentId || !selectedText?.trim()) return;
+    setShowPicker(false);
+    useGrooveStore.setState({ editorSelectedAgent: agentId });
+    attachSnippet({ type: 'terminal', code: selectedText.trim() });
+  }
+
+  function handleSendClick() {
+    if (activeAgent) {
+      sendToAgent(activeAgent);
+    } else {
+      setShowPicker(true);
+    }
+  }
+
   const tabList = tabs || [{ id: 'default', label: 'Terminal' }];
 
   return (
@@ -116,8 +220,52 @@ export function TerminalPanel({
           </button>
         </div>
 
-        {/* Window controls */}
+        {/* Send to Agent + Window controls */}
         <div className="flex items-center gap-0.5 flex-shrink-0 ml-2">
+          {/* Send to Agent */}
+          {hasSelection && (
+            <div className="relative flex items-center">
+              <Tooltip content={activeAgent ? `Send to ${agent?.name || 'agent'}` : 'Send to agent'} side="top">
+                <button
+                  onClick={handleSendClick}
+                  className={cn(
+                    'flex items-center gap-1.5 px-2 py-1 rounded text-xs font-sans cursor-pointer transition-colors mr-1',
+                    'bg-accent/15 text-accent hover:bg-accent/25 disabled:opacity-50',
+                  )}
+                >
+                  {activeAgent ? (
+                    <>
+                      <Send size={11} />
+                      <span className="text-2xs max-w-[80px] truncate">{agent?.name || 'Agent'}</span>
+                    </>
+                  ) : (
+                    <>
+                      <Sparkles size={11} />
+                      <span className="text-2xs">Agent</span>
+                      <ChevronDown size={9} />
+                    </>
+                  )}
+                </button>
+              </Tooltip>
+              {!activeAgent && hasSelection && (
+                <Tooltip content="Pick agent" side="top">
+                  <button
+                    onClick={() => setShowPicker(!showPicker)}
+                    className="p-1 rounded text-text-3 hover:text-accent hover:bg-accent/10 cursor-pointer transition-colors mr-1"
+                  >
+                    <ChevronDown size={10} />
+                  </button>
+                </Tooltip>
+              )}
+              {showPicker && (
+                <AgentPicker
+                  onSelect={(id) => sendToAgent(id)}
+                  onClose={() => setShowPicker(false)}
+                />
+              )}
+            </div>
+          )}
+
           {fullHeight ? (
             <button
               onClick={onMinimize}