groove-dev 0.27.135 → 0.27.136

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-D4JZyMWH.js"></script>
+    <script type="module" crossorigin src="/assets/index-BrZHF7pK.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-DRQdprYi.js">

package/packages/gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.27.135",
+  "version": "0.27.136",
   "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

@@ -575,7 +575,7 @@ export function AgentFeed({ agent }) {
         }
       });
     }
-  }, [timeline.length]);
+  }, [timeline.length, sending, isThinking]);
 
   async function handleFileSelect(e) {
     const files = Array.from(e.target.files || []);
@@ -621,6 +621,10 @@ export function AgentFeed({ agent }) {
 
     setInput('');
     setSending(true);
+    isAtBottomRef.current = true;
+    requestAnimationFrame(() => {
+      if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    });
     try {
       if (mode === 'query') {
         await queryAgent(agent.id, text);

package/packages/gui/src/components/agents/agent-file-tree.jsx

@@ -135,7 +135,7 @@ function TreeEntry({ entry, depth, onOpen, expandedDirs, onToggleDir, onContextM
         onDoubleClick={handleCtxMenu}
         onContextMenu={handleCtxMenu}
         className={cn(
-          'w-full flex items-center gap-1.5 py-[3px] text-[13px] font-sans cursor-pointer',
+          'w-full flex items-center gap-1.5 py-[3px] text-xs font-sans cursor-pointer',
           'hover:bg-surface-4/50 transition-colors text-left',
           isDragging && 'opacity-50',
           isDragOver && 'bg-accent/15 ring-1 ring-accent/50 rounded',

package/packages/gui/src/components/editor/code-editor.jsx

@@ -27,10 +27,10 @@ const LANGS = {
 const grooveHighlightStyle = HighlightStyle.define([
   { tag: t.keyword, color: '#b07fd5' },
   { tag: [t.name, t.deleted, t.character, t.macroName], color: '#d4d8e0' },
-  { tag: [t.function(t.variableName), t.labelName], color: '#d9a45c' },
-  { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: '#c4956a' },
+  { tag: [t.function(t.variableName), t.labelName], color: '#dcc9a0' },
+  { tag: [t.color, t.constant(t.name), t.standard(t.name)], color: '#d4a07a' },
   { tag: [t.definition(t.name), t.separator], color: '#bcc2cd' },
-  { tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace], color: '#cda869' },
+  { tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace], color: '#e0c589' },
   { tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.special(t.string)], color: '#89b4c4' },
   { tag: [t.meta, t.comment], color: '#6e7681', fontStyle: 'italic' },
   { tag: t.strong, fontWeight: 'bold' },
@@ -38,13 +38,13 @@ const grooveHighlightStyle = HighlightStyle.define([
   { tag: t.strikethrough, textDecoration: 'line-through' },
   { tag: t.link, color: '#7ab0df', textDecoration: 'underline' },
   { tag: t.heading, fontWeight: '400', color: '#bcc2cd' },
-  { tag: [t.atom, t.bool, t.special(t.variableName)], color: '#c4956a' },
-  { tag: [t.processingInstruction, t.string, t.inserted], color: '#a3b18a' },
+  { tag: [t.atom, t.bool, t.special(t.variableName)], color: '#d4a07a' },
+  { tag: [t.processingInstruction, t.string, t.inserted], color: '#95b2b8' },
   { tag: t.invalid, color: '#d4736e' },
-  { tag: t.propertyName, color: '#d9a45c' },
+  { tag: t.propertyName, color: '#dcc9a0' },
   { tag: [t.tagName], color: '#d4736e' },
-  { tag: t.attributeName, color: '#cda869' },
-  { tag: t.attributeValue, color: '#a3b18a' },
+  { tag: t.attributeName, color: '#e0c589' },
+  { tag: t.attributeValue, color: '#95b2b8' },
 ]);
 
 // Custom theme overrides to match our design tokens

package/packages/gui/src/components/editor/file-tree.jsx

@@ -130,7 +130,7 @@ function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expa
       onDoubleClick={handleContextMenu}
       onContextMenu={handleContextMenu}
       className={cn(
-        'w-full flex items-center gap-1.5 py-[3px] text-[13px] font-sans cursor-pointer',
+        'w-full flex items-center gap-1.5 py-[3px] text-xs font-sans cursor-pointer',
         'hover:bg-surface-5 transition-colors text-left select-none',
         isActive && 'bg-accent/10 text-text-0',
         !isActive && 'text-text-1',

package/packages/gui/src/components/lab/system-prompt-editor.jsx

@@ -23,14 +23,14 @@ const editorTheme = EditorView.theme({
 const promptHighlightStyle = HighlightStyle.define([
   { tag: t.keyword, color: '#b07fd5' },
   { tag: [t.name, t.deleted, t.character, t.macroName], color: '#d4d8e0' },
-  { tag: [t.function(t.variableName), t.labelName], color: '#d9a45c' },
+  { tag: [t.function(t.variableName), t.labelName], color: '#dcc9a0' },
   { tag: [t.meta, t.comment], color: '#6e7681', fontStyle: 'italic' },
   { tag: t.strong, fontWeight: 'bold' },
   { tag: t.emphasis, fontStyle: 'italic' },
   { tag: t.link, color: '#7ab0df', textDecoration: 'underline' },
   { tag: t.heading, fontWeight: '400', color: '#bcc2cd' },
-  { tag: [t.processingInstruction, t.string, t.inserted], color: '#a3b18a' },
-  { tag: [t.atom, t.bool], color: '#c4956a' },
+  { tag: [t.processingInstruction, t.string, t.inserted], color: '#95b2b8' },
+  { tag: [t.atom, t.bool], color: '#d4a07a' },
   { tag: t.invalid, color: '#d4736e' },
 ]);
 

package/packages/gui/src/components/layout/breadcrumb-bar.jsx

@@ -153,7 +153,7 @@ export function BreadcrumbBar({
   return (
     <header
       className={cn(
-        'h-11 flex-shrink-0 flex items-center gap-3 px-4 pt-0.5 bg-surface-3 border-b border-border relative',
+        'h-12 flex-shrink-0 flex items-center gap-3 px-4 bg-surface-3 border-b border-border relative',
         darwinDrag && 'pl-24 electron-drag electron-no-drag-children',
       )}
     >