qwenproxy-cli 1.0.3 → 1.0.5

package/src/tui/screen.ts

@@ -33,6 +33,10 @@ export class Screen {
   private exitHandler: (() => void) | null = null;
   private prevRenderedRows: string[] = [];
   private originalStdinEmit: typeof process.stdin.emit | null = null;
+  private lastHoverCol = -1;
+  private lastHoverRow = -1;
+  private lastHoverTime = 0;
+  private pendingHoverTimeout: NodeJS.Timeout | null = null;
 
   constructor() {
     this.exitHandler = () => this.stop();
@@ -116,13 +120,42 @@ export class Screen {
               mouse: { type: "drag", button: "left", col, row },
             });
           } else if (btn === 35) {
-            self.dispatchKey({
-              name: "hover",
-              ctrl: false,
-              shift: false,
-              meta: false,
-              mouse: { type: "hover", col, row },
-            });
+            if (col === self.lastHoverCol && row === self.lastHoverRow) {
+              continue;
+            }
+            const now = Date.now();
+            const timeSinceLast = now - self.lastHoverTime;
+            const emitHover = (c: number, r: number) => {
+              if (!self.active) return;
+              self.lastHoverCol = c;
+              self.lastHoverRow = r;
+              self.lastHoverTime = Date.now();
+              self.dispatchKey({
+                name: "hover",
+                ctrl: false,
+                shift: false,
+                meta: false,
+                mouse: { type: "hover", col: c, row: r },
+              });
+            };
+
+            if (timeSinceLast >= 30) {
+              if (self.pendingHoverTimeout) {
+                clearTimeout(self.pendingHoverTimeout);
+                self.pendingHoverTimeout = null;
+              }
+              emitHover(col, row);
+            } else {
+              if (self.pendingHoverTimeout) {
+                clearTimeout(self.pendingHoverTimeout);
+              }
+              self.pendingHoverTimeout = setTimeout(() => {
+                self.pendingHoverTimeout = null;
+                if (col !== self.lastHoverCol || row !== self.lastHoverRow) {
+                  emitHover(col, row);
+                }
+              }, 30 - timeSinceLast);
+            }
           }
         }
         if (handled) {
@@ -212,6 +245,13 @@ export class Screen {
       process.stdin.emit = this.originalStdinEmit;
       this.originalStdinEmit = null;
     }
+    if (this.pendingHoverTimeout) {
+      clearTimeout(this.pendingHoverTimeout);
+      this.pendingHoverTimeout = null;
+    }
+    this.lastHoverCol = -1;
+    this.lastHoverRow = -1;
+    this.lastHoverTime = 0;
 
     // Restore original screen buffer, cursor, and disable all mouse tracking modes synchronously
     const restoreSeq = ANSI.disableMouse + ANSI.exitAltScreen + ANSI.showCursor + ANSI.reset;

package/src/tui/server-manager.ts

@@ -95,15 +95,23 @@ export class ServerManager {
       let line = raw.trim();
       if (!line) continue;
 
-      // Filter out raw ASCII box frames (like +-----+ or empty row | |)
+      // Filter out raw ASCII box frames and border rows entirely
       if (/^[+\-=#]{5,}$/.test(line)) continue;
       if (/^\|\s*\|$/.test(line)) continue;
-
-      // If line is an ASCII box row like "|  Endpoint   http://...  |", extract the text
-      if (line.startsWith("|") && line.endsWith("|")) {
-        line = line.slice(1, -1).trim();
+      if (line.startsWith("|") && line.endsWith("|")) continue;
+
+      // Filter out any box remnants (startup banner is for headless npm start only)
+      if (
+        line === "QwenProxy" ||
+        line === "OpenAI & Anthropic Compatible API" ||
+        /^Endpoint\s+http/i.test(line) ||
+        /^Port\s+\d+/i.test(line) ||
+        /^Accounts\s+\d+\/\d+/i.test(line) ||
+        /^API Key\s+/i.test(line) ||
+        /^Status\s+●/i.test(line)
+      ) {
+        continue;
       }
-
       if (!line) continue;
 
       // Prevent identical consecutive duplicate logs in the same second
@@ -224,7 +232,7 @@ export class ServerManager {
         this.state = "online";
         this.appendLog(
           "INFO",
-          `QwenProxy já está em execução na porta ${port}. Conectado com sucesso!`,
+          `✨ [Server] Conectado à instância em execução na porta ${port}`,
         );
         return;
       }
@@ -234,25 +242,25 @@ export class ServerManager {
     this.state = "warming";
     this.appendLog(
       "INFO",
-      `Iniciando servidor QwenProxy na porta ${port} e aquecendo Playwright...`,
+      `🚀 [Server] Iniciando servidor na porta ${port}...`,
     );
 
     this.interceptLogs();
 
     this.startPromise = (async () => {
       try {
-        await startServer({ installSignalHandlers: false });
+        await startServer({ installSignalHandlers: false, showBanner: false });
         this.state = "online";
         this.appendLog(
           "INFO",
-          `✓ Servidor QwenProxy pronto e online em http://${cleanHost}:${port}/v1`,
+          `✨ [Server] QwenProxy pronto e online em http://${cleanHost}:${port}/v1`,
         );
       } catch (err: any) {
         this.state = "error";
         this.lastError = err?.message || String(err);
         this.appendLog(
           "ERROR",
-          `✗ Falha ao iniciar servidor: ${this.lastError}`,
+          `❌ [Server] Falha ao iniciar servidor: ${this.lastError}`,
         );
       } finally {
         this.startPromise = null;

package/src/tui/theme.ts

@@ -16,7 +16,7 @@ export const ANSI = {
   showCursor: "\x1b[?25h",
   enterAltScreen: "\x1b[?1049h",
   exitAltScreen: "\x1b[?1049l",
-  enableMouse: "\x1b[?1000h\x1b[?1002h\x1b[?1006h",
+  enableMouse: "\x1b[?1000h\x1b[?1002h\x1b[?1003h\x1b[?1006h",
   disableMouse: "\x1b[?1006l\x1b[?1005l\x1b[?1004l\x1b[?1003l\x1b[?1002l\x1b[?1000l\x1b[?1015l",
 };
 
@@ -181,22 +181,39 @@ const ANSI_REGEX =
 export function stripAnsi(str: string): string {
   return str.replace(ANSI_REGEX, "");
 }
+const graphemeSegmenter = new Intl.Segmenter("en", { granularity: "grapheme" });
 
 /**
- * Computes visual display width of string, accounting for wide characters and emojis.
+ * Computes visual display width of string, accounting for wide characters,
+ * grapheme clusters, variation selectors (VS16), and terminal-wide emojis.
  */
 export function stringWidth(str: string): number {
   const clean = stripAnsi(str).replace(/\t/g, "  ").replace(/\r/g, "");
   let width = 0;
-  for (const char of clean) {
-    const code = char.codePointAt(0) || 0;
-    // Zero-width characters (variation selectors, zero-width space/joiner)
-    if ((code >= 0xfe00 && code <= 0xfe0f) || (code >= 0x200b && code <= 0x200d)) {
+  for (const { segment } of graphemeSegmenter.segment(clean)) {
+    const code = segment.codePointAt(0) || 0;
+    // Standalone zero-width characters (variation selectors, zero-width space/joiner)
+    if (
+      segment === "\u200b" ||
+      segment === "\u200c" ||
+      segment === "\u200d" ||
+      (code >= 0xfe00 && code <= 0xfe0f && segment.length === 1)
+    ) {
+      continue;
+    }
+    // Graphemes containing variation selector 16 (emoji presentation)
+    if (segment.includes("\ufe0f")) {
+      width += 2;
       continue;
     }
-    // Specific BMP emojis and symbols that occupy 2 visual terminal cells (e.g. ⚠️, ⚡, ✅, ❌, ✨, ☕)
+    // Specific BMP emojis and symbols that occupy 2 visual terminal cells (e.g. ⚠️, ⏱, ⚡, ✅, ❌, ✨, ☕, ⚙)
     const isBmpEmoji =
       code === 0x26a0 || // ⚠️ (WARNING SIGN)
+      code === 0x23f1 || // ⏱ (STOPWATCH)
+      code === 0x23f0 || // ⏰
+      code === 0x23f3 || // ⏳
+      code === 0x231a || // ⌚
+      code === 0x231b || // ⌛
       code === 0x2705 || // ✅
       code === 0x2728 || // ✨
       code === 0x274c || // ❌
@@ -207,10 +224,9 @@ export function stringWidth(str: string): number {
       code === 0x2b55 || // ⭕
       code === 0x26a1 || // ⚡
       code === 0x2615 || // ☕
-      code === 0x231a || // ⌚
-      code === 0x231b || // ⌛
-      code === 0x23f0 || // ⏰
-      code === 0x23f3;   // ⏳
+      code === 0x2699 || // ⚙
+      code === 0x2709;   // ✉
+
     // Common emoji and CJK full-width ranges (SMP Emojis 0x1f300 - 0x1faff)
     if (
       isBmpEmoji ||
@@ -244,15 +260,15 @@ export function truncate(str: string, maxWidth: number, ellipsis = "…"): strin
   const targetW = Math.max(0, maxWidth - ellipsisW);
 
   let currentW = 0;
-  let cutIndex = 0;
-  for (const char of clean) {
-    const charW = stringWidth(char);
-    if (currentW + charW > targetW) break;
-    currentW += charW;
-    cutIndex += char.length;
+  let result = "";
+  for (const { segment } of graphemeSegmenter.segment(clean)) {
+    const segW = stringWidth(segment);
+    if (currentW + segW > targetW) break;
+    currentW += segW;
+    result += segment;
   }
 
-  return clean.slice(0, cutIndex) + ellipsis;
+  return result + ellipsis;
 }
 
 /**
@@ -328,6 +344,7 @@ export interface BoxOptions {
   borderColor?: (s: string) => string;
   titleColor?: (s: string) => string;
   footerColor?: (s: string) => string;
+  wrap?: boolean;
   content: string[];
 }
 
@@ -379,16 +396,17 @@ export function drawBox(options: BoxOptions): string[] {
   }
   lines.push(borderColor(b.tl) + topHeader + borderColor(b.tr));
 
-  // Flatten and auto-wrap content lines so words are never cut off with ellipsis,
-  // and strictly prevent any embedded \n or \r from leaking into a terminal row!
+  // Flatten content lines and optionally wrap prose lines.
+  // Fixed-height boxes do not auto-wrap by default to preserve row and scrollbar alignment.
+  const shouldWrap = options.wrap === true || (!options.height && options.wrap !== false);
   const expandedContent: string[] = [];
   for (const item of content) {
     const subItems = String(item ?? "").split(/\r?\n/);
     for (const sub of subItems) {
-      if (stringWidth(sub) <= innerW) {
-        expandedContent.push(sub);
-      } else {
+      if (shouldWrap && stringWidth(sub) > innerW) {
         expandedContent.push(...wrapContentLine(sub, innerW));
+      } else {
+        expandedContent.push(sub);
       }
     }
   }

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

@@ -33,6 +33,16 @@ export class AccountsView implements TuiView {
   private modalHoveredField: "email" | "password" | "save" | "cancel" | null = null;
   private lastModalLeftPad = 0;
   private lastLeftW = 46;
+  private confirmDialog: {
+    type: "remove_account" | "delete_account_chats" | "delete_all_chats";
+    title: string;
+    message: string;
+    detail: string;
+    onConfirm: () => Promise<void>;
+  } | null = null;
+  private confirmDialogHovered: "confirm" | "cancel" | null = null;
+  private lastConfirmModalLeftPad = 0;
+  private lastConfirmModalStartRow = 0;
   constructor() {
     this.refresh();
   }
@@ -42,9 +52,15 @@ export class AccountsView implements TuiView {
   }
 
   public isCapturingText(): boolean {
-    return this.isAddModalOpen;
+    return this.isAddModalOpen || this.confirmDialog !== null;
   }
   public getShortcuts(): Array<{ key: string; label: string }> {
+    if (this.confirmDialog) {
+      return [
+        { key: "S / Enter", label: "Confirmar" },
+        { key: "N / Esc", label: "Cancelar" },
+      ];
+    }
     if (this.isAddModalOpen) {
       return [
         { key: "↑↓/Mouse", label: "Alternar" },
@@ -55,6 +71,8 @@ export class AccountsView implements TuiView {
     return [
       { key: "a", label: "Adicionar Conta" },
       { key: "d", label: "Remover Conta" },
+      { key: "x", label: "Limpar Chats" },
+      { key: "l", label: "Limpar Todos Chats" },
       { key: "c", label: "Zerar Cooldown" },
       { key: "z", label: "Zerar Todas" },
     ];
@@ -125,6 +143,63 @@ export class AccountsView implements TuiView {
     }
   }
   public async handleKey(key: KeyEvent): Promise<boolean | void> {
+    // 0. Confirm Dialog Active
+    if (this.confirmDialog) {
+      if (key.name === "s" || key.name === "S" || key.name === "enter" || key.name === "return") {
+        const dialog = this.confirmDialog;
+        this.confirmDialog = null;
+        this.confirmDialogHovered = null;
+        await dialog.onConfirm();
+        return true;
+      }
+      if (key.name === "escape" || key.name === "n" || key.name === "N") {
+        this.confirmDialog = null;
+        this.confirmDialogHovered = null;
+        this.setStatusMessage(theme.muted("Ação cancelada"));
+        return true;
+      }
+      if (key.name === "hover" && key.mouse) {
+        const { row, col } = key.mouse;
+        const btnRow = this.lastConfirmModalStartRow + 4;
+        if (row === btnRow) {
+          const startCol = this.lastConfirmModalLeftPad + 2;
+          if (col >= startCol && col <= startCol + 25) {
+            this.confirmDialogHovered = "confirm";
+            return true;
+          }
+          if (col >= startCol + 26 && col <= startCol + 50) {
+            this.confirmDialogHovered = "cancel";
+            return true;
+          }
+        }
+        if (this.confirmDialogHovered !== null) {
+          this.confirmDialogHovered = null;
+          return true;
+        }
+      }
+      if (key.name === "click" && key.mouse) {
+        const { row, col } = key.mouse;
+        const btnRow = this.lastConfirmModalStartRow + 4;
+        if (row === btnRow) {
+          const startCol = this.lastConfirmModalLeftPad + 2;
+          if (col >= startCol && col <= startCol + 25) {
+            const dialog = this.confirmDialog;
+            this.confirmDialog = null;
+            this.confirmDialogHovered = null;
+            await dialog.onConfirm();
+            return true;
+          }
+          if (col >= startCol + 26 && col <= startCol + 50) {
+            this.confirmDialog = null;
+            this.confirmDialogHovered = null;
+            this.setStatusMessage(theme.muted("Ação cancelada"));
+            return true;
+          }
+        }
+      }
+      return true;
+    }
+
     // 1. Add Account Modal Active
     if (this.isAddModalOpen) {
       if (key.name === "escape") {
@@ -335,22 +410,83 @@ export class AccountsView implements TuiView {
       return true;
     }
 
-    // Delete selected account with 'd' or 'D'
+    // Delete selected account with 'd' or 'D' (requires confirmation)
     if ((key.name === "d" || key.name === "D") && !key.ctrl) {
       const selected = accounts[this.selectedIndex];
       if (!selected) {
         this.setStatusMessage(theme.yellow("[!] Nenhuma conta selecionada para remover"));
         return true;
       }
-      removeAccount(selected.id);
-      void (async () => {
-        try {
-          const { closePlaywrightForAccount } = await import("../../services/playwright.ts");
-          await closePlaywrightForAccount(selected.id);
-        } catch {}
-      })();
-      await this.refresh();
-      this.setStatusMessage(theme.green(`✓ Conta ${selected.emailOrName} removida com sucesso`));
+      this.confirmDialog = {
+        type: "remove_account",
+        title: "⚠️  Confirmar Remoção de Conta",
+        message: `Deseja remover a conta ${selected.emailOrName}?`,
+        detail: "A conta será excluída do banco de dados e sua sessão encerrada.",
+        onConfirm: async () => {
+          removeAccount(selected.id);
+          try {
+            const { closePlaywrightForAccount, removePlaywrightProfile } = await import("../../services/playwright.ts");
+            const { getAccountProfilePath } = await import("../../core/paths.ts");
+            await closePlaywrightForAccount(selected.id);
+            removePlaywrightProfile(getAccountProfilePath(selected.id));
+          } catch {}
+          await this.refresh();
+          this.setStatusMessage(theme.green(`✓ Conta ${selected.emailOrName} removida com sucesso`));
+        },
+      };
+      return true;
+    }
+
+    // Delete chats of selected account with 'x' or 'X' (requires confirmation)
+    if ((key.name === "x" || key.name === "X") && !key.ctrl) {
+      const selected = accounts[this.selectedIndex];
+      if (!selected) {
+        this.setStatusMessage(theme.yellow("[!] Nenhuma conta selecionada"));
+        return true;
+      }
+      this.confirmDialog = {
+        type: "delete_account_chats",
+        title: "⚠️  Apagar Chats Remotos no Qwen",
+        message: `Apagar TODOS os chats no Qwen da conta ${selected.emailOrName}?`,
+        detail: "Esta ação é irreversível e limpará todas as conversas em chat.qwen.ai.",
+        onConfirm: async () => {
+          this.setStatusMessage(theme.yellow(`⏳ Apagando chats no Qwen para ${selected.emailOrName}...`));
+          try {
+            const { deleteChatsForAccountId } = await import("../../services/chat-cleanup.ts");
+            await deleteChatsForAccountId(selected.id);
+            await this.refresh();
+            this.setStatusMessage(theme.green(`✓ Todos os chats de ${selected.emailOrName} foram apagados no Qwen!`));
+          } catch (err: any) {
+            this.setStatusMessage(theme.red(`✗ Falha ao apagar chats: ${err?.message || String(err)}`));
+          }
+        },
+      };
+      return true;
+    }
+
+    // Delete chats of all accounts with 'l' or 'L' (requires confirmation)
+    if ((key.name === "l" || key.name === "L") && !key.ctrl) {
+      if (accounts.length === 0) {
+        this.setStatusMessage(theme.yellow("[!] Nenhuma conta configurada"));
+        return true;
+      }
+      this.confirmDialog = {
+        type: "delete_all_chats",
+        title: "⚠️  Apagar Chats de TODAS as Contas",
+        message: `Apagar TODOS os chats remotos de TODAS as ${accounts.length} contas no Qwen?`,
+        detail: "Esta ação é irreversível e limpará o histórico no chat.qwen.ai.",
+        onConfirm: async () => {
+          this.setStatusMessage(theme.yellow(`⏳ Apagando chats no Qwen de todas as contas...`));
+          try {
+            const { deleteChatsForConfiguredAccounts } = await import("../../services/chat-cleanup.ts");
+            const res = await deleteChatsForConfiguredAccounts(true);
+            await this.refresh();
+            this.setStatusMessage(theme.green(`✓ Chats apagados no Qwen: ${res.succeeded}/${res.attempted} contas limpas!`));
+          } catch (err: any) {
+            this.setStatusMessage(theme.red(`✗ Falha ao apagar chats: ${err?.message || String(err)}`));
+          }
+        },
+      };
       return true;
     }
 
@@ -371,9 +507,9 @@ export class AccountsView implements TuiView {
         return true;
       }
 
-      // Right panel action buttons hover (rows 15 to 18)
+      // Right panel action buttons hover (rows 15 to 20)
       if (col >= leftW) {
-        if (row >= 15 && row <= 18) {
+        if (row >= 15 && row <= 20) {
           if (this.hoveredActionRow !== row) {
             this.hoveredActionRow = row;
             return true;
@@ -387,7 +523,6 @@ export class AccountsView implements TuiView {
         return true;
       }
     }
-
     // Mouse click on account rows or action buttons
     if (key.name === "click" && key.mouse) {
       const { row, col } = key.mouse;
@@ -416,9 +551,16 @@ export class AccountsView implements TuiView {
           await this.handleKey({ name: "z", ctrl: false, shift: false, meta: false });
           return true;
         }
+        if (row === 19) {
+          await this.handleKey({ name: "x", ctrl: false, shift: false, meta: false });
+          return true;
+        }
+        if (row === 20) {
+          await this.handleKey({ name: "l", ctrl: false, shift: false, meta: false });
+          return true;
+        }
       }
     }
-    // Navigate accounts list (Mouse wheel or Up/Down keys)
     if (key.name === "up" || key.name === "wheelup" || (key.name === "k" && !key.ctrl)) {
       if (accounts.length > 0) {
         this.selectedIndex = Math.max(0, this.selectedIndex - 1);
@@ -469,6 +611,9 @@ export class AccountsView implements TuiView {
     this.lastLeftW = leftW;
     const rightW = Math.max(30, width - leftW - 1);
 
+    if (snapshot) {
+      this.statusData = snapshot;
+    }
     const data = snapshot || this.statusData;
     const accounts = data?.accounts || [];
     const selected = accounts[this.selectedIndex];
@@ -490,12 +635,12 @@ export class AccountsView implements TuiView {
         const isHovered = idx === this.hoveredAccountIndex;
         const pointer = isFocused ? theme.cyan(`${glyphs.pointer} `) : "  ";
         const num = pad(String(idx + 1) + ".", 4);
-        const name = pad(acc.emailOrName, 22);
+        const name = pad(truncate(acc.emailOrName, 20), 22);
 
         let status = theme.green(`${glyphs.bullet} Pronto   `);
         if (acc.onCooldown) {
           const mins = Math.max(1, Math.round(acc.remainingCooldownMs / 60000));
-          status = theme.yellow(`⚠ ${mins}m cd   `);
+          status = theme.yellow(`⚠️ ${mins}m cd   `);
         } else if (!acc.headersReady) {
           status = acc.isInitialized
             ? theme.yellow(`◐ Aquecendo...`)
@@ -562,8 +707,9 @@ export class AccountsView implements TuiView {
       rightContent.push(`  ${this.hoveredActionRow === 16 ? theme.bgHover(` ${theme.red("[ D ] Remover Conta")} `) : `${theme.red("[ D ]")} Remover Conta`}`);
       rightContent.push(`  ${this.hoveredActionRow === 17 ? theme.bgHover(` ${theme.yellow("[ C ] Zerar Cooldown")} `) : `${theme.yellow("[ C ]")} Zerar Cooldown`}`);
       rightContent.push(`  ${this.hoveredActionRow === 18 ? theme.bgHover(` ${theme.green("[ Z ] Zerar Todas")} `) : `${theme.green("[ Z ]")} Zerar Todas`}`);
+      rightContent.push(`  ${this.hoveredActionRow === 19 ? theme.bgHover(` ${theme.peach("[ X ] Limpar Chats (Conta)")} `) : `${theme.peach("[ X ]")} Limpar Chats (Conta)`}`);
+      rightContent.push(`  ${this.hoveredActionRow === 20 ? theme.bgHover(` ${theme.red("[ L ] Limpar Todos os Chats")} `) : `${theme.red("[ L ]")} Limpar Todos os Chats`}`);
     }
-
     const rightBox = drawBox({
       title: "Inspeção de Conta",
       width: rightW,
@@ -655,6 +801,39 @@ export class AccountsView implements TuiView {
       return modalBox.map((line) => padStr + line);
     }
 
+    if (this.confirmDialog) {
+      const modalW = Math.min(width - 4, 66);
+      this.lastConfirmModalLeftPad = Math.max(0, Math.floor((width - modalW) / 2));
+      const confirmBtn =
+        this.confirmDialogHovered === "confirm"
+          ? theme.bgHover(theme.red(" [ S / Enter ] Sim, Confirmar "))
+          : theme.red("[ S / Enter ] Sim, Confirmar");
+      const cancelBtn =
+        this.confirmDialogHovered === "cancel"
+          ? theme.bgHover(theme.green(" [ N / Esc ] Cancelar "))
+          : theme.green("[ N / Esc ] Cancelar");
+
+      const modalContent = [
+        "",
+        `  ${theme.bold(this.confirmDialog.message)}`,
+        `  ${theme.muted(this.confirmDialog.detail)}`,
+        "",
+        `  ${confirmBtn}   ${cancelBtn}`,
+      ];
+
+      const modalBox = drawBox({
+        title: this.confirmDialog.title,
+        width: modalW,
+        height: Math.min(contentH, 8),
+        borderColor: theme.red,
+        titleColor: theme.red,
+        content: modalContent,
+      });
+
+      const padStr = " ".repeat(this.lastConfirmModalLeftPad);
+      return modalBox.map((line) => padStr + line);
+    }
+
     return mergedLines;
   }
 }

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

@@ -4,7 +4,7 @@
 
 import type { TuiView, ProxyStatusSnapshot } from "../types.ts";
 import type { KeyEvent } from "../screen.ts";
-import { theme, glyphs, drawBox, pad } from "../theme.ts";
+import { theme, glyphs, drawBox, pad, truncate } from "../theme.ts";
 import { fetchProxyStatus, resetAllCooldowns, formatUptime } from "../proxy-client.ts";
 import { ServerManager } from "../server-manager.ts";
 
@@ -169,17 +169,17 @@ export class StatusView implements TuiView {
     } else {
       accounts.slice(0, contentH - 5).forEach((acc, idx) => {
         const num = pad(String(idx + 1), 3);
-        const name = pad(acc.emailOrName, 22);
+        const name = pad(truncate(acc.emailOrName, 20), 20);
         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`);
+          status = theme.yellow(`⚠️ Cooldown ${mins}m`);
         } else if (!acc.headersReady) {
           status = acc.isInitialized
             ? theme.yellow(`◐ Aquecendo...`)
             : theme.muted(`○ Standby`);
         }
-        rightContent.push(`  ${num} ${name} ${status}`);
+        rightContent.push(`  ${num} ${name}  ${status}`);
       });
     }