@aion0/forge 0.5.27 → 0.5.29

package/RELEASE_NOTES.md

@@ -1,19 +1,11 @@
-# Forge v0.5.27
+# Forge v0.5.29
 
-Released: 2026-04-08
+Released: 2026-04-09
 
-## Changes since v0.5.26
-
-### Features
-- feat: tmux mouse toggle button in terminal toolbar
+## Changes since v0.5.28
 
 ### Bug Fixes
-- fix: terminal bell respects settings.terminalBellEnabled
-- fix: disable terminal bell on state restore
-- fix: mouse toggle applies to all sessions, not just global
-- fix: mouse toggle takes effect immediately via tmux-command
-- fix: swap mouse toggle hint and button position
-- fix: restore tmux mouse on for trackpad scrolling in web terminal
+- fix: auto-reconnect workspace terminal WebSocket on disconnect
 
 
-**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.26...v0.5.27
+**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.5.28...v0.5.29

package/app/api/terminal-cwd/route.ts

@@ -1,5 +1,8 @@
 import { NextResponse } from 'next/server';
-import { execSync } from 'node:child_process';
+import { exec } from 'node:child_process';
+import { promisify } from 'node:util';
+
+const execAsync = promisify(exec);
 
 export async function GET(req: Request) {
   const { searchParams } = new URL(req.url);
@@ -8,11 +11,11 @@ export async function GET(req: Request) {
     return NextResponse.json({ path: null });
   }
   try {
-    const cwd = execSync(`tmux display-message -p -t ${session} '#{pane_current_path}'`, {
+    const { stdout } = await execAsync(`tmux display-message -p -t ${session} '#{pane_current_path}'`, {
       encoding: 'utf-8',
       timeout: 3000,
-    }).trim();
-    return NextResponse.json({ path: cwd || null });
+    });
+    return NextResponse.json({ path: stdout.trim() || null });
   } catch {
     return NextResponse.json({ path: null });
   }

package/components/CodeViewer.tsx

@@ -224,8 +224,8 @@ export default function CodeViewer({ terminalRef }: { terminalRef: React.RefObje
     };
 
     fetchCwd();
-    // Poll cwd every 5s (user might cd to a different directory)
-    const timer = setInterval(fetchCwd, 5000);
+    // Poll cwd every 15s (user might cd to a different directory)
+    const timer = setInterval(fetchCwd, 15000);
     return () => { cancelled = true; clearInterval(timer); };
   }, [activeSession]);
 
@@ -247,35 +247,7 @@ export default function CodeViewer({ terminalRef }: { terminalRef: React.RefObje
     fetchDir();
   }, [currentDir]);
 
-  // Poll for task completions in the current project
-  useEffect(() => {
-    if (!currentDir) return;
-    const dirName = currentDir.split('/').pop() || '';
-    const check = async () => {
-      try {
-        const res = await fetch('/api/tasks?status=done');
-        const tasks = await res.json();
-        if (!Array.isArray(tasks) || tasks.length === 0) return;
-        const latest = tasks.find((t: any) => t.projectPath === currentDir || t.projectName === dirName);
-        if (latest && latest.id !== lastTaskCheckRef.current && latest.completedAt) {
-          // Only notify if completed in the last 30s
-          const age = Date.now() - new Date(latest.completedAt).getTime();
-          if (age < 30_000) {
-            lastTaskCheckRef.current = latest.id;
-            setTaskNotification({
-              id: latest.id,
-              status: latest.status,
-              prompt: latest.prompt,
-              sessionId: latest.conversationId,
-            });
-            setTimeout(() => setTaskNotification(null), 15_000);
-          }
-        }
-      } catch {}
-    };
-    const timer = setInterval(check, 5000);
-    return () => clearInterval(timer);
-  }, [currentDir]);
+  // Task completion is notified via hook stop — no polling needed
 
   // Build git status map for tree coloring
   const gitMap: GitStatusMap = new Map(gitChanges.map(g => [g.path, g.status]));

package/components/Dashboard.tsx

@@ -2,9 +2,9 @@
 
 import { useState, useEffect, useCallback, useRef, lazy, Suspense } from 'react';
 import { signOut } from 'next-auth/react';
-import TaskBoard from './TaskBoard';
-import TaskDetail from './TaskDetail';
-import TunnelToggle from './TunnelToggle';
+const TaskBoard = lazy(() => import('./TaskBoard'));
+const TaskDetail = lazy(() => import('./TaskDetail'));
+const TunnelToggle = lazy(() => import('./TunnelToggle'));
 import type { Task } from '@/src/types';
 import type { WebTerminalHandle } from './WebTerminal';
 
@@ -181,7 +181,7 @@ export default function Dashboard({ user }: { user: any }) {
     return () => clearInterval(id);
   }, []);
 
-  // Notification polling
+  // Notifications: poll unread count at 30s, full fetch when panel opens
   const fetchNotifications = useCallback(() => {
     fetch('/api/notifications').then(r => r.json()).then(data => {
       setNotifications(data.notifications || []);
@@ -191,10 +191,15 @@ export default function Dashboard({ user }: { user: any }) {
 
   useEffect(() => {
     fetchNotifications();
-    const id = setInterval(fetchNotifications, 10000);
+    const id = setInterval(fetchNotifications, 30000);
     return () => clearInterval(id);
   }, [fetchNotifications]);
 
+  // Refresh full list when notification panel opens
+  useEffect(() => {
+    if (showNotifications) fetchNotifications();
+  }, [showNotifications, fetchNotifications]);
+
   // Heartbeat for online user tracking
   useEffect(() => {
     const ping = () => {
@@ -204,26 +209,35 @@ export default function Dashboard({ user }: { user: any }) {
         .catch(() => {});
     };
     ping();
-    const id = setInterval(ping, 15_000); // every 15s
+    const id = setInterval(ping, 60_000); // every 60s
     return () => clearInterval(id);
   }, []);
 
   const fetchData = useCallback(async () => {
     try {
-      const [tasksRes, statusRes, projectsRes] = await Promise.all([
-        fetch('/api/tasks'),
-        fetch('/api/status'),
-        fetch('/api/projects'),
-      ]);
-      if (tasksRes.ok) setTasks(await tasksRes.json());
-      if (statusRes.ok) { const s = await statusRes.json(); setProviders(s.providers); setUsage(s.usage); }
-      if (projectsRes.ok) setProjects(await projectsRes.json());
+      // Only fetch what's needed for current view
+      const fetches: Promise<void>[] = [
+        fetch('/api/projects').then(async r => { if (r.ok) setProjects(await r.json()); }),
+      ];
+      // Tasks + status only when relevant tabs are active
+      if (viewMode === 'tasks' || viewMode === 'terminal') {
+        fetches.push(
+          fetch('/api/tasks').then(async r => { if (r.ok) setTasks(await r.json()); }),
+        );
+      }
+      if (viewMode === 'usage') {
+        fetches.push(
+          fetch('/api/status').then(async r => { if (r.ok) { const s = await r.json(); setProviders(s.providers); setUsage(s.usage); } }),
+        );
+      }
+      await Promise.all(fetches);
     } catch {}
-  }, []);
+  }, [viewMode]);
 
   useEffect(() => {
     fetchData();
-    const interval = setInterval(fetchData, 5000);
+    // Poll less aggressively: 10s instead of 5s
+    const interval = setInterval(fetchData, 10000);
     return () => clearInterval(interval);
   }, [fetchData]);
 
@@ -421,7 +435,7 @@ export default function Dashboard({ user }: { user: any }) {
                 : 'border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--text-secondary)]'
             }`}
           >Usage</button>
-          <TunnelToggle />
+          <Suspense fallback={null}><TunnelToggle /></Suspense>
           {onlineCount.total > 0 && (
             <span className="text-[10px] text-[var(--text-secondary)] flex items-center gap-1" title={`${onlineCount.total} online${onlineCount.remote > 0 ? `, ${onlineCount.remote} remote` : ''}`}>
               <span className="text-green-500">●</span>
@@ -596,13 +610,13 @@ export default function Dashboard({ user }: { user: any }) {
           <>
             {/* Left — Task list */}
             <aside className="w-72 border-r border-[var(--border)] flex flex-col shrink-0">
-              <TaskBoard tasks={tasks} activeId={activeTaskId} onSelect={setActiveTaskId} onRefresh={fetchData} />
+              <Suspense fallback={null}><TaskBoard tasks={tasks} activeId={activeTaskId} onSelect={setActiveTaskId} onRefresh={fetchData} /></Suspense>
             </aside>
 
             {/* Center — Task detail / empty state */}
             <main className="flex-1 flex flex-col min-w-0">
               {activeTask ? (
-                <TaskDetail
+                <Suspense fallback={null}><TaskDetail
                   task={activeTask}
                   onRefresh={fetchData}
                   onFollowUp={async (data) => {
@@ -615,7 +629,7 @@ export default function Dashboard({ user }: { user: any }) {
                     setActiveTaskId(newTask.id);
                     fetchData();
                   }}
-                />
+                /></Suspense>
               ) : (
                 <div className="flex-1 flex items-center justify-center text-[var(--text-secondary)]">
                   <div className="text-center space-y-2">

package/components/WorkspaceView.tsx

@@ -2292,11 +2292,36 @@ function FloatingTerminal({ agentLabel, agentIcon, projectPath, agentCliId, cliC
         }
       };
 
+      let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+      const reconnect = () => {
+        if (disposed || reconnectTimer) return;
+        term.write('\r\n\x1b[93m[Reconnecting...]\x1b[0m\r\n');
+        reconnectTimer = setTimeout(() => {
+          reconnectTimer = null;
+          if (disposed) return;
+          const newWs = new WebSocket(getWsUrl());
+          wsRef.current = newWs;
+          const sn = sessionNameRef.current || preferredSessionName;
+          newWs.onopen = () => {
+            newWs.send(JSON.stringify({ type: 'attach', sessionName: sn, cols: term.cols, rows: term.rows }));
+          };
+          newWs.onerror = () => { if (!disposed) reconnect(); };
+          newWs.onclose = () => { if (!disposed) reconnect(); };
+          newWs.onmessage = ws.onmessage;
+        }, 2000);
+      };
+
       ws.onerror = () => {
-        if (!disposed) term.write('\r\n\x1b[91m[Connection error]\x1b[0m\r\n');
+        if (!disposed) {
+          term.write('\r\n\x1b[91m[Connection error]\x1b[0m\r\n');
+          reconnect();
+        }
       };
       ws.onclose = () => {
-        if (!disposed) term.write('\r\n\x1b[90m[Disconnected]\x1b[0m\r\n');
+        if (!disposed) {
+          term.write('\r\n\x1b[90m[Disconnected]\x1b[0m\r\n');
+          reconnect();
+        }
       };
 
       let launched = false;
@@ -2390,16 +2415,19 @@ function FloatingTerminal({ agentLabel, agentIcon, projectPath, agentCliId, cliC
       };
 
       term.onData(data => {
-        if (ws.readyState === WebSocket.OPEN) ws.send(JSON.stringify({ type: 'input', data }));
+        const activeWs = wsRef.current;
+        if (activeWs?.readyState === WebSocket.OPEN) activeWs.send(JSON.stringify({ type: 'input', data }));
       });
       term.onResize(({ cols, rows }) => {
-        if (ws.readyState === WebSocket.OPEN) ws.send(JSON.stringify({ type: 'resize', cols, rows }));
+        const activeWs = wsRef.current;
+        if (activeWs?.readyState === WebSocket.OPEN) activeWs.send(JSON.stringify({ type: 'resize', cols, rows }));
       });
 
       return () => {
         disposed = true;
+        if (reconnectTimer) clearTimeout(reconnectTimer);
         ro.disconnect();
-        ws.close();
+        (wsRef.current || ws).close();
         term.dispose();
       };
     });

package/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aion0/forge",
-  "version": "0.5.27",
+  "version": "0.5.29",
   "description": "Unified AI workflow platform — multi-model task orchestration, persistent sessions, web terminal, remote access",
   "type": "module",
   "scripts": {