groove-dev 0.27.185 → 0.27.186

package/packages/gui/dist/index.html

@@ -6,7 +6,7 @@
     <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-DEZwM4Hb.js"></script>
+    <script type="module" crossorigin src="/assets/index-DOOaCFRS.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-26L3JoZv.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-DoBZjiHE.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BYKpdS2W.js">

package/packages/gui/package.json

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

package/packages/gui/src/components/agents/agent-feed.jsx

@@ -12,6 +12,7 @@ import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { timeAgo } from '../../lib/format';
 import { api } from '../../lib/api';
+import { extractLogPaths, logLabel } from '../../lib/logpaths';
 import { ThinkingIndicator } from '../ui/thinking-indicator';
 import { TableTree } from '../ui/table-tree';
 
@@ -346,8 +347,14 @@ function UserMessage({ msg }) {
 function InnerChatMessage({ msg, agent }) {
   const [collapsed, setCollapsed] = useState(msg.text?.length > 400);
   const isLong = msg.text?.length > 400;
-  const { peer, direction, kind } = msg.innerchat || {};
-  const outbound = direction === 'out';
+  const info = msg.innerchat || {};
+  // `peer` is the current field; `fromAgent` is the pre-`tell` schema still
+  // sitting in persisted chatHistory. Fall back so old bubbles never render
+  // "undefined".
+  const peer = info.peer || info.fromAgent;
+  const peerName = peer?.name || 'another agent';
+  const outbound = info.direction === 'out';
+  const isAnswer = info.kind === 'answer' || info.kind === 'reply';
   const me = agent?.name || 'this agent';
 
   return (
@@ -356,10 +363,10 @@ function InnerChatMessage({ msg, agent }) {
         <ArrowLeftRight size={10} className="text-indigo flex-shrink-0" />
         <span className="text-2xs font-semibold text-indigo font-sans">InnerChat</span>
         <span className="text-2xs text-text-3 font-sans truncate">
-          {outbound ? `${me} → ${peer?.name}` : `${peer?.name} → ${me}`}
+          {outbound ? `${me} → ${peerName}` : `${peerName} → ${me}`}
         </span>
         <span className="text-2xs text-text-4 font-sans">
-          {kind === 'answer' ? 'answer' : outbound ? 'asked' : 'asks'}
+          {isAnswer ? 'answer' : outbound ? 'asked' : 'asks'}
         </span>
         <span className="text-[10px] text-text-4 font-sans ml-auto flex-shrink-0">{timeAgo(msg.timestamp)}</span>
       </div>
@@ -378,6 +385,30 @@ function InnerChatMessage({ msg, agent }) {
   );
 }
 
+// One-click "tail" chips for any log paths the agent mentioned — saves asking
+// "what's the log file?" and hand-copying it into a terminal.
+function LogChips({ text }) {
+  const runInTerminal = useGrooveStore((s) => s.runInTerminal);
+  const paths = useMemo(() => extractLogPaths(text), [text]);
+  if (paths.length === 0) return null;
+
+  return (
+    <div className="ml-3.5 mt-1.5 flex flex-wrap gap-1.5">
+      {paths.map((path) => (
+        <button
+          key={path}
+          onClick={() => runInTerminal(`tail -f ${path}`)}
+          title={`tail -f ${path}`}
+          className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md bg-accent/10 hover:bg-accent/20 text-accent text-[11px] font-medium font-sans cursor-pointer transition-colors max-w-full"
+        >
+          <Terminal size={11} className="flex-shrink-0" />
+          <span className="truncate">tail {logLabel(path)}</span>
+        </button>
+      ))}
+    </div>
+  );
+}
+
 function AgentMessage({ msg, agent, answeredTo }) {
   const [collapsed, setCollapsed] = useState(msg.text?.length > 600);
   const isLong = msg.text?.length > 600;
@@ -399,6 +430,7 @@ function AgentMessage({ msg, agent, answeredTo }) {
       <div className={cn('pl-3.5 py-1 border-l', answeredTo ? 'border-indigo/50' : 'border-accent')}>
         <StructuredMessage text={collapsed ? msg.text.slice(0, 600) + '...' : msg.text} />
       </div>
+      <LogChips text={msg.text} />
       {collapsed && (
         <button
           onClick={() => setCollapsed(false)}

package/packages/gui/src/components/editor/terminal.jsx

@@ -31,6 +31,7 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
   const mountedRef = useRef(false);
   const visibleRef = useRef(visible);
   const lastSizeRef = useRef({ cols: 0, rows: 0 });
+  const outputReadyRef = useRef(false);
 
   useEffect(() => {
     registerKill?.(tabId, () => {
@@ -41,6 +42,28 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
     });
   }, [tabId, registerKill]);
 
+  // Run a command dropped into the store by another component (e.g. a "tail
+  // log" chip in chat). Only the visible tab handles it, and we poll until this
+  // instance's PTY is ready — a freshly opened terminal spawns asynchronously,
+  // and keystrokes sent before it's ready are dropped.
+  const pendingCommand = useGrooveStore((s) => s.terminalPendingCommand);
+  useEffect(() => {
+    if (!pendingCommand || !visible) return;
+    let tries = 0;
+    let timer = null;
+    const send = () => {
+      const ws = useGrooveStore.getState().ws;
+      if (ws?.readyState === WebSocket.OPEN && termIdRef.current && outputReadyRef.current) {
+        ws.send(JSON.stringify({ type: 'terminal:input', id: termIdRef.current, data: pendingCommand.command + '\r' }));
+        useGrooveStore.getState().clearTerminalPendingCommand();
+        return;
+      }
+      if (tries++ < 40) timer = setTimeout(send, 150); // ~6s max, covers spawn
+    };
+    send();
+    return () => clearTimeout(timer);
+  }, [pendingCommand, visible]);
+
   useEffect(() => {
     if (!containerRef.current || mountedRef.current) return;
     mountedRef.current = true;
@@ -111,6 +134,7 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
             // Wipe xterm so garbled output from wrong-sized PTY is never visible
             term.reset();
             outputReady = true;
+            outputReadyRef.current = true;
             // Ask the shell to clear screen and redraw its prompt
             const w2 = useGrooveStore.getState().ws;
             if (w2?.readyState === WebSocket.OPEN && termIdRef.current) {
@@ -121,6 +145,7 @@ function TerminalInstance({ tabId, visible, registerKill, onSelectionChange }) {
           if (outputReady) term.write(msg.data);
         } else if (msg.type === 'terminal:exit' && msg.id === termIdRef.current) {
           outputReady = true;
+          outputReadyRef.current = false; // no live shell to accept commands
           term.write('\r\n\x1b[90m[session ended]\x1b[0m\r\n');
           termIdRef.current = null;
         }

package/packages/gui/src/lib/logpaths.js

@@ -0,0 +1,45 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+
+// Pull tailable log targets out of an agent's message so the chat can offer a
+// one-click "tail" instead of the user asking "what's the log file?".
+//
+// Two signals, in priority order:
+//   1. An explicit `tail -f <path>` the agent already wrote — highest confidence.
+//   2. Any path-like token ending in .log.
+// Both are conservative: a bare word like "changelog" is not a path and won't
+// match, and results are de-duped by full path.
+
+const TAIL_RE = /tail\s+(?:-[a-zA-Z]+\s+)*([~/]?[\w./-]+)/g;
+const DOTLOG_RE = /(?:^|[\s'"`(=])([~/]?(?:[\w.-]+\/)*[\w.-]+\.log)\b/g;
+
+function clean(p) {
+  return p.replace(/^['"`]+/, '').replace(/['"`.,;:)]+$/, '');
+}
+
+export function extractLogPaths(text) {
+  if (!text || typeof text !== 'string') return [];
+  const out = [];
+  const seen = new Set();
+
+  const add = (raw) => {
+    const p = clean(raw);
+    // Require something path-shaped: a slash, a ~, or a .log extension. Guards
+    // against picking up plain words that followed "tail".
+    if (!p || p.length < 3) return;
+    if (!p.endsWith('.log') && !p.includes('/') && !p.startsWith('~')) return;
+    if (seen.has(p)) return;
+    seen.add(p);
+    out.push(p);
+  };
+
+  for (const m of text.matchAll(TAIL_RE)) add(m[1]);
+  for (const m of text.matchAll(DOTLOG_RE)) add(m[1]);
+
+  return out;
+}
+
+// A short label for the chip — the basename, which is what the user recognizes.
+export function logLabel(path) {
+  const base = path.replace(/\/+$/, '').split('/').pop() || path;
+  return base.length > 28 ? `…${base.slice(-27)}` : base;
+}

package/packages/gui/src/stores/slices/ui-slice.js

@@ -106,6 +106,17 @@ export const createUiSlice = (set, get) => ({
     set(updates);
     localStorage.setItem('groove:terminalVisible', String(v));
   },
+
+  // Cross-component channel for running a command in the terminal panel. The
+  // terminal id lives inside the active TerminalInstance, so components can't
+  // send to it directly — they drop a command here, the visible instance picks
+  // it up (waiting for its PTY to be ready) and clears it.
+  terminalPendingCommand: null,
+  runInTerminal(command) {
+    get().setTerminalVisible(true);
+    set({ terminalPendingCommand: { command, ts: Date.now() } });
+  },
+  clearTerminalPendingCommand() { set({ terminalPendingCommand: null }); },
   setTerminalHeight(h) {
     set({ terminalHeight: h });
     localStorage.setItem('groove:terminalHeight', String(h));