thinknagent 0.1.18 → 0.1.19

package/bin/thinknagent.js

@@ -18,32 +18,45 @@ program
 // ── init ─────────────────────────────────────────────────────────────────────
 program
   .command('init')
-  .description('Register this server with ThinkNCollab')
-  .requiredOption('--server <url>', 'ThinkNCollab server URL (e.g. https://thinkncollab.com)')
-  .requiredOption('--name <name>',  'Display name for this server on the DevOps Wall')
-  .option('--room <roomId>', 'Room ID to connect to')
-  .option('--gpu',                  'Enable GPU metrics (requires nvidia-smi)')
-  .option('--logs <paths>',         'Comma-separated log file paths to stream')
-  .option('--app-path <path>',      'Path to the deployed application folder (to track version)')
+  .description('Register this server with ThinkNCollab DevOps Wall')
+  .option('--room <roomId>',       'Room ID to connect to (required)')
+  .option('--server <url>',        'ThinkNCollab server URL', 'https://thinkncollab.com')
+  .option('--name <name>',         'Display name for this server (default: hostname)')
+  .option('--gpu',                 'Enable GPU metrics (requires nvidia-smi)')
+  .option('--logs <paths>',        'Comma-separated log file paths to stream')
+  .option('--app-path <path>',     'Path to the deployed application folder (to track version)')
+  .option('-f, --force',           'Force overwrite existing registration')
+  .option('-d, --daemon',          'Start background auto-restart daemon immediately after init')
   .action(async (opts) => {
-    const existing = store.get('agentToken');
-    if (existing) {
-      console.log(chalk.yellow('Already registered. Run `thinknagent status` to check.'));
-      console.log(chalk.gray('To re-register: thinknagent revoke && thinknagent init ...'));
-      process.exit(0);
+    if (!opts.room) {
+      console.error(chalk.red('\n  Error: --room <roomId> is required.'));
+      console.log(chalk.gray('  Usage: thinknagent init --room <roomId> [--name <name>] [--server <url>]\n'));
+      process.exit(1);
+    }
+
+    const os = require('os');
+    const existing = store.read();
+    if (existing.agentToken && !opts.force) {
+      console.log(chalk.yellow('\n  Already registered for: ' + (existing.name || existing.agentId)));
+      console.log(chalk.gray('  To overwrite config, pass: --force (e.g. thinknagent init --room <roomId> --force)'));
+      console.log(chalk.gray('  Or check status: thinknagent status\n'));
+      return;
     }
 
-    const agentId = uuid();
+    const agentId = existing.agentId || uuid();
+    const serverUrl = (opts.server || 'https://thinkncollab.com').replace(/\/$/, '');
+    const nodeName = opts.name || os.hostname();
+
     const cfg = {
+      ...existing,
       agentId,
-      serverUrl: opts.server.replace(/\/$/, ''),
-      name:      opts.name,
-      gpu:       !!opts.gpu,
-      logs:      opts.logs ? opts.logs.split(',').map(s => s.trim()) : [],
+      serverUrl,
+      name:      nodeName,
+      gpu:       opts.gpu !== undefined ? !!opts.gpu : (existing.gpu || false),
+      logs:      opts.logs ? opts.logs.split(',').map(s => s.trim()) : (existing.logs || []),
       roomId:    opts.room,
-      appPath:   opts.appPath || null,
-      alerts:    [
-        // sensible defaults — Owner can edit in browser
+      appPath:   opts.appPath || existing.appPath || null,
+      alerts:    existing.alerts || [
         { id: 'cpu-high',  metric: 'cpu.usage',      op: 'gt', value: 85, for: 60, severity: 'warning'  },
         { id: 'cpu-crit',  metric: 'cpu.usage',      op: 'gt', value: 95, for: 30, severity: 'critical' },
         { id: 'mem-high',  metric: 'memory.usedPct', op: 'gt', value: 85, for: 60, severity: 'warning'  },
@@ -51,21 +64,34 @@ program
       ],
     };
 
+    if (opts.force) {
+      delete cfg.agentToken;
+      delete cfg.role;
+    }
+
     store.write(cfg);
 
     console.log(chalk.cyan('\n  thinknagent') + chalk.gray(` v${require('../package.json').version}`));
     console.log(chalk.gray('  ─────────────────────────────────────────'));
     console.log(`  Server  : ${chalk.white(cfg.serverUrl)}`);
     console.log(`  Name    : ${chalk.white(cfg.name)}`);
+    console.log(`  Room ID : ${chalk.white(cfg.roomId)}`);
     console.log(`  Agent ID: ${chalk.white(agentId)}`);
     console.log(`  GPU     : ${cfg.gpu ? chalk.green('enabled') : chalk.gray('disabled')}`);
     console.log(`  Logs    : ${cfg.logs.length ? chalk.white(cfg.logs.join(', ')) : chalk.gray('none')}`);
     console.log(`  App Path: ${cfg.appPath ? chalk.white(cfg.appPath) : chalk.gray('none')}`);
     console.log(chalk.gray('  ─────────────────────────────────────────'));
-    console.log(chalk.yellow('\n  Next step:'));
-    console.log('  1. Run: ' + chalk.cyan('thinknagent start'));
-    console.log('  2. An Owner of the target room must approve this agent in ThinkNCollab');
-    console.log('  3. Once approved, agent becomes active automatically\n');
+    console.log(chalk.green('  ✔ Configuration saved successfully!\n'));
+
+    if (opts.daemon) {
+      const DaemonManager = require('../lib/daemon');
+      new DaemonManager().startSupervisor();
+    } else {
+      console.log(chalk.yellow('  Next steps:'));
+      console.log('  • Start background auto-restart daemon : ' + chalk.cyan('thinknagent daemon start'));
+      console.log('  • Or run directly in terminal          : ' + chalk.cyan('thinknagent start'));
+      console.log('  • Or launch local GUI app              : ' + chalk.cyan('thinknagent app\n'));
+    }
   });
 
 // ── start ─────────────────────────────────────────────────────────────────────
@@ -77,44 +103,91 @@ program
     if (opts.dev) process.env.THINKNAGENT_DEV = '1';
 
     const cfg = store.read();
-    if (!cfg.serverUrl) {
-      console.error(chalk.red('Not initialized. Run: thinknagent init --server <url> --name <name>'));
+    if (!cfg.serverUrl || !cfg.roomId) {
+      console.error(chalk.red('\n  Not initialized. Run: thinknagent init --room <roomId>'));
       process.exit(1);
     }
 
     console.log(chalk.cyan(`\n  Starting thinknagent — ${cfg.name || cfg.agentId}`));
     if (!cfg.agentToken) {
-      console.log(chalk.yellow('  Status: PENDING — waiting for Owner approval\n'));
+      console.log(chalk.yellow('  Status: PENDING — waiting for Owner approval in DevOps Wall\n'));
     }
 
     const agent = new Agent();
     agent.start();
   });
 
+// ── stop ──────────────────────────────────────────────────────────────────────
+program
+  .command('stop')
+  .description('Stop running thinknagent background daemon')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().stopSupervisor();
+  });
+
+// ── restart ───────────────────────────────────────────────────────────────────
+program
+  .command('restart')
+  .description('Restart the background daemon')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    const daemon = new DaemonManager();
+    daemon.stopSupervisor();
+    setTimeout(() => daemon.startSupervisor(), 1000);
+  });
+
 // ── status ────────────────────────────────────────────────────────────────────
 program
   .command('status')
-  .description('Show current agent config and registration status')
+  .description('Show current agent config, approval, and daemon status')
   .action(() => {
+    const os = require('os');
     const cfg = store.read();
-    if (!cfg.serverUrl) {
-      console.log(chalk.gray('Not initialized.'));
+    const DaemonManager = require('../lib/daemon');
+    const daemon = new DaemonManager();
+    const isRunning = daemon.isRunning();
+
+    if (!cfg.serverUrl && !cfg.roomId) {
+      console.log(chalk.gray('\n  thinknagent is not configured yet.'));
+      console.log(chalk.cyan('  Run: thinknagent init --room <roomId>\n'));
       return;
     }
 
-    console.log(chalk.cyan('\n  thinknagent status'));
-    console.log(chalk.gray('  ────────────────────────────────'));
-    console.log(`  Name    : ${chalk.white(cfg.name || '—')}`);
-    console.log(`  Server  : ${chalk.white(cfg.serverUrl || '—')}`);
-    console.log(`  Agent ID: ${chalk.white(cfg.agentId || '—')}`);
-    console.log(`  Role    : ${chalk.white(cfg.role || '—')}`);
-    console.log(`  Room    : ${chalk.white(cfg.roomId || '—')}`);
-    console.log(`  Status  : ${cfg.agentToken ? chalk.green('APPROVED') : chalk.yellow('PENDING')}`);
-    console.log(`  GPU     : ${cfg.gpu ? chalk.green('enabled') : chalk.gray('disabled')}`);
-    console.log(`  Logs    : ${(cfg.logs||[]).length ? cfg.logs.join(', ') : chalk.gray('none')}`);
-    console.log(`  App Path: ${cfg.appPath ? chalk.white(cfg.appPath) : chalk.gray('none')}`);
-    console.log(`  Alerts  : ${(cfg.alerts||[]).length} rule(s)`);
-    console.log(chalk.gray('  ────────────────────────────────\n'));
+    console.log(chalk.cyan('\n  thinknagent status') + chalk.gray(` v${require('../package.json').version}`));
+    console.log(chalk.gray('  ─────────────────────────────────────────────'));
+    console.log(`  Name       : ${chalk.white(cfg.name || os.hostname())}`);
+    console.log(`  Server     : ${chalk.white(cfg.serverUrl || 'https://thinkncollab.com')}`);
+    console.log(`  Room ID    : ${chalk.white(cfg.roomId || '—')}`);
+    console.log(`  Agent ID   : ${chalk.white(cfg.agentId || '—')}`);
+    console.log(`  Role       : ${chalk.white(cfg.role || 'monitor')}`);
+    console.log(`  Auth State : ${cfg.agentToken ? chalk.green('APPROVED (Active)') : chalk.yellow('PENDING (Waiting for Owner approval)')}`);
+    console.log(`  Daemon     : ${isRunning ? chalk.green(`RUNNING (PID ${daemon.getPid()})`) : chalk.gray('STOPPED')}`);
+    console.log(`  GPU        : ${cfg.gpu ? chalk.green('enabled') : chalk.gray('disabled')}`);
+    console.log(`  Logs       : ${(cfg.logs||[]).length ? cfg.logs.join(', ') : chalk.gray('none')}`);
+    console.log(`  App Path   : ${cfg.appPath ? chalk.white(cfg.appPath) : chalk.gray('none')}`);
+    console.log(chalk.gray('  ─────────────────────────────────────────────\n'));
+  });
+
+// ── logs ──────────────────────────────────────────────────────────────────────
+program
+  .command('logs')
+  .description('View recent daemon logs')
+  .option('-n, --lines <count>', 'Number of lines to view', '50')
+  .action((opts) => {
+    const os = require('os');
+    const fs = require('fs');
+    const path = require('path');
+    const logFile = path.join(os.homedir(), '.thinknagent', 'daemon.log');
+    if (!fs.existsSync(logFile)) {
+      console.log(chalk.gray('No daemon logs found at: ' + logFile));
+      return;
+    }
+    const lines = parseInt(opts.lines, 10) || 50;
+    const content = fs.readFileSync(logFile, 'utf8').trim().split('\n');
+    console.log(chalk.cyan(`\n  --- thinknagent daemon logs (last ${lines} lines) ---`));
+    console.log(content.slice(-lines).join('\n'));
+    console.log(chalk.cyan(`  --- end of logs ---\n`));
   });
 
 // ── revoke ────────────────────────────────────────────────────────────────────
@@ -122,8 +195,94 @@ program
   .command('revoke')
   .description('Remove all credentials from this server')
   .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().stopSupervisor();
     store.clear();
-    console.log(chalk.yellow('  Credentials cleared. Run `thinknagent init` to re-register.'));
+    console.log(chalk.yellow('\n  Credentials cleared from ~/.thinknagent/'));
+    console.log(chalk.gray('  To re-register: thinknagent init --room <roomId>\n'));
+  });
+
+// ── app (Local GUI / Web App) ────────────────────────────────────────────────
+program
+  .command('app')
+  .description('Launch the ThinkNCollab Agent App (Local GUI Dashboard)')
+  .option('-p, --port <port>', 'Local port to run UI on', '4455')
+  .option('--no-open', 'Do not open browser automatically')
+  .action((opts) => {
+    const AgentApp = require('../lib/app');
+    const app = new AgentApp(parseInt(opts.port, 10));
+    app.start(opts.open !== false);
+  });
+
+// ── daemon (Background Auto-Restart Service) ──────────────────────────────────
+const daemonCmd = program
+  .command('daemon')
+  .description('Manage the background auto-restarting daemon');
+
+daemonCmd
+  .command('start')
+  .description('Start the background daemon with auto-restart supervisor')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().startSupervisor();
+  });
+
+daemonCmd
+  .command('stop')
+  .description('Stop the background daemon supervisor')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().stopSupervisor();
   });
 
+daemonCmd
+  .command('restart')
+  .description('Restart the background daemon')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    const daemon = new DaemonManager();
+    daemon.stopSupervisor();
+    setTimeout(() => daemon.startSupervisor(), 1000);
+  });
+
+daemonCmd
+  .command('status')
+  .description('Check daemon process status')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().getStatus();
+  });
+
+daemonCmd
+  .command('install')
+  .description('Install as OS background service (Systemd on Linux, Launchd on macOS)')
+  .action(() => {
+    const DaemonManager = require('../lib/daemon');
+    new DaemonManager().installService();
+  });
+
+// Default banner if no arguments
+if (process.argv.length <= 2) {
+  const os = require('os');
+  const cfg = store.read();
+  const v = require('../package.json').version;
+  console.log(chalk.cyan(`\n  ╔═══════════════════════════════════════════════════╗`));
+  console.log(chalk.cyan(`  ║         ThinkNCollab Server Agent v${v}        ║`));
+  console.log(chalk.cyan(`  ╚═══════════════════════════════════════════════════╝`));
+  console.log(chalk.gray(`  Zero-config server telemetry, terminal & DevOps sync\n`));
+
+  if (cfg.roomId) {
+    console.log(`  Configured Room : ${chalk.green(cfg.roomId)} (${cfg.name || os.hostname()})`);
+    console.log(`  Quick Commands  :`);
+    console.log(`    • ${chalk.cyan('thinknagent daemon start')}  (Run in background with auto-restart)`);
+    console.log(`    • ${chalk.cyan('thinknagent status')}        (Check live approval & status)`);
+    console.log(`    • ${chalk.cyan('thinknagent app')}           (Open Desktop GUI dashboard)`);
+    console.log(`    • ${chalk.cyan('thinknagent logs')}          (View recent logs)\n`);
+  } else {
+    console.log(`  Get Started:`);
+    console.log(`    • ${chalk.cyan('thinknagent init --room <roomId>')}   (Register this server)`);
+    console.log(`    • ${chalk.cyan('thinknagent app')}                    (Launch local GUI setup)\n`);
+  }
+}
+
 program.parse(process.argv);

package/lib/app.js

@@ -0,0 +1,327 @@
+'use strict';
+
+const http = require('http');
+const path = require('path');
+const os = require('os');
+const { exec } = require('child_process');
+const store = require('./store');
+const Agent = require('./agent');
+const si = require('systeminformation');
+
+class AgentApp {
+  constructor(port = 4455) {
+    this.port = port;
+    this.server = null;
+    this.agentInstance = null;
+  }
+
+  start(autoOpen = true) {
+    this.server = http.createServer((req, res) => this._handleRequest(req, res));
+    this.server.listen(this.port, '127.0.0.1', () => {
+      const url = `http://localhost:${this.port}`;
+      console.log(`\n  \x1b[32m✔\x1b[0m ThinkNCollab Agent App is running at: \x1b[36m${url}\x1b[0m\n`);
+      if (autoOpen) {
+        this._openBrowser(url);
+      }
+    });
+
+    // Auto-start agent if already initialized
+    const cfg = store.read();
+    if (cfg.serverUrl && cfg.roomId) {
+      try {
+        this.agentInstance = new Agent();
+        this.agentInstance.start();
+      } catch (err) {
+        console.warn('[app] Auto-start agent notice:', err.message);
+      }
+    }
+  }
+
+  _openBrowser(url) {
+    const startCmd = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open';
+    exec(`${startCmd} ${url}`, () => {});
+  }
+
+  async _handleRequest(req, res) {
+    const url = new URL(req.url, `http://${req.headers.host}`);
+
+    // API: Status & Telemetry
+    if (url.pathname === '/api/status' && req.method === 'GET') {
+      try {
+        const [cpu, mem, disk] = await Promise.all([
+          si.currentLoad(),
+          si.mem(),
+          si.fsSize()
+        ]);
+        const cfg = store.read();
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        return res.end(JSON.stringify({
+          success: true,
+          config: {
+            name: cfg.name || os.hostname(),
+            serverUrl: cfg.serverUrl || '',
+            roomId: cfg.roomId || '',
+            agentId: cfg.agentId || '',
+            role: cfg.role || 'monitor',
+            status: cfg.agentToken ? 'approved' : cfg.agentId ? 'pending' : 'not_initialized'
+          },
+          telemetry: {
+            hostname: os.hostname(),
+            platform: `${os.type()} ${os.release()} (${os.arch()})`,
+            uptime: os.uptime(),
+            cpuPercent: parseFloat(cpu.currentLoad.toFixed(1)),
+            cores: cpu.cpus?.length || os.cpus().length,
+            memoryTotalMB: Math.round(mem.total / 1048576),
+            memoryUsedMB: Math.round(mem.used / 1048576),
+            memoryUsedPct: parseFloat(((mem.used / mem.total) * 100).toFixed(1)),
+            disk: disk.map(d => ({
+              mount: d.mount,
+              sizeGB: (d.size / 1073741824).toFixed(1),
+              usedPct: parseFloat((d.use || 0).toFixed(1))
+            }))
+          }
+        }));
+      } catch (err) {
+        res.writeHead(500, { 'Content-Type': 'application/json' });
+        return res.end(JSON.stringify({ error: err.message }));
+      }
+    }
+
+    // API: Connect / Configure
+    if (url.pathname === '/api/connect' && req.method === 'POST') {
+      let body = '';
+      req.on('data', chunk => body += chunk);
+      req.on('end', () => {
+        try {
+          const data = JSON.parse(body);
+          const { serverUrl, name, roomId } = data;
+          if (!serverUrl || !roomId) {
+            res.writeHead(400, { 'Content-Type': 'application/json' });
+            return res.end(JSON.stringify({ error: 'Server URL and Room ID are required.' }));
+          }
+
+          const { v4: uuid } = require('uuid');
+          const existing = store.read();
+          const agentId = existing.agentId || uuid();
+
+          store.write({
+            ...existing,
+            serverUrl: serverUrl.replace(/\/$/, ''),
+            name: name || os.hostname(),
+            roomId,
+            agentId
+          });
+
+          // Restart Agent instance
+          if (this.agentInstance) {
+            try { this.agentInstance._shutdown('reconnect'); } catch (e) {}
+          }
+          this.agentInstance = new Agent();
+          this.agentInstance.start();
+
+          res.writeHead(200, { 'Content-Type': 'application/json' });
+          return res.end(JSON.stringify({ success: true, message: 'Agent connected! Check DevOps Wall for approval.' }));
+        } catch (err) {
+          res.writeHead(500, { 'Content-Type': 'application/json' });
+          return res.end(JSON.stringify({ error: err.message }));
+        }
+      });
+      return;
+    }
+
+    // Serve Local App UI
+    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+    res.end(this._getHtml());
+  }
+
+  _getHtml() {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>ThinkNCollab Agent App</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet">
+  <style>
+    * { margin:0; padding:0; box-sizing:border-box; }
+    :root {
+      --bg: #090910; --bg2: #12121e; --card: #161626; --border: rgba(255,255,255,0.08);
+      --accent: #00ff88; --accent-glow: rgba(0,255,136,0.2); --text: #f1f5f9; --text2: #94a3b8; --text3: #475569;
+      --orange: #f97316; --red: #ef4444;
+      --font: 'Syne', sans-serif; --mono: 'JetBrains Mono', monospace;
+    }
+    body { background: var(--bg); color: var(--text); font-family: var(--font); min-height: 100vh; display: flex; flex-direction: column; }
+    header { height: 60px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: rgba(18,18,30,0.8); backdrop-filter: blur(12px); }
+    .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 16px; letter-spacing: -0.02em; }
+    .brand-dot { color: var(--accent); }
+    .badge { font-family: var(--mono); font-size: 11px; padding: 4px 10px; border-radius: 20px; font-weight: 600; display: flex; align-items: center; gap: 6px; }
+    .badge.online { background: rgba(0,255,136,0.12); color: var(--accent); border: 1px solid rgba(0,255,136,0.3); }
+    .badge.pending { background: rgba(249,115,22,0.12); color: var(--orange); border: 1px solid rgba(249,115,22,0.3); }
+    .badge-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: pulse 2s infinite; }
+    @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
+    .container { max-width: 960px; margin: 0 auto; width: 100%; padding: 24px; flex: 1; display: flex; flex-direction: column; gap: 20px; }
+    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
+    .card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 18px; }
+    .card-title { font-size: 11px; font-family: var(--mono); color: var(--text2); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
+    .metric-val { font-size: 26px; font-weight: 800; font-family: var(--mono); color: var(--accent); }
+    .metric-sub { font-size: 11px; color: var(--text3); font-family: var(--mono); margin-top: 4px; }
+    .form-group { margin-bottom: 12px; }
+    .form-group label { display: block; font-size: 11px; font-family: var(--mono); color: var(--text2); margin-bottom: 4px; }
+    .form-group input { width: 100%; background: var(--bg2); border: 1px solid var(--border); color: #fff; padding: 8px 12px; border-radius: 6px; font-size: 12px; font-family: var(--mono); }
+    .form-group input:focus { outline: none; border-color: var(--accent); }
+    .btn { background: var(--accent); color: #05140c; border: none; padding: 10px 18px; border-radius: 6px; font-size: 12px; font-weight: 700; cursor: pointer; font-family: var(--font); transition: all 0.15s; }
+    .btn:hover { box-shadow: 0 0 15px var(--accent-glow); transform: translateY(-1px); }
+    .toast { position: fixed; bottom: 20px; right: 20px; background: var(--card); border: 1px solid var(--accent); padding: 12px 20px; border-radius: 8px; font-size: 12px; color: #fff; display: none; z-index: 100; }
+  </style>
+</head>
+<body>
+  <header>
+    <div class="brand">
+      <i class="fa-solid fa-server" style="color:var(--accent);"></i>
+      ThinkNCollab Agent App<span class="brand-dot">.</span>
+    </div>
+    <div id="status-badge" class="badge pending">
+      <div class="badge-dot"></div>
+      <span id="status-text">INITIALIZING</span>
+    </div>
+  </header>
+
+  <div class="container">
+    <div class="grid">
+      <div class="card">
+        <div class="card-title"><i class="fa-solid fa-microchip"></i> CPU Usage</div>
+        <div class="metric-val" id="val-cpu">--%</div>
+        <div class="metric-sub" id="val-cores">-- Cores</div>
+      </div>
+      <div class="card">
+        <div class="card-title"><i class="fa-solid fa-memory"></i> Memory</div>
+        <div class="metric-val" id="val-mem">--%</div>
+        <div class="metric-sub" id="val-mem-detail">-- / -- MB</div>
+      </div>
+      <div class="card">
+        <div class="card-title"><i class="fa-solid fa-hard-drive"></i> Primary Disk</div>
+        <div class="metric-val" id="val-disk">--%</div>
+        <div class="metric-sub" id="val-disk-detail">-- GB</div>
+      </div>
+      <div class="card">
+        <div class="card-title"><i class="fa-solid fa-clock"></i> Node Uptime</div>
+        <div class="metric-val" id="val-uptime" style="font-size:18px;">--</div>
+        <div class="metric-sub" id="val-platform">--</div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div style="font-size:14px; font-weight:700; margin-bottom:14px; display:flex; align-items:center; gap:8px;">
+        <i class="fa-solid fa-link" style="color:var(--accent);"></i> Connect to ThinkNCollab DevOps Wall
+      </div>
+      <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px;">
+        <div class="form-group">
+          <label>ThinkNCollab Server URL</label>
+          <input type="text" id="cfg-server" placeholder="https://thinkncollab.com" value="https://thinkncollab.com" />
+        </div>
+        <div class="form-group">
+          <label>Target Room ID (from URL)</label>
+          <input type="text" id="cfg-room" placeholder="e.g. 6a318170496c7b00a7f74260" />
+        </div>
+        <div class="form-group">
+          <label>Node Display Name</label>
+          <input type="text" id="cfg-name" placeholder="prod-web-01" />
+        </div>
+      </div>
+      <div style="display:flex; justify-content:flex-end; margin-top:8px;">
+        <button class="btn" onclick="saveConnection()"><i class="fa-solid fa-paper-plane"></i> Connect Node</button>
+      </div>
+    </div>
+  </div>
+
+  <div id="toast" class="toast"></div>
+
+  <script>
+    async function fetchStatus() {
+      try {
+        const res = await fetch('/api/status');
+        const data = await res.json();
+        if (data.success) {
+          const t = data.telemetry;
+          const c = data.config;
+
+          document.getElementById('val-cpu').textContent = t.cpuPercent + '%';
+          document.getElementById('val-cores').textContent = t.cores + ' Cores';
+          document.getElementById('val-mem').textContent = t.memoryUsedPct + '%';
+          document.getElementById('val-mem-detail').textContent = t.memoryUsedMB + ' / ' + t.memoryTotalMB + ' MB';
+          if (t.disk && t.disk[0]) {
+            document.getElementById('val-disk').textContent = t.disk[0].usedPct + '%';
+            document.getElementById('val-disk-detail').textContent = t.disk[0].sizeGB + ' GB';
+          }
+          const upHours = Math.floor(t.uptime / 3600);
+          const upMins = Math.floor((t.uptime % 3600) / 60);
+          document.getElementById('val-uptime').textContent = upHours + 'h ' + upMins + 'm';
+          document.getElementById('val-platform').textContent = t.platform;
+
+          const badge = document.getElementById('status-badge');
+          const badgeText = document.getElementById('status-text');
+          if (c.status === 'approved') {
+            badge.className = 'badge online';
+            badgeText.textContent = 'ONLINE (APPROVED)';
+          } else if (c.status === 'pending') {
+            badge.className = 'badge pending';
+            badgeText.textContent = 'PENDING APPROVAL';
+          } else {
+            badge.className = 'badge pending';
+            badgeText.textContent = 'NOT CONFIGURED';
+          }
+
+          if (c.serverUrl && !document.getElementById('cfg-server').value) document.getElementById('cfg-server').value = c.serverUrl;
+          if (c.roomId && !document.getElementById('cfg-room').value) document.getElementById('cfg-room').value = c.roomId;
+          if (c.name && !document.getElementById('cfg-name').value) document.getElementById('cfg-name').value = c.name;
+        }
+      } catch (err) {
+        console.error('Status fetch error:', err);
+      }
+    }
+
+    async function saveConnection() {
+      const serverUrl = document.getElementById('cfg-server').value.trim();
+      const roomId = document.getElementById('cfg-room').value.trim();
+      const name = document.getElementById('cfg-name').value.trim();
+
+      if (!serverUrl || !roomId) {
+        showToast('Server URL and Room ID are required!');
+        return;
+      }
+
+      try {
+        const res = await fetch('/api/connect', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ serverUrl, roomId, name })
+        });
+        const d = await res.json();
+        if (d.success) {
+          showToast(d.message || 'Connected successfully!');
+          fetchStatus();
+        } else {
+          showToast(d.error || 'Failed to connect');
+        }
+      } catch (err) {
+        showToast('Connection error: ' + err.message);
+      }
+    }
+
+    function showToast(msg) {
+      const t = document.getElementById('toast');
+      t.textContent = msg;
+      t.style.display = 'block';
+      setTimeout(() => t.style.display = 'none', 4000);
+    }
+
+    fetchStatus();
+    setInterval(fetchStatus, 3000);
+  </script>
+</body>
+</html>`;
+  }
+}
+
+module.exports = AgentApp;

package/lib/connect.js

@@ -104,18 +104,15 @@ class Connection {
 });
 
 s.on('agent:approved', ({ agentToken, role, roomId }) => {
-  // ✅ agentId yahan store mat karo — UUID already store mein sahi hai
   store.set('agentToken', agentToken);
   store.set('role',       role);
   store.set('roomId',     roomId);
-  // agentId touch mat karo!
 
   this.agentToken = agentToken;
   this.role       = role;
 
-  console.log(`[thinknagent] Approved! Reconnecting with token...`);
-  this.socket.disconnect();
-  setTimeout(() => this.socket.connect(), 500);
+  console.log(`[thinknagent] Approved! Active session ready. Role: ${role} | Room: ${roomId}`);
+  this.onReady?.({ role, roomId });
 });
     // Server says: "Owner rejected this agent"
     s.on('agent:rejected', ({ reason }) => {