open-agents-ai 0.104.25 → 0.104.26

package/dist/index.js

@@ -38243,7 +38243,7 @@ async function handleSlashCommand(input, ctx) {
           renderWarning("No active expose gateway.");
           return "handled";
         }
-        await showExposeDashboard(gateway, ctx.rl);
+        await showExposeDashboard(gateway, ctx.rl, ctx);
         return "handled";
       }
       if (arg === "config") {
@@ -38304,9 +38304,13 @@ async function handleSlashCommand(input, ctx) {
       try {
         const tunnelUrl = await ctx.exposeStart(kindOrUrl, exposeAuthKey, exposeTransport, exposeFullAccess);
         if (tunnelUrl) {
-          const info = ctx.getExposeInfo?.();
-          if (info) {
-            process.stdout.write("\n" + info.stats + "\n\n");
+          const gw = ctx.getExposeGateway?.();
+          if (gw) {
+            await showExposeDashboard(gw, ctx.rl, ctx);
+          } else {
+            const info = ctx.getExposeInfo?.();
+            if (info)
+              process.stdout.write("\n" + info.stats + "\n\n");
           }
         } else {
           renderError("Failed to start expose gateway.");
@@ -40207,74 +40211,62 @@ function getLocalSystemMetrics() {
   }
   return result;
 }
-async function showExposeDashboard(gateway, rl) {
-  const stdin = process.stdin;
-  const stdout = process.stdout;
-  if (!stdin.isTTY) {
+async function showExposeDashboard(gateway, rl, ctx) {
+  if (!process.stdin.isTTY) {
     if (typeof gateway.formatStats === "function") {
-      stdout.write("\n" + gateway.formatStats() + "\n\n");
+      process.stdout.write("\n" + gateway.formatStats() + "\n\n");
     }
     return;
   }
-  let lastRenderedLines = 0;
-  let refreshTimer = null;
-  const hadRawMode = stdin.isRaw;
-  let sysMetrics = getLocalSystemMetrics();
-  const savedListeners = rl ? stdin.listeners("data").slice() : [];
-  if (rl) {
-    rl.pause();
-    for (const fn of savedListeners)
-      stdin.removeListener("data", fn);
-  }
-  stdin.setRawMode(true);
-  stdin.resume();
-  stdout.write("\x1B[?25l");
-  function buildDashboard() {
+  const peerLedColor = (peerIdx) => {
+    const stops = [51, 81, 111, 141, 171, 201];
+    const code = stops[Math.min(peerIdx, stops.length - 1)] ?? 51;
+    return `\x1B[38;5;${code}m\u25CF\x1B[0m`;
+  };
+  while (true) {
     const s = gateway.stats ?? gateway._stats;
-    if (!s)
-      return ["  No stats available.", "", "  Press Escape or 'q' to close."];
-    const lines = [];
     const now = Date.now();
-    const uptime = fmtUptime(now - (s.startedAt || now));
-    const statusColor = s.status === "active" ? c2.green : s.status === "error" ? c2.red : c2.yellow;
-    lines.push("");
-    lines.push(`  ${c2.bold("Expose Dashboard")}  ${statusColor("\u25CF")} ${statusColor(s.status || "unknown")}  ${c2.dim(`uptime ${uptime}`)}`);
-    lines.push(`  ${c2.dim("\u2500".repeat(60))}`);
-    const activeConns = s.activeConnections || 0;
-    const totalReqs = s.totalRequests || 0;
-    const errors = s.errors || 0;
-    const tokIn = s.totalTokensIn || 0;
-    const tokOut = s.totalTokensOut || 0;
-    lines.push(`  ${c2.cyan("Requests")}  ${c2.bold(String(totalReqs))}  ${c2.dim("|")}  ${c2.cyan("Active")}  ${activeConns > 0 ? c2.green(c2.bold(String(activeConns))) : c2.dim("0")}  ${c2.dim("|")}  ${c2.cyan("Errors")}  ${errors > 0 ? c2.red(String(errors)) : c2.dim("0")}`);
-    lines.push(`  ${c2.cyan("Tokens")}    ${c2.dim("in:")}${c2.bold(fmtDashTokens(tokIn))}  ${c2.dim("out:")}${c2.bold(fmtDashTokens(tokOut))}  ${c2.dim("total:")}${fmtDashTokens(tokIn + tokOut)}`);
-    if (s.budgetTokensTotal > 0) {
-      const pct = Math.round(s.budgetTokensRemaining / s.budgetTokensTotal * 100);
-      const budgetColor = pct > 50 ? c2.green : pct > 20 ? c2.yellow : c2.red;
-      const barLen = 20;
-      const filledLen = Math.round(pct / 100 * barLen);
-      const bar = budgetColor("\u2588".repeat(filledLen)) + c2.dim("\u2591".repeat(barLen - filledLen));
-      lines.push(`  ${c2.cyan("Budget")}    ${bar} ${budgetColor(`${pct}%`)} ${c2.dim(`(${fmtDashTokens(s.budgetTokensRemaining)}/${fmtDashTokens(s.budgetTokensTotal)})`)}`);
-    }
-    const sys = sysMetrics;
-    lines.push("");
-    lines.push(`  ${c2.bold("System")}`);
-    const cpuColor = sys.cpuUtil > 80 ? c2.red : sys.cpuUtil > 50 ? c2.yellow : c2.green;
-    const memColor = sys.memUtil > 80 ? c2.red : sys.memUtil > 50 ? c2.yellow : c2.green;
-    lines.push(`  ${c2.cyan("CPU")}   ${cpuColor(sys.cpuUtil + "%")} ${c2.dim(`(${sys.cpuCores} cores, ${sys.cpuModel.slice(0, 40)})`)}`);
-    lines.push(`  ${c2.cyan("RAM")}   ${memColor(sys.memUtil + "%")} ${c2.dim(`(${sys.memUsedGB}/${sys.memTotalGB} GB)`)}`);
-    if (sys.gpuAvailable) {
-      const gpuColor = sys.gpuUtil > 80 ? c2.red : sys.gpuUtil > 50 ? c2.yellow : c2.green;
-      const vramColor = sys.vramUtil > 80 ? c2.red : sys.vramUtil > 50 ? c2.yellow : c2.green;
-      lines.push(`  ${c2.cyan("GPU")}   ${gpuColor(sys.gpuUtil + "%")} ${c2.dim(`(${sys.gpuName.trim()})`)}`);
-      lines.push(`  ${c2.cyan("VRAM")}  ${vramColor(sys.vramUtil + "%")} ${c2.dim(`(${sys.vramUsedMB}/${sys.vramTotalMB} MB)`)}`);
-    }
-    const modelEntries = s.modelUsage ? Array.from(s.modelUsage.entries()).filter(([m]) => !DASH_INTERNAL.has(m)) : [];
+    const uptime = s ? fmtUptime(now - (s.startedAt || now)) : "0s";
+    const statusColor = !s ? c2.dim : s.status === "active" ? c2.green : s.status === "error" ? c2.red : c2.yellow;
+    const statusLabel = s?.status || "unknown";
+    const items = [];
+    const skipKeys = [];
+    items.push({ key: "hdr_status", label: selectColors.dim(`\u2500\u2500\u2500 ${statusColor("\u25CF")} ${statusLabel}  uptime ${uptime} \u2500\u2500\u2500`), kind: "header" });
+    skipKeys.push("hdr_status");
+    const isTunnel = !!gateway.tunnelUrl;
+    const isP2P = !!gateway.peerId;
+    const endpointId = isTunnel ? gateway.tunnelUrl : isP2P ? gateway.peerId : null;
+    const authKey = gateway.authKey ?? "";
+    if (endpointId) {
+      const endpointCmd = `/endpoint ${endpointId} --auth ${authKey}`;
+      items.push({ key: "endpoint", label: "\u{1F517} Endpoint", detail: endpointCmd, kind: "action" });
+    }
+    if (s) {
+      const totalReqs = s.totalRequests || 0;
+      const activeConns = s.activeConnections || 0;
+      const tokIn = s.totalTokensIn || 0;
+      const tokOut = s.totalTokensOut || 0;
+      const errors = s.errors || 0;
+      const statsLine = `Req: ${totalReqs}  Active: ${activeConns}  Err: ${errors}  Tok \u2191${fmtDashTokens(tokIn)} \u2193${fmtDashTokens(tokOut)}`;
+      items.push({ key: "info_stats", label: c2.dim(statsLine), kind: "info" });
+      skipKeys.push("info_stats");
+      if (s.budgetTokensTotal > 0) {
+        const pct = Math.round(s.budgetTokensRemaining / s.budgetTokensTotal * 100);
+        const budgetColor = pct > 50 ? c2.green : pct > 20 ? c2.yellow : c2.red;
+        const barLen = 20;
+        const filledLen = Math.round(pct / 100 * barLen);
+        const bar = budgetColor("\u2588".repeat(filledLen)) + c2.dim("\u2591".repeat(barLen - filledLen));
+        items.push({ key: "info_budget", label: `  Budget ${bar} ${budgetColor(`${pct}%`)}`, kind: "info" });
+        skipKeys.push("info_budget");
+      }
+    }
+    const modelEntries = s?.modelUsage ? Array.from(s.modelUsage.entries()).filter(([m]) => !DASH_INTERNAL.has(m)) : [];
     if (modelEntries.length > 0) {
-      lines.push("");
-      lines.push(`  ${c2.bold("Models")}`);
+      items.push({ key: "hdr_models", label: selectColors.dim(`\u2500\u2500\u2500 Models (${modelEntries.length}) \u2500\u2500\u2500`), kind: "header" });
+      skipKeys.push("hdr_models");
       for (const [model, count] of modelEntries) {
         let mIn = 0, mOut = 0;
-        if (s.users) {
+        if (s?.users) {
           for (const user of s.users.values()) {
             const mm = user.models?.get?.(model);
             if (mm) {
@@ -40283,123 +40275,113 @@ async function showExposeDashboard(gateway, rl) {
             }
           }
         }
-        const bar = count > 0 ? c2.green("\u25AE".repeat(Math.min(count, 20))) : "";
-        lines.push(`  ${c2.cyan(model.padEnd(35))} ${c2.bold(String(count).padStart(4))} req  ${c2.dim(`in:${fmtDashTokens(mIn).padStart(6)} out:${fmtDashTokens(mOut).padStart(6)}`)}  ${bar}`);
+        const bar = count > 0 ? c2.green("\u25AE".repeat(Math.min(count, 10))) : "";
+        items.push({
+          key: `model_${model}`,
+          label: `${model}`,
+          detail: `${count} req  \u2191${fmtDashTokens(mIn)} \u2193${fmtDashTokens(mOut)}  ${bar}`,
+          kind: "model"
+        });
       }
     }
-    const users = s.users ? Array.from(s.users.values()) : [];
+    const users = s?.users ? Array.from(s.users.values()) : [];
     if (users.length > 0) {
-      lines.push("");
-      lines.push(`  ${c2.bold("Connected Peers")} (${users.length})`);
-      for (const user of users) {
+      items.push({ key: "hdr_peers", label: selectColors.dim(`\u2500\u2500\u2500 Peers (${users.length}) \u2500\u2500\u2500`), kind: "header" });
+      skipKeys.push("hdr_peers");
+      for (let i = 0; i < users.length; i++) {
+        const user = users[i];
         const ageSec = Math.floor((now - (user.firstSeen || now)) / 1e3);
-        const ageStr = ageSec < 60 ? `${ageSec}s` : ageSec < 3600 ? `${Math.floor(ageSec / 60)}m` : `${Math.floor(ageSec / 3600)}h${Math.floor(ageSec % 3600 / 60)}m`;
+        const ageStr = ageSec < 60 ? `${ageSec}s` : ageSec < 3600 ? `${Math.floor(ageSec / 60)}m` : `${Math.floor(ageSec / 3600)}h`;
         const lastSec = Math.floor((now - (user.lastSeen || now)) / 1e3);
         const lastStr = lastSec < 5 ? c2.green("now") : lastSec < 60 ? `${lastSec}s ago` : `${Math.floor(lastSec / 60)}m ago`;
-        const activeStr = (user.activeRequests || 0) > 0 ? c2.green(` \u25CF ${user.activeRequests} active`) : "";
-        lines.push(`  ${c2.bold(user.ip || "unknown")}${activeStr}`);
-        lines.push(`    ${c2.dim("session")} ${ageStr}  ${c2.dim("last")} ${lastStr}  ${c2.dim("reqs")} ${user.requests || 0}  ${c2.dim("tok")} ${c2.cyan("in:")}${fmtDashTokens(user.tokensIn || 0)} ${c2.cyan("out:")}${fmtDashTokens(user.tokensOut || 0)}`);
-        const userModels = user.models ? Array.from(user.models.entries()).filter(([m]) => !DASH_INTERNAL.has(m)) : [];
-        for (const [m, mm] of userModels) {
-          lines.push(`    ${c2.dim("\u2514")} ${c2.cyan(m)} ${c2.dim(`${mm.requests || 0}req ${fmtDashTokens((mm.tokensIn || 0) + (mm.tokensOut || 0))}tok`)}`);
-        }
-      }
-    }
-    lines.push("");
-    lines.push(`  ${c2.dim("Press Escape or 'q' to close  \u2502  Live \u25CF updates every 2s")}`);
-    lines.push("");
-    return lines;
-  }
-  function render() {
-    sysMetrics = getLocalSystemMetrics();
-    const lines = buildDashboard();
-    if (lastRenderedLines > 0) {
-      stdout.write(`\x1B[${lastRenderedLines}A`);
-      for (let i = 0; i < lastRenderedLines; i++) {
-        stdout.write("\x1B[2K\n");
-      }
-      stdout.write(`\x1B[${lastRenderedLines}A`);
-    }
-    stdout.write(lines.join("\n") + "\n");
-    lastRenderedLines = lines.length;
-  }
-  function cleanup() {
-    if (refreshTimer) {
-      clearInterval(refreshTimer);
-      refreshTimer = null;
-    }
-    gateway.removeListener?.("stats", onStats);
-    if (lastRenderedLines > 0) {
-      stdout.write(`\x1B[${lastRenderedLines}A`);
-      for (let i = 0; i < lastRenderedLines; i++) {
-        stdout.write("\x1B[2K\n");
+        const activeFlag = (user.activeRequests || 0) > 0 ? ` ${c2.green(`\u25CF ${user.activeRequests} active`)}` : "";
+        const led = peerLedColor(i);
+        const peerTok = `\u2191${fmtDashTokens(user.tokensIn || 0)} \u2193${fmtDashTokens(user.tokensOut || 0)}`;
+        items.push({
+          key: `peer_${user.ip || i}`,
+          label: `${led} ${user.ip || "unknown"}${activeFlag}`,
+          detail: `${user.requests || 0}req  ${peerTok}  ${c2.dim(ageStr)}  last: ${lastStr}`,
+          kind: "peer"
+        });
       }
-      stdout.write(`\x1B[${lastRenderedLines}A`);
-    }
-    stdout.write("\x1B[?25h");
-    stdin.setRawMode(hadRawMode ?? false);
-    stdin.removeListener("data", onKey);
-    if (rl) {
-      for (const fn of savedListeners)
-        stdin.on("data", fn);
-      rl.resume();
-    }
-  }
-  function onStats() {
-    render();
-  }
-  function onKey(chunk) {
-    const key = chunk.toString();
-    if (key === "\x1B" || key === "q" || key === "Q") {
-      cleanup();
-      return;
-    }
-    if (key === "") {
-      cleanup();
-      return;
     }
-  }
-  if (typeof gateway.on === "function") {
-    gateway.on("stats", onStats);
-  }
-  refreshTimer = setInterval(render, 2e3);
-  render();
-  stdin.on("data", onKey);
-  return new Promise((resolve32) => {
-    const origCleanup = cleanup;
-    function wrappedCleanup() {
-      origCleanup();
-      resolve32();
-    }
-    stdin.removeListener("data", onKey);
-    function onKeyWrapped(chunk) {
-      const key = chunk.toString();
-      if (key === "\x1B" || key === "q" || key === "Q" || key === "") {
-        if (refreshTimer) {
-          clearInterval(refreshTimer);
-          refreshTimer = null;
+    const sys = getLocalSystemMetrics();
+    items.push({ key: "hdr_system", label: selectColors.dim("\u2500\u2500\u2500 System \u2500\u2500\u2500"), kind: "header" });
+    skipKeys.push("hdr_system");
+    const cpuColor = sys.cpuUtil > 80 ? c2.red : sys.cpuUtil > 50 ? c2.yellow : c2.green;
+    const memColor = sys.memUtil > 80 ? c2.red : sys.memUtil > 50 ? c2.yellow : c2.green;
+    let sysLine = `CPU ${cpuColor(sys.cpuUtil + "%")} (${sys.cpuCores}c)  RAM ${memColor(sys.memUtil + "%")} (${sys.memUsedGB}/${sys.memTotalGB}GB)`;
+    if (sys.gpuAvailable) {
+      const gpuColor = sys.gpuUtil > 80 ? c2.red : sys.gpuUtil > 50 ? c2.yellow : c2.green;
+      const vramColor = sys.vramUtil > 80 ? c2.red : sys.vramUtil > 50 ? c2.yellow : c2.green;
+      sysLine += `  GPU ${gpuColor(sys.gpuUtil + "%")}  VRAM ${vramColor(sys.vramUtil + "%")} (${sys.vramUsedMB}/${sys.vramTotalMB}MB)`;
+    }
+    items.push({ key: "info_system", label: c2.dim(sysLine), kind: "info" });
+    skipKeys.push("info_system");
+    items.push({ key: "hdr_actions", label: selectColors.dim("\u2500\u2500\u2500 Actions \u2500\u2500\u2500"), kind: "header" });
+    skipKeys.push("hdr_actions");
+    items.push({ key: "refresh", label: "\u{1F504} Refresh", detail: "Rebuild dashboard with latest data", kind: "action" });
+    items.push({ key: "stop", label: "\u{1F6D1} Stop Gateway", detail: "Shut down the expose gateway", kind: "action" });
+    const result = await tuiSelect({
+      items,
+      title: "Expose Dashboard",
+      rl,
+      skipKeys,
+      availableRows: ctx?.availableContentRows?.()
+    });
+    if (!result.confirmed || !result.key)
+      break;
+    switch (result.key) {
+      case "endpoint": {
+        const id = isTunnel ? gateway.tunnelUrl : gateway.peerId;
+        const cmd = `/endpoint ${id} --auth ${authKey}`;
+        if (process.stdout.isTTY && id) {
+          const b64 = Buffer.from(cmd).toString("base64");
+          process.stdout.write(`\x1B]52;c;${b64}\x07`);
         }
-        gateway.removeListener?.("stats", onStats);
-        if (lastRenderedLines > 0) {
-          stdout.write(`\x1B[${lastRenderedLines}A`);
-          for (let i = 0; i < lastRenderedLines; i++) {
-            stdout.write("\x1B[2K\n");
+        process.stdout.write(`
+  ${c2.bold("Endpoint command")} ${c2.dim("(copied to clipboard)")}
+  ${c2.cyan(cmd)}
+
+`);
+        await new Promise((resolve32) => {
+          const onData = () => {
+            process.stdin.removeListener("data", onData);
+            resolve32();
+          };
+          process.stdin.once("data", onData);
+        });
+        continue;
+      }
+      case "refresh":
+        continue;
+      // Loop rebuilds items with fresh data
+      case "stop":
+        await ctx?.exposeStop?.();
+        renderInfo("Expose gateway stopped.");
+        return;
+      default:
+        if (result.key.startsWith("peer_")) {
+          const peerId = result.key.slice(5);
+          const user = users.find((u) => (u.ip || String(users.indexOf(u))) === peerId);
+          if (user) {
+            const userModels = user.models ? Array.from(user.models.entries()).filter(([m]) => !DASH_INTERNAL.has(m)) : [];
+            if (userModels.length > 0) {
+              process.stdout.write(`
+  ${c2.bold(user.ip || "unknown")} \u2014 model usage:
+`);
+              for (const [m, mm] of userModels) {
+                process.stdout.write(`    ${c2.cyan(m)} ${c2.dim(`${mm.requests}req  \u2191${fmtDashTokens(mm.tokensIn)} \u2193${fmtDashTokens(mm.tokensOut)}`)}
+`);
+              }
+              process.stdout.write("\n");
+            }
           }
-          stdout.write(`\x1B[${lastRenderedLines}A`);
-        }
-        stdout.write("\x1B[?25h");
-        stdin.setRawMode(hadRawMode ?? false);
-        stdin.removeListener("data", onKeyWrapped);
-        if (rl) {
-          for (const fn of savedListeners)
-            stdin.on("data", fn);
-          rl.resume();
+          continue;
         }
-        resolve32();
-      }
+        continue;
     }
-    stdin.on("data", onKeyWrapped);
-  });
+  }
 }
 var DASH_INTERNAL;
 var init_commands = __esm({
@@ -48380,8 +48362,8 @@ var init_status_bar = __esm({
         const compactOrder = [];
         let modelSectionIdx = -1;
         let versionSectionIdx = -1;
-        if (this._exposeFlashOn) {
-          const ledColor = this._aliveLedColor();
+        if (this._expose) {
+          const ledColor = this._exposeFlashOn ? this._aliveLedColor() : 240;
           const dot = `\x1B[38;5;${ledColor}m\u2B24\x1B[0m`;
           sections.push({ expanded: dot, compact: dot, expandedW: 1, compactW: 1, empty: false });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.104.25",
+  "version": "0.104.26",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",