groove-dev 0.27.169 → 0.27.172

package/node_modules/@groove-dev/gui/src/components/settings/ssh-wizard.jsx

@@ -81,29 +81,29 @@ function ToggleSwitch({ value, onChange }) {
 
 function FieldCard({ icon: Icon, title, children }) {
   return (
-    <div className="rounded-xl border border-border-subtle bg-surface-1/80 px-5 py-4 flex flex-col gap-2.5">
-      <div className="flex items-center gap-2.5">
-        <div className="w-7 h-7 rounded-lg bg-accent/10 border border-accent/10 flex items-center justify-center flex-shrink-0">
-          <Icon size={13} className="text-accent" />
+    <div className="flex flex-col gap-3">
+      <div className="flex items-center gap-3">
+        <div className="w-8 h-8 rounded bg-[rgba(255,255,255,0.04)] border border-[#2c313a] flex items-center justify-center flex-shrink-0">
+          <Icon size={15} className="text-[#8b95a5]" />
         </div>
-        <span className="text-sm font-semibold text-text-0 font-sans">{title}</span>
+        <span className="text-[15px] font-semibold text-[#e6e8ed]" style={{ fontFamily: "-apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif", letterSpacing: '-0.2px' }}>{title}</span>
       </div>
-      <div className="mt-0.5">{children}</div>
+      <div>{children}</div>
     </div>
   );
 }
 
 function InfoCard({ icon: Icon, title, iconColor, children }) {
   return (
-    <div className="rounded-xl border border-border-subtle bg-surface-1/80 px-5 py-4">
-      <div className="flex items-center gap-2.5 mb-3">
+    <div>
+      <div className="flex items-center gap-3 mb-4">
         <div className={cn(
-          'w-7 h-7 rounded-lg flex items-center justify-center flex-shrink-0',
-          iconColor || 'bg-accent/10',
+          'w-8 h-8 rounded border border-[#2c313a] flex items-center justify-center flex-shrink-0',
+          iconColor || 'bg-[rgba(255,255,255,0.04)]',
         )}>
-          <Icon size={13} className={iconColor ? undefined : 'text-accent'} />
+          <Icon size={15} className={iconColor ? undefined : 'text-[#8b95a5]'} />
         </div>
-        <span className="text-sm font-semibold text-text-0 font-sans">{title}</span>
+        <span className="text-[15px] font-semibold text-[#e6e8ed]" style={{ fontFamily: "-apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif", letterSpacing: '-0.2px' }}>{title}</span>
       </div>
       {children}
     </div>
@@ -342,11 +342,13 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
     setConnecting(false);
   }
 
-  const inputCls = 'h-9 px-3 text-xs bg-surface-0 border border-border-subtle rounded-lg text-text-0 font-sans placeholder:text-text-4 focus:outline-none focus:ring-1 focus:ring-accent/50 focus:border-accent/30 transition-colors';
-  const monoInputCls = 'h-9 px-3 text-xs bg-surface-0 border border-border-subtle rounded-lg text-text-0 font-mono placeholder:text-text-4 focus:outline-none focus:ring-1 focus:ring-accent/50 focus:border-accent/30 transition-colors';
+  const inputCls = 'h-[38px] px-[13px] text-[13px] bg-[#1e2127] border border-[#2c313a] rounded text-[#e6e8ed] placeholder:text-[#4a5060] focus:outline-none focus:border-[#33afbc] focus:bg-[#1a1e25] transition-colors';
+  const monoInputCls = 'h-[38px] px-[13px] text-[13px] bg-[#1e2127] border border-[#2c313a] rounded text-[#e6e8ed] placeholder:text-[#4a5060] focus:outline-none focus:border-[#33afbc] focus:bg-[#1a1e25] transition-colors';
+  const inputStyle = { fontFamily: "-apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif" };
+  const monoStyle = { fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace" };
 
   return (
-    <div className="p-5">
+    <div className="p-6">
       <StepIndicator
         steps={STEPS}
         currentStep={step}
@@ -359,22 +361,24 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
           <FieldCard icon={Server} title="Server Info">
             <div className="space-y-3">
               <div>
-                <label className="text-2xs font-semibold text-text-2 font-sans mb-1.5 block">Name</label>
+                <label className="block text-[10.5px] font-medium text-[#8b95a5] mb-1.5 uppercase tracking-wider" style={{ fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace", letterSpacing: '0.6px' }}>Name</label>
                 <input
                   value={name}
                   onChange={(e) => setName(e.target.value)}
                   placeholder="api-vps"
                   className={cn(inputCls, 'w-full')}
+                  style={inputStyle}
                   autoFocus
                 />
               </div>
               <div>
-                <label className="text-2xs font-semibold text-text-2 font-sans mb-1.5 block">Host</label>
+                <label className="block text-[10.5px] font-medium text-[#8b95a5] mb-1.5 uppercase tracking-wider" style={{ fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace", letterSpacing: '0.6px' }}>Host</label>
                 <input
                   value={host}
                   onChange={(e) => setHost(e.target.value)}
                   placeholder="165.22.180.45"
                   className={cn(monoInputCls, 'w-full')}
+                  style={monoStyle}
                 />
               </div>
             </div>
@@ -383,21 +387,23 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
           <FieldCard icon={Settings} title="Connection">
             <div className="space-y-3">
               <div>
-                <label className="text-2xs font-semibold text-text-2 font-sans mb-1.5 block">User</label>
+                <label className="block text-[10.5px] font-medium text-[#8b95a5] mb-1.5 uppercase tracking-wider" style={{ fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace", letterSpacing: '0.6px' }}>User</label>
                 <input
                   value={user}
                   onChange={(e) => setUser(e.target.value)}
                   placeholder="root"
                   className={cn(monoInputCls, 'w-full')}
+                  style={monoStyle}
                 />
               </div>
               <div>
-                <label className="text-2xs font-semibold text-text-2 font-sans mb-1.5 block">SSH Port</label>
+                <label className="block text-[10.5px] font-medium text-[#8b95a5] mb-1.5 uppercase tracking-wider" style={{ fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace", letterSpacing: '0.6px' }}>SSH Port</label>
                 <input
                   value={sshPort}
                   onChange={(e) => setSshPort(Number(e.target.value) || 22)}
                   type="number"
-                  className={cn(monoInputCls, 'w-24')}
+                  className={cn(monoInputCls, 'w-28')}
+                  style={monoStyle}
                 />
               </div>
             </div>
@@ -410,74 +416,72 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
           <FieldCard icon={KeyRound} title="SSH Key">
             <div className="space-y-3">
               <div>
-                <label className="text-2xs font-semibold text-text-2 font-sans mb-1.5 block">Key Path</label>
-                <div className="flex items-center gap-1.5">
+                <label className="block text-[10.5px] font-medium text-[#8b95a5] mb-1.5 uppercase tracking-wider" style={{ fontFamily: "ui-monospace, 'SF Mono', Monaco, monospace", letterSpacing: '0.6px' }}>Key Path</label>
+                <div className="flex items-center gap-2">
                   <input
                     value={sshKeyPath}
                     onChange={(e) => setSshKeyPath(e.target.value)}
                     placeholder="~/.ssh/id_ed25519"
                     className={cn(monoInputCls, 'flex-1 min-w-0')}
+                    style={monoStyle}
                     autoFocus
                   />
-                  <Button
-                    variant="secondary"
-                    size="sm"
+                  <button
                     onClick={() => setKeyBrowserOpen(true)}
-                    className="h-9 px-2.5 flex-shrink-0"
+                    className="h-[38px] px-3 rounded bg-transparent border border-[#3e4451] text-[#8b95a5] hover:border-[#4a5060] hover:text-[#e6e8ed] hover:bg-[rgba(255,255,255,0.025)] cursor-pointer transition-colors flex-shrink-0"
                   >
-                    <FolderSearch size={13} />
-                  </Button>
+                    <FolderSearch size={15} />
+                  </button>
                 </div>
-                <p className="text-2xs text-text-4 font-sans mt-1.5">
+                <p className="text-xs text-[#6e7681] mt-2" style={monoStyle}>
                   Leave blank to use default SSH agent.
                 </p>
               </div>
-              <Button
-                variant="secondary"
-                size="sm"
+              <button
                 onClick={handleTest}
                 disabled={testLoading}
-                className="h-8 text-2xs gap-1.5"
+                className="inline-flex items-center gap-2 h-9 px-4 rounded bg-transparent border border-[#3e4451] text-[#8b95a5] text-[12.5px] font-medium cursor-pointer transition-colors hover:border-[#4a5060] hover:text-[#e6e8ed] hover:bg-[rgba(255,255,255,0.025)] disabled:opacity-30 disabled:cursor-not-allowed"
+                style={inputStyle}
               >
-                {testLoading ? <Loader2 size={11} className="animate-spin" /> : <Plug size={11} />}
+                {testLoading ? <Loader2 size={13} className="animate-spin" /> : <Plug size={13} />}
                 Test Connection
-              </Button>
+              </button>
             </div>
           </FieldCard>
 
           <div className="space-y-4">
             <InfoCard icon={Server} title="Target">
-              <div className="space-y-2 text-2xs font-sans">
+              <div className="space-y-2.5 text-xs">
                 <div className="flex items-center justify-between">
-                  <span className="text-text-3">Host</span>
-                  <span className="text-text-1 font-mono">{host || '—'}</span>
+                  <span className="text-[#6e7681] uppercase text-[11px] tracking-wide" style={monoStyle}>Host</span>
+                  <span className="text-[#e6e8ed] text-xs" style={monoStyle}>{host || '—'}</span>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span className="text-text-3">User</span>
-                  <span className="text-text-1 font-mono">{user || '—'}</span>
+                  <span className="text-[#6e7681] uppercase text-[11px] tracking-wide" style={monoStyle}>User</span>
+                  <span className="text-[#e6e8ed] text-xs" style={monoStyle}>{user || '—'}</span>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span className="text-text-3">Port</span>
-                  <span className="text-text-1 font-mono">{sshPort}</span>
+                  <span className="text-[#6e7681] uppercase text-[11px] tracking-wide" style={monoStyle}>Port</span>
+                  <span className="text-[#e6e8ed] text-xs" style={monoStyle}>{sshPort}</span>
                 </div>
               </div>
             </InfoCard>
 
             {testResult && (
               <div className={cn(
-                'px-4 py-3 rounded-xl text-2xs font-sans flex items-start gap-2',
+                'px-4 py-3.5 rounded text-xs flex items-start gap-2.5',
                 testResult.error
-                  ? 'bg-danger/8 border border-danger/20 text-danger'
+                  ? 'bg-[#1e2127] border border-[#ef4444]/25 text-[#ef4444]'
                   : testResult.reachable
-                    ? 'bg-success/8 border border-success/20 text-success'
-                    : 'bg-warning/8 border border-warning/20 text-warning',
-              )}>
+                    ? 'bg-[#1e2127] border border-[#33afbc]/25 text-[#33afbc]'
+                    : 'bg-[#1e2127] border border-[#fbbf24]/25 text-[#fbbf24]',
+              )} style={inputStyle}>
                 {testResult.error ? (
-                  <><X size={11} className="mt-0.5 flex-shrink-0" /> {testResult.error}</>
+                  <><X size={13} className="mt-0.5 flex-shrink-0" /> {testResult.error}</>
                 ) : testResult.reachable ? (
-                  <><Check size={11} className="mt-0.5 flex-shrink-0" /> Server reachable</>
+                  <><Check size={13} className="mt-0.5 flex-shrink-0" /> Server reachable</>
                 ) : (
-                  <><AlertTriangle size={11} className="mt-0.5 flex-shrink-0" /> Host unreachable</>
+                  <><AlertTriangle size={13} className="mt-0.5 flex-shrink-0" /> Host unreachable</>
                 )}
               </div>
             )}
@@ -489,6 +493,8 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
             currentPath={sshKeyPath || '~/.ssh'}
             homePath={remoteHomedir}
             onSelect={(path) => setSshKeyPath(path)}
+            mode="file"
+            title="Select SSH Key"
           />
         </div>
       )}
@@ -601,48 +607,44 @@ export function SSHWizard({ server, onSave, onTest, onConnect, onCancel }) {
         </div>
       )}
 
-      <div className="flex items-center justify-between mt-5">
-        <Button
-          variant="ghost"
-          size="sm"
+      <div className="flex items-center justify-between mt-6">
+        <button
           onClick={step === 0 ? onCancel : step === 3 ? onCancel : handleBack}
-          className="h-8 text-xs px-4 text-text-3"
+          className="inline-flex items-center h-9 px-4 rounded bg-transparent border border-[#3e4451] text-[#8b95a5] text-[12.5px] font-medium cursor-pointer transition-colors hover:border-[#4a5060] hover:text-[#e6e8ed] hover:bg-[rgba(255,255,255,0.025)]"
+          style={inputStyle}
         >
           {step === 0 ? 'Cancel' : step === 3 ? 'Done' : 'Back'}
-        </Button>
+        </button>
         {step < 3 && (
           <div className="flex gap-2">
             {step === 2 ? (
-              <Button
-                variant="primary"
-                size="sm"
+              <button
                 onClick={handleConnect}
                 disabled={connecting || saving}
-                className="h-8 text-xs px-4 gap-1.5"
+                className="inline-flex items-center gap-2 h-9 px-5 rounded bg-[#33afbc] text-[#0a0c10] text-[12.5px] font-semibold cursor-pointer transition-opacity hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed"
+                style={inputStyle}
               >
-                {connecting ? <Loader2 size={12} className="animate-spin" /> : <Plug size={12} />}
+                {connecting ? <Loader2 size={14} className="animate-spin" /> : <Plug size={14} />}
                 {connecting ? 'Connecting...' : 'Connect'}
-              </Button>
+              </button>
             ) : step === 1 ? (
-              <Button
-                variant="primary"
-                size="sm"
+              <button
                 onClick={handleSaveAndSetup}
                 disabled={saving}
-                className="h-8 text-xs px-4"
+                className="inline-flex items-center h-9 px-5 rounded bg-[#33afbc] text-[#0a0c10] text-[12.5px] font-semibold cursor-pointer transition-opacity hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed"
+                style={inputStyle}
               >
                 {saving ? 'Saving...' : 'Next'}
-              </Button>
+              </button>
             ) : (
-              <Button
-                variant="primary"
-                size="sm"
+              <button
                 onClick={handleNext}
                 disabled={!canAdvanceStep0()}
-                className="h-8 text-xs px-4"
+                className="inline-flex items-center h-9 px-5 rounded bg-[#33afbc] text-[#0a0c10] text-[12.5px] font-semibold cursor-pointer transition-opacity hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed"
+                style={inputStyle}
               >
                 Next
-              </Button>
+              </button>
             )}
           </div>
         )}

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

@@ -19,6 +19,7 @@ import { Select, SelectTrigger, SelectContent, SelectItem } from '../components/
 import { ScrollArea } from '../components/ui/scroll-area';
 import { Tooltip } from '../components/ui/tooltip';
 import { TuningSlider } from '../components/ui/slider';
+import { RecommendedTeamCard } from '../components/agents/recommended-team-card';
 
 const NODE_TYPES = { agentNode: AgentNode, rootNode: RootNode };
 const NODE_W = 220;
@@ -1233,17 +1234,7 @@ function EmptyState({ onPlanner, onSpawn, onTeamBuilder }) {
   );
 }
 
-/* ── Recommended Team Launch Card ─────────────────────────── */
-
-const ROLE_ICONS = { backend: Server, frontend: Monitor, fullstack: Code2, testing: TestTube, security: Shield };
-
-const NAME_RE = /^[a-zA-Z0-9_-]{1,64}$/;
-
-function sanitizeName(raw) {
-  return raw.replace(/\s+/g, '-').replace(/[^a-zA-Z0-9_-]/g, '').slice(0, 64);
-}
-
-function RecommendedTeamCard() {
+function _RecommendedTeamCard_removed() { return null; /* extracted to components/agents/recommended-team-card.jsx */
   const recommendedTeam = useGrooveStore((s) => s.recommendedTeam);
   const launchRecommendedTeam = useGrooveStore((s) => s.launchRecommendedTeam);
   const teamLaunchConfig = useGrooveStore((s) => s.teamLaunchConfig);

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

@@ -8,7 +8,7 @@ import { MediaViewer, isMediaFile } from '../components/editor/media-viewer';
 import { EditorStatusBar } from '../components/editor/editor-status-bar';
 import { GotoLine } from '../components/editor/goto-line';
 import { Breadcrumbs } from '../components/editor/breadcrumbs';
-import { Code2, Eye, FileCode, PanelLeftOpen } from 'lucide-react';
+import { Code2, Eye, FileCode, PanelLeftOpen, Upload } from 'lucide-react';
 import { api } from '../lib/api';
 import { cn } from '../lib/cn';
 
@@ -37,6 +37,11 @@ export default function EditorView() {
   const [showGotoLine, setShowGotoLine] = useState(false);
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
 
+  const [dragOver, setDragOver] = useState(false);
+  const dragCounter = useRef(0);
+  const addToast = useGrooveStore((s) => s.addToast);
+  const fetchTreeDir = useGrooveStore((s) => s.fetchTreeDir);
+
   const editorViewRef = useRef(null);
   const dragging = useRef(false);
   const startX = useRef(0);
@@ -62,6 +67,47 @@ export default function EditorView() {
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, []);
 
+  // External file drop handler — upload files dropped anywhere in the editor
+  function handleDragEnter(e) {
+    e.preventDefault();
+    dragCounter.current++;
+    if (e.dataTransfer?.types?.includes('Files')) setDragOver(true);
+  }
+  function handleDragLeave(e) {
+    e.preventDefault();
+    dragCounter.current--;
+    if (dragCounter.current <= 0) { dragCounter.current = 0; setDragOver(false); }
+  }
+  function handleDragOver(e) {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = 'copy';
+  }
+  async function handleDrop(e) {
+    e.preventDefault();
+    dragCounter.current = 0;
+    setDragOver(false);
+    const nativeFiles = e.dataTransfer?.files;
+    if (!nativeFiles?.length) return;
+
+    const toUpload = [];
+    for (const file of Array.from(nativeFiles)) {
+      const base64 = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result.split(',')[1]);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+      });
+      toUpload.push({ name: file.name, content: base64 });
+    }
+    try {
+      const result = await api.post('/files/upload', { dir: '', files: toUpload });
+      addToast('success', `Uploaded ${result.total} file${result.total !== 1 ? 's' : ''}`);
+      fetchTreeDir('');
+    } catch (err) {
+      addToast('error', 'Upload failed', err.message);
+    }
+  }
+
   // Sidebar resize handlers
   const onSidebarMouseDown = useCallback((e) => {
     e.preventDefault();
@@ -129,7 +175,22 @@ export default function EditorView() {
       )}
 
       {/* Editor area */}
-      <div className="flex-1 flex flex-col min-w-0 bg-surface-1">
+      <div
+        className="flex-1 flex flex-col min-w-0 bg-surface-1 relative"
+        onDragEnter={handleDragEnter}
+        onDragLeave={handleDragLeave}
+        onDragOver={handleDragOver}
+        onDrop={handleDrop}
+      >
+        {/* Drop overlay */}
+        {dragOver && (
+          <div className="absolute inset-0 z-50 bg-accent/8 border-2 border-dashed border-accent/40 rounded-lg flex items-center justify-center pointer-events-none">
+            <div className="flex flex-col items-center gap-2 text-accent">
+              <Upload size={32} />
+              <span className="text-sm font-semibold font-sans">Drop files to upload</span>
+            </div>
+          </div>
+        )}
 
         {/* Tab bar */}
         <EditorTabs />

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

@@ -1580,6 +1580,7 @@ export default function SettingsView() {
   const [folderBrowserOpen, setFolderBrowserOpen] = useState(false);
   const addToast = useGrooveStore((s) => s.addToast);
   const remoteHomedir = useGrooveStore((s) => s.remoteHomedir);
+  const tunneled = useGrooveStore((s) => s.tunneled);
   const providerRefreshTick = useGrooveStore((s) => s._providerRefreshTick);
 
   function loadProviders() {
@@ -1764,7 +1765,7 @@ export default function SettingsView() {
                       {config.defaultWorkingDir || 'Project root'}
                     </code>
                     <Button variant="secondary" size="sm" onClick={async () => {
-                      if (window.groove?.folders?.select) {
+                      if (window.groove?.folders?.select && !tunneled) {
                         const dir = await window.groove.folders.select({
                           title: 'Select Working Directory',
                           defaultPath: config?.defaultWorkingDir || undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.27.169",
+  "version": "0.27.172",
   "description": "Open-source agent orchestration layer — the AI company OS. Local model agent engine (GGUF/Ollama/llama-server), HuggingFace model browser, 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, any local model.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/cli",
-  "version": "0.27.169",
+  "version": "0.27.172",
   "description": "GROOVE CLI — manage AI coding agents from your terminal",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/daemon",
-  "version": "0.27.169",
+  "version": "0.27.172",
   "description": "GROOVE daemon — agent orchestration engine",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/src/routes/files.js

@@ -156,22 +156,35 @@ export function registerFileRoutes(app, daemon) {
     if (absPath.includes('\0')) return res.status(400).json({ error: 'Invalid path' });
     if (!existsSync(absPath)) return res.status(404).json({ error: 'Not found' });
 
+    const showFiles = req.query.files === 'true';
+    const showHidden = req.query.hidden === 'true';
+
     try {
-      const entries = readdirSync(absPath, { withFileTypes: true })
-        .filter((e) => e.isDirectory() && !e.name.startsWith('.') && e.name !== 'node_modules')
+      const raw = readdirSync(absPath, { withFileTypes: true });
+
+      const dirs = raw
+        .filter((e) => e.isDirectory() && (showHidden || !e.name.startsWith('.')) && e.name !== 'node_modules')
         .sort((a, b) => a.name.localeCompare(b.name))
         .map((e) => {
           const full = resolve(absPath, e.name);
           let hasChildren = false;
           try {
             hasChildren = readdirSync(full, { withFileTypes: true })
-              .some((c) => c.isDirectory() && !c.name.startsWith('.') && c.name !== 'node_modules');
+              .some((c) => c.isDirectory() && (showHidden || !c.name.startsWith('.')) && c.name !== 'node_modules');
           } catch { /* unreadable */ }
-          return { name: e.name, path: full, hasChildren };
+          return { name: e.name, path: full, hasChildren, type: 'dir' };
         });
 
+      let files = [];
+      if (showFiles) {
+        files = raw
+          .filter((e) => e.isFile() && (showHidden || !e.name.startsWith('.')))
+          .sort((a, b) => a.name.localeCompare(b.name))
+          .map((e) => ({ name: e.name, path: resolve(absPath, e.name), type: 'file' }));
+      }
+
       const parent = absPath === '/' ? null : resolve(absPath, '..');
-      res.json({ current: absPath, parent, dirs: entries });
+      res.json({ current: absPath, parent, dirs, files });
     } catch (err) {
       res.status(500).json({ error: err.message });
     }

package/packages/daemon/src/tunnel-manager.js

@@ -34,7 +34,8 @@ function validateField(value, name) {
 
 function sshCmd(cmd) {
   const nvmProbe = 'export NVM_DIR="${NVM_DIR:-$HOME/.nvm}"; [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"; ';
-  return `bash -lc '${nvmProbe}${cmd}'`;
+  const npmGlobalProbe = '[ -d "$HOME/.npm-global/bin" ] && export PATH="$HOME/.npm-global/bin:$PATH"; ';
+  return `bash -lc '${nvmProbe}${npmGlobalProbe}${cmd}'`;
 }
 
 function npmGlobalInstall(pkg, user) {
@@ -354,8 +355,19 @@ export class TunnelManager {
     }
 
     if (!tunnelUp) {
-      try { process.kill(tunnel.pid); } catch { /* ignore */ }
-      throw new Error(`SSH tunnel started but port forward not active${stderrBuf.trim() ? ': ' + stderrBuf.trim() : ''}`);
+      // Remote daemon likely not running — start it and retry the port check
+      this.daemon.broadcast({ type: 'tunnel.status', data: { id, step: 'starting' } });
+      try { await this.autoStart(id); } catch { /* best effort */ }
+      for (let elapsed = 0; elapsed < 15000; elapsed += 500) {
+        await new Promise((r) => setTimeout(r, 500));
+        if (tunnel.exitCode !== null) break;
+        tunnelUp = await this._isPortInUse(localPort);
+        if (tunnelUp) break;
+      }
+      if (!tunnelUp) {
+        try { process.kill(tunnel.pid); } catch { /* ignore */ }
+        throw new Error(`SSH tunnel started but remote daemon not reachable${stderrBuf.trim() ? ': ' + stderrBuf.trim() : ''}`);
+      }
     }
 
     tunnel.unref();
@@ -379,7 +391,7 @@ export class TunnelManager {
       remoteAlive = probe.ok;
     } catch { /* not reachable */ }
 
-    if (!remoteAlive && config.autoStart) {
+    if (!remoteAlive) {
       this.daemon.broadcast({ type: 'tunnel.status', data: { id, step: 'starting' } });
       await this.autoStart(id);
       for (let i = 0; i < 5; i++) {
@@ -391,8 +403,6 @@ export class TunnelManager {
           if (retry.ok) { remoteAlive = true; break; }
         } catch { /* retry */ }
       }
-    } else if (!remoteAlive && !config.autoStart) {
-      this.daemon.broadcast({ type: 'tunnel.status', data: { id, step: 'waiting', message: 'Remote daemon not running. Start it manually or enable auto-start.' } });
     }
 
     // Auto-upgrade: check version through tunnel, upgrade if behind