groove-dev 0.27.66 → 0.27.67

package/packages/gui/src/stores/groove.js

@@ -34,6 +34,7 @@ export const useGrooveStore = create((set, get) => ({
   ws: null,
   daemonHost: null,
   tunneled: false,
+  remoteHomedir: null,
 
   // ── Teams ─────────────────────────────────────────────────
   teams: [],
@@ -172,6 +173,7 @@ export const useGrooveStore = create((set, get) => ({
         const isTunneled = String(s.port) !== browserPort;
         if (isTunneled) updates.tunneled = true;
         if (s.version) updates.version = s.version;
+        if (s.homedir) updates.remoteHomedir = s.homedir;
         if (Object.keys(updates).length > 0) set(updates);
         if (isTunneled) get().fetchProjectDir();
       }).catch(() => {});
@@ -907,7 +909,7 @@ export const useGrooveStore = create((set, get) => ({
         clearInterval(plannerPollInterval);
         plannerPollInterval = null;
       }
-      set({ connected: false, hydrated: false, ws: null, daemonHost: null, tunneled: false });
+      set({ connected: false, hydrated: false, ws: null, daemonHost: null, tunneled: false, remoteHomedir: null });
       setTimeout(() => get().connect(), 2000);
     };
     ws.onerror = () => ws.close();
@@ -1540,7 +1542,13 @@ export const useGrooveStore = create((set, get) => ({
       get().addToast('success', `Spawned ${agent.name}`);
       return agent;
     } catch (err) {
-      get().addToast('error', 'Spawn failed', err.message);
+      let detail = err.message;
+      if (detail?.includes('workingDir must be within project directory')) {
+        const projDir = get().projectDir || 'unknown';
+        const workDir = config.workingDir || 'default';
+        detail = `workingDir "${workDir}" is outside project directory "${projDir}". Change the project directory or pick a subfolder within it.`;
+      }
+      get().addToast('error', 'Spawn failed', detail);
       throw err;
     }
   },

package/packages/gui/src/views/agents.jsx

@@ -10,7 +10,7 @@ import { RootNode } from '../components/agents/root-node';
 import { cn } from '../lib/cn';
 import { Button } from '../components/ui/button';
 import { Badge } from '../components/ui/badge';
-import { Plus, Users, Zap, X, Check, Rocket, Server, Monitor, Code2, TestTube, Shield, Pencil, Copy, Trash2, ChevronDown, ChevronLeft, ChevronRight, FolderOpen } from 'lucide-react';
+import { Plus, Users, Zap, X, Check, Rocket, Server, Monitor, Code2, TestTube, Shield, Pencil, Copy, Trash2, ChevronDown, ChevronLeft, ChevronRight, FolderOpen, Radio } from 'lucide-react';
 import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator } from '../components/ui/context-menu';
 
 const NODE_TYPES = { agentNode: AgentNode, rootNode: RootNode };
@@ -629,6 +629,19 @@ function EmptyState({ onPlanner, onSpawn }) {
               <div className="text-xs text-text-3 font-sans mt-0.5">Choose a role and configure</div>
             </div>
           </button>
+
+          <button
+            onClick={() => useGrooveStore.getState().toggleQuickConnect()}
+            className="w-full flex items-center gap-3 p-4 rounded-lg border border-border bg-surface-1 hover:bg-surface-2 hover:border-border transition-all cursor-pointer group text-left"
+          >
+            <div className="w-10 h-10 rounded-lg bg-surface-4 flex items-center justify-center group-hover:scale-110 transition-transform flex-shrink-0">
+              <Radio size={20} className="text-text-1" />
+            </div>
+            <div className="min-w-0">
+              <div className="text-sm font-semibold text-text-0 font-sans">Connect to Remote Server</div>
+              <div className="text-xs text-text-3 font-sans mt-0.5">SSH tunnel to a remote machine</div>
+            </div>
+          </button>
         </div>
 
         {window.groove?.openFolder && (

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

@@ -1035,6 +1035,7 @@ export default function SettingsView() {
   const [loading, setLoading] = useState(true);
   const [folderBrowserOpen, setFolderBrowserOpen] = useState(false);
   const addToast = useGrooveStore((s) => s.addToast);
+  const remoteHomedir = useGrooveStore((s) => s.remoteHomedir);
 
   function loadProviders() {
     api.get('/providers').then((d) => setProviders(Array.isArray(d) ? d : [])).catch(() => {});
@@ -1296,7 +1297,8 @@ export default function SettingsView() {
       <FolderBrowser
         open={folderBrowserOpen}
         onOpenChange={setFolderBrowserOpen}
-        currentPath={config?.defaultWorkingDir || '/'}
+        currentPath={config?.defaultWorkingDir || remoteHomedir || '/'}
+        homePath={remoteHomedir}
         onSelect={(dir) => updateConfig('defaultWorkingDir', dir)}
       />
     </div>