npm - groove-dev - Versions diffs - 0.27.29 → 0.27.32 - Mend

groove-dev 0.27.29 → 0.27.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/packages/gui/dist/index.html CHANGED Viewed

@@ -6,12 +6,12 @@
     <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-CNsQ3n1t.js"></script>
+    <script type="module" crossorigin src="/assets/index-PxWmJjcJ.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">
     <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-CjjmUhoW.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-BwNjgBny.css">
   </head>
   <body>
     <div id="root"></div>

package/packages/gui/package.json CHANGED Viewed

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

package/packages/gui/src/app.css CHANGED Viewed

@@ -80,6 +80,16 @@ html {
 ::-webkit-scrollbar-thumb:hover { background: var(--color-surface-6); }
 ::selection { background: rgba(51, 175, 188, 0.25); }
+/* ── Terminal (xterm) ────────────────────────────────────── */
+.xterm-viewport::-webkit-scrollbar { width: 6px; }
+.xterm-viewport::-webkit-scrollbar-track { background: transparent; }
+.xterm-viewport::-webkit-scrollbar-thumb { background: var(--color-surface-5); border-radius: 3px; }
+.xterm-viewport::-webkit-scrollbar-thumb:hover { background: var(--color-surface-6); }
+.xterm-viewport { scrollbar-width: thin; scrollbar-color: var(--color-surface-5) transparent; }
+.xterm { padding: 0; }
+.xterm-screen { width: 100% !important; }
 /* ── Animations ───────────────────────────────────────────── */
 @keyframes pulse {

package/packages/gui/src/components/agents/spawn-wizard.jsx CHANGED Viewed

@@ -90,14 +90,14 @@ export function SpawnWizard() {
   const selectedRole = role || customRole;
   const selectedProvider = providers.find((p) => p.id === provider);
   const availableModels = selectedProvider?.models || [];
-  const installedProviders = providers.filter((p) => p.installed);
+  const installedProviders = providers.filter((p) => p.authType === 'api-key' ? (p.installed && p.hasKey) : p.installed);
   useEffect(() => {
     if (open) {
       fetchProviders().then((data) => {
         const list = Array.isArray(data) ? data : data.providers || [];
         setProviders(list);
-        const installed = list.filter((p) => p.installed);
+        const installed = list.filter((p) => p.authType === 'api-key' ? (p.installed && p.hasKey) : p.installed);
         if (installed.length > 0 && !provider) {
           const priority = ['claude-code', 'gemini', 'codex', 'ollama'];
           const best = priority.find((pid) => installed.some((p) => p.id === pid)) || installed[0].id;
@@ -408,8 +408,8 @@ export function SpawnWizard() {
                       >
                         <option value="">Auto</option>
                         {providers.map((p) => (
-                          <option key={p.id} value={p.id} disabled={!p.installed}>
-                            {p.name}{!p.installed ? ' (not installed)' : ''}
+                          <option key={p.id} value={p.id} disabled={p.authType === 'api-key' ? !(p.installed && p.hasKey) : !p.installed}>
+                            {p.name}{!p.installed ? ' (Not installed)' : (p.authType === 'api-key' && !p.hasKey) ? ' (No API key)' : ''}
                           </option>
                         ))}
                       </select>

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

@@ -8,14 +8,15 @@ import { TerminalPanel } from '../layout/terminal-panel';
 const THEME = {
   background: '#1a1e25',
-  foreground: '#bcc2cd',
+  foreground: '#c8ccd4',
   cursor: '#33afbc',
   cursorAccent: '#1a1e25',
-  selectionBackground: 'rgba(51, 175, 188, 0.25)',
+  selectionBackground: 'rgba(51, 175, 188, 0.3)',
+  selectionForeground: '#ffffff',
   black: '#1a1e25', red: '#e06c75', green: '#4ae168', yellow: '#e5c07b',
-  blue: '#61afef', magenta: '#c678dd', cyan: '#33afbc', white: '#bcc2cd',
-  brightBlack: '#505862', brightRed: '#e06c75', brightGreen: '#4ae168', brightYellow: '#e5c07b',
-  brightBlue: '#61afef', brightMagenta: '#c678dd', brightCyan: '#33afbc', brightWhite: '#e6e6e6',
+  blue: '#61afef', magenta: '#c678dd', cyan: '#33afbc', white: '#abb2bf',
+  brightBlack: '#5c6370', brightRed: '#f07178', brightGreen: '#4ae168', brightYellow: '#e5c07b',
+  brightBlue: '#61afef', brightMagenta: '#c678dd', brightCyan: '#56b6c2', brightWhite: '#ffffff',
 };
 let tabCounter = 0;
@@ -35,12 +36,19 @@ function TerminalInstance({ tabId, visible }) {
     const term = new XTerm({
       theme: THEME,
       fontFamily: "'JetBrains Mono Variable', 'SF Mono', monospace",
-      fontSize: 13,
-      lineHeight: 1.4,
+      fontSize: 12,
+      lineHeight: 1.1,
+      letterSpacing: 0,
       cursorBlink: true,
       cursorStyle: 'bar',
-      scrollback: 5000,
+      cursorWidth: 1,
+      scrollback: 10000,
       allowProposedApi: true,
+      minimumContrastRatio: 1,
+      drawBoldTextInBrightColors: true,
+      fontWeight: '400',
+      fontWeightBold: '600',
+      overviewRulerWidth: 0,
     });
     const fitAddon = new FitAddon();
@@ -50,10 +58,6 @@ function TerminalInstance({ tabId, visible }) {
     termRef.current = term;
     fitRef.current = fitAddon;
-    requestAnimationFrame(() => {
-      try { fitAddon.fit(); } catch {}
-    });
     let spawnAttempts = 0;
     function trySpawn() {
       spawnAttempts++;
@@ -97,7 +101,11 @@ function TerminalInstance({ tabId, visible }) {
       });
     }
-    trySpawn();
+    // Fit first, then spawn — ensures PTY gets correct column count
+    requestAnimationFrame(() => {
+      try { fitAddon.fit(); } catch {}
+      trySpawn();
+    });
     const observer = new ResizeObserver(() => {
       requestAnimationFrame(() => { try { fitAddon.fit(); } catch {} });

package/packages/gui/src/components/layout/terminal-panel.jsx CHANGED Viewed

@@ -122,7 +122,7 @@ export function TerminalPanel({
       </div>
       {/* Terminal content */}
-      <div className="flex-1 min-h-0 p-2">
+      <div className="flex-1 min-h-0 pl-2 pt-1">
         {children}
       </div>
     </div>

package/packages/gui/src/views/settings.jsx CHANGED Viewed

@@ -999,7 +999,7 @@ export default function SettingsView() {
   const connectedCount = providers.filter((p) => {
     if (p.authType === 'local') return p.installed;
     if (p.authType === 'subscription') return p.installed;
-    return p.hasKey;
+    return p.installed && p.hasKey;
   }).length;
   // Rotation threshold display: 0 = auto, otherwise show as percentage
@@ -1074,7 +1074,7 @@ export default function SettingsView() {
                     onChange={(e) => updateConfig('defaultProvider', e.target.value)}
                     className="w-full h-8 px-2.5 text-xs bg-surface-0 border border-border-subtle rounded-md text-text-0 font-mono focus:outline-none focus:ring-1 focus:ring-accent cursor-pointer"
                   >
-                    {providers.filter((p) => p.installed || p.hasKey).map((p) => (
+                    {providers.filter((p) => p.installed && (p.authType === 'local' || p.authType === 'subscription' || p.hasKey)).map((p) => (
                       <option key={p.id} value={p.id}>{p.name}</option>
                     ))}
                   </select>