@aion0/forge 0.2.19 → 0.2.21

package/app/api/notifications/route.ts

@@ -0,0 +1,42 @@
+import { NextResponse } from 'next/server';
+import {
+  getNotifications,
+  getUnreadCount,
+  markRead,
+  markAllRead,
+  deleteNotification,
+} from '@/lib/notifications';
+
+// GET /api/notifications — list notifications + unread count
+export async function GET(req: Request) {
+  const { searchParams } = new URL(req.url);
+  const limit = parseInt(searchParams.get('limit') || '50');
+  const offset = parseInt(searchParams.get('offset') || '0');
+
+  const notifications = getNotifications(limit, offset);
+  const unread = getUnreadCount();
+
+  return NextResponse.json({ notifications, unread });
+}
+
+// POST /api/notifications — actions: markRead, markAllRead, delete
+export async function POST(req: Request) {
+  const body = await req.json();
+
+  if (body.action === 'markRead' && body.id) {
+    markRead(body.id);
+    return NextResponse.json({ ok: true });
+  }
+
+  if (body.action === 'markAllRead') {
+    markAllRead();
+    return NextResponse.json({ ok: true });
+  }
+
+  if (body.action === 'delete' && body.id) {
+    deleteNotification(body.id);
+    return NextResponse.json({ ok: true });
+  }
+
+  return NextResponse.json({ error: 'Invalid action' }, { status: 400 });
+}

package/app/api/upgrade/route.ts

@@ -1,20 +1,23 @@
 import { NextResponse } from 'next/server';
 import { join } from 'node:path';
 import { execSync } from 'node:child_process';
+import { readFileSync } from 'node:fs';
+import { homedir } from 'node:os';
 
 export async function POST() {
   try {
-    // 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 }
-    );
-
-    // Verify the installed version
-    const pkgRoot = execSync('npm root -g', { encoding: 'utf-8', timeout: 5000 }).trim();
+    // Get global npm root first (before any cwd changes)
+    const pkgRoot = execSync('npm root -g', { encoding: 'utf-8', timeout: 5000, cwd: homedir() }).trim();
     const forgeRoot = join(pkgRoot, '@aion0', 'forge');
 
-    // Install devDependencies for build (npm -g doesn't install them)
+    // Upgrade from npm — use cwd instead of cd
+    execSync('npm install -g @aion0/forge@latest --prefer-online 2>&1', {
+      encoding: 'utf-8',
+      timeout: 120000,
+      cwd: homedir(),
+    });
+
+    // Install devDependencies for build
     try {
       execSync('npm install --include=dev 2>&1', { cwd: forgeRoot, timeout: 120000 });
     } catch {}
@@ -22,7 +25,7 @@ export async function POST() {
     // Read installed version
     let installedVersion = '';
     try {
-      const pkg = JSON.parse(require('fs').readFileSync(join(forgeRoot, 'package.json'), 'utf-8'));
+      const pkg = JSON.parse(readFileSync(join(forgeRoot, 'package.json'), 'utf-8'));
       installedVersion = pkg.version;
     } catch {}
 
@@ -34,7 +37,7 @@ export async function POST() {
     const msg = e instanceof Error ? e.message : String(e);
     return NextResponse.json({
       ok: false,
-      error: `Upgrade failed: ${msg.slice(0, 200)}`,
+      error: `Upgrade failed: ${msg.slice(0, 300)}`,
     });
   }
 }

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[]>([]);
@@ -51,6 +53,9 @@ export default function Dashboard({ user }: { user: any }) {
   const [versionInfo, setVersionInfo] = useState<{ current: string; latest: string; hasUpdate: boolean } | null>(null);
   const [upgrading, setUpgrading] = useState(false);
   const [upgradeResult, setUpgradeResult] = useState<string | null>(null);
+  const [notifications, setNotifications] = useState<any[]>([]);
+  const [unreadCount, setUnreadCount] = useState(0);
+  const [showNotifications, setShowNotifications] = useState(false);
   const terminalRef = useRef<WebTerminalHandle>(null);
 
   // Version check (on mount + every 10 min)
@@ -61,6 +66,20 @@ export default function Dashboard({ user }: { user: any }) {
     return () => clearInterval(id);
   }, []);
 
+  // Notification polling
+  const fetchNotifications = useCallback(() => {
+    fetch('/api/notifications').then(r => r.json()).then(data => {
+      setNotifications(data.notifications || []);
+      setUnreadCount(data.unread || 0);
+    }).catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    fetchNotifications();
+    const id = setInterval(fetchNotifications, 10000);
+    return () => clearInterval(id);
+  }, [fetchNotifications]);
+
   // Heartbeat for online user tracking
   useEffect(() => {
     const ping = () => {
@@ -200,6 +219,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 ${
@@ -237,9 +266,116 @@ export default function Dashboard({ user }: { user: any }) {
               )}
             </span>
           )}
+          <div className="relative">
+            <button
+              onClick={() => { setShowNotifications(v => !v); }}
+              className="text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] relative"
+            >
+              Alerts
+              {unreadCount > 0 && (
+                <span className="absolute -top-1.5 -right-2.5 min-w-[14px] h-[14px] rounded-full bg-[var(--red)] text-[8px] text-white flex items-center justify-center px-1 font-bold">
+                  {unreadCount > 99 ? '99+' : unreadCount}
+                </span>
+              )}
+            </button>
+            {showNotifications && (
+              <div className="absolute right-0 top-8 w-[360px] max-h-[480px] bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl z-50 flex flex-col">
+                <div className="flex items-center justify-between px-3 py-2 border-b border-[var(--border)]">
+                  <span className="text-xs font-bold text-[var(--text-primary)]">Notifications</span>
+                  <div className="flex items-center gap-2">
+                    {unreadCount > 0 && (
+                      <button
+                        onClick={async () => {
+                          await fetch('/api/notifications', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ action: 'markAllRead' }),
+                          });
+                          fetchNotifications();
+                        }}
+                        className="text-[9px] text-[var(--accent)] hover:underline"
+                      >
+                        Mark all read
+                      </button>
+                    )}
+                    <button
+                      onClick={() => setShowNotifications(false)}
+                      className="text-[10px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                    >
+                      Close
+                    </button>
+                  </div>
+                </div>
+                <div className="flex-1 overflow-y-auto">
+                  {notifications.length === 0 ? (
+                    <div className="p-6 text-center text-xs text-[var(--text-secondary)]">No notifications</div>
+                  ) : (
+                    notifications.map((n: any) => (
+                      <div
+                        key={n.id}
+                        className={`group px-3 py-2 border-b border-[var(--border)]/50 hover:bg-[var(--bg-tertiary)] ${!n.read ? 'bg-[var(--accent)]/5' : ''}`}
+                      >
+                        <div className="flex items-start gap-2">
+                          <span className="text-[10px] mt-0.5 shrink-0">
+                            {n.type === 'task_done' ? '✅' : n.type === 'task_failed' ? '❌' : n.type === 'pipeline_done' ? '🔗' : n.type === 'pipeline_failed' ? '💔' : n.type === 'tunnel' ? '🌐' : 'ℹ️'}
+                          </span>
+                          <div className="flex-1 min-w-0">
+                            <div className="flex items-center gap-1">
+                              <span className={`text-[11px] truncate ${!n.read ? 'font-semibold text-[var(--text-primary)]' : 'text-[var(--text-secondary)]'}`}>
+                                {n.title}
+                              </span>
+                              {!n.read && <span className="w-1.5 h-1.5 rounded-full bg-[var(--accent)] shrink-0" />}
+                            </div>
+                            {n.body && (
+                              <p className="text-[9px] text-[var(--text-secondary)] truncate mt-0.5">{n.body}</p>
+                            )}
+                            <span className="text-[8px] text-[var(--text-secondary)]">
+                              {new Date(n.createdAt).toLocaleString()}
+                            </span>
+                          </div>
+                          <div className="hidden group-hover:flex items-center gap-1 shrink-0">
+                            {!n.read && (
+                              <button
+                                onClick={async (e) => {
+                                  e.stopPropagation();
+                                  await fetch('/api/notifications', {
+                                    method: 'POST',
+                                    headers: { 'Content-Type': 'application/json' },
+                                    body: JSON.stringify({ action: 'markRead', id: n.id }),
+                                  });
+                                  fetchNotifications();
+                                }}
+                                className="text-[8px] px-1 py-0.5 text-[var(--accent)] hover:underline"
+                              >
+                                read
+                              </button>
+                            )}
+                            <button
+                              onClick={async (e) => {
+                                e.stopPropagation();
+                                await fetch('/api/notifications', {
+                                  method: 'POST',
+                                  headers: { 'Content-Type': 'application/json' },
+                                  body: JSON.stringify({ action: 'delete', id: n.id }),
+                                });
+                                fetchNotifications();
+                              }}
+                              className="text-[8px] px-1 py-0.5 text-red-400 hover:underline"
+                            >
+                              del
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    ))
+                  )}
+                </div>
+              </div>
+            )}
+          </div>
           <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)]"
           >
             Monitor
           </button>
@@ -414,6 +550,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,7 +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 bottomRef = useRef<HTMLDivElement>(null);
 
   // Load cached sessions tree
@@ -91,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(() => {
@@ -347,46 +329,6 @@ export default function SessionView({
           </div>
         )}
 
-        {/* Monitor — always visible */}
-        {monitor && (
-          <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)]">up {monitor.uptime}</span>
-              )}
-            </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>
-            )}
-
-            {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>
-        )}
-
         {/* Tree */}
         <div className="flex-1 overflow-y-auto">
           {Object.keys(sessionTree).length === 0 && (

package/components/SettingsModal.tsx

@@ -202,6 +202,7 @@ interface Settings {
   pipelineModel: string;
   telegramModel: string;
   skipPermissions: boolean;
+  notificationRetentionDays: number;
   _secretStatus?: Record<string, boolean>;
 }
 
@@ -228,6 +229,7 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
     pipelineModel: 'sonnet',
     telegramModel: 'sonnet',
     skipPermissions: false,
+    notificationRetentionDays: 30,
   });
   const [secretStatus, setSecretStatus] = useState<Record<string, boolean>>({});
   const [newRoot, setNewRoot] = useState('');
@@ -578,6 +580,27 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
           </p>
         </div>
 
+        {/* Notification Retention */}
+        <div className="space-y-2">
+          <label className="text-xs text-[var(--text-secondary)] font-semibold uppercase">
+            Notifications
+          </label>
+          <div className="flex items-center gap-2">
+            <span className="text-[10px] text-[var(--text-secondary)]">Auto-delete after</span>
+            <select
+              value={settings.notificationRetentionDays || 30}
+              onChange={e => setSettings({ ...settings, notificationRetentionDays: Number(e.target.value) })}
+              className="text-xs bg-[var(--bg-tertiary)] border border-[var(--border)] rounded px-2 py-1 text-[var(--text-primary)]"
+            >
+              <option value={7}>7 days</option>
+              <option value={14}>14 days</option>
+              <option value={30}>30 days</option>
+              <option value={60}>60 days</option>
+              <option value={90}>90 days</option>
+            </select>
+          </div>
+        </div>
+
         {/* Remote Access (Cloudflare Tunnel) */}
         <div className="space-y-2">
           <label className="text-xs text-[var(--text-secondary)] font-semibold uppercase">

package/lib/init.ts

@@ -67,6 +67,12 @@ export function ensureInitialized() {
   // Migrate plaintext secrets on startup
   migrateSecrets();
 
+  // Cleanup old notifications
+  try {
+    const { cleanupNotifications } = require('./notifications');
+    cleanupNotifications();
+  } catch {}
+
   // Auto-detect claude path if not configured
   autoDetectClaude();
 

package/lib/notifications.ts

@@ -0,0 +1,75 @@
+/**
+ * In-app notification system.
+ * Stores notifications in SQLite, auto-cleans based on retention setting.
+ */
+
+import { getDb } from '@/src/core/db/database';
+import { getDbPath } from '@/src/config';
+import { loadSettings } from './settings';
+
+export interface Notification {
+  id: number;
+  type: string;     // 'task_done' | 'task_failed' | 'pipeline_done' | 'pipeline_failed' | 'tunnel' | 'system'
+  title: string;
+  body: string | null;
+  read: boolean;
+  taskId: string | null;
+  createdAt: string;
+}
+
+function db() {
+  return getDb(getDbPath());
+}
+
+/** Add a notification */
+export function addNotification(type: string, title: string, body?: string, taskId?: string) {
+  db().prepare(
+    'INSERT INTO notifications (type, title, body, task_id) VALUES (?, ?, ?, ?)'
+  ).run(type, title, body || null, taskId || null);
+}
+
+/** Get recent notifications (newest first) */
+export function getNotifications(limit = 50, offset = 0): Notification[] {
+  const rows = db().prepare(
+    'SELECT * FROM notifications ORDER BY created_at DESC LIMIT ? OFFSET ?'
+  ).all(limit, offset) as any[];
+  return rows.map(r => ({
+    id: r.id,
+    type: r.type,
+    title: r.title,
+    body: r.body,
+    read: !!r.read,
+    taskId: r.task_id,
+    createdAt: r.created_at,
+  }));
+}
+
+/** Count unread notifications */
+export function getUnreadCount(): number {
+  const row = db().prepare('SELECT COUNT(*) as count FROM notifications WHERE read = 0').get() as any;
+  return row?.count || 0;
+}
+
+/** Mark one as read */
+export function markRead(id: number) {
+  db().prepare('UPDATE notifications SET read = 1 WHERE id = ?').run(id);
+}
+
+/** Mark all as read */
+export function markAllRead() {
+  db().prepare('UPDATE notifications SET read = 1 WHERE read = 0').run();
+}
+
+/** Delete one notification */
+export function deleteNotification(id: number) {
+  db().prepare('DELETE FROM notifications WHERE id = ?').run(id);
+}
+
+/** Clean up old notifications based on retention setting */
+export function cleanupNotifications() {
+  const settings = loadSettings();
+  const days = settings.notificationRetentionDays || 30;
+  db().prepare(
+    `DELETE FROM notifications WHERE created_at < datetime('now', '-' || ? || ' days')`
+  ).run(days);
+}

package/lib/notify.ts

@@ -3,14 +3,14 @@
  */
 
 import { loadSettings } from './settings';
+import { addNotification } from './notifications';
 import type { Task } from '@/src/types';
 
 export async function notifyTaskComplete(task: Task) {
   // Skip pipeline tasks
-  try { const { pipelineTaskIds } = require('./pipeline'); if (pipelineTaskIds.has(task.id)) return; } catch {}
-
-  const settings = loadSettings();
-  if (!settings.notifyOnComplete) return;
+  let isPipeline = false;
+  try { const { pipelineTaskIds } = require('./pipeline'); isPipeline = pipelineTaskIds.has(task.id); } catch {}
+  if (isPipeline) return;
 
   const cost = task.costUSD != null ? `$${task.costUSD.toFixed(4)}` : 'unknown';
   const duration = task.startedAt && task.completedAt
@@ -18,6 +18,19 @@ export async function notifyTaskComplete(task: Task) {
     : 'unknown';
   const model = task.log?.find(e => e.subtype === 'init' && e.content.startsWith('Model:'))?.content.replace('Model: ', '') || 'unknown';
 
+  // In-app notification (always)
+  try {
+    addNotification(
+      'task_done',
+      `Task done: ${task.projectName}`,
+      `${task.prompt.slice(0, 100)} — ${duration}, ${cost}`,
+      task.id
+    );
+  } catch {}
+
+  const settings = loadSettings();
+  if (!settings.notifyOnComplete) return;
+
   await sendTelegram(
     `✅ *Task Done*\n\n` +
     `*Project:* ${esc(task.projectName)}\n` +
@@ -31,7 +44,19 @@ export async function notifyTaskComplete(task: Task) {
 
 export async function notifyTaskFailed(task: Task) {
   // Skip pipeline tasks
-  try { const { pipelineTaskIds } = require('./pipeline'); if (pipelineTaskIds.has(task.id)) return; } catch {}
+  let isPipeline = false;
+  try { const { pipelineTaskIds } = require('./pipeline'); isPipeline = pipelineTaskIds.has(task.id); } catch {}
+  if (isPipeline) return;
+
+  // In-app notification (always)
+  try {
+    addNotification(
+      'task_failed',
+      `Task failed: ${task.projectName}`,
+      task.error || task.prompt.slice(0, 100),
+      task.id
+    );
+  } catch {}
 
   const settings = loadSettings();
   if (!settings.notifyOnFailure) return;

package/lib/settings.ts

@@ -21,6 +21,7 @@ export interface Settings {
   pipelineModel: string;          // Model for pipelines (default: sonnet)
   telegramModel: string;          // Model for Telegram AI features (default: sonnet)
   skipPermissions: boolean;       // Add --dangerously-skip-permissions to all claude invocations
+  notificationRetentionDays: number; // Auto-cleanup notifications older than N days
 }
 
 const defaults: Settings = {
@@ -37,6 +38,7 @@ const defaults: Settings = {
   pipelineModel: 'default',
   telegramModel: 'sonnet',
   skipPermissions: false,
+  notificationRetentionDays: 30,
 };
 
 /** Load settings with secrets decrypted (for internal use) */

package/package.json

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

package/src/core/db/database.ts

@@ -107,6 +107,19 @@ function initSchema(db: Database.Database) {
 
     CREATE INDEX IF NOT EXISTS idx_cached_sessions_project ON cached_sessions(project_name, modified);
 
+    -- In-app notifications
+    CREATE TABLE IF NOT EXISTS notifications (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      type TEXT NOT NULL,
+      title TEXT NOT NULL,
+      body TEXT,
+      read INTEGER NOT NULL DEFAULT 0,
+      task_id TEXT,
+      created_at TEXT NOT NULL DEFAULT (datetime('now'))
+    );
+
+    CREATE INDEX IF NOT EXISTS idx_notifications_read ON notifications(read, created_at);
+
     -- Session watchers — monitor sessions and notify via Telegram
     CREATE TABLE IF NOT EXISTS session_watchers (
       id TEXT PRIMARY KEY,