@aion0/forge 0.2.20 → 0.2.22

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

@@ -12,9 +12,12 @@ const CURRENT_VERSION = (() => {
   }
 })();
 
-// Cache npm version check for 1 hour
+// Cache npm version check for 10 minutes
 let cachedLatest: { version: string; checkedAt: number } | null = null;
-const CACHE_TTL = 10 * 60 * 1000; // 10 minutes
+const CACHE_TTL = 10 * 60 * 1000;
+
+// Track which versions we already notified about (avoid duplicates)
+let notifiedVersion = '';
 
 async function getLatestVersion(force = false): Promise<string> {
   if (!force && cachedLatest && Date.now() - cachedLatest.checkedAt < CACHE_TTL) {
@@ -52,7 +55,20 @@ export async function GET(req: Request) {
   const force = searchParams.has('force');
   const current = CURRENT_VERSION;
   const latest = await getLatestVersion(force);
-  const hasUpdate = latest && compareVersions(current, latest) < 0;
+  const hasUpdate = !!(latest && compareVersions(current, latest) < 0);
+
+  // Create a notification when new version is detected (once per version)
+  if (hasUpdate && latest !== notifiedVersion) {
+    notifiedVersion = latest;
+    try {
+      const { addNotification } = require('@/lib/notifications');
+      addNotification(
+        'system',
+        `Update available: v${latest}`,
+        `Current: v${current}. Run: forge upgrade`,
+      );
+    } catch {}
+  }
 
   return NextResponse.json({
     current,

package/components/Dashboard.tsx

@@ -51,8 +51,9 @@ export default function Dashboard({ user }: { user: any }) {
   const [projects, setProjects] = useState<ProjectInfo[]>([]);
   const [onlineCount, setOnlineCount] = useState<{ total: number; remote: number }>({ total: 0, remote: 0 });
   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)
@@ -63,6 +64,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 = () => {
@@ -110,43 +125,26 @@ export default function Dashboard({ user }: { user: any }) {
           {versionInfo && (
             <span className="flex items-center gap-1.5">
               <span className="text-[10px] text-[var(--text-secondary)]">v{versionInfo.current}</span>
-              {versionInfo.hasUpdate && !upgradeResult && (
-                <button
-                  disabled={upgrading}
-                  onClick={async () => {
-                    setUpgrading(true);
-                    try {
-                      const res = await fetch('/api/upgrade', { method: 'POST' });
-                      const data = await res.json();
-                      setUpgradeResult(data.ok ? data.message : data.error);
-                      if (data.ok) setVersionInfo(v => v ? { ...v, hasUpdate: false } : v);
-                    } catch { setUpgradeResult('Upgrade failed'); }
-                    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}\nOr run: forge upgrade`}
+              {versionInfo.hasUpdate && (
+                <span
+                  className="text-[9px] px-1.5 py-0.5 bg-[var(--accent)]/15 text-[var(--accent)] rounded cursor-default"
+                  title="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}
+                  v{versionInfo.latest} available
                 </span>
               )}
+              <button
+                onClick={async () => {
+                  const res = await fetch('/api/version?force=1');
+                  const data = await res.json();
+                  setVersionInfo(data);
+                  if (data.hasUpdate) fetchNotifications();
+                }}
+                className="text-[9px] px-1 py-0.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                title="Check for updates"
+              >
+                ↻
+              </button>
             </span>
           )}
 
@@ -249,6 +247,113 @@ 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={() => setShowMonitor(true)}
             className="text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)]"

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.20",
+  "version": "0.2.22",
   "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,