qwenproxy-cli 1.1.0 → 1.2.0

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

@@ -5,7 +5,11 @@
 import type { TuiView, ProxyStatusSnapshot } from "../types.ts";
 import type { KeyEvent } from "../screen.ts";
 import { theme, glyphs, drawBox, stringWidth, truncate, stripAnsi, pad, wrapContentLine } from "../theme.ts";
-import { streamChatCompletions, fetchLiveModels } from "../proxy-client.ts";
+import {
+  fetchLiveModels,
+  streamChatCompletions,
+  DEFAULT_FALLBACK_MODELS,
+} from "../proxy-client.ts";
 import { ServerManager } from "../server-manager.ts";
 import { formatMarkdown, formatReasoning } from "../markdown.ts";
 import { loadTuiSettings, saveTuiSettings } from "../settings.ts";
@@ -22,7 +26,11 @@ interface ChatMessage {
   cachedReasoningBox?: string[];
   cachedWidth?: number;
 }
-export function classifyModel(modelId: string): { badge: string; category: string } {
+export function classifyModel(modelId: string): {
+  badge: string;
+  category: string;
+  supportsReasoning: boolean;
+} {
   const lower = modelId.toLowerCase();
   if (
     lower.includes("image") ||
@@ -30,12 +38,35 @@ export function classifyModel(modelId: string): { badge: string; category: strin
     lower.includes("t2i") ||
     lower.includes("i2i")
   ) {
-    return { badge: theme.lavender("[Imagem]"), category: "Geração de Imagem" };
+    return {
+      badge: theme.lavender("[Imagem]"),
+      category: "Geração de Imagem",
+      supportsReasoning: false,
+    };
   }
   if (lower.includes("video") || lower.includes("t2v") || lower.includes("i2v")) {
-    return { badge: theme.peach("[Vídeo] "), category: "Geração de Vídeo" };
+    return {
+      badge: theme.peach("[Vídeo] "),
+      category: "Geração de Vídeo",
+      supportsReasoning: false,
+    };
   }
-  return { badge: theme.cyan("[Texto] "), category: "Texto & Raciocínio" };
+  if (
+    lower.includes("omni") ||
+    lower.includes("audio") ||
+    lower.includes("speech")
+  ) {
+    return {
+      badge: theme.green("[Omni]  "),
+      category: "Multimodal / Omni",
+      supportsReasoning: true,
+    };
+  }
+  return {
+    badge: theme.cyan("[Texto] "),
+    category: "Texto & Raciocínio",
+    supportsReasoning: true,
+  };
 }
 
 export class ChatView implements TuiView {
@@ -43,14 +74,7 @@ export class ChatView implements TuiView {
   public readonly title = "Chat";
   public readonly tabNumber = 2;
 
-  private availableModels = [
-    "qwen3.8-max",
-    "qwen3.7-plus",
-    "qwen3.7-max",
-    "z-image-turbo",
-    "qwen-image-3.0-pro",
-    "wan3.0-video",
-  ];
+  private availableModels = [...DEFAULT_FALLBACK_MODELS];
   private selectedModelIndex = 0;
   private messages: ChatMessage[] = [];
   private inputBuffer = "";
@@ -254,7 +278,7 @@ export class ChatView implements TuiView {
       },
     });
     const info = classifyModel(chosen);
-    if (info.category === "Texto & Raciocínio") {
+    if (info.supportsReasoning) {
       this.isEffortModalOpen = true;
       const effIdx = this.availableEfforts.findIndex((e) => e.id === this.selectedEffort);
       this.effortSelectedIndex = effIdx !== -1 ? effIdx : 0;
@@ -317,8 +341,9 @@ export class ChatView implements TuiView {
     if (this.isEffortModalOpen) {
       if (key.name === "hover" && key.mouse) {
         const { row } = key.mouse;
-        if (row >= 9 && row < 9 + this.availableEfforts.length) {
-          const hoverIdx = row - 9;
+        const startRow = 12;
+        if (row >= startRow && row < startRow + this.availableEfforts.length) {
+          const hoverIdx = row - startRow;
           if (this.effortSelectedIndex !== hoverIdx) {
             this.effortSelectedIndex = hoverIdx;
             this.onNeedsRender?.();
@@ -328,8 +353,10 @@ export class ChatView implements TuiView {
       }
       if (key.name === "click" && key.mouse) {
         const { row } = key.mouse;
-        if (row >= 9 && row < 9 + this.availableEfforts.length) {
-          this.selectedEffort = this.availableEfforts[row - 9].id;
+        const startRow = 12;
+        if (row >= startRow && row < startRow + this.availableEfforts.length) {
+          const chosenIdx = row - startRow;
+          this.selectedEffort = this.availableEfforts[chosenIdx].id;
           this.isEffortModalOpen = false;
           const currentM = this.availableModels[this.selectedModelIndex];
           saveTuiSettings({
@@ -338,7 +365,7 @@ export class ChatView implements TuiView {
               effort: this.selectedEffort,
             },
           });
-          this.statusNote = `Modelo: ${currentM} | Effort: ${this.availableEfforts[row - 9].label}`;
+          this.statusNote = `Modelo: ${currentM} | Effort: ${this.availableEfforts[chosenIdx].label}`;
           this.onNeedsRender?.();
           return true;
         }
@@ -386,7 +413,7 @@ export class ChatView implements TuiView {
     if (this.isModeModalOpen) {
       if (key.name === "hover" && key.mouse) {
         const { row } = key.mouse;
-        const startRow = 11;
+        const startRow = 12;
         if (row >= startRow && row < startRow + this.availableModes.length) {
           const hoverIdx = row - startRow;
           if (this.modeSelectedIndex !== hoverIdx) {
@@ -398,9 +425,10 @@ export class ChatView implements TuiView {
       }
       if (key.name === "click" && key.mouse) {
         const { row } = key.mouse;
-        const startRow = 11;
+        const startRow = 12;
         if (row >= startRow && row < startRow + this.availableModes.length) {
-          this.selectedChatMode = this.availableModes[row - startRow].id;
+          const chosenIdx = row - startRow;
+          this.selectedChatMode = this.availableModes[chosenIdx].id;
           this.isModeModalOpen = false;
           setRuntimeChatMode(this.selectedChatMode);
           saveTuiSettings({
@@ -490,6 +518,7 @@ export class ChatView implements TuiView {
     ) {
       const col = key.mouse.col;
       if (this.modelBtnStartCol > 0 && col >= this.modelBtnStartCol - 1 && col <= this.modelBtnEndCol + 1) {
+        void this.refreshModels();
         this.isModelModalOpen = true;
         this.modalSelectedIndex = this.selectedModelIndex;
         this.hoveredHeaderBtn = null;
@@ -530,7 +559,7 @@ export class ChatView implements TuiView {
     if (key.name === "f3") {
       const currentM = this.availableModels[this.selectedModelIndex] || "qwen3.8-max";
       const info = classifyModel(currentM);
-      if (info.category === "Texto & Raciocínio") {
+      if (info.supportsReasoning) {
         this.isEffortModalOpen = true;
         const idx = this.availableEfforts.findIndex((e) => e.id === this.selectedEffort);
         this.effortSelectedIndex = idx !== -1 ? idx : 0;
@@ -810,7 +839,7 @@ export class ChatView implements TuiView {
       .map((m) => ({ role: m.role, content: m.content }));
 
     try {
-      const isReasoning = classifyModel(model).category === "Texto & Raciocínio";
+      const isReasoning = classifyModel(model).supportsReasoning;
       const result = await streamChatCompletions({
         model,
         reasoning_effort: isReasoning ? this.selectedEffort : undefined,
@@ -887,7 +916,7 @@ export class ChatView implements TuiView {
     const currentModel = this.availableModels[this.selectedModelIndex] || "qwen3.8-max";
     const currentInfo = classifyModel(currentModel);
     const totalModels = this.availableModels.length;
-    const isReasoning = currentInfo.category === "Texto & Raciocínio";
+    const isReasoning = currentInfo.supportsReasoning;
 
     const modelLabel = `[ ${currentModel} ]`;
     const styledModel = this.hoveredHeaderBtn === "model"
@@ -1066,47 +1095,42 @@ export class ChatView implements TuiView {
         }
       }
       for (const msg of this.messages) {
-        chatContent.push("");
         if (msg.role === "user") {
-          const userLines = msg.content.split(/\r?\n/);
-          for (let u = 0; u < userLines.length; u++) {
-            if (u === 0) {
-              chatContent.push(`  ${theme.blue(glyphs.pointer + " Você:")} ${theme.white(userLines[u])}`);
-            } else {
-              chatContent.push(`    ${theme.white(userLines[u])}`);
-            }
+          chatContent.push("");
+          const cardW = Math.max(20, innerChatW - 4);
+          const userLines = wrapContentLine(msg.content, cardW - 4);
+
+          // Top padding inside user card (gives height and breathability)
+          chatContent.push(`  ${theme.cyan("▌")}${theme.bgUserCard(" ".repeat(cardW))}`);
+
+          // Content lines with distinct lighter background
+          for (const u of userLines) {
+            chatContent.push(
+              `  ${theme.cyan("▌")}${theme.bgUserCard("   " + pad(theme.bold(theme.white(u)), cardW - 3))}`,
+            );
           }
+
+          // Bottom padding inside user card
+          chatContent.push(`  ${theme.cyan("▌")}${theme.bgUserCard(" ".repeat(cardW))}`);
+          chatContent.push("");
         } else {
           const messageModel = msg.model || currentModel;
-          chatContent.push(`  ${theme.green(glyphs.bullet + " Qwen (" + messageModel + "):")}`);
-          // 1. Dedicated Thinking (Reasoning) Container - Opaque, Dimmed, and Cached
+
+          // 1. OpenCode-style Thinking (Reasoning): Clean, indented, dimmed and unboxed
           if (msg.reasoning && msg.reasoning.trim().length > 0) {
-            const thinkWidth = Math.max(20, innerChatW - 4);
-            let thinkLines: string[];
-            if (msg.cachedWidth === innerChatW && msg.cachedReasoningBox) {
-              thinkLines = msg.cachedReasoningBox;
+            chatContent.push("");
+            const isStillThinking = this.isGenerating && !msg.content && this.messages.indexOf(msg) === this.messages.length - 1;
+            const spinner = this.spinnerFrames[this.spinnerIndex] || "⠋";
+
+            if (isStillThinking) {
+              chatContent.push(`    ${theme.yellow(`🧠 ${spinner} Raciocinando...`)}`);
             } else {
-              const rLines = formatReasoning(msg.reasoning, thinkWidth - 4).map((l) => ` ${l}`);
-              if (this.isGenerating && !msg.content && this.messages.indexOf(msg) === this.messages.length - 1) {
-                const spinner = this.spinnerFrames[this.spinnerIndex] || "⠋";
-                rLines.push("");
-                rLines.push(` ${theme.yellow(`${spinner} Raciocinando...`)}`);
-              }
-              thinkLines = drawBox({
-                title: "🧠 Raciocínio",
-                width: thinkWidth,
-                borderColor: theme.borderInactive,
-                titleColor: theme.muted,
-                content: rLines,
-              });
-              if (!this.isGenerating) {
-                msg.cachedReasoningBox = thinkLines;
-                msg.cachedWidth = innerChatW;
-              }
+              chatContent.push(`    ${theme.yellow("🧠 Raciocínio:")}`);
             }
 
-            for (const line of thinkLines) {
-              chatContent.push(`  ${line}`);
+            const rLines = formatReasoning(msg.reasoning, innerChatW - 8);
+            for (const r of rLines) {
+              chatContent.push(`      ${r}`);
             }
             chatContent.push("");
           }
@@ -1131,11 +1155,18 @@ export class ChatView implements TuiView {
             chatContent.push(`    ${theme.yellow(`${spinner} Pensando...`)}`);
           }
 
-          if (msg.totalTimeMs) {
+          // 3. OpenCode-style execution badge with model and timing metadata
+          const isDoneGenerating = !this.isGenerating || this.messages.indexOf(msg) !== this.messages.length - 1;
+          if (isDoneGenerating && (msg.content || msg.reasoning)) {
+            const timingStr = msg.totalTimeMs
+              ? ` ${theme.dim("·")} ${theme.dim(`${(msg.totalTimeMs / 1000).toFixed(2)}s`)}${msg.ttfbMs ? ` ${theme.dim(`(TTFB ${msg.ttfbMs}ms)`)}` : ""}`
+              : "";
+            chatContent.push("");
             chatContent.push(
-              `    ${theme.dim(`[TTFB: ${msg.ttfbMs}ms | Total: ${(msg.totalTimeMs / 1000).toFixed(2)}s]`)}`,
+              `    ${theme.cyan("▣")} ${theme.bold("Qwen")} ${theme.dim("·")} ${theme.cyan(messageModel)}${timingStr}`,
             );
           }
+          chatContent.push("");
         }
       }
 
@@ -1237,13 +1268,18 @@ export class ChatView implements TuiView {
       ? `${spinner} Gerando... (Esc para cancelar)`
       : actionLabel;
 
+    const defaultFooter = `${currentModel} · ${isReasoning ? `Effort: ${this.selectedEffort}` : currentInfo.category} · Modo: ${this.selectedChatMode}`;
+    const inputFooter = this.statusNote
+      ? stripAnsi(this.statusNote)
+      : defaultFooter;
+
     const inputBox = drawBox({
       title: inputTitle,
       width,
       height: 3,
       borderColor: this.isGenerating ? theme.yellow : theme.borderActive,
       titleColor: this.isGenerating ? theme.yellow : theme.cyan,
-      footer: this.statusNote ? stripAnsi(this.statusNote) : undefined,
+      footer: inputFooter,
       content: inputContent,
     });
     totalLines.push(...inputBox);

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, truncate } from "../theme.ts";
+import { theme, glyphs, drawBox, pad, truncate, setClipboardText } from "../theme.ts";
 import { fetchProxyStatus, resetAllCooldowns, formatUptime } from "../proxy-client.ts";
 import { ServerManager } from "../server-manager.ts";
 import { getRuntimeChatMode, cycleNextChatMode } from "../../core/config.ts";
@@ -61,14 +61,21 @@ export class StatusView implements TuiView {
   private actionMessage = "";
   private actionMessageTimeout: NodeJS.Timeout | null = null;
   private hoveredActionRow: number | null = null;
+  private isBaseUrlHovered = false;
+  private copiedRecently = false;
+  private copiedTimeout: NodeJS.Timeout | null = null;
+  private lastBaseUrl = "http://127.0.0.1:7936/v1";
+  private lastBaseUrlRow = 6;
+  private lastModoApiRow = 7;
   private lastLeftW = 38;
   private lastActionRecarregarRow = 20;
   private lastActionZerarRow = 21;
   private lastActionModoRow = 22;
+  private lastActionCopiarRow = 23;
+
   constructor() {
     this.refresh();
   }
-
   public async refresh(): Promise<void> {
     try {
       if (process.stdout.isTTY && !process.env.NODE_TEST_CONTEXT) {
@@ -90,6 +97,7 @@ export class StatusView implements TuiView {
       { key: "r", label: "Recarregar" },
       { key: "z", label: "Zerar Cooldowns" },
       { key: "m", label: "Alternar Modo" },
+      { key: "c", label: "Copiar URL" },
     ];
   }
 
@@ -102,25 +110,34 @@ export class StatusView implements TuiView {
   }
 
   public async handleKey(key: KeyEvent): Promise<boolean | void> {
-    // Mouse hover over quick actions
+    // Mouse hover over quick actions or Base URL
     if (key.name === "hover" && key.mouse) {
       const { row, col } = key.mouse;
       const leftW = this.lastLeftW || 38;
-      if (
-        col >= 2 &&
-        col <= leftW - 1 &&
+      const isOverLeft = col >= 2 && col <= leftW - 1;
+      const isOverBaseUrl = isOverLeft && row === this.lastBaseUrlRow;
+      const isOverAction =
+        isOverLeft &&
         (row === this.lastActionRecarregarRow ||
           row === this.lastActionZerarRow ||
-          row === this.lastActionModoRow)
-      ) {
+          row === this.lastActionModoRow ||
+          row === this.lastActionCopiarRow);
+
+      let changed = false;
+      if (isOverBaseUrl !== this.isBaseUrlHovered) {
+        this.isBaseUrlHovered = isOverBaseUrl;
+        changed = true;
+      }
+      if (isOverAction) {
         if (this.hoveredActionRow !== row) {
           this.hoveredActionRow = row;
-          return true;
+          changed = true;
         }
       } else if (this.hoveredActionRow !== null) {
         this.hoveredActionRow = null;
-        return true;
+        changed = true;
       }
+      if (changed) return true;
     }
 
     // Mouse click interactions
@@ -128,6 +145,17 @@ export class StatusView implements TuiView {
       const { row, col } = key.mouse;
       const leftW = this.lastLeftW || 38;
       if (col >= 2 && col <= leftW - 1) {
+        if (row === this.lastBaseUrlRow || row === this.lastActionCopiarRow) {
+          setClipboardText(this.lastBaseUrl);
+          this.copiedRecently = true;
+          if (this.copiedTimeout) clearTimeout(this.copiedTimeout);
+          this.copiedTimeout = setTimeout(() => {
+            this.copiedRecently = false;
+            this.copiedTimeout = null;
+          }, 2500);
+          this.setMessage(theme.green(`✓ Base URL copiada: ${this.lastBaseUrl}`));
+          return true;
+        }
         if (row === this.lastActionRecarregarRow) {
           await this.refresh();
           this.setMessage(theme.green("✓ Status atualizado"));
@@ -139,7 +167,7 @@ export class StatusView implements TuiView {
           this.setMessage(theme.green(`✓ Cooldowns zerados: ${cleared} conta(s) liberada(s)`));
           return true;
         }
-        if (row === this.lastActionModoRow) {
+        if (row === this.lastActionModoRow || row === this.lastModoApiRow) {
           const nextMode = cycleNextChatMode();
           saveTuiSettings({ chat: { mode: nextMode } });
           await this.refresh();
@@ -168,8 +196,19 @@ export class StatusView implements TuiView {
       this.setMessage(theme.green(`✓ Modo global da API: ${nextMode}`));
       return true;
     }
-  }
 
+    if ((key.name === "c" || key.name === "C") && !key.ctrl && !key.meta) {
+      setClipboardText(this.lastBaseUrl);
+      this.copiedRecently = true;
+      if (this.copiedTimeout) clearTimeout(this.copiedTimeout);
+      this.copiedTimeout = setTimeout(() => {
+        this.copiedRecently = false;
+        this.copiedTimeout = null;
+      }, 2500);
+      this.setMessage(theme.green(`✓ Base URL copiada: ${this.lastBaseUrl}`));
+      return true;
+    }
+  }
   public render(width: number, height: number, snapshot?: ProxyStatusSnapshot | null): string[] {
     const data = snapshot || this.statusData;
     const isOnline = data?.online ?? false;
@@ -197,7 +236,9 @@ 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`;
-
+    this.lastBaseUrl = baseUrl;
+    this.lastBaseUrlRow = 6;
+    this.lastModoApiRow = 7;
     const m = data?.metrics;
     const reqsTotal = m?.requestsTotal ?? 0;
     const reqsErrors = m?.requestsErrors ?? 0;
@@ -230,10 +271,18 @@ export class StatusView implements TuiView {
     if (data?.waitingStreams && data.waitingStreams > 0) {
       connsStr += theme.peach(` (${data.waitingStreams} na fila)`);
     }
+    let urlDisplay: string;
+    if (this.copiedRecently) {
+      urlDisplay = theme.bold(theme.green(baseUrl));
+    } else if (this.isBaseUrlHovered) {
+      urlDisplay = theme.bold(theme.underline(theme.cyan(baseUrl)));
+    } else {
+      urlDisplay = theme.cyan(baseUrl);
+    }
 
     const leftContent: string[] = [
       `  ${theme.bold(lbl("Status:"))} ${onlineBadge}`,
-      `  ${theme.bold(lbl("Base URL:"))} ${theme.cyan(baseUrl)}`,
+      `  ${theme.bold(lbl("Base URL:"))} ${urlDisplay}`,
       `  ${theme.bold(lbl("Modo API:"))} ${
         getRuntimeChatMode() === "thread"
           ? theme.cyan("[thread]")
@@ -261,15 +310,19 @@ export class StatusView implements TuiView {
 
     const recarregarIdx = leftContent.length;
     const zerarIdx = leftContent.length + 1;
+    const modoIdx = leftContent.length + 2;
+    const copiarIdx = leftContent.length + 3;
+
     this.lastActionRecarregarRow = 5 + recarregarIdx;
     this.lastActionZerarRow = 5 + zerarIdx;
-    const modoIdx = leftContent.length + 2;
     this.lastActionModoRow = 5 + modoIdx;
+    this.lastActionCopiarRow = 5 + copiarIdx;
 
     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`}`,
     );
 
     const boxHeight = Math.max(contentH, leftContent.length + 2);