qwenproxy-cli 1.0.26 → 1.0.27

package/src/tui/views/status-view.ts

@@ -8,6 +8,48 @@ import { theme, glyphs, drawBox, pad, truncate } from "../theme.ts";
 import { fetchProxyStatus, resetAllCooldowns, formatUptime } from "../proxy-client.ts";
 import { ServerManager } from "../server-manager.ts";
 
+export function renderProgressBar(
+  pct: number,
+  width = 8,
+  colorFn: (s: string) => string = theme.cyan,
+): string {
+  const safePct = Math.max(0, Math.min(100, isNaN(pct) ? 0 : pct));
+  const rawFilled = Math.round((safePct / 100) * width);
+  const filled = safePct > 0.05 ? Math.max(1, rawFilled) : 0;
+  const empty = Math.max(0, width - filled);
+  return colorFn("█".repeat(filled)) + theme.muted("░".repeat(empty));
+}
+export function getAccountReadinessScore(acc: {
+  onCooldown: boolean;
+  headersReady: boolean;
+  activeStreams?: number;
+  isInitialized?: boolean;
+  cooldownReason?: string | null;
+}): number {
+  if (acc.onCooldown) {
+    const reason = acc.cooldownReason || "";
+    if (
+      reason.startsWith("AuthFailed") ||
+      reason.startsWith("AuthPermanentFailure") ||
+      reason.includes("login methods exhausted")
+    ) {
+      return 0; // Auth Fail at the very bottom
+    }
+    return 10; // Other cooldowns (RateLimited, WafChallenge, etc.)
+  }
+  if (acc.activeStreams && acc.activeStreams > 0 && acc.headersReady) {
+    return 100; // Actively generating code
+  }
+  if (acc.headersReady) {
+    return 80; // Ready / Warm
+  }
+  if (acc.isInitialized) {
+    return 60; // Warming up
+  }
+  return 40; // Healthy standby
+}
+
+
 export class StatusView implements TuiView {
   public readonly id = "status";
   public readonly title = "Status";
@@ -17,8 +59,9 @@ export class StatusView implements TuiView {
   private actionMessage = "";
   private actionMessageTimeout: NodeJS.Timeout | null = null;
   private hoveredActionRow: number | null = null;
-  private lastLeftW = 34;
-
+  private lastLeftW = 38;
+  private lastActionRecarregarRow = 20;
+  private lastActionZerarRow = 21;
   constructor() {
     this.refresh();
   }
@@ -58,8 +101,12 @@ export class StatusView implements TuiView {
     // Mouse hover over quick actions
     if (key.name === "hover" && key.mouse) {
       const { row, col } = key.mouse;
-      const leftW = this.lastLeftW || 34;
-      if (col >= 2 && col <= leftW - 1 && (row === 13 || row === 14)) {
+      const leftW = this.lastLeftW || 38;
+      if (
+        col >= 2 &&
+        col <= leftW - 1 &&
+        (row === this.lastActionRecarregarRow || row === this.lastActionZerarRow)
+      ) {
         if (this.hoveredActionRow !== row) {
           this.hoveredActionRow = row;
           return true;
@@ -73,14 +120,14 @@ export class StatusView implements TuiView {
     // Mouse click interactions
     if (key.name === "click" && key.mouse) {
       const { row, col } = key.mouse;
-      const leftW = this.lastLeftW || 34;
+      const leftW = this.lastLeftW || 38;
       if (col >= 2 && col <= leftW - 1) {
-        if (row === 13) {
+        if (row === this.lastActionRecarregarRow) {
           await this.refresh();
           this.setMessage(theme.green("✓ Status atualizado"));
           return true;
         }
-        if (row === 14) {
+        if (row === this.lastActionZerarRow) {
           const cleared = resetAllCooldowns();
           await this.refresh();
           this.setMessage(theme.green(`✓ Cooldowns zerados: ${cleared} conta(s) liberada(s)`));
@@ -108,12 +155,13 @@ export class StatusView implements TuiView {
     const isOnline = data?.online ?? false;
     const contentH = Math.max(10, height);
 
-    // Two-column layout
-    const leftW = Math.max(34, Math.floor(width * 0.42));
+    // Two-column layout: give left box 48-52 cols so rich metrics never truncate,
+    // and right box takes the remaining width (at least 38 cols).
+    const leftW = width >= 96
+      ? Math.min(52, Math.max(48, Math.floor(width * 0.48)))
+      : Math.min(46, Math.max(38, Math.floor(width * 0.50)));
     this.lastLeftW = leftW;
-    const rightW = Math.max(34, width - leftW - 1);
-
-    // Left Column: System & Proxy Status
+    const rightW = Math.max(36, width - leftW - 1);
     const serverState = ServerManager.getInstance().getState();
     let onlineBadge: string;
     if (isOnline || serverState === "online") {
@@ -128,67 +176,158 @@ export class StatusView implements TuiView {
 
     const uptimeSecs = data?.uptimeSeconds || Math.floor(process.uptime());
     const uptimeStr = formatUptime(uptimeSecs);
-
     const baseUrl = `http://${data?.host || "127.0.0.1"}:${data?.port || 7936}/v1`;
 
-    const leftContent = [
-      "",
-      `  ${theme.bold("Status:")}     ${onlineBadge}`,
-      `  ${theme.bold("Base URL:")}   ${theme.cyan(baseUrl)}`,
-      `  ${theme.bold("Uptime:")}     ${theme.cyan(uptimeStr)}`,
-      `  ${theme.bold("RAM:")}        ${theme.cyan(String(data?.rssMb || 0) + " MB")}`,
-      `  ${theme.bold("Conexões:")}   ${data?.activeStreams ? theme.yellow(String(data.activeStreams) + " ativas") : "0 ativas"}`,
-      "",
+    const m = data?.metrics;
+    const reqsTotal = m?.requestsTotal ?? 0;
+    const reqsErrors = m?.requestsErrors ?? 0;
+    const successPct = m?.successRate ?? (reqsTotal > 0 ? Number((((reqsTotal - reqsErrors) / reqsTotal) * 100).toFixed(1)) : 100);
+    const latencyAvg = m?.latencyAvgMs ? `${m.latencyAvgMs}ms` : "–";
+    const deltasCount = m?.deltasCount ?? 0;
+    const fullCount = m?.fullReplaysCount ?? 0;
+    const deltaRatio = m?.deltaRatio != null ? `${m.deltaRatio}%` : "–";
+    const toolCalls = m?.toolCallsCount ?? 0;
+    const toolRecovered = m?.toolCallsRecovered ?? 0;
+    const captchasDetected = m?.captchasDetected ?? 0;
+    const captchasSolved = m?.captchasSolved ?? 0;
+    const chatsCleaned = m?.chatsCleaned ?? 0;
+    const lbl = (s: string) => pad(s, 13);
+    const innerLeftW = Math.max(30, leftW - 2);
+    const deltaDetail = innerLeftW < 44
+      ? `(${deltasCount}d / ${fullCount}f)`
+      : `(${deltasCount} delta / ${fullCount} full)`;
+    const ramPct = data?.systemMemoryPct || 0;
+    const ramBarColor = ramPct >= 80 ? theme.red : ramPct >= 60 ? theme.yellow : theme.cyan;
+    const ramBar = renderProgressBar(ramPct, 7, ramBarColor);
+    const ramStr = `${data?.rssMb || 0} MB [${ramBar}] ${ramPct}%`;
+
+    let connsStr = "0 ativas";
+    if (data?.activeStreams && data.activeStreams > 0) {
+      connsStr = theme.yellow(`⚡ ${data.activeStreams} ativa(s)`);
+    } else {
+      connsStr = theme.dim("0 ativas");
+    }
+    if (data?.waitingStreams && data.waitingStreams > 0) {
+      connsStr += theme.peach(` (${data.waitingStreams} na fila)`);
+    }
+
+    const leftContent: string[] = [
+      `  ${theme.bold(lbl("Status:"))} ${onlineBadge}`,
+      `  ${theme.bold(lbl("Base URL:"))} ${theme.cyan(baseUrl)}`,
+      `  ${theme.bold(lbl("Uptime:"))} ${theme.cyan(uptimeStr)}`,
+      `  ${theme.bold(lbl("Memória:"))} ${theme.cyan(ramStr)}`,
+      `  ${theme.bold(lbl("Conexões:"))} ${connsStr}`,
+      `  ${theme.dim("───────────────────────────────────────")}`,
+      `  ${theme.bold("Tráfego & Performance:")}`,
+      `    ${theme.dim(lbl("Requisições:"))} ${theme.cyan(String(reqsTotal))} ${theme.green(`(${successPct}% ok)`)} · ${reqsErrors > 0 ? theme.red(`${reqsErrors} err`) : theme.dim("0 err")}`,
+      `    ${theme.dim(lbl("Latência:"))} ${theme.yellow(latencyAvg)} méd`,
+      `    ${theme.dim(lbl("Deltas:"))} ${theme.green(deltaRatio)} ${theme.dim(deltaDetail)}`,
+      `  ${theme.dim("───────────────────────────────────────")}`,
+      `  ${theme.bold("Agentes & Operações:")}`,
+      `    ${theme.dim(lbl("Tool Calls:"))} ${theme.cyan(String(toolCalls))} ${toolRecovered > 0 ? theme.green(`(${toolRecovered} curadas)`) : ""}`,
+      `    ${theme.dim(lbl("Captchas:"))} ${captchasSolved > 0 ? theme.green(`${captchasSolved}/${captchasDetected} resolvidos`) : theme.dim(`${captchasDetected} detectados`)}`,
+      `    ${theme.dim(lbl("Chats Limpos:"))} ${theme.cyan(String(chatsCleaned))} ${theme.dim("excluídos (>24h)")}`,
+      `  ${theme.dim("───────────────────────────────────────")}`,
       `  ${theme.bold("Ações:")}`,
-      `    ${this.hoveredActionRow === 13 ? theme.bgHover(` ${theme.cyan("[ R ] Recarregar")} `) : `${theme.cyan("[ R ]")} Recarregar`}`,
-      `    ${this.hoveredActionRow === 14 ? theme.bgHover(` ${theme.yellow("[ Z ] Zerar Cooldowns")} `) : `${theme.yellow("[ Z ]")} Zerar Cooldowns`}`,
-      "",
-      this.actionMessage ? `  ${this.actionMessage}` : "",
     ];
 
+    const recarregarIdx = leftContent.length;
+    const zerarIdx = leftContent.length + 1;
+    this.lastActionRecarregarRow = 5 + recarregarIdx;
+    this.lastActionZerarRow = 5 + zerarIdx;
+
+    leftContent.push(
+      `   ${this.hoveredActionRow === this.lastActionRecarregarRow ? theme.bgHover(` ${theme.cyan("[ R ] Recarregar")} `) : ` ${theme.cyan("[ R ]")} Recarregar`}`,
+      `   ${this.hoveredActionRow === this.lastActionZerarRow ? theme.bgHover(` ${theme.yellow("[ Z ] Zerar Cooldowns")} `) : ` ${theme.yellow("[ Z ]")} Zerar Cooldowns`}`,
+    );
+
+    const boxHeight = Math.max(contentH, leftContent.length + 2);
+
     const leftBox = drawBox({
-      title: "Sistema",
+      title: "Sistema & Performance",
       width: leftW,
-      height: contentH,
+      height: boxHeight,
       borderColor: theme.borderInactive,
       titleColor: theme.cyan,
+      footer: this.actionMessage || undefined,
       content: leftContent,
     });
-
     // Right Column: Accounts Pool Status
-    const accounts = data?.accounts || [];
+    const rawAccounts = data?.accounts || [];
+    const accounts = [...rawAccounts].sort((a, b) => {
+      const scoreA = getAccountReadinessScore(a);
+      const scoreB = getAccountReadinessScore(b);
+      if (scoreB !== scoreA) {
+        return scoreB - scoreA;
+      }
+      return 0;
+    });
+    const availableCount = accounts.filter((a) => !a.onCooldown).length;
     const readyCount = accounts.filter((a) => !a.onCooldown && a.headersReady).length;
+    const standbyCount = accounts.filter((a) => !a.onCooldown && !a.headersReady).length;
+    const cooldownCount = accounts.filter((a) => a.onCooldown).length;
+    const poolPct = accounts.length > 0 ? Math.round((availableCount / accounts.length) * 100) : 0;
+    const poolColor = poolPct >= 70 ? theme.green : poolPct >= 40 ? theme.yellow : theme.red;
+    const poolBar = renderProgressBar(poolPct, 8, poolColor);
+    const innerRightW = Math.max(30, rightW - 2);
+    const emailWidth = Math.max(16, Math.min(20, innerRightW - 27));
     const rightContent: string[] = [
-      "",
-      `  ${theme.dim("#   Conta                 Status")}`,
-      `  ${theme.dim("───────────────────────────────────────")}`,
+      `  ${theme.bold("Disponibilidade:")} [${poolBar}] ${poolColor(`${availableCount}/${accounts.length} (${poolPct}%)`)}`,
+      `  ${theme.dim("─".repeat(Math.max(32, innerRightW - 2)))}`,
+      `  ${theme.dim(`#   ${pad("Conta", emailWidth)} Carga  Status`)}`,
+      `  ${theme.dim("─".repeat(Math.max(32, innerRightW - 2)))}`,
     ];
 
     if (accounts.length === 0) {
       rightContent.push(`  ${theme.muted("Nenhuma conta adicionada. (Vá em [5] Contas)")}`);
     } else {
-      accounts.slice(0, contentH - 5).forEach((acc, idx) => {
-        const num = pad(String(idx + 1), 3);
-        const name = pad(truncate(acc.emailOrName, 20), 20);
+      const maxVisibleAccounts = Math.max(6, boxHeight - 7);
+      accounts.slice(0, maxVisibleAccounts).forEach((acc, idx) => {
+        const num = pad(String(idx + 1) + ".", 4);
+        const name = pad(truncate(acc.emailOrName, emailWidth - 1), emailWidth);
+        const active = acc.activeStreams || 0;
+        const limit = acc.streamLimit || 1;
+        const loadBadge = active > 0 ? theme.yellow(`[${active}/${limit}]`) : theme.dim(`[0/${limit}]`);
+
         let status = theme.green(`${glyphs.bullet} Pronto`);
-        if (acc.onCooldown) {
-          const mins = Math.max(1, Math.round(acc.remainingCooldownMs / 60000));
-          status = theme.yellow(`⚠️ Cooldown ${mins}m`);
+        if (active > 0 && !acc.onCooldown && acc.headersReady) {
+          status = theme.yellow(`● Gerando `);
+        } else if (acc.onCooldown) {
+          const reason = acc.cooldownReason || "";
+          if (
+            reason.startsWith("AuthFailed") ||
+            reason.startsWith("AuthPermanentFailure") ||
+            reason.includes("login methods exhausted")
+          ) {
+            status = theme.red(`❌ Auth Fail`);
+          } else if (reason === "WafChallenge") {
+            status = theme.peach(`🛡️ WAF Block`);
+          } else {
+            const mins = Math.max(1, Math.round(acc.remainingCooldownMs / 60000));
+            status = theme.yellow(`⚠️ ${mins}m cd`);
+          }
         } else if (!acc.headersReady) {
           status = acc.isInitialized
             ? theme.yellow(`◐ Aquecendo...`)
             : theme.muted(`○ Standby`);
         }
-        rightContent.push(`  ${num} ${name}  ${status}`);
+        rightContent.push(`  ${num}${name} ${loadBadge} ${status}`);
       });
     }
 
+    const summaryParts: string[] = [];
+    if (readyCount > 0) summaryParts.push(`${readyCount} warm`);
+    if (standbyCount > 0) summaryParts.push(`${standbyCount} standby`);
+    if (cooldownCount > 0) summaryParts.push(`${cooldownCount} cd`);
+    const rightFooter = summaryParts.length > 0 ? `💡 ${summaryParts.join(" · ")} · [5] Contas` : undefined;
+
     const rightBox = drawBox({
-      title: `Contas (${readyCount}/${accounts.length})`,
+      title: `Contas Pool (${availableCount}/${accounts.length})`,
       width: rightW,
-      height: contentH,
+      height: boxHeight,
       borderColor: theme.borderInactive,
       titleColor: theme.lavender,
+      footer: rightFooter,
       content: rightContent,
     });