@aion0/forge 0.2.18 → 0.2.20

package/app/api/upgrade/route.ts

@@ -1,39 +1,40 @@
 import { NextResponse } from 'next/server';
 import { join } from 'node:path';
-import { lstatSync } from 'node:fs';
 import { execSync } from 'node:child_process';
 
 export async function POST() {
   try {
-    // Check if installed via npm link (symlink = local dev)
-    let isLinked = false;
-    try { isLinked = lstatSync(join(process.cwd())).isSymbolicLink(); } catch {}
+    // Run upgrade with cache bypass
+    const output = execSync(
+      'cd /tmp && npm install -g @aion0/forge@latest --prefer-online 2>&1',
+      { encoding: 'utf-8', timeout: 120000 }
+    );
 
-    if (isLinked) {
-      return NextResponse.json({
-        ok: false,
-        error: 'Local dev install (npm link). Run: git pull && pnpm install && pnpm build',
-      });
-    }
-
-    // Upgrade from npm
-    execSync('cd /tmp && npm install -g @aion0/forge', { timeout: 120000 });
-
-    // Install devDependencies for build (npm -g doesn't install them)
+    // Verify the installed version
     const pkgRoot = execSync('npm root -g', { encoding: 'utf-8', timeout: 5000 }).trim();
     const forgeRoot = join(pkgRoot, '@aion0', 'forge');
+
+    // Install devDependencies for build (npm -g doesn't install them)
+    try {
+      execSync('npm install --include=dev 2>&1', { cwd: forgeRoot, timeout: 120000 });
+    } catch {}
+
+    // Read installed version
+    let installedVersion = '';
     try {
-      execSync('npm install --include=dev', { cwd: forgeRoot, timeout: 120000 });
+      const pkg = JSON.parse(require('fs').readFileSync(join(forgeRoot, 'package.json'), 'utf-8'));
+      installedVersion = pkg.version;
     } catch {}
 
     return NextResponse.json({
       ok: true,
-      message: 'Upgraded. Restart server to apply.',
+      message: `Upgraded to v${installedVersion}. Restart server to apply.`,
     });
   } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
     return NextResponse.json({
       ok: false,
-      error: `Upgrade failed: ${e instanceof Error ? e.message : String(e)}`,
+      error: `Upgrade failed: ${msg.slice(0, 200)}`,
     });
   }
 }

package/components/Dashboard.tsx

@@ -8,6 +8,7 @@ import SessionView from './SessionView';
 import NewTaskModal from './NewTaskModal';
 import SettingsModal from './SettingsModal';
 import TunnelToggle from './TunnelToggle';
+import MonitorPanel from './MonitorPanel';
 import type { Task } from '@/src/types';
 import type { WebTerminalHandle } from './WebTerminal';
 
@@ -44,6 +45,7 @@ export default function Dashboard({ user }: { user: any }) {
   const [activeTaskId, setActiveTaskId] = useState<string | null>(null);
   const [showNewTask, setShowNewTask] = useState(false);
   const [showSettings, setShowSettings] = useState(false);
+  const [showMonitor, setShowMonitor] = useState(false);
   const [usage, setUsage] = useState<UsageSummary[]>([]);
   const [providers, setProviders] = useState<ProviderInfo[]>([]);
   const [projects, setProjects] = useState<ProjectInfo[]>([]);
@@ -122,7 +124,7 @@ export default function Dashboard({ user }: { user: any }) {
                     setUpgrading(false);
                   }}
                   className="text-[9px] px-1.5 py-0.5 bg-[var(--accent)] text-white rounded hover:opacity-90 disabled:opacity-50"
-                  title={`Update to v${versionInfo.latest}`}
+                  title={`Update to v${versionInfo.latest}\nOr run: forge upgrade`}
                 >
                   {upgrading ? 'Upgrading...' : `Update v${versionInfo.latest}`}
                 </button>
@@ -134,7 +136,7 @@ export default function Dashboard({ user }: { user: any }) {
                     const data = await res.json();
                     setVersionInfo(data);
                   }}
-                  className="text-[9px] px-1.5 py-0.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                  className="text-[9px] px-1 py-0.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
                   title="Check for updates"
                 >
                   ↻
@@ -200,6 +202,16 @@ export default function Dashboard({ user }: { user: any }) {
             >
               Pipelines
             </button>
+            <button
+              onClick={() => setViewMode('sessions')}
+              className={`text-[11px] px-2.5 py-0.5 rounded transition-colors ${
+                viewMode === 'sessions'
+                  ? 'bg-[var(--bg-secondary)] text-[var(--text-primary)] shadow-sm'
+                  : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]'
+              }`}
+            >
+              Sessions
+            </button>
             <button
               onClick={() => setViewMode('preview')}
               className={`text-[11px] px-2.5 py-0.5 rounded transition-colors ${
@@ -238,10 +250,10 @@ export default function Dashboard({ user }: { user: any }) {
             </span>
           )}
           <button
-            onClick={() => setViewMode('sessions')}
-            className={`text-xs ${viewMode === 'sessions' ? 'text-[var(--text-primary)]' : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]'}`}
+            onClick={() => setShowMonitor(true)}
+            className="text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
           >
-            System Status
+            Monitor
           </button>
           <button
             onClick={() => setShowSettings(true)}
@@ -414,6 +426,8 @@ export default function Dashboard({ user }: { user: any }) {
         />
       )}
 
+      {showMonitor && <MonitorPanel onClose={() => setShowMonitor(false)} />}
+
       {showSettings && (
         <SettingsModal onClose={() => { setShowSettings(false); fetchData(); }} />
       )}

package/components/SessionView.tsx

@@ -32,16 +32,6 @@ interface Watcher {
   createdAt: string;
 }
 
-interface MonitorData {
-  processes: {
-    nextjs: { running: boolean; pid: string };
-    terminal: { running: boolean; pid: string };
-    telegram: { running: boolean; pid: string };
-    tunnel: { running: boolean; pid: string; url: string };
-  };
-  sessions: { name: string; created: string; attached: boolean; windows: number }[];
-  uptime: string;
-}
 
 export default function SessionView({
   projectName,
@@ -63,8 +53,6 @@ export default function SessionView({
   const [watchers, setWatchers] = useState<Watcher[]>([]);
   const [batchMode, setBatchMode] = useState(false);
   const [selectedIds, setSelectedIds] = useState<Map<string, Set<string>>>(new Map());
-  const [monitor, setMonitor] = useState<MonitorData | null>(null);
-  const [monitorOpen, setMonitorOpen] = useState(true);
   const bottomRef = useRef<HTMLDivElement>(null);
 
   // Load cached sessions tree
@@ -92,17 +80,10 @@ export default function SessionView({
     } catch {}
   }, []);
 
-  const refreshMonitor = useCallback(() => {
-    fetch('/api/monitor').then(r => r.json()).then(setMonitor).catch(() => {});
-  }, []);
-
   useEffect(() => {
     loadTree(true);
     loadWatchers();
-    refreshMonitor();
-    const timer = setInterval(refreshMonitor, 5000);
-    return () => clearInterval(timer);
-  }, [loadTree, loadWatchers, refreshMonitor]);
+  }, [loadTree, loadWatchers]);
 
   // Auto-expand project if only one or if pre-selected
   useEffect(() => {
@@ -348,56 +329,6 @@ export default function SessionView({
           </div>
         )}
 
-        {/* Monitor */}
-        {monitor && (
-          <div className="border-b border-[var(--border)]">
-            <button
-              onClick={() => setMonitorOpen(v => !v)}
-              className="w-full flex items-center gap-1.5 px-2 py-1.5 hover:bg-[var(--bg-tertiary)] transition-colors"
-            >
-              <span className="text-[10px] text-[var(--text-secondary)]">{monitorOpen ? '▼' : '▶'}</span>
-              <span className="text-[9px] font-semibold text-[var(--text-secondary)] uppercase">Monitor</span>
-              {monitor.uptime && (
-                <span className="text-[8px] text-[var(--text-secondary)] ml-auto">{monitor.uptime}</span>
-              )}
-            </button>
-            {monitorOpen && (
-              <div className="px-2 pb-2 space-y-1.5">
-                {/* Processes */}
-                {[
-                  { label: 'Next.js', ...monitor.processes.nextjs },
-                  { label: 'Terminal', ...monitor.processes.terminal },
-                  { label: 'Telegram', ...monitor.processes.telegram },
-                  { label: 'Tunnel', ...monitor.processes.tunnel },
-                ].map(p => (
-                  <div key={p.label} className="flex items-center gap-1.5 text-[10px]">
-                    <span className={p.running ? 'text-green-400' : 'text-gray-500'}>●</span>
-                    <span className="text-[var(--text-primary)]">{p.label}</span>
-                    <span className="text-[var(--text-secondary)] font-mono ml-auto">{p.running ? `pid:${p.pid}` : 'stopped'}</span>
-                  </div>
-                ))}
-                {monitor.processes.tunnel.running && monitor.processes.tunnel.url && (
-                  <div className="text-[9px] text-[var(--accent)] truncate pl-4">{monitor.processes.tunnel.url}</div>
-                )}
-
-                {/* Tmux sessions */}
-                {monitor.sessions.length > 0 && (
-                  <div className="pt-1">
-                    <span className="text-[8px] font-semibold text-[var(--text-secondary)] uppercase">Tmux ({monitor.sessions.length})</span>
-                    {monitor.sessions.map(s => (
-                      <div key={s.name} className="flex items-center gap-1.5 text-[10px] mt-0.5">
-                        <span className={s.attached ? 'text-green-400' : 'text-yellow-500'}>●</span>
-                        <span className="font-mono text-[var(--text-primary)] truncate flex-1">{s.name}</span>
-                        <span className="text-[8px] text-[var(--text-secondary)]">{s.attached ? 'attached' : 'detached'}</span>
-                      </div>
-                    ))}
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
-        )}
-
         {/* Tree */}
         <div className="flex-1 overflow-y-auto">
           {Object.keys(sessionTree).length === 0 && (

package/package.json

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