@aion0/forge 0.4.16 → 0.5.1

package/app/login/LoginForm.tsx

@@ -0,0 +1,96 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { signIn } from 'next-auth/react';
+
+export default function LoginForm({ isRemote }: { isRemote: boolean }) {
+  const [password, setPassword] = useState('');
+  const [sessionCode, setSessionCode] = useState('');
+  const [error, setError] = useState('');
+  const [showHelp, setShowHelp] = useState(false);
+
+  useEffect(() => {
+    const saved = localStorage.getItem('forge-theme');
+    if (saved === 'light') document.documentElement.setAttribute('data-theme', 'light');
+  }, []);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError('');
+    const result = await signIn('credentials', {
+      password,
+      sessionCode: isRemote ? sessionCode : '',
+      isRemote: String(isRemote),
+      redirect: false,
+    }) as { error?: string; ok?: boolean } | undefined;
+    if (result?.error) {
+      setError(isRemote ? 'Wrong password or session code' : 'Wrong password');
+    } else if (result?.ok) {
+      window.location.href = window.location.origin + '/';
+    }
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center">
+      <div className="w-80 space-y-6">
+        <div className="text-center">
+          <img src="/icon.png" alt="Forge" width={48} height={48} className="rounded mx-auto mb-2" />
+          <h1 className="text-2xl font-bold text-[var(--text-primary)]">Forge</h1>
+          <p className="text-sm text-[var(--text-secondary)] mt-1">
+            {isRemote ? 'Remote Access' : 'Local Access'}
+          </p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-3">
+          <input
+            type="password"
+            value={password}
+            onChange={e => { setPassword(e.target.value); setError(''); }}
+            placeholder="Admin Password"
+            autoFocus
+            className="w-full px-3 py-2 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-sm text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent)]"
+          />
+          {isRemote && (
+            <input
+              type="text"
+              inputMode="numeric"
+              pattern="[0-9]*"
+              maxLength={8}
+              value={sessionCode}
+              onChange={e => { setSessionCode(e.target.value.replace(/\D/g, '')); setError(''); }}
+              placeholder="Session Code (8 digits)"
+              className="w-full px-3 py-2 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-sm text-[var(--text-primary)] font-mono tracking-widest text-center focus:outline-none focus:border-[var(--accent)]"
+            />
+          )}
+          {error && <p className="text-xs text-[var(--red)]">{error}</p>}
+          <button
+            type="submit"
+            className="w-full py-2 bg-[var(--accent)] text-white rounded text-sm hover:opacity-90"
+          >
+            Sign In
+          </button>
+          {isRemote && (
+            <p className="text-[10px] text-[var(--text-secondary)] text-center">
+              Session code is generated when tunnel starts. Use /tunnel_code in Telegram or <code>forge tcode</code> to get it.
+            </p>
+          )}
+          <div className="text-center">
+            <button
+              type="button"
+              onClick={() => setShowHelp(v => !v)}
+              className="text-[10px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+            >
+              Forgot password?
+            </button>
+            {showHelp && (
+              <p className="text-[10px] text-[var(--text-secondary)] mt-1 bg-[var(--bg-tertiary)] rounded p-2">
+                Run in terminal:<br />
+                <code className="text-[var(--accent)]">forge --reset-password</code>
+              </p>
+            )}
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}

package/app/login/page.tsx

@@ -1,101 +1,10 @@
-'use client';
+import { headers } from 'next/headers';
+import LoginForm from './LoginForm';
 
-import { useState, useEffect } from 'react';
-import { signIn } from 'next-auth/react';
+export default async function LoginPage() {
+  const headersList = await headers();
+  const host = headersList.get('host') || '';
+  const isRemote = host.endsWith('.trycloudflare.com');
 
-export default function LoginPage() {
-  const [password, setPassword] = useState('');
-  const [sessionCode, setSessionCode] = useState('');
-  const [error, setError] = useState('');
-  const [isRemote, setIsRemote] = useState(false);
-  const [showHelp, setShowHelp] = useState(false);
-
-  useEffect(() => {
-    const host = window.location.hostname;
-    setIsRemote(host.endsWith('.trycloudflare.com'));
-    // Restore theme
-    const saved = localStorage.getItem('forge-theme');
-    if (saved === 'light') document.documentElement.setAttribute('data-theme', 'light');
-  }, []);
-
-  const handleLocal = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setError('');
-    const result = await signIn('credentials', {
-      password,
-      sessionCode: isRemote ? sessionCode : '',
-      isRemote: String(isRemote),
-      redirect: false,
-    }) as { error?: string; ok?: boolean } | undefined;
-    if (result?.error) {
-      setError(isRemote ? 'Wrong password or session code' : 'Wrong password');
-    } else if (result?.ok) {
-      window.location.href = window.location.origin + '/';
-    }
-  };
-
-  return (
-    <div className="min-h-screen flex items-center justify-center">
-      <div className="w-80 space-y-6">
-        <div className="text-center">
-          <img src="/icon.png" alt="Forge" width={48} height={48} className="rounded mx-auto mb-2" />
-          <h1 className="text-2xl font-bold text-[var(--text-primary)]">Forge</h1>
-          <p className="text-sm text-[var(--text-secondary)] mt-1">
-            {isRemote ? 'Remote Access' : 'Local Access'}
-          </p>
-        </div>
-
-        <form onSubmit={handleLocal} className="space-y-3">
-          <input
-            type="password"
-            value={password}
-            onChange={e => { setPassword(e.target.value); setError(''); }}
-            placeholder="Admin Password"
-            autoFocus
-            className="w-full px-3 py-2 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-sm text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent)]"
-          />
-          {isRemote && (
-            <input
-              type="text"
-              inputMode="numeric"
-              pattern="[0-9]*"
-              maxLength={8}
-              value={sessionCode}
-              onChange={e => { setSessionCode(e.target.value.replace(/\D/g, '')); setError(''); }}
-              placeholder="Session Code (8 digits)"
-              className="w-full px-3 py-2 bg-[var(--bg-tertiary)] border border-[var(--border)] rounded text-sm text-[var(--text-primary)] font-mono tracking-widest text-center focus:outline-none focus:border-[var(--accent)]"
-            />
-          )}
-          {error && <p className="text-xs text-[var(--red)]">{error}</p>}
-          <button
-            type="submit"
-            className="w-full py-2 bg-[var(--accent)] text-white rounded text-sm hover:opacity-90"
-          >
-            Sign In
-          </button>
-          {isRemote && (
-            <p className="text-[10px] text-[var(--text-secondary)] text-center">
-              Session code is generated when tunnel starts. Use /tunnel_code in Telegram to get it.
-            </p>
-          )}
-          <div className="text-center">
-            <button
-              type="button"
-              onClick={() => setShowHelp(v => !v)}
-              className="text-[10px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
-            >
-              Forgot password?
-            </button>
-            {showHelp && (
-              <p className="text-[10px] text-[var(--text-secondary)] mt-1 bg-[var(--bg-tertiary)] rounded p-2">
-                Run in terminal:<br />
-                <code className="text-[var(--accent)]">forge --reset-password</code>
-              </p>
-            )}
-          </div>
-        </form>
-
-      </div>
-    </div>
-  );
+  return <LoginForm isRemote={isRemote} />;
 }

package/app/page.tsx

@@ -1,7 +1,7 @@
 import { auth } from '@/lib/auth';
 import { redirect } from 'next/navigation';
 import { headers } from 'next/headers';
-import Dashboard from '@/components/Dashboard';
+import DashboardWrapper from '@/components/DashboardWrapper';
 
 export default async function Home({ searchParams }: { searchParams: Promise<{ force?: string }> }) {
   const session = await auth();
@@ -17,5 +17,5 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ f
     if (isMobile) redirect('/mobile');
   }
 
-  return <Dashboard user={session.user} />;
+  return <DashboardWrapper user={session.user} />;
 }

package/bin/forge-server.mjs

@@ -64,6 +64,7 @@ const resetPassword = process.argv.includes('--reset-password');
 
 const webPort = parseInt(getArg('--port')) || 8403;
 const terminalPort = parseInt(getArg('--terminal-port')) || (webPort + 1);
+const workspacePort = parseInt(getArg('--workspace-port')) || (webPort + 2);
 const DATA_DIR = getArg('--dir')?.replace(/^~/, homedir()) || join(homedir(), '.forge', 'data');
 
 const PID_FILE = join(DATA_DIR, 'forge.pid');
@@ -124,6 +125,7 @@ if (existsSync(envFile)) {
 // Set env vars for Next.js and terminal server
 process.env.PORT = String(webPort);
 process.env.TERMINAL_PORT = String(terminalPort);
+process.env.WORKSPACE_PORT = String(workspacePort);
 process.env.FORGE_DATA_DIR = DATA_DIR;
 
 // ── Password setup (first run or --reset-password) ──
@@ -255,7 +257,7 @@ function cleanupOrphans() {
     }
     // Kill standalone processes: our instance's + orphans without any tag
     try {
-      const out = execSync(`ps aux | grep -E 'telegram-standalone|terminal-standalone' | grep -v grep`, {
+      const out = execSync(`ps aux | grep -E 'telegram-standalone|terminal-standalone|workspace-standalone' | grep -v grep`, {
         encoding: 'utf-8', timeout: 5000, stdio: ['pipe', 'pipe', 'pipe'],
       }).trim();
       for (const line of out.split('\n').filter(Boolean)) {
@@ -298,6 +300,16 @@ function startServices() {
   services.push(telegramChild);
   console.log(`[forge] Telegram bot started (pid: ${telegramChild.pid})`);
 
+  // Workspace daemon
+  const workspaceScript = join(ROOT, 'lib', 'workspace-standalone.ts');
+  const workspaceChild = spawn('npx', ['tsx', workspaceScript, instanceTag], {
+    cwd: ROOT,
+    stdio: ['ignore', 'inherit', 'inherit'],
+    env: { ...process.env },
+  });
+  services.push(workspaceChild);
+  console.log(`[forge] Workspace daemon started (pid: ${workspaceChild.pid})`);
+
   // Track all child PIDs for clean shutdown
   const childPids = services.map(c => c.pid).filter(Boolean);
   savePids(childPids);

package/check-forge-status.sh

@@ -32,6 +32,15 @@ else
   echo "  ○ Telegram        stopped"
 fi
 
+# Workspace Daemon
+count=$(ps aux | grep 'workspace-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | wc -l | tr -d ' ')
+pid=$(ps aux | grep 'workspace-standalone' | grep -v grep | grep -v 'npm exec' | grep -v 'cli.mjs' | awk '{print $2}' | head -1)
+if [ "$count" -gt 0 ]; then
+  echo "  ● Workspace       running (pid: $pid)"
+else
+  echo "  ○ Workspace       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)