@aion0/forge 0.2.8 → 0.2.10

package/app/api/monitor/route.ts

@@ -0,0 +1,58 @@
+import { NextResponse } from 'next/server';
+import { execSync } from 'node:child_process';
+
+function run(cmd: string): string {
+  try {
+    return execSync(cmd, { encoding: 'utf-8', timeout: 5000, stdio: ['pipe', 'pipe', 'pipe'] }).trim();
+  } catch { return ''; }
+}
+
+function countProcess(pattern: string): { count: number; pid: string } {
+  const out = run(`ps aux | grep '${pattern}' | grep -v grep | head -1`);
+  const pid = out ? out.split(/\s+/)[1] || '' : '';
+  const count = out ? run(`ps aux | grep '${pattern}' | grep -v grep | wc -l`).trim() : '0';
+  return { count: parseInt(count), pid };
+}
+
+export async function GET() {
+  // Processes
+  const nextjs = countProcess('next-server');
+  const terminal = countProcess('terminal-standalone');
+  const telegram = countProcess('telegram-standalone');
+  const tunnel = countProcess('cloudflared tunnel');
+
+  // Tunnel URL
+  let tunnelUrl = '';
+  try {
+    const { readFileSync } = require('fs');
+    const { join } = require('path');
+    const { homedir } = require('os');
+    const state = JSON.parse(readFileSync(join(homedir(), '.forge', 'tunnel-state.json'), 'utf-8'));
+    tunnelUrl = state.url || '';
+  } catch {}
+
+  // tmux sessions
+  let sessions: { name: string; created: string; attached: boolean; windows: number }[] = [];
+  try {
+    const out = run("tmux list-sessions -F '#{session_name}||#{session_created}||#{session_attached}||#{session_windows}' 2>/dev/null");
+    sessions = out.split('\n').filter(l => l.startsWith('mw-')).map(line => {
+      const [name, created, attached, windows] = line.split('||');
+      return { name, created: new Date(Number(created) * 1000).toISOString(), attached: attached !== '0', windows: Number(windows) || 1 };
+    });
+  } catch {}
+
+  // System info
+  const uptime = run('uptime');
+  const memory = run("ps -o rss= -p $$ 2>/dev/null || echo 0");
+
+  return NextResponse.json({
+    processes: {
+      nextjs: { running: nextjs.count > 0, pid: nextjs.pid },
+      terminal: { running: terminal.count > 0, pid: terminal.pid },
+      telegram: { running: telegram.count > 0, pid: telegram.pid },
+      tunnel: { running: tunnel.count > 0, pid: tunnel.pid, url: tunnelUrl },
+    },
+    sessions,
+    uptime: uptime.replace(/.*up\s+/, '').replace(/,\s+\d+ user.*/, '').trim(),
+  });
+}

package/check-forge-status.sh

@@ -0,0 +1,53 @@
+#!/bin/bash
+# check-forge-status.sh — Show Forge process status
+
+echo "══════════════════════════════════"
+echo "  Forge Process Status"
+echo "══════════════════════════════════"
+
+# Next.js
+count=$(ps aux | grep 'next-server' | grep -v grep | wc -l | tr -d ' ')
+pid=$(ps aux | grep 'next-server' | grep -v grep | awk '{print $2}' | head -1)
+if [ "$count" -gt 0 ]; then
+  echo "  ● Next.js        running (pid: $pid)"
+else
+  echo "  ○ Next.js        stopped"
+fi
+
+# Terminal
+count=$(ps aux | grep 'terminal-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | wc -l | tr -d ' ')
+pid=$(ps aux | grep 'terminal-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | awk '{print $2}' | head -1)
+if [ "$count" -gt 0 ]; then
+  echo "  ● Terminal        running (pid: $pid)"
+else
+  echo "  ○ Terminal        stopped"
+fi
+
+# Telegram
+count=$(ps aux | grep 'telegram-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | wc -l | tr -d ' ')
+pid=$(ps aux | grep 'telegram-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | awk '{print $2}' | head -1)
+if [ "$count" -gt 0 ]; then
+  echo "  ● Telegram        running (pid: $pid)"
+else
+  echo "  ○ Telegram        stopped"
+fi
+
+# Cloudflare Tunnel
+count=$(ps aux | grep 'cloudflared tunnel' | grep -v grep | wc -l | tr -d ' ')
+pid=$(ps aux | grep 'cloudflared tunnel' | grep -v grep | awk '{print $2}' | head -1)
+url=$(cat ~/.forge/tunnel-state.json 2>/dev/null | python3 -c "import sys,json; d=json.load(sys.stdin); print(d.get('url',''))" 2>/dev/null)
+if [ "$count" -gt 0 ]; then
+  echo "  ● Tunnel          running (pid: $pid) ${url}"
+else
+  echo "  ○ Tunnel          stopped"
+fi
+
+# tmux sessions
+tmux_count=$(tmux list-sessions 2>/dev/null | grep '^mw-' | wc -l | tr -d ' ')
+echo ""
+echo "  Terminal sessions: $tmux_count"
+tmux list-sessions 2>/dev/null | grep '^mw-' | while read line; do
+  echo "    $line"
+done
+
+echo "══════════════════════════════════"

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[]>([]);
@@ -194,6 +196,12 @@ export default function Dashboard({ user }: { user: any }) {
               )}
             </span>
           )}
+          <button
+            onClick={() => setShowMonitor(true)}
+            className="text-xs 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)]"
@@ -365,6 +373,8 @@ export default function Dashboard({ user }: { user: any }) {
         />
       )}
 
+      {showMonitor && <MonitorPanel onClose={() => setShowMonitor(false)} />}
+
       {showSettings && (
         <SettingsModal onClose={() => { setShowSettings(false); fetchData(); }} />
       )}

package/components/DocTerminal.tsx

@@ -22,6 +22,13 @@ export default function DocTerminal({ docRoot }: { docRoot: string }) {
   const [connected, setConnected] = useState(false);
   const wsRef = useRef<WebSocket | null>(null);
   const docRootRef = useRef(docRoot);
+  const skipPermRef = useRef(false);
+
+  useEffect(() => {
+    fetch('/api/settings').then(r => r.json())
+      .then((s: any) => { if (s.skipPermissions) skipPermRef.current = true; })
+      .catch(() => {});
+  }, []);
   docRootRef.current = docRoot;
 
   useEffect(() => {
@@ -78,7 +85,8 @@ export default function DocTerminal({ docRoot }: { docRoot: string }) {
               isNewSession = false;
               setTimeout(() => {
                 if (socket.readyState === WebSocket.OPEN) {
-                  socket.send(JSON.stringify({ type: 'input', data: `cd "${docRootRef.current}" && claude --resume\n` }));
+                  const sf = skipPermRef.current ? ' --dangerously-skip-permissions' : '';
+                  socket.send(JSON.stringify({ type: 'input', data: `cd "${docRootRef.current}" && claude --resume${sf}\n` }));
                 }
               }, 300);
             }
@@ -147,13 +155,13 @@ export default function DocTerminal({ docRoot }: { docRoot: string }) {
         </span>
         <div className="ml-auto flex items-center gap-1">
           <button
-            onClick={() => runCommand(`cd "${docRoot}" && claude`)}
+            onClick={() => { const sf = skipPermRef.current ? ' --dangerously-skip-permissions' : ''; runCommand(`cd "${docRoot}" && claude${sf}`); }}
             className="text-[10px] px-2 py-0.5 text-[var(--accent)] hover:bg-[#2a2a4a] rounded"
           >
             New
           </button>
           <button
-            onClick={() => runCommand(`cd "${docRoot}" && claude --resume`)}
+            onClick={() => { const sf = skipPermRef.current ? ' --dangerously-skip-permissions' : ''; runCommand(`cd "${docRoot}" && claude --resume${sf}`); }}
             className="text-[10px] px-2 py-0.5 text-gray-400 hover:text-white hover:bg-[#2a2a4a] rounded"
           >
             Resume

package/components/MonitorPanel.tsx

@@ -0,0 +1,102 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+
+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 MonitorPanel({ onClose }: { onClose: () => void }) {
+  const [data, setData] = useState<MonitorData | null>(null);
+
+  const refresh = useCallback(() => {
+    fetch('/api/monitor').then(r => r.json()).then(setData).catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    refresh();
+    const timer = setInterval(refresh, 5000);
+    return () => clearInterval(timer);
+  }, [refresh]);
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onClose}>
+      <div className="bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg w-[500px] max-h-[80vh] overflow-y-auto shadow-xl" onClick={e => e.stopPropagation()}>
+        <div className="px-4 py-3 border-b border-[var(--border)] flex items-center justify-between">
+          <h2 className="text-sm font-bold text-[var(--text-primary)]">Monitor</h2>
+          <div className="flex items-center gap-2">
+            <button onClick={refresh} className="text-[10px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]">↻</button>
+            <button onClick={onClose} className="text-[10px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]">Close</button>
+          </div>
+        </div>
+
+        {data ? (
+          <div className="p-4 space-y-4">
+            {/* Processes */}
+            <div>
+              <h3 className="text-[10px] font-semibold text-[var(--text-secondary)] uppercase mb-2">Processes</h3>
+              <div className="space-y-1.5">
+                {[
+                  { label: 'Next.js', ...data.processes.nextjs },
+                  { label: 'Terminal Server', ...data.processes.terminal },
+                  { label: 'Telegram Bot', ...data.processes.telegram },
+                  { label: 'Tunnel', ...data.processes.tunnel },
+                ].map(p => (
+                  <div key={p.label} className="flex items-center gap-2 text-xs">
+                    <span className={p.running ? 'text-green-400' : 'text-gray-500'}>●</span>
+                    <span className="text-[var(--text-primary)] w-28">{p.label}</span>
+                    {p.running ? (
+                      <span className="text-[var(--text-secondary)] font-mono text-[10px]">pid: {p.pid}</span>
+                    ) : (
+                      <span className="text-gray-500 text-[10px]">stopped</span>
+                    )}
+                  </div>
+                ))}
+                {data.processes.tunnel.running && data.processes.tunnel.url && (
+                  <div className="pl-6 text-[10px] text-[var(--accent)] truncate">{data.processes.tunnel.url}</div>
+                )}
+              </div>
+            </div>
+
+            {/* Uptime */}
+            {data.uptime && (
+              <div className="text-[10px] text-[var(--text-secondary)]">
+                Uptime: {data.uptime}
+              </div>
+            )}
+
+            {/* Sessions */}
+            <div>
+              <h3 className="text-[10px] font-semibold text-[var(--text-secondary)] uppercase mb-2">
+                Terminal Sessions ({data.sessions.length})
+              </h3>
+              {data.sessions.length === 0 ? (
+                <div className="text-[10px] text-[var(--text-secondary)]">No sessions</div>
+              ) : (
+                <div className="space-y-1">
+                  {data.sessions.map(s => (
+                    <div key={s.name} className="flex items-center gap-2 text-[11px]">
+                      <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-[9px] text-[var(--text-secondary)]">{s.attached ? 'attached' : 'detached'}</span>
+                      <span className="text-[9px] text-[var(--text-secondary)]">{new Date(s.created).toLocaleTimeString()}</span>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          </div>
+        ) : (
+          <div className="p-8 text-center text-xs text-[var(--text-secondary)]">Loading...</div>
+        )}
+      </div>
+    </div>
+  );
+}

package/components/SettingsModal.tsx

@@ -42,6 +42,7 @@ interface Settings {
   taskModel: string;
   pipelineModel: string;
   telegramModel: string;
+  skipPermissions: boolean;
 }
 
 interface TunnelStatus {
@@ -66,6 +67,7 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
     taskModel: 'sonnet',
     pipelineModel: 'sonnet',
     telegramModel: 'sonnet',
+    skipPermissions: false,
   });
   const [newRoot, setNewRoot] = useState('');
   const [newDocRoot, setNewDocRoot] = useState('');
@@ -347,6 +349,22 @@ export default function SettingsModal({ onClose }: { onClose: () => void }) {
           </div>
         </div>
 
+        {/* Permissions */}
+        <div className="space-y-2">
+          <label className="flex items-center gap-2 text-xs text-[var(--text-primary)] cursor-pointer">
+            <input
+              type="checkbox"
+              checked={settings.skipPermissions || false}
+              onChange={e => setSettings({ ...settings, skipPermissions: e.target.checked })}
+              className="rounded"
+            />
+            Skip permissions check (--dangerously-skip-permissions)
+          </label>
+          <p className="text-[9px] text-[var(--text-secondary)]">
+            When enabled, all Claude Code tasks and pipelines run without permission prompts. Useful for background automation but less safe.
+          </p>
+        </div>
+
         {/* Remote Access (Cloudflare Tunnel) */}
         <div className="space-y-2">
           <label className="text-xs text-[var(--text-secondary)] font-semibold uppercase">

package/components/WebTerminal.tsx

@@ -182,6 +182,7 @@ const WebTerminal = forwardRef<WebTerminalHandle, WebTerminalProps>(function Web
   const [showNewTabModal, setShowNewTabModal] = useState(false);
   const [projectRoots, setProjectRoots] = useState<string[]>([]);
   const [allProjects, setAllProjects] = useState<{ name: string; path: string; root: string }[]>([]);
+  const [skipPermissions, setSkipPermissions] = useState(false);
   const [expandedRoot, setExpandedRoot] = useState<string | null>(null);
 
   // Restore shared state from server after mount
@@ -196,6 +197,10 @@ const WebTerminal = forwardRef<WebTerminalHandle, WebTerminalProps>(function Web
       }
       setHydrated(true);
     });
+    // Fetch settings for skipPermissions
+    fetch('/api/settings').then(r => r.json())
+      .then((s: any) => { if (s.skipPermissions) setSkipPermissions(true); })
+      .catch(() => {});
     // Fetch projects and derive roots
     fetch('/api/projects').then(r => r.json())
       .then((p: { name: string; path: string; root: string }[]) => {
@@ -765,6 +770,7 @@ const WebTerminal = forwardRef<WebTerminalHandle, WebTerminalProps>(function Web
             setRatios={tab.id === activeTabId ? setRatios : () => {}}
             onSessionConnected={onSessionConnected}
             refreshKeys={refreshKeys}
+            skipPermissions={skipPermissions}
           />
         </div>
       ))}
@@ -777,7 +783,7 @@ export default WebTerminal;
 // ─── Pane renderer ───────────────────────────────────────────
 
 function PaneRenderer({
-  node, activeId, onFocus, ratios, setRatios, onSessionConnected, refreshKeys,
+  node, activeId, onFocus, ratios, setRatios, onSessionConnected, refreshKeys, skipPermissions,
 }: {
   node: SplitNode;
   activeId: number;
@@ -786,11 +792,12 @@ function PaneRenderer({
   setRatios: React.Dispatch<React.SetStateAction<Record<number, number>>>;
   onSessionConnected: (paneId: number, sessionName: string) => void;
   refreshKeys: Record<number, number>;
+  skipPermissions?: boolean;
 }) {
   if (node.type === 'terminal') {
     return (
       <div className={`h-full w-full ${activeId === node.id ? 'ring-1 ring-[#7c5bf0]/50 ring-inset' : ''}`} onMouseDown={() => onFocus(node.id)}>
-        <MemoTerminalPane key={`${node.id}-${refreshKeys[node.id] || 0}`} id={node.id} sessionName={node.sessionName} projectPath={node.projectPath} onSessionConnected={onSessionConnected} />
+        <MemoTerminalPane key={`${node.id}-${refreshKeys[node.id] || 0}`} id={node.id} sessionName={node.sessionName} projectPath={node.projectPath} skipPermissions={skipPermissions} onSessionConnected={onSessionConnected} />
       </div>
     );
   }
@@ -799,8 +806,8 @@ function PaneRenderer({
 
   return (
     <DraggableSplit splitId={node.id} direction={node.direction} ratio={ratio} setRatios={setRatios}>
-      <PaneRenderer node={node.first} activeId={activeId} onFocus={onFocus} ratios={ratios} setRatios={setRatios} onSessionConnected={onSessionConnected} refreshKeys={refreshKeys} />
-      <PaneRenderer node={node.second} activeId={activeId} onFocus={onFocus} ratios={ratios} setRatios={setRatios} onSessionConnected={onSessionConnected} refreshKeys={refreshKeys} />
+      <PaneRenderer node={node.first} activeId={activeId} onFocus={onFocus} ratios={ratios} setRatios={setRatios} onSessionConnected={onSessionConnected} refreshKeys={refreshKeys} skipPermissions={skipPermissions} />
+      <PaneRenderer node={node.second} activeId={activeId} onFocus={onFocus} ratios={ratios} setRatios={setRatios} onSessionConnected={onSessionConnected} refreshKeys={refreshKeys} skipPermissions={skipPermissions} />
     </DraggableSplit>
   );
 }
@@ -921,17 +928,21 @@ const MemoTerminalPane = memo(function TerminalPane({
   id,
   sessionName,
   projectPath,
+  skipPermissions,
   onSessionConnected,
 }: {
   id: number;
   sessionName?: string;
   projectPath?: string;
+  skipPermissions?: boolean;
   onSessionConnected: (paneId: number, sessionName: string) => void;
 }) {
   const containerRef = useRef<HTMLDivElement>(null);
   const sessionNameRef = useRef(sessionName);
   sessionNameRef.current = sessionName;
   const projectPathRef = useRef(projectPath);
+  const skipPermRef = useRef(skipPermissions);
+  skipPermRef.current = skipPermissions;
   projectPathRef.current = projectPath;
 
   useEffect(() => {
@@ -1055,7 +1066,8 @@ const MemoTerminalPane = memo(function TerminalPane({
               isNewlyCreated = false;
               setTimeout(() => {
                 if (!disposed && ws?.readyState === WebSocket.OPEN) {
-                  ws.send(JSON.stringify({ type: 'input', data: `cd "${projectPathRef.current}" && claude --resume\n` }));
+                  const skipFlag = skipPermRef.current ? ' --dangerously-skip-permissions' : '';
+                  ws.send(JSON.stringify({ type: 'input', data: `cd "${projectPathRef.current}" && claude --resume${skipFlag}\n` }));
                 }
               }, 300);
             }

package/lib/settings.ts

@@ -19,6 +19,7 @@ export interface Settings {
   taskModel: string;              // Model for tasks (default: sonnet)
   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
 }
 
 const defaults: Settings = {
@@ -34,6 +35,7 @@ const defaults: Settings = {
   taskModel: 'default',
   pipelineModel: 'default',
   telegramModel: 'sonnet',
+  skipPermissions: false,
 };
 
 export function loadSettings(): Settings {

package/lib/telegram-bot.ts

@@ -16,11 +16,11 @@ import { startTunnel, stopTunnel, getTunnelStatus } from './cloudflared';
 import { getPassword } from './password';
 import type { Task, TaskLogEntry } from '@/src/types';
 
-// Prevent duplicate polling and state loss across hot-reloads
+// Persist state across hot-reloads
 const globalKey = Symbol.for('mw-telegram-state');
 const g = globalThis as any;
-if (!g[globalKey]) g[globalKey] = { polling: false, pollTimer: null, lastUpdateId: 0, taskListenerAttached: false, pollActive: false, processedMsgIds: new Set<number>(), pollGeneration: 0 };
-const botState: { polling: boolean; pollTimer: ReturnType<typeof setTimeout> | null; lastUpdateId: number; taskListenerAttached: boolean; pollActive: boolean; processedMsgIds: Set<number>; pollGeneration: number } = g[globalKey];
+if (!g[globalKey]) g[globalKey] = { taskListenerAttached: false, processedMsgIds: new Set<number>() };
+const botState: { taskListenerAttached: boolean; processedMsgIds: Set<number> } = g[globalKey];
 
 // Track which Telegram message maps to which task (for reply-based interaction)
 const taskMessageMap = new Map<number, string>(); // messageId → taskId

package/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/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.2.8",
+  "version": "0.2.10",
   "description": "Unified AI workflow platform — multi-model task orchestration, persistent sessions, web terminal, remote access",
   "type": "module",
   "scripts": {