open-agents-ai 0.105.6 → 0.105.7

package/dist/index.js

@@ -29319,8 +29319,10 @@ var init_expose = __esm({
                 if (responseTail.length > 2048) {
                   responseTail = responseTail.slice(-2048);
                 }
-                if (isStreaming)
+                if (isStreaming) {
                   this.emit("token_flash");
+                  this.emit("stream_data", { content: text, model: requestModel, peer: userIp });
+                }
               });
               if (isStreaming) {
                 if (proxyRes.statusCode !== 200) {
@@ -40661,28 +40663,78 @@ async function showExposeDashboard(gateway, rl, ctx) {
     }
     return;
   }
+  const cols = () => process.stdout.columns ?? 80;
+  const rows = () => process.stdout.rows ?? 24;
   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 streamLog = [];
+  const MAX_STREAM_ENTRIES = 200;
+  function extractStreamContent(raw) {
+    let result = "";
+    const lines = raw.split("\n");
+    for (const line of lines) {
+      if (!line.startsWith("data: "))
+        continue;
+      const json = line.slice(6).trim();
+      if (json === "[DONE]")
+        continue;
+      try {
+        const obj = JSON.parse(json);
+        if (obj.response)
+          result += obj.response;
+        else if (obj.message?.content)
+          result += obj.message.content;
+        else if (obj.choices?.[0]?.delta?.content)
+          result += obj.choices[0].delta.content;
+      } catch {
+      }
+    }
+    return result;
+  }
+  const onStreamData = (data) => {
+    const tokens = extractStreamContent(data.content);
+    if (!tokens)
+      return;
+    streamLog.push({ time: Date.now(), model: data.model, peer: data.peer, content: tokens });
+    if (streamLog.length > MAX_STREAM_ENTRIES)
+      streamLog.splice(0, streamLog.length - MAX_STREAM_ENTRIES);
+    scheduleRender();
+  };
+  let renderTimer = null;
+  let refreshTimer = null;
+  let stopped = false;
+  function scheduleRender() {
+    if (stopped)
+      return;
+    if (renderTimer)
+      return;
+    renderTimer = setTimeout(() => {
+      renderTimer = null;
+      renderDashboard();
+    }, 50);
+  }
+  function renderDashboard() {
+    if (stopped)
+      return;
     const s = gateway.stats ?? gateway._stats;
     const now = Date.now();
+    const w = cols();
+    const h = rows();
     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 lines = [];
+    const statusDot = !s ? c2.dim("\u25CF") : s.status === "active" ? c2.green("\u25CF") : s.status === "error" ? c2.red("\u25CF") : c2.yellow("\u25CF");
     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");
+    lines.push("");
+    lines.push(`  ${c2.bold("Expose Dashboard")}  ${statusDot} ${statusLabel}  ${c2.dim("uptime")} ${uptime}  ${c2.dim((/* @__PURE__ */ new Date()).toLocaleTimeString())}`);
     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" });
+      lines.push(`  ${c2.dim("Endpoint:")} ${c2.cyan(`/endpoint ${endpointId} --auth ${authKey}`)}`);
     }
     if (s) {
       const totalReqs = s.totalRequests || 0;
@@ -40690,23 +40742,22 @@ async function showExposeDashboard(gateway, rl, ctx) {
       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");
+      const activeDot = activeConns > 0 ? c2.green(`\u25CF ${activeConns}`) : c2.dim("0");
+      lines.push("");
+      lines.push(`  ${c2.dim("Req")} ${c2.bold(String(totalReqs))}  ${c2.dim("Active")} ${activeDot}  ${c2.dim("Err")} ${errors > 0 ? c2.red(String(errors)) : c2.dim("0")}  ${c2.dim("Tok")} \u2191${c2.cyan(fmtDashTokens(tokIn))} \u2193${c2.cyan(fmtDashTokens(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));
-        items.push({ key: "info_budget", label: `  Budget ${bar} ${budgetColor(`${pct}%`)}`, kind: "info" });
-        skipKeys.push("info_budget");
+        lines.push(`  ${c2.dim("Budget")} ${bar} ${budgetColor(`${pct}%`)}`);
       }
     }
     const modelEntries = s?.modelUsage ? Array.from(s.modelUsage.entries()).filter(([m]) => !DASH_INTERNAL.has(m)) : [];
     if (modelEntries.length > 0) {
-      items.push({ key: "hdr_models", label: selectColors.dim(`\u2500\u2500\u2500 Models (${modelEntries.length}) \u2500\u2500\u2500`), kind: "header" });
-      skipKeys.push("hdr_models");
+      lines.push("");
+      lines.push(`  ${c2.dim("\u2500\u2500\u2500 Models (" + modelEntries.length + ") \u2500\u2500\u2500")}`);
       for (const [model, count] of modelEntries) {
         let mIn = 0, mOut = 0;
         if (s?.users) {
@@ -40718,19 +40769,14 @@ async function showExposeDashboard(gateway, rl, ctx) {
             }
           }
         }
-        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 bar = count > 0 ? c2.green("\u25AE".repeat(Math.min(count, 20))) : "";
+        lines.push(`    ${c2.cyan(model)}  ${c2.dim(`${count}req`)}  \u2191${fmtDashTokens(mIn)} \u2193${fmtDashTokens(mOut)}  ${bar}`);
       }
     }
     const users = s?.users ? Array.from(s.users.values()) : [];
     if (users.length > 0) {
-      items.push({ key: "hdr_peers", label: selectColors.dim(`\u2500\u2500\u2500 Peers (${users.length}) \u2500\u2500\u2500`), kind: "header" });
-      skipKeys.push("hdr_peers");
+      lines.push("");
+      lines.push(`  ${c2.dim("\u2500\u2500\u2500 Peers (" + users.length + ") \u2500\u2500\u2500")}`);
       for (let i = 0; i < users.length; i++) {
         const user = users[i];
         const ageSec = Math.floor((now - (user.firstSeen || now)) / 1e3);
@@ -40740,90 +40786,134 @@ async function showExposeDashboard(gateway, rl, ctx) {
         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"
-        });
+        lines.push(`    ${led} ${user.ip || "unknown"}${activeFlag}  ${c2.dim(`${user.requests || 0}req`)}  ${peerTok}  ${c2.dim(ageStr)}  ${c2.dim("last:")} ${lastStr}`);
       }
     }
     const sys = getLocalSystemMetrics();
-    items.push({ key: "hdr_system", label: selectColors.dim("\u2500\u2500\u2500 System \u2500\u2500\u2500"), kind: "header" });
-    skipKeys.push("hdr_system");
+    lines.push("");
+    lines.push(`  ${c2.dim("\u2500\u2500\u2500 System \u2500\u2500\u2500")}`);
     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)`;
+    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`);
-        }
-        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;
+    lines.push(`  ${c2.dim(sysLine)}`);
+    const metricsLines = lines.length;
+    const streamAreaHeight = Math.max(3, h - metricsLines - 3);
+    lines.push("");
+    lines.push(`  ${c2.dim("\u2500\u2500\u2500 Live Token Stream \u2500\u2500\u2500")}`);
+    if (streamLog.length === 0) {
+      lines.push(`  ${c2.dim("Waiting for streaming requests...")}`);
+      for (let i = 1; i < streamAreaHeight - 1; i++)
+        lines.push("");
+    } else {
+      const maxContentW = Math.max(20, w - 6);
+      const recentEntries = [];
+      for (let i = streamLog.length - 1; i >= 0 && recentEntries.length < streamAreaHeight - 1; i--) {
+        const entry = streamLog[i];
+        const clean = entry.content.replace(/\n/g, "\u23CE").replace(/[\x00-\x1F\x7F]/g, "");
+        if (!clean)
+          continue;
+        const truncated = clean.length > maxContentW ? clean.slice(0, maxContentW - 1) + "\u2026" : clean;
+        recentEntries.unshift(`  \x1B[38;5;245m${truncated}\x1B[0m`);
+      }
+      while (recentEntries.length < streamAreaHeight - 1)
+        recentEntries.unshift("");
+      const visible = recentEntries.slice(-(streamAreaHeight - 1));
+      lines.push(...visible);
+    }
+    const footerLine = `  ${c2.dim("q")} exit  ${c2.dim("s")} stop gateway  ${c2.dim("c")} copy endpoint  ${c2.dim("auto-refresh 1s")}`;
+    lines.push(footerLine);
+    const frame = "\x1B[H\x1B[2J" + lines.join("\n") + "\n";
+    overlayWrite(frame);
+  }
+  const onStats = () => scheduleRender();
+  gateway.on("stats", onStats);
+  gateway.on("stream_data", onStreamData);
+  const savedRlListeners = [];
+  if (rl) {
+    rl.pause();
+    for (const event of ["keypress", "data"]) {
+      const listeners = process.stdin.listeners(event);
+      for (const fn of listeners) {
+        savedRlListeners.push({ event, fn });
+        process.stdin.removeListener(event, fn);
+      }
+    }
+  }
+  const hadRawMode = process.stdin.isRaw;
+  if (typeof process.stdin.setRawMode === "function") {
+    process.stdin.setRawMode(true);
+  }
+  process.stdin.resume();
+  enterOverlay();
+  overlayWrite("\x1B[?1049h\x1B[?25l");
+  renderDashboard();
+  refreshTimer = setInterval(() => {
+    renderDashboard();
+  }, 1e3);
+  let stopGateway = false;
+  await new Promise((resolve32) => {
+    const onData = (data) => {
+      const key = data.toString();
+      if (key === "q" || key === "Q" || key === "\x1B" || key === "") {
+        resolve32();
+        return;
       }
-      case "refresh":
-        continue;
-      // Loop rebuilds items with fresh data
-      case "stop":
-        await ctx?.exposeStop?.();
-        renderInfo("Expose gateway stopped.");
+      if (key === "s" || key === "S") {
+        stopGateway = true;
+        resolve32();
         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");
-            }
-          }
-          continue;
+      }
+      if (key === "c" || key === "C") {
+        const id = gateway.tunnelUrl ?? gateway.peerId ?? null;
+        if (id) {
+          const cmd = `/endpoint ${id} --auth ${gateway.authKey ?? ""}`;
+          const b64 = Buffer.from(cmd).toString("base64");
+          overlayWrite(`\x1B]52;c;${b64}\x07`);
+          overlayWrite(`\x1B[${rows()}H\x1B[2K  ${c2.green("\u2713 Copied to clipboard")}`);
+          setTimeout(() => scheduleRender(), 1500);
         }
-        continue;
+      }
+    };
+    process.stdin.on("data", onData);
+    const cleanup = () => {
+      stopped = true;
+      process.stdin.removeListener("data", onData);
+    };
+    const origResolve = resolve32;
+    resolve32 = (() => {
+      cleanup();
+      origResolve();
+    });
+  });
+  if (renderTimer) {
+    clearTimeout(renderTimer);
+    renderTimer = null;
+  }
+  if (refreshTimer) {
+    clearInterval(refreshTimer);
+    refreshTimer = null;
+  }
+  gateway.removeListener("stats", onStats);
+  gateway.removeListener("stream_data", onStreamData);
+  overlayWrite("\x1B[?25h\x1B[?1049l");
+  leaveOverlay();
+  if (typeof process.stdin.setRawMode === "function") {
+    process.stdin.setRawMode(hadRawMode ?? false);
+  }
+  if (rl) {
+    for (const { event, fn } of savedRlListeners) {
+      process.stdin.on(event, fn);
     }
+    rl.resume();
+  }
+  if (stopGateway) {
+    await ctx?.exposeStop?.();
+    renderInfo("Expose gateway stopped.");
   }
 }
 var DASH_INTERNAL;
@@ -40842,6 +40932,7 @@ var init_commands = __esm({
     init_listen();
     init_dist();
     init_tui_select();
+    init_overlay_lock();
     init_drop_panel();
     init_neovim_mode();
     DASH_INTERNAL = /* @__PURE__ */ new Set(["system_metrics", "__list_capabilities"]);

package/package.json

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