groove-dev 0.17.7 → 0.18.0

package/node_modules/@groove-dev/gui/src/views/FileEditor.jsx

@@ -1,7 +1,7 @@
 // GROOVE GUI — File Editor View
 // FSL-1.1-Apache-2.0 — see LICENSE
 
-import React, { useState, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useGrooveStore } from '../stores/groove';
 import FileTree from '../components/FileTree';
 import EditorTabs from '../components/EditorTabs';
@@ -18,9 +18,39 @@ export default function FileEditor() {
   const saveFile = useGrooveStore((s) => s.saveFile);
   const reloadFile = useGrooveStore((s) => s.reloadFile);
   const dismissFileChange = useGrooveStore((s) => s.dismissFileChange);
+  const fetchTreeDir = useGrooveStore((s) => s.fetchTreeDir);
 
   const [terminalOpen, setTerminalOpen] = useState(false);
   const [terminalHeight, setTerminalHeight] = useState(220);
+  const [rootDir, setRootDir] = useState('');
+  const [rootInput, setRootInput] = useState('');
+  const [editingRoot, setEditingRoot] = useState(false);
+
+  // Fetch current editor root on mount
+  useEffect(() => {
+    fetch('/api/files/root').then((r) => r.json()).then((d) => {
+      setRootDir(d.root || '');
+      setRootInput(d.root || '');
+    }).catch(() => {});
+  }, []);
+
+  async function handleRootChange() {
+    if (!rootInput.trim()) return;
+    try {
+      const res = await fetch('/api/files/root', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ root: rootInput.trim() }),
+      });
+      const data = await res.json();
+      if (data.ok) {
+        setRootDir(data.root);
+        setEditingRoot(false);
+        // Clear tree cache and reload
+        useGrooveStore.setState({ editorTreeCache: {}, editorOpenTabs: [], editorActiveFile: null, editorFiles: {} });
+        fetchTreeDir('');
+      }
+    } catch { /* ignore */ }
+  }
 
   const file = activeFile ? files[activeFile] : null;
   const isChanged = activeFile && changedFiles[activeFile];
@@ -54,6 +84,29 @@ export default function FileEditor() {
 
   return (
     <div style={styles.container}>
+      {/* Directory bar */}
+      <div style={styles.dirBar}>
+        <span style={styles.dirLabel}>DIR</span>
+        {editingRoot ? (
+          <div style={{ display: 'flex', flex: 1, gap: 4 }}>
+            <input
+              style={styles.dirInput}
+              value={rootInput}
+              onChange={(e) => setRootInput(e.target.value)}
+              onKeyDown={(e) => { if (e.key === 'Enter') handleRootChange(); if (e.key === 'Escape') { setEditingRoot(false); setRootInput(rootDir); } }}
+              placeholder="/absolute/path/to/project"
+              autoFocus
+            />
+            <button onClick={handleRootChange} style={styles.dirOkBtn}>Open</button>
+            <button onClick={() => { setEditingRoot(false); setRootInput(rootDir); }} style={styles.dirCancelBtn}>&times;</button>
+          </div>
+        ) : (
+          <button onClick={() => setEditingRoot(true)} style={styles.dirPath} title="Click to change directory">
+            {rootDir || '...'}
+          </button>
+        )}
+      </div>
+
       {/* Tab bar */}
       <EditorTabs />
 
@@ -130,6 +183,37 @@ const styles = {
     display: 'flex', flexDirection: 'column',
     height: '100%', width: '100%',
   },
+  dirBar: {
+    display: 'flex', alignItems: 'center', gap: 8,
+    padding: '4px 12px', flexShrink: 0,
+    borderBottom: '1px solid var(--border)',
+    background: 'var(--bg-chrome)',
+  },
+  dirLabel: {
+    fontSize: 9, fontWeight: 700, color: 'var(--text-dim)',
+    letterSpacing: 1, flexShrink: 0,
+  },
+  dirPath: {
+    background: 'none', border: 'none', color: 'var(--text-primary)',
+    fontSize: 11, fontFamily: 'var(--font)', cursor: 'pointer',
+    padding: '2px 6px', borderRadius: 3, textAlign: 'left',
+    overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',
+    flex: 1,
+  },
+  dirInput: {
+    flex: 1, background: 'var(--bg-surface)', border: '1px solid var(--accent)',
+    borderRadius: 3, padding: '2px 8px', color: 'var(--text-primary)',
+    fontSize: 11, outline: 'none', fontFamily: 'var(--font)',
+  },
+  dirOkBtn: {
+    background: 'var(--accent)', color: 'var(--bg-base)', border: 'none',
+    borderRadius: 3, padding: '2px 10px', fontSize: 10, fontWeight: 600,
+    cursor: 'pointer', fontFamily: 'var(--font)',
+  },
+  dirCancelBtn: {
+    background: 'none', border: 'none', color: 'var(--text-dim)',
+    fontSize: 14, cursor: 'pointer', padding: '0 4px',
+  },
   contentRow: {
     flex: 1, display: 'flex', overflow: 'hidden',
   },

package/node_modules/@groove-dev/gui/src/views/IntegrationsStore.jsx

@@ -84,10 +84,12 @@ function CredentialModal({ integration, onClose }) {
   const [googleClientId, setGoogleClientId] = useState('');
   const [googleClientSecret, setGoogleClientSecret] = useState('');
   const [showGoogleSetup, setShowGoogleSetup] = useState(false);
+  const [errorMsg, setErrorMsg] = useState('');
 
   useEffect(() => {
-    if (integration?.authType === 'oauth-google') {
+    if (integration?.authType === 'oauth-google' || integration?.authType === 'google-autoauth' || integration?._googleSetupNeeded) {
       setOauthStatus('checking');
+      setShowGoogleSetup(integration?._googleSetupNeeded || false);
       fetch('/api/integrations/google-oauth/status')
         .then((r) => r.json())
         .then((data) => setOauthStatus(data.configured ? 'ready' : 'not-configured'))
@@ -98,12 +100,14 @@ function CredentialModal({ integration, onClose }) {
   if (!integration) return null;
 
   const isOAuth = integration.authType === 'oauth-google';
+  const isGoogleAutoAuth = integration.authType === 'google-autoauth' || integration._googleSetupNeeded;
   const envKeys = (integration.envKeys || []).filter((ek) => !ek.hidden);
   const setupSteps = integration.setupSteps || [];
 
   async function handleSave(key) {
     if (!values[key]) return;
     setSaving(true);
+    setErrorMsg('');
     try {
       const res = await fetch(`/api/integrations/${integration.id}/credentials`, {
         method: 'POST',
@@ -113,28 +117,61 @@ function CredentialModal({ integration, onClose }) {
       if (res.ok) {
         setSaved((prev) => ({ ...prev, [key]: true }));
         setValues((prev) => ({ ...prev, [key]: '' }));
+      } else {
+        const data = await res.json();
+        setErrorMsg(data.error || `Failed to save ${key}`);
       }
-    } catch { /* ignore */ }
+    } catch {
+      setErrorMsg('Could not reach the server');
+    }
     setSaving(false);
   }
 
   async function handleGoogleSetup() {
     if (!googleClientId || !googleClientSecret) return;
     setSaving(true);
+    setErrorMsg('');
     try {
-      await fetch('/api/integrations/google-oauth/setup', {
+      const res = await fetch('/api/integrations/google-oauth/setup', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ clientId: googleClientId, clientSecret: googleClientSecret }),
       });
-      setOauthStatus('ready');
-      setShowGoogleSetup(false);
-    } catch { /* ignore */ }
+      if (res.ok) {
+        setOauthStatus('ready');
+        setShowGoogleSetup(false);
+      } else {
+        const data = await res.json();
+        setErrorMsg(data.error || 'Failed to save credentials');
+      }
+    } catch {
+      setErrorMsg('Could not reach the server');
+    }
     setSaving(false);
   }
 
+  async function handleAutoAuthConnect() {
+    setOauthStatus('connecting');
+    setErrorMsg('');
+    try {
+      const res = await fetch(`/api/integrations/${integration.id}/authenticate`, { method: 'POST' });
+      const data = await res.json();
+      if (data.ok) {
+        // MCP server spawned — it will open a browser for OAuth consent
+        setTimeout(() => onClose(), 3000);
+      } else {
+        setErrorMsg(data.error || 'Authentication failed');
+        setOauthStatus('ready');
+      }
+    } catch {
+      setErrorMsg('Could not reach the server');
+      setOauthStatus('ready');
+    }
+  }
+
   async function handleOAuthConnect() {
     setOauthStatus('connecting');
+    setErrorMsg('');
     try {
       const res = await fetch(`/api/integrations/${integration.id}/oauth/start`, { method: 'POST' });
       const data = await res.json();
@@ -154,8 +191,12 @@ function CredentialModal({ integration, onClose }) {
         }, 2000);
         // Stop polling after 5 minutes
         setTimeout(() => clearInterval(poll), 300000);
+      } else {
+        setErrorMsg(data.error || 'Failed to start OAuth flow');
+        setOauthStatus('ready');
       }
     } catch {
+      setErrorMsg('Could not reach the server');
       setOauthStatus('ready');
     }
   }
@@ -218,30 +259,59 @@ function CredentialModal({ integration, onClose }) {
             </a>
           )}
 
-          {/* OAuth flow for Google integrations */}
-          {isOAuth && (
+          {/* Error message */}
+          {errorMsg && (
+            <div style={{
+              padding: '10px 14px', marginBottom: 14, borderRadius: 6,
+              background: 'rgba(224, 108, 117, 0.08)', border: '1px solid var(--red)',
+              fontSize: 11, color: 'var(--red)', lineHeight: 1.5,
+            }}>
+              {errorMsg}
+            </div>
+          )}
+
+          {/* OAuth flow for Google integrations (both oauth-google and google-autoauth) */}
+          {(isOAuth || isGoogleAutoAuth) && (
             <div style={{ marginBottom: 16 }}>
-              {/* Always show the primary Connect button */}
-              <button
-                onClick={oauthStatus === 'ready' ? handleOAuthConnect : () => setShowGoogleSetup(true)}
-                disabled={oauthStatus === 'checking' || oauthStatus === 'connecting'}
-                style={{
-                  display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 8,
-                  width: '100%', padding: '12px 16px', marginBottom: 12,
-                  background: oauthStatus === 'connecting' ? 'var(--bg-active)' : '#4285f4',
-                  color: '#fff', border: 'none', borderRadius: 6,
-                  fontSize: 13, fontWeight: 600, cursor: 'pointer',
-                  fontFamily: 'var(--font)',
-                  opacity: oauthStatus === 'checking' ? 0.5 : 1,
-                }}
-              >
-                {oauthStatus === 'checking' ? 'Checking...'
-                  : oauthStatus === 'connecting' ? 'Waiting for authorization...'
-                  : `Connect with Google`}
-              </button>
+              {/* Show Connect button only when OAuth is configured */}
+              {oauthStatus === 'ready' && (
+                <button
+                  onClick={isGoogleAutoAuth ? handleAutoAuthConnect : handleOAuthConnect}
+                  disabled={oauthStatus === 'connecting'}
+                  style={{
+                    display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 8,
+                    width: '100%', padding: '12px 16px', marginBottom: 12,
+                    background: '#4285f4',
+                    color: '#fff', border: 'none', borderRadius: 6,
+                    fontSize: 13, fontWeight: 600, cursor: 'pointer',
+                    fontFamily: 'var(--font)',
+                  }}
+                >
+                  Connect with Google
+                </button>
+              )}
+              {oauthStatus === 'checking' && (
+                <div style={{
+                  display: 'flex', alignItems: 'center', justifyContent: 'center',
+                  padding: '12px 16px', marginBottom: 12,
+                  color: 'var(--text-muted)', fontSize: 12,
+                }}>
+                  Checking Google credentials...
+                </div>
+              )}
+              {oauthStatus === 'connecting' && (
+                <div style={{
+                  display: 'flex', alignItems: 'center', justifyContent: 'center',
+                  padding: '12px 16px', marginBottom: 12,
+                  background: 'var(--bg-active)', borderRadius: 6,
+                  color: 'var(--text-primary)', fontSize: 12, fontWeight: 600,
+                }}>
+                  Waiting for authorization — check your browser...
+                </div>
+              )}
 
-              {/* First-time setup: show inline when Connect is clicked and OAuth not configured */}
-              {showGoogleSetup && oauthStatus === 'not-configured' && (
+              {/* First-time setup: shown when OAuth not configured */}
+              {oauthStatus === 'not-configured' && (
                 <div style={{
                   padding: 14, borderRadius: 8,
                   background: 'var(--bg-surface)', border: '1px solid var(--border)',
@@ -292,9 +362,12 @@ function CredentialModal({ integration, onClose }) {
                     <button
                       onClick={async () => {
                         await handleGoogleSetup();
-                        // After saving, immediately trigger the OAuth connect flow
+                        // After saving, immediately trigger the appropriate connect flow
                         if (googleClientId && googleClientSecret) {
-                          setTimeout(() => handleOAuthConnect(), 500);
+                          setTimeout(() => {
+                            if (isGoogleAutoAuth) handleAutoAuthConnect();
+                            else handleOAuthConnect();
+                          }, 500);
                         }
                       }}
                       disabled={saving || !googleClientId || !googleClientSecret}
@@ -369,7 +442,8 @@ function CredentialModal({ integration, onClose }) {
 function IntegrationDetailModal({ integration, installing, onInstall, onUninstall, onConfigure, onAuthenticate, onClose }) {
   if (!integration) return null;
 
-  const isAutoAuth = integration.authType === 'none' && (integration.envKeys || []).length === 0;
+  const isAutoAuth = (integration.authType === 'none' || integration.authType === 'google-autoauth')
+    && (integration.envKeys || []).length === 0;
   const hasCredentials = (integration.envKeys || []).filter((ek) => !ek.hidden).length > 0
     || integration.authType === 'oauth-google';
 
@@ -683,26 +757,42 @@ export default function IntegrationsStore() {
   async function handleInstall(id) {
     setInstalling(id);
     try {
-      await fetch(`/api/integrations/${id}/install`, { method: 'POST' });
+      const res = await fetch(`/api/integrations/${id}/install`, { method: 'POST' });
+      const data = await res.json();
+      if (!res.ok) {
+        flash(data.error || 'Install failed', 'error');
+        setInstalling(null);
+        return;
+      }
       await fetchIntegrations();
       // After install, refresh selected item
       if (selectedItem?.id === id) {
         const updated = integrations.find((s) => s.id === id);
         if (updated) setSelectedItem({ ...updated, installed: true });
       }
-    } catch { /* ignore */ }
+    } catch (err) {
+      flash('Install failed — check daemon logs', 'error');
+    }
     setInstalling(null);
   }
 
   async function handleUninstall(id) {
     setInstalling(id);
     try {
-      await fetch(`/api/integrations/${id}`, { method: 'DELETE' });
+      const res = await fetch(`/api/integrations/${id}`, { method: 'DELETE' });
+      if (!res.ok) {
+        const data = await res.json();
+        flash(data.error || 'Uninstall failed', 'error');
+        setInstalling(null);
+        return;
+      }
       await fetchIntegrations();
       if (selectedItem?.id === id) {
         setSelectedItem((prev) => prev ? { ...prev, installed: false, configured: false } : null);
       }
-    } catch { /* ignore */ }
+    } catch {
+      flash('Uninstall failed', 'error');
+    }
     setInstalling(null);
   }
 
@@ -716,23 +806,44 @@ export default function IntegrationsStore() {
   }
 
   async function handleAuthenticate(item) {
+    // For google-autoauth, check if Google OAuth is configured first
+    if (item.authType === 'google-autoauth') {
+      try {
+        const statusRes = await fetch('/api/integrations/google-oauth/status');
+        const statusData = await statusRes.json();
+        if (!statusData.configured) {
+          // Need Google OAuth setup first — open the credential modal with setup form
+          setSelectedItem(null);
+          setConfiguring({ ...item, _googleSetupNeeded: true });
+          return;
+        }
+      } catch {
+        // Can't check status — open setup form as fallback
+        setSelectedItem(null);
+        setConfiguring({ ...item, _googleSetupNeeded: true });
+        return;
+      }
+    }
+
+    // OAuth is configured — trigger the authentication flow
     setSelectedItem(null);
+    setConfiguring({ ...item }); // Show credential modal in connecting state
     try {
       const res = await fetch(`/api/integrations/${item.id}/authenticate`, { method: 'POST' });
       const data = await res.json();
       if (data.ok) {
         flash('Sign-in window opened — check your browser');
       } else {
-        flash(data.error || 'Authentication failed');
+        flash(data.error || 'Authentication failed', 'error');
       }
     } catch {
-      flash('Authentication failed');
+      flash('Authentication failed — check daemon logs', 'error');
     }
   }
 
-  function flash(msg) {
-    setStatusMsg(msg);
-    setTimeout(() => setStatusMsg(''), 4000);
+  function flash(msg, type = 'info') {
+    setStatusMsg({ text: msg, type });
+    setTimeout(() => setStatusMsg(''), 6000);
   }
 
   function handleConfigureClose() {
@@ -783,8 +894,12 @@ export default function IntegrationsStore() {
 
       {/* Status message */}
       {statusMsg && (
-        <div style={{ padding: '4px 20px', fontSize: 10, color: 'var(--accent)', flexShrink: 0 }}>
-          {statusMsg}
+        <div style={{
+          padding: '8px 20px', fontSize: 12, fontWeight: 500, flexShrink: 0,
+          color: statusMsg.type === 'error' ? 'var(--red)' : 'var(--accent)',
+          background: statusMsg.type === 'error' ? 'rgba(224, 108, 117, 0.06)' : 'transparent',
+        }}>
+          {statusMsg.text || statusMsg}
         </div>
       )}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.17.7",
+  "version": "0.18.0",
   "description": "Open-source agent orchestration layer — the AI company OS. MCP integrations (Slack, Gmail, Stripe, 15+), agent scheduling (cron), business roles (CMO, CFO, EA). GUI dashboard, multi-agent coordination, zero cold-start, infinite sessions. Works with Claude Code, Codex, Gemini CLI, Ollama.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",
@@ -22,7 +22,6 @@
     "claude-code",
     "codex",
     "gemini",
-
     "ollama",
     "coding-assistant",
     "developer-tools",

package/packages/daemon/integrations-registry.json

@@ -99,12 +99,13 @@
     "transport": "stdio",
     "command": "npx",
     "args": ["-y", "@gongrzhe/server-calendar-autoauth-mcp"],
-    "authType": "none",
+    "authType": "google-autoauth",
+    "oauthKeysDir": ".calendar-mcp",
     "envKeys": [],
     "setupSteps": [
-      "Click Install, then click 'Sign in with Google'",
-      "A browser window will open — authorize Groove",
-      "Done — no API keys or tokens needed"
+      "One-time: link your Google Cloud OAuth app (shared across all Google integrations)",
+      "Click 'Sign in with Google' — a browser opens for authorization",
+      "Done — the MCP server handles token refresh automatically"
     ],
     "featured": false,
     "downloads": 0,
@@ -124,12 +125,13 @@
     "transport": "stdio",
     "command": "npx",
     "args": ["-y", "@gongrzhe/server-gmail-autoauth-mcp"],
-    "authType": "none",
+    "authType": "google-autoauth",
+    "oauthKeysDir": ".gmail-mcp",
     "envKeys": [],
     "setupSteps": [
-      "Click Install, then click 'Sign in with Google'",
-      "A browser window will open — authorize Groove",
-      "Done — no API keys or tokens needed"
+      "One-time: link your Google Cloud OAuth app (shared across all Google integrations)",
+      "Click 'Sign in with Google' — a browser opens for authorization",
+      "Done — the MCP server handles token refresh automatically"
     ],
     "featured": false,
     "downloads": 0,
@@ -336,26 +338,6 @@
     "ratingCount": 0,
     "verified": "community"
   },
-  {
-    "id": "filesystem",
-    "name": "Filesystem",
-    "description": "Read, write, search, and manage files on the local filesystem",
-    "category": "developer",
-    "icon": "folder",
-    "tags": ["files", "filesystem", "local", "storage"],
-    "roles": ["backend", "fullstack", "devops"],
-    "npmPackage": "@modelcontextprotocol/server-filesystem",
-    "transport": "stdio",
-    "command": "npx",
-    "args": ["-y", "@modelcontextprotocol/server-filesystem"],
-    "authType": "none",
-    "envKeys": [],
-    "featured": false,
-    "downloads": 0,
-    "rating": 0,
-    "ratingCount": 0,
-    "verified": "mcp-official"
-  },
   {
     "id": "google-maps",
     "name": "Google Maps",
@@ -383,25 +365,5 @@
     "rating": 0,
     "ratingCount": 0,
     "verified": "mcp-official"
-  },
-  {
-    "id": "sqlite",
-    "name": "SQLite",
-    "description": "Query and manage SQLite databases, inspect schemas, run SQL",
-    "category": "database",
-    "icon": "database",
-    "tags": ["sql", "database", "local", "lightweight"],
-    "roles": ["analyst", "backend"],
-    "npmPackage": "mcp-sqlite",
-    "transport": "stdio",
-    "command": "npx",
-    "args": ["-y", "mcp-sqlite"],
-    "authType": "none",
-    "envKeys": [],
-    "featured": false,
-    "downloads": 0,
-    "rating": 0,
-    "ratingCount": 0,
-    "verified": "mcp-official"
   }
 ]