@aion0/forge 0.2.17 → 0.2.19

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/app/api/version/route.ts

@@ -16,8 +16,8 @@ const CURRENT_VERSION = (() => {
 let cachedLatest: { version: string; checkedAt: number } | null = null;
 const CACHE_TTL = 10 * 60 * 1000; // 10 minutes
 
-async function getLatestVersion(): Promise<string> {
-  if (cachedLatest && Date.now() - cachedLatest.checkedAt < CACHE_TTL) {
+async function getLatestVersion(force = false): Promise<string> {
+  if (!force && cachedLatest && Date.now() - cachedLatest.checkedAt < CACHE_TTL) {
     return cachedLatest.version;
   }
   try {
@@ -47,9 +47,11 @@ function compareVersions(a: string, b: string): number {
   return 0;
 }
 
-export async function GET() {
+export async function GET(req: Request) {
+  const { searchParams } = new URL(req.url);
+  const force = searchParams.has('force');
   const current = CURRENT_VERSION;
-  const latest = await getLatestVersion();
+  const latest = await getLatestVersion(force);
   const hasUpdate = latest && compareVersions(current, latest) < 0;
 
   return NextResponse.json({

package/components/Dashboard.tsx

@@ -122,11 +122,24 @@ 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>
               )}
+              {!versionInfo.hasUpdate && !upgradeResult && (
+                <button
+                  onClick={async () => {
+                    const res = await fetch('/api/version?force=1');
+                    const data = await res.json();
+                    setVersionInfo(data);
+                  }}
+                  className="text-[9px] px-1 py-0.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                  title="Check for updates"
+                >
+                  ↻
+                </button>
+              )}
               {upgradeResult && (
                 <span className="text-[9px] text-[var(--green)] max-w-[200px] truncate" title={upgradeResult}>
                   {upgradeResult}
@@ -187,16 +200,6 @@ 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 ${
@@ -234,6 +237,12 @@ 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)]'}`}
+          >
+            Monitor
+          </button>
           <button
             onClick={() => setShowSettings(true)}
             className="text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)]"

package/components/SessionView.tsx

@@ -64,7 +64,6 @@ export default function SessionView({
   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
@@ -348,51 +347,41 @@ export default function SessionView({
           </div>
         )}
 
-        {/* Monitor */}
+        {/* Monitor — always visible */}
         {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>
+          <div className="border-b border-[var(--border)] px-2 py-2 space-y-1.5">
+            <div className="flex items-center justify-between">
+              <span className="text-[9px] font-semibold text-[var(--text-secondary)] uppercase">Processes</span>
               {monitor.uptime && (
-                <span className="text-[8px] text-[var(--text-secondary)] ml-auto">{monitor.uptime}</span>
+                <span className="text-[8px] text-[var(--text-secondary)]">up {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>
-                )}
+            </div>
+            {[
+              { 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>
-                    ))}
+            {monitor.sessions.length > 0 && (
+              <div className="pt-1">
+                <span className="text-[9px] 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>

package/package.json

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