qwenproxy-cli 1.2.10 → 1.3.0

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

@@ -4,11 +4,12 @@
 
 import type { TuiView, ProxyStatusSnapshot } from "../types.ts";
 import type { KeyEvent } from "../screen.ts";
-import { theme, glyphs, drawBox, pad, truncate, setClipboardText } from "../theme.ts";
+import { theme, glyphs, drawBox, pad, truncate, setClipboardText, getClipboardText } from "../theme.ts";
 import { fetchProxyStatus, resetAllCooldowns, formatUptime } from "../proxy-client.ts";
 import { ServerManager } from "../server-manager.ts";
-import { getRuntimeChatMode, cycleNextChatMode } from "../../core/config.ts";
+import { getRuntimeChatMode, cycleNextChatMode, config } from "../../core/config.ts";
 import { saveTuiSettings } from "../settings.ts";
+import { persistServerPort, persistCustomApiKey } from "../../core/local-auth.ts";
 
 export function renderProgressBar(
   pct: number,
@@ -72,6 +73,24 @@ export class StatusView implements TuiView {
   private lastActionZerarRow = 21;
   private lastActionModoRow = 22;
   private lastActionCopiarRow = 23;
+  private lastActionPortRow = 24;
+  private lastActionApiKeyRow = 25;
+
+  public isPortModalOpen = false;
+  public portInput = "";
+  public portCursor = 0;
+  public portError = "";
+  public portModalHoveredBtn: "save" | "cancel" | null = null;
+  public lastPortModalBtnRow = 0;
+  public lastPortModalLeftPad = 0;
+
+  public isApiKeyModalOpen = false;
+  public apiKeyInput = "";
+  public apiKeyCursor = 0;
+  public apiKeyError = "";
+  public apiKeyModalHoveredBtn: "save" | "cancel" | null = null;
+  public lastApiKeyModalBtnRow = 0;
+  public lastApiKeyModalLeftPad = 0;
 
   constructor() {
     this.refresh();
@@ -92,12 +111,31 @@ export class StatusView implements TuiView {
     this.refresh();
   }
 
+  public isCapturingText(): boolean {
+    return this.isPortModalOpen || this.isApiKeyModalOpen;
+  }
+
   public getShortcuts(): Array<{ key: string; label: string }> {
+    if (this.isPortModalOpen) {
+      return [
+        { key: "Enter", label: "Salvar Porta" },
+        { key: "Esc", label: "Cancelar" },
+      ];
+    }
+    if (this.isApiKeyModalOpen) {
+      return [
+        { key: "Enter", label: "Salvar API Key" },
+        { key: "Ctrl+V", label: "Colar" },
+        { key: "Esc", label: "Cancelar" },
+      ];
+    }
     return [
       { key: "r", label: "Recarregar" },
       { key: "z", label: "Zerar Cooldowns" },
       { key: "m", label: "Alternar Modo" },
       { key: "c", label: "Copiar URL" },
+      { key: "p", label: "Alterar Porta" },
+      { key: "k", label: "Alterar API Key" },
     ];
   }
 
@@ -109,7 +147,276 @@ export class StatusView implements TuiView {
     }, 4000);
   }
 
+  private async savePortFromModal(): Promise<boolean> {
+    const val = this.portInput.trim();
+    const p = parseInt(val, 10);
+    if (isNaN(p) || p < 1 || p > 65535) {
+      this.portError = "Porta inválida (deve ser entre 1 e 65535)";
+      return false;
+    }
+    persistServerPort(p);
+    if (config.server) {
+      config.server.port = p;
+    }
+    this.isPortModalOpen = false;
+    this.portError = "";
+    this.portModalHoveredBtn = null;
+    this.setMessage(theme.green(`✓ Porta alterada para ${p} (salva no .env)`));
+    await this.refresh();
+    const sManager = ServerManager.getInstance();
+    if (sManager.getState() === "online") {
+      void sManager.restart();
+    }
+    return true;
+  }
+
+  private async saveApiKeyFromModal(): Promise<boolean> {
+    const k = this.apiKeyInput.trim();
+    persistCustomApiKey(k);
+    this.isApiKeyModalOpen = false;
+    this.apiKeyError = "";
+    this.apiKeyModalHoveredBtn = null;
+    this.setMessage(theme.green(`✓ API Key salva no .env com sucesso`));
+    await this.refresh();
+    return true;
+  }
+
   public async handleKey(key: KeyEvent): Promise<boolean | void> {
+    // 1. Port Modal key & mouse handling
+    if (this.isPortModalOpen) {
+      // Mouse hover in Port Modal
+      if (key.name === "hover" && key.mouse) {
+        const { row, col } = key.mouse;
+        if (row === this.lastPortModalBtnRow) {
+          const relCol = col - this.lastPortModalLeftPad;
+          let btn: "save" | "cancel" | null = null;
+          if (relCol >= 2 && relCol <= 28) {
+            btn = "save";
+          } else if (relCol >= 29 && relCol <= 48) {
+            btn = "cancel";
+          }
+          if (this.portModalHoveredBtn !== btn) {
+            this.portModalHoveredBtn = btn;
+            return true;
+          }
+          return false;
+        }
+        if (this.portModalHoveredBtn !== null) {
+          this.portModalHoveredBtn = null;
+          return true;
+        }
+        return false;
+      }
+
+      // Mouse click in Port Modal
+      if (key.name === "click" && key.mouse) {
+        const { row, col } = key.mouse;
+        if (row === this.lastPortModalBtnRow) {
+          const relCol = col - this.lastPortModalLeftPad;
+          if (relCol >= 2 && relCol <= 28) {
+            await this.savePortFromModal();
+            return true;
+          }
+          if (relCol >= 29 && relCol <= 48) {
+            this.isPortModalOpen = false;
+            this.portError = "";
+            this.portModalHoveredBtn = null;
+            return true;
+          }
+        }
+        return true;
+      }
+
+      if (key.name === "escape") {
+        this.isPortModalOpen = false;
+        this.portError = "";
+        this.portModalHoveredBtn = null;
+        return true;
+      }
+      if (key.name === "enter") {
+        await this.savePortFromModal();
+        return true;
+      }
+      if (key.name === "backspace") {
+        const cur = Math.max(0, Math.min(this.portInput.length, this.portCursor));
+        if (cur > 0) {
+          this.portInput =
+            this.portInput.slice(0, cur - 1) +
+            this.portInput.slice(cur);
+          this.portCursor = cur - 1;
+          this.portError = "";
+        }
+        return true;
+      }
+      if (key.name === "delete") {
+        const cur = Math.max(0, Math.min(this.portInput.length, this.portCursor));
+        if (cur < this.portInput.length) {
+          this.portInput =
+            this.portInput.slice(0, cur) +
+            this.portInput.slice(cur + 1);
+          this.portError = "";
+        }
+        return true;
+      }
+      if (key.name === "left") {
+        this.portCursor = Math.max(0, this.portCursor - 1);
+        return true;
+      }
+      if (key.name === "right") {
+        this.portCursor = Math.min(this.portInput.length, this.portCursor + 1);
+        return true;
+      }
+      if (key.name === "home") {
+        this.portCursor = 0;
+        return true;
+      }
+      if (key.name === "end") {
+        this.portCursor = this.portInput.length;
+        return true;
+      }
+      // Numeric input
+      const ch = key.char || (key.name.length === 1 && /^\d$/.test(key.name) ? key.name : "");
+      if (ch && /^\d$/.test(ch) && !key.ctrl && !key.meta) {
+        if (this.portInput.length < 5) {
+          const cur = Math.max(0, Math.min(this.portInput.length, this.portCursor));
+          this.portInput =
+            this.portInput.slice(0, cur) +
+            ch +
+            this.portInput.slice(cur);
+          this.portCursor = cur + ch.length;
+          this.portError = "";
+        }
+        return true;
+      }
+      return true; // Swallow all keys in modal
+    }
+
+    // 2. API Key Modal key & mouse handling
+    if (this.isApiKeyModalOpen) {
+      // Mouse hover in API Key Modal
+      if (key.name === "hover" && key.mouse) {
+        const { row, col } = key.mouse;
+        if (row === this.lastApiKeyModalBtnRow) {
+          const relCol = col - this.lastApiKeyModalLeftPad;
+          let btn: "save" | "cancel" | null = null;
+          if (relCol >= 2 && relCol <= 30) {
+            btn = "save";
+          } else if (relCol >= 31 && relCol <= 50) {
+            btn = "cancel";
+          }
+          if (this.apiKeyModalHoveredBtn !== btn) {
+            this.apiKeyModalHoveredBtn = btn;
+            return true;
+          }
+          return false;
+        }
+        if (this.apiKeyModalHoveredBtn !== null) {
+          this.apiKeyModalHoveredBtn = null;
+          return true;
+        }
+        return false;
+      }
+
+      // Mouse click in API Key Modal
+      if (key.name === "click" && key.mouse) {
+        const { row, col } = key.mouse;
+        if (row === this.lastApiKeyModalBtnRow) {
+          const relCol = col - this.lastApiKeyModalLeftPad;
+          if (relCol >= 2 && relCol <= 30) {
+            await this.saveApiKeyFromModal();
+            return true;
+          }
+          if (relCol >= 31 && relCol <= 50) {
+            this.isApiKeyModalOpen = false;
+            this.apiKeyError = "";
+            this.apiKeyModalHoveredBtn = null;
+            return true;
+          }
+        }
+        return true;
+      }
+
+      if (key.name === "escape") {
+        this.isApiKeyModalOpen = false;
+        this.apiKeyError = "";
+        this.apiKeyModalHoveredBtn = null;
+        return true;
+      }
+      if (key.name === "enter") {
+        await this.saveApiKeyFromModal();
+        return true;
+      }
+      if (key.ctrl && (key.name === "v" || key.raw === "\x16")) {
+        const pasted = getClipboardText();
+        if (pasted) {
+          const clean = pasted.replace(/[\r\n]/g, "").trim();
+          const cur = Math.max(0, Math.min(this.apiKeyInput.length, this.apiKeyCursor));
+          this.apiKeyInput =
+            this.apiKeyInput.slice(0, cur) +
+            clean +
+            this.apiKeyInput.slice(cur);
+          this.apiKeyCursor = cur + clean.length;
+          this.apiKeyError = "";
+        }
+        return true;
+      }
+      if (key.ctrl && key.name === "c") {
+        this.apiKeyInput = "";
+        this.apiKeyCursor = 0;
+        return true;
+      }
+      if (key.name === "backspace") {
+        const cur = Math.max(0, Math.min(this.apiKeyInput.length, this.apiKeyCursor));
+        if (cur > 0) {
+          this.apiKeyInput =
+            this.apiKeyInput.slice(0, cur - 1) +
+            this.apiKeyInput.slice(cur);
+          this.apiKeyCursor = cur - 1;
+          this.apiKeyError = "";
+        }
+        return true;
+      }
+      if (key.name === "delete") {
+        const cur = Math.max(0, Math.min(this.apiKeyInput.length, this.apiKeyCursor));
+        if (cur < this.apiKeyInput.length) {
+          this.apiKeyInput =
+            this.apiKeyInput.slice(0, cur) +
+            this.apiKeyInput.slice(cur + 1);
+          this.apiKeyError = "";
+        }
+        return true;
+      }
+      if (key.name === "left") {
+        this.apiKeyCursor = Math.max(0, this.apiKeyCursor - 1);
+        return true;
+      }
+      if (key.name === "right") {
+        this.apiKeyCursor = Math.min(this.apiKeyInput.length, this.apiKeyCursor + 1);
+        return true;
+      }
+      if (key.name === "home") {
+        this.apiKeyCursor = 0;
+        return true;
+      }
+      if (key.name === "end") {
+        this.apiKeyCursor = this.apiKeyInput.length;
+        return true;
+      }
+      // Text character input
+      const ch = key.char || (key.name.length === 1 && !key.ctrl && !key.meta ? key.name : "");
+      if (ch && ch.length === 1 && ch >= " " && !key.ctrl && !key.meta) {
+        const cur = Math.max(0, Math.min(this.apiKeyInput.length, this.apiKeyCursor));
+        this.apiKeyInput =
+          this.apiKeyInput.slice(0, cur) +
+          ch +
+          this.apiKeyInput.slice(cur);
+        this.apiKeyCursor = cur + ch.length;
+        this.apiKeyError = "";
+        return true;
+      }
+      return true; // Swallow all keys in modal
+    }
+
     // Mouse hover over quick actions or Base URL
     if (key.name === "hover" && key.mouse) {
       const { row, col } = key.mouse;
@@ -121,7 +428,9 @@ export class StatusView implements TuiView {
         (row === this.lastActionRecarregarRow ||
           row === this.lastActionZerarRow ||
           row === this.lastActionModoRow ||
-          row === this.lastActionCopiarRow);
+          row === this.lastActionCopiarRow ||
+          row === this.lastActionPortRow ||
+          row === this.lastActionApiKeyRow);
 
       let changed = false;
       if (isOverBaseUrl !== this.isBaseUrlHovered) {
@@ -174,6 +483,22 @@ export class StatusView implements TuiView {
           this.setMessage(theme.green(`✓ Modo global da API: ${nextMode}`));
           return true;
         }
+        if (row === this.lastActionPortRow) {
+          this.isPortModalOpen = true;
+          this.isApiKeyModalOpen = false;
+          this.portInput = String(this.statusData?.port || config.server?.port || 7936);
+          this.portCursor = this.portInput.length;
+          this.portError = "";
+          return true;
+        }
+        if (row === this.lastActionApiKeyRow) {
+          this.isApiKeyModalOpen = true;
+          this.isPortModalOpen = false;
+          this.apiKeyInput = (process.env.API_KEY || "").trim();
+          this.apiKeyCursor = this.apiKeyInput.length;
+          this.apiKeyError = "";
+          return true;
+        }
       }
     }
     if ((key.name === "r" || key.name === "R") && !key.ctrl) {
@@ -208,12 +533,174 @@ export class StatusView implements TuiView {
       this.setMessage(theme.green(`✓ Base URL copiada: ${this.lastBaseUrl}`));
       return true;
     }
+
+    if ((key.name === "p" || key.name === "P") && !key.ctrl) {
+      this.isPortModalOpen = true;
+      this.isApiKeyModalOpen = false;
+      this.portInput = String(this.statusData?.port || config.server?.port || 7936);
+      this.portCursor = this.portInput.length;
+      this.portError = "";
+      return true;
+    }
+
+    if ((key.name === "k" || key.name === "K") && !key.ctrl) {
+      this.isApiKeyModalOpen = true;
+      this.isPortModalOpen = false;
+      this.apiKeyInput = (process.env.API_KEY || "").trim();
+      this.apiKeyCursor = this.apiKeyInput.length;
+      this.apiKeyError = "";
+      return true;
+    }
   }
   public render(width: number, height: number, snapshot?: ProxyStatusSnapshot | null): string[] {
     const data = snapshot || this.statusData;
     const isOnline = data?.online ?? false;
     const contentH = Math.max(10, height);
 
+    if (this.isPortModalOpen) {
+      const modalW = Math.min(width - 4, 62);
+      const padCount = Math.max(0, Math.floor((width - modalW) / 2));
+      const padStr = " ".repeat(padCount);
+
+      const safeCursor = Math.max(0, Math.min(this.portInput.length, this.portCursor));
+      let inputDisplay: string;
+      if (this.portInput.length === 0) {
+        inputDisplay = `${theme.inverse(" ")} ${theme.dim("(ex: 7936)")}`;
+      } else {
+        const before = this.portInput.slice(0, safeCursor);
+        const at = this.portInput[safeCursor] || " ";
+        const after = this.portInput.slice(safeCursor + 1);
+        inputDisplay = `${theme.cyan(before)}${theme.inverse(at)}${theme.cyan(after)}`;
+      }
+
+      const modalContent: string[] = [
+        "",
+        `  ${theme.bold("Alterar Porta do Servidor:")}`,
+        `  ${theme.dim("Digite a nova porta para o servidor QwenProxy (1-65535):")}`,
+        `  ${theme.dim("────────────────────────────────────────────────────────")}`,
+        `    Porta: [ ${inputDisplay} ]`,
+        `  ${theme.dim("────────────────────────────────────────────────────────")}`,
+      ];
+
+      if (this.portError) {
+        modalContent.push(`  ${theme.red(`❌ ${this.portError}`)}`);
+      } else {
+        modalContent.push(`  ${theme.dim("Porta padrão: 7936 (mnemônico Q-W-E-N no teclado)")}`);
+      }
+
+      const isSaveHovered = this.portModalHoveredBtn === "save";
+      const isCancelHovered = this.portModalHoveredBtn === "cancel";
+
+      const saveLabel = " [ Enter ] Salvar Porta ";
+      const cancelLabel = " [ Esc ] Cancelar ";
+
+      const saveBtn = isSaveHovered
+        ? theme.bgHover(theme.bold(theme.green(saveLabel)))
+        : theme.green(saveLabel);
+
+      const cancelBtn = isCancelHovered
+        ? theme.bgHover(theme.bold(theme.red(cancelLabel)))
+        : theme.muted(cancelLabel);
+
+      modalContent.push("");
+      const btnContentIdx = modalContent.length;
+      modalContent.push(
+        `  ${saveBtn}  ${cancelBtn}`,
+        "",
+        `  ${theme.dim("Nota: Salva no arquivo .env e reinicia o servidor se estiver ativo.")}`,
+      );
+
+      const modalBox = drawBox({
+        title: "Alterar Porta do Servidor",
+        width: modalW,
+        height: Math.min(contentH, modalContent.length + 2),
+        borderColor: theme.borderActive,
+        titleColor: theme.cyan,
+        content: modalContent,
+      });
+
+      const topPadCount = Math.max(1, Math.floor((contentH - modalBox.length) / 3));
+      this.lastPortModalBtnRow = 5 + topPadCount + btnContentIdx;
+      this.lastPortModalLeftPad = padCount;
+
+      const topPad = Array(topPadCount).fill(" ".repeat(width));
+      const res = [...topPad, ...modalBox.map((line) => padStr + line)];
+      while (res.length < contentH) res.push(" ".repeat(width));
+      return res;
+    }
+
+    if (this.isApiKeyModalOpen) {
+      const modalW = Math.min(width - 4, 68);
+      const padCount = Math.max(0, Math.floor((width - modalW) / 2));
+      const padStr = " ".repeat(padCount);
+
+      const safeCursor = Math.max(0, Math.min(this.apiKeyInput.length, this.apiKeyCursor));
+      let inputDisplay: string;
+      if (this.apiKeyInput.length === 0) {
+        inputDisplay = `${theme.inverse(" ")} ${theme.dim("(vazio = sem autenticação local)")}`;
+      } else {
+        const before = this.apiKeyInput.slice(0, safeCursor);
+        const at = this.apiKeyInput[safeCursor] || " ";
+        const after = this.apiKeyInput.slice(safeCursor + 1);
+        inputDisplay = `${theme.peach(before)}${theme.inverse(at)}${theme.peach(after)}`;
+      }
+
+      const isProtected = this.apiKeyInput.trim().length > 0;
+      const statusBadge = isProtected
+        ? theme.green("Protegido (Requer Bearer Token)")
+        : theme.yellow("Livre (Apenas Loopback 127.0.0.1)");
+
+      const isSaveHovered = this.apiKeyModalHoveredBtn === "save";
+      const isCancelHovered = this.apiKeyModalHoveredBtn === "cancel";
+
+      const saveLabel = " [ Enter ] Salvar API Key ";
+      const cancelLabel = " [ Esc ] Cancelar ";
+
+      const saveBtn = isSaveHovered
+        ? theme.bgHover(theme.bold(theme.green(saveLabel)))
+        : theme.green(saveLabel);
+
+      const cancelBtn = isCancelHovered
+        ? theme.bgHover(theme.bold(theme.red(cancelLabel)))
+        : theme.muted(cancelLabel);
+
+      const modalContent: string[] = [
+        "",
+        `  ${theme.bold("Configurar Chave de Autenticação (API Key):")}`,
+        `  ${theme.dim("Digite ou cole (Ctrl+V) a chave Bearer para proteger o proxy:")}`,
+        `  ${theme.dim("────────────────────────────────────────────────────────────")}`,
+        `    API Key: [ ${inputDisplay} ]`,
+        `  ${theme.dim("────────────────────────────────────────────────────────────")}`,
+        `  Modo de Acesso: ${statusBadge}`,
+      ];
+
+      modalContent.push("");
+      const btnContentIdx = modalContent.length;
+      modalContent.push(
+        `  ${saveBtn}  ${cancelBtn}  ${theme.dim("(Ctrl+V colar)")}`,
+        "",
+        `  ${theme.dim("Nota: Salva a chave no arquivo .env. Clientes devem enviar 'Bearer <key>'.")}`,
+      );
+
+      const modalBox = drawBox({
+        title: "Configurar API Key",
+        width: modalW,
+        height: Math.min(contentH, modalContent.length + 2),
+        borderColor: theme.borderActive,
+        titleColor: theme.peach,
+        content: modalContent,
+      });
+
+      const topPadCount = Math.max(1, Math.floor((contentH - modalBox.length) / 3));
+      this.lastApiKeyModalBtnRow = 5 + topPadCount + btnContentIdx;
+      this.lastApiKeyModalLeftPad = padCount;
+
+      const topPad = Array(topPadCount).fill(" ".repeat(width));
+      const res = [...topPad, ...modalBox.map((line) => padStr + line)];
+      while (res.length < contentH) res.push(" ".repeat(width));
+      return res;
+    }
+
     // 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
@@ -312,17 +799,23 @@ export class StatusView implements TuiView {
     const zerarIdx = leftContent.length + 1;
     const modoIdx = leftContent.length + 2;
     const copiarIdx = leftContent.length + 3;
+    const portIdx = leftContent.length + 4;
+    const apiKeyIdx = leftContent.length + 5;
 
     this.lastActionRecarregarRow = 5 + recarregarIdx;
     this.lastActionZerarRow = 5 + zerarIdx;
     this.lastActionModoRow = 5 + modoIdx;
     this.lastActionCopiarRow = 5 + copiarIdx;
+    this.lastActionPortRow = 5 + portIdx;
+    this.lastActionApiKeyRow = 5 + apiKeyIdx;
 
     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`}`,
       `   ${this.hoveredActionRow === this.lastActionModoRow ? theme.bgHover(` ${theme.lavender("[ M ] Alternar Modo")} `) : ` ${theme.lavender("[ M ]")} Alternar Modo`}`,
       `   ${this.hoveredActionRow === this.lastActionCopiarRow ? theme.bgHover(` ${theme.green("[ C ] Copiar URL")} `) : ` ${theme.green("[ C ]")} Copiar URL`}`,
+      `   ${this.hoveredActionRow === this.lastActionPortRow ? theme.bgHover(` ${theme.cyan("[ P ] Alterar Porta")} `) : ` ${theme.cyan("[ P ]")} Alterar Porta`}`,
+      `   ${this.hoveredActionRow === this.lastActionApiKeyRow ? theme.bgHover(` ${theme.peach("[ K ] Alterar API Key")} `) : ` ${theme.peach("[ K ]")} Alterar API Key`}`,
     );
 
     const boxHeight = Math.max(contentH, leftContent.length + 2);

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

@@ -61,6 +61,13 @@ export class SyncView implements TuiView {
     } catch {}
   }
 
+  private appendLog(msg: string): void {
+    this.actionLog.push(msg);
+    if (this.actionLog.length > 500) {
+      this.actionLog.shift();
+    }
+  }
+
   private detectClients(): void {
     const paths = getDefaultPaths();
     const defs: Array<{ id: SyncClientName; name: string; path: string }> = [
@@ -260,7 +267,7 @@ export class SyncView implements TuiView {
       for (const c of this.clients) {
         c.selected = !allSelected;
       }
-      this.actionLog.unshift(
+      this.appendLog(
         allSelected ? "Desmarcados todos os clientes." : "Selecionados todos os clientes.",
       );
       return true;
@@ -289,11 +296,11 @@ export class SyncView implements TuiView {
       .map((c) => c.id);
 
     if (selectedTargets.length === 0) {
-      this.actionLog.unshift(theme.yellow("⚠ Nenhum cliente selecionado para sincronizar."));
+      this.appendLog(theme.yellow("⚠ Nenhum cliente selecionado para sincronizar."));
       return;
     }
     const currentModel = this.availableModels[this.modelIndex] || "qwen3.8-max";
-    this.actionLog.unshift(
+    this.appendLog(
       theme.cyan(`⏳ Sincronizando [${selectedTargets.join(", ")}] com modelo ${currentModel}...`),
     );
     try {
@@ -308,21 +315,24 @@ export class SyncView implements TuiView {
       for (const [key, clientRes] of Object.entries(res.clients)) {
         if (clientRes && clientRes.success) {
           successCount++;
-          this.actionLog.unshift(
+          this.appendLog(
             theme.green(`✓ [${key}] ${clientRes.message || "Configurado com sucesso"}`),
           );
         } else if (clientRes) {
-          this.actionLog.unshift(
+          this.appendLog(
             theme.red(`✗ [${key}] Falha: ${clientRes.error || "Erro desconhecido"}`),
           );
         }
       }
 
-      this.actionLog.unshift(
+      this.appendLog(
         theme.green(`🎉 Concluído: ${successCount} cliente(s) sincronizado(s) com zero perdas!`),
       );
       this.detectClients();
     } catch (err: any) {
+      this.appendLog(
+        theme.red(`✗ Erro na sincronização: ${err?.message || String(err)}`),
+      );
     }
   }
 
@@ -332,17 +342,17 @@ export class SyncView implements TuiView {
       .map((c) => c.id);
 
     const targetDesc = selectedTargets.length > 0 ? `[${selectedTargets.join(", ")}]` : "todos os clientes";
-    this.actionLog.unshift(theme.yellow(`⏳ Restaurando backups anteriores de ${targetDesc}...`));
+    this.appendLog(theme.yellow(`⏳ Restaurando backups anteriores de ${targetDesc}...`));
     try {
       const res = restoreAllClients({
         targets: selectedTargets.length > 0 ? selectedTargets : undefined,
       });
-      this.actionLog.unshift(
+      this.appendLog(
         theme.green(`✓ Rollback concluído: ${res.restoredCount} arquivo(s) restaurados com sucesso.`),
       );
       this.detectClients();
     } catch (err: any) {
-      this.actionLog.unshift(theme.red(`✗ Erro ao restaurar backups: ${err?.message || String(err)}`));
+      this.appendLog(theme.red(`✗ Erro ao restaurar backups: ${err?.message || String(err)}`));
     }
   }
 
@@ -446,7 +456,9 @@ export class SyncView implements TuiView {
         theme.muted("  Backups (.bak) são criados automaticamente antes de cada alteração."),
       );
     } else {
-      for (const log of this.actionLog.slice(0, contentH - 5)) {
+      const maxLogs = Math.max(5, contentH - 5);
+      const visibleLogs = this.actionLog.slice(-maxLogs);
+      for (const log of visibleLogs) {
         rightContent.push(`  ${log}`);
       }
     }