@lynn123411/dsh-chat-translate 1.3.2 → 1.7.0

package/lib/client.js

@@ -29,39 +29,54 @@ __export(index_exports, {
   inject: () => inject,
   lazyQueue: () => lazyQueue,
   name: () => name,
+  rowHold: () => rowHold,
   settingsStore: () => settingsStore,
   setupSettingsUi: () => setupSettingsUi
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/server/pipeline/mask-tokens.ts
-var MASK_TOKEN_PATTERN_SOURCE = "_*\\s*DSH\\s*_*\\s*MASK\\s*(?:_?\\s*(\\d+)|_*[xX]?[\\s._-]*([a-z]{2,8})\\s*_+\\s*(\\d+))(?:_{0,2}(?=[^\\w]|$))?";
+var MASK_TOKEN_PATTERN_SOURCE = "\u27E6([a-z]{4})(\\d+)\u27E7";
+var LEGACY_MASK_PATTERN_SOURCE = "_{1,2}DSH\\s*_*\\s*MASKx?\\s*(?:_?\\s*\\d+|_*([a-z]{2,8})\\s*_+\\s*(\\d+))_{0,2}";
 function hasMaskResidue(text) {
   if (!text) return false;
-  return new RegExp(MASK_TOKEN_PATTERN_SOURCE, "i").test(text);
+  return new RegExp(MASK_TOKEN_PATTERN_SOURCE, "iu").test(text);
+}
+function hasLegacyMaskResidue(text) {
+  if (!text) return false;
+  return new RegExp(LEGACY_MASK_PATTERN_SOURCE, "iu").test(text);
+}
+function hasAnyMaskResidue(text) {
+  return hasMaskResidue(text) || hasLegacyMaskResidue(text);
 }
 
 // src/server/pipeline/masking.ts
 function isMaskLeak(translatedText) {
-  return hasMaskResidue(translatedText);
+  return hasAnyMaskResidue(translatedText);
 }
 
 // src/client/translate/client-cache.ts
-var CACHE_KEY = "dsh-chat-translate:cache";
-var MAX_LOCAL_ENTRIES = 500;
+var TITLE_CACHE_KEY = "dsh-chat-translate:cache";
+var TITLE_MAX_ENTRIES = 500;
+var THINK_CACHE_KEY = "dsh-chat-translate:think-cache";
+var THINK_MAX_ENTRIES = 300;
 var TTL_MS = 7 * 24 * 60 * 60 * 1e3;
 var ClientCache = class {
   // Map preserves insertion order in JS, enabling true LRU semantics.
   memCache = /* @__PURE__ */ new Map();
   dirty = false;
   saveTimer = null;
-  constructor() {
+  storageKey;
+  maxEntries;
+  constructor(storageKey = TITLE_CACHE_KEY, maxEntries = TITLE_MAX_ENTRIES) {
+    this.storageKey = storageKey;
+    this.maxEntries = maxEntries;
     this.load();
   }
   load() {
     if (typeof localStorage === "undefined") return;
     try {
-      const raw = localStorage.getItem(CACHE_KEY);
+      const raw = localStorage.getItem(this.storageKey);
       if (raw) {
         const obj = JSON.parse(raw);
         if (obj && typeof obj === "object") {
@@ -107,7 +122,7 @@ var ClientCache = class {
     const key = text.trim().toLowerCase();
     if (this.memCache.has(key)) {
       this.memCache.delete(key);
-    } else if (this.memCache.size >= MAX_LOCAL_ENTRIES) {
+    } else if (this.memCache.size >= this.maxEntries) {
       const oldestKey = this.memCache.keys().next().value;
       if (oldestKey !== void 0) {
         this.memCache.delete(oldestKey);
@@ -132,7 +147,7 @@ var ClientCache = class {
       for (const [k, v] of this.memCache.entries()) {
         obj[k] = v;
       }
-      localStorage.setItem(CACHE_KEY, JSON.stringify(obj));
+      localStorage.setItem(this.storageKey, JSON.stringify(obj));
     } catch {
     }
   }
@@ -146,95 +161,14 @@ var ClientCache = class {
   }
 };
 var clientCache = new ClientCache();
-
-// src/describe-error.ts
-function describeError(err) {
-  if (err === null || err === void 0) return String(err);
-  const parts = [];
-  const push = (s) => {
-    const t = String(s || "").trim();
-    if (t && !parts.includes(t)) parts.push(t);
-  };
-  const head = err.message || String(err);
-  push(head);
-  const headCode = err.code;
-  if (headCode && !head.includes(headCode)) push("[" + headCode + "]");
-  let cause = err.cause;
-  for (let depth = 0; cause && depth < 4; depth++) {
-    const label = cause.message || String(cause);
-    push(cause.code && !label.includes(cause.code) ? label + " [" + cause.code + "]" : label);
-    if (Array.isArray(cause.errors)) {
-      for (const sub of cause.errors.slice(0, 3)) {
-        if (sub) push(sub.code || sub.message || String(sub));
-      }
-    }
-    cause = cause.cause;
-  }
-  return parts.join(" \u2190 ");
-}
-
-// src/client/translate/api.ts
-async function requestTranslateBatch(texts, options = {}) {
-  if (!Array.isArray(texts) || texts.length === 0) return [];
-  const validTexts = texts.map((t) => typeof t === "string" ? t : "");
-  if (validTexts.length === 0) return [];
-  const controller = new AbortController();
-  const timeoutId = options.timeoutMs ? setTimeout(() => controller.abort(), options.timeoutMs) : null;
-  const effectiveSignal = options.signal ? options.signal.aborted ? options.signal : controller.signal : controller.signal;
-  if (options.signal) {
-    options.signal.addEventListener("abort", () => controller.abort(), { once: true });
-  }
-  try {
-    const res = await fetch("/api/dsh-chat-translate/translate", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ texts: validTexts }),
-      signal: effectiveSignal
-    });
-    if (res.ok) {
-      const data = await res.json();
-      if (data.ok && Array.isArray(data.results) && data.results.length > 0) {
-        return data.results;
-      } else if (data.error) {
-        console.warn(`[dsh-chat-translate] \u7FFB\u8BD1\u63A5\u53E3\u9519\u8BEF: ${data.error}`);
-      }
-    } else {
-      console.warn(`[dsh-chat-translate] \u7FFB\u8BD1\u8BF7\u6C42\u5931\u8D25 (HTTP ${res.status})`);
-    }
-  } catch (err) {
-    if (err?.name === "AbortError") {
-    }
-  } finally {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-  }
-  return validTexts.map((t) => ({
-    original: t,
-    translated: t,
-    channel: "fallback-client",
-    cached: false
-  }));
-}
-async function testServerChannel(channel) {
-  try {
-    const res = await fetch("/api/dsh-chat-translate/test-channel", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ channel })
-    });
-    return await res.json();
-  } catch (err) {
-    return { ok: false, latencyMs: 0, error: describeError(err) };
-  }
-}
+var thinkClientCache = new ClientCache(THINK_CACHE_KEY, THINK_MAX_ENTRIES);
 
 // src/client/translate/mount.ts
 var CLASS_ORIGINAL_HIDDEN = "dsh-tidy-original-hidden";
 var CLASS_ORIGINAL_SHOWN = "dsh-tidy-original-shown";
 var CLASS_TRANSLATED_BLOCK = "dsh-tidy-translated-block";
+var CLASS_RUN = "dsh-tidy-run";
+var RUN_ATTRIBUTE = "data-tidy-run";
 var NonDestructiveTranslationMount = class {
   /**
    * Mounts a translated string onto the target element non-destructively.
@@ -286,6 +220,72 @@ var NonDestructiveTranslationMount = class {
     element.dataset.tidyTranslated = "true";
     element.dataset.original = originalText;
   }
+  /**
+   * 把一段连续的行内节点包进自建容器后挂载译文。
+   *
+   * 混合块（列表项文字 + 子列表 / 代码块）里的行内片段没有自己的元素，
+   * 只能先包一层再走同一条非侵入式挂载；嵌套的块级子节点留在容器之外，
+   * 排版原样保留。
+   * @returns 自建容器；节点不再相邻或没有共同父节点时返回 null。
+   */
+  static mountRun(nodes, translated, options = {}) {
+    const first = nodes[0];
+    const parent = first?.parentNode;
+    if (!first || !parent || !parent.ownerDocument) return null;
+    if (!nodes.every((node) => node.parentNode === parent)) return null;
+    const originalText = options.originalText ?? nodes.map((node) => node.textContent ?? "").join("").trim();
+    if (!originalText) return null;
+    const run = parent.ownerDocument.createElement("span");
+    run.className = CLASS_RUN;
+    run.setAttribute(RUN_ATTRIBUTE, "true");
+    parent.insertBefore(run, first);
+    for (const node of nodes) run.appendChild(node);
+    this.mount(run, translated, { originalText, interactive: options.interactive });
+    return run;
+  }
+  /** 还原行内片段并撤掉自建容器。 */
+  static unmountRun(run) {
+    this.unmount(run);
+    const parent = run.parentNode;
+    if (!parent) return;
+    while (run.firstChild) parent.insertBefore(run.firstChild, run);
+    parent.removeChild(run);
+  }
+  /** 还原一个作用域内我们挂过的全部译文（元素单位与行内片段都算）。 */
+  static restore(scope) {
+    const mounted = scope.querySelectorAll('[data-tidy-translated="true"]');
+    for (const element of mounted) {
+      if (element.getAttribute(RUN_ATTRIBUTE) === "true") this.unmountRun(element);
+      else this.unmount(element);
+    }
+  }
+  /** 我们自己的挂载容器与还原容器，观察器必须跳过它们。 */
+  static isOwnNode(element) {
+    return element.classList?.contains(CLASS_TRANSLATED_BLOCK) === true || element.classList?.contains(CLASS_ORIGINAL_HIDDEN) === true || element.classList?.contains(CLASS_ORIGINAL_SHOWN) === true || element.classList?.contains(CLASS_RUN) === true;
+  }
+  /**
+   * 把一个作用域里的全部挂载译文一起翻面。思考链只由卡片标题右侧的按钮调用
+   * 它，正文里的点击不再改变原文与译文。
+   */
+  static toggleGroup(scope, showOriginal) {
+    const mounted = scope.querySelectorAll('[data-tidy-translated="true"]');
+    for (const element of mounted) {
+      const origWrapper = element.querySelector(
+        `:scope > .${CLASS_ORIGINAL_HIDDEN}, :scope > .${CLASS_ORIGINAL_SHOWN}`
+      );
+      const transWrapper = element.querySelector(`:scope > .${CLASS_TRANSLATED_BLOCK}`);
+      if (!origWrapper || !transWrapper) continue;
+      if (showOriginal) {
+        origWrapper.style.display = "inline";
+        origWrapper.className = CLASS_ORIGINAL_SHOWN;
+        transWrapper.style.display = "none";
+      } else {
+        origWrapper.style.display = "none";
+        origWrapper.className = CLASS_ORIGINAL_HIDDEN;
+        transWrapper.style.display = "inline";
+      }
+    }
+  }
   /**
    * Unmounts translation and restores original DOM nodes completely.
    */
@@ -344,6 +344,397 @@ var NonDestructiveTranslationMount = class {
   }
 };
 
+// src/client/translate/hold.ts
+var HOLD_DEADLINE_MS = 5e3;
+var RELEASE_BUDGET_MS = 900;
+var RELEASE_STEP_MIN_MS = 60;
+var RELEASE_STEP_MAX_MS = 220;
+var REVEAL_HOLD_ATTRIBUTE = "data-dsh-reveal-hold";
+var ROW_ENTRANCE_HOST_SELECTOR = "[data-entrance]";
+var FLOW_SELECTOR = "[data-chat-flow]";
+var FLOW_ITEM_SELECTOR = "[data-chat-flow-key]";
+var USER_KINDS = /* @__PURE__ */ new Set(["user", "steering", "command-input"]);
+function replayRowEntrance(element) {
+  const host = element.closest(ROW_ENTRANCE_HOST_SELECTOR) ?? element.querySelector(ROW_ENTRANCE_HOST_SELECTOR);
+  if (!host) return;
+  if (host.getAttribute("data-entrance") === "active") {
+    host.style.animation = "none";
+    void host.offsetWidth;
+    host.style.animation = "";
+    return;
+  }
+  host.setAttribute("data-entrance", "active");
+}
+var RowHoldQueue = class {
+  /** 按阅读顺序排列的扣留行。 */
+  entries = [];
+  /** 结果回来时只知道 span，不知道条目，所以另留一份索引。 */
+  bySpan = /* @__PURE__ */ new WeakMap();
+  /** 当前挂起着的流程条目 → 隐藏之前它自己的行内 display。 */
+  marked = /* @__PURE__ */ new Map();
+  /** 已轮到上屏、正在按阅读顺序逐行吐出的条目。 */
+  releasing = [];
+  releaseTimer = null;
+  /**
+   * 隐藏整行并启动放行上限。幂等：同一行在途请求期间文本又变了时只更新文本并
+   * 重新等待，不重置不可见窗口。
+   */
+  hold(span, root, text) {
+    const existing = this.bySpan.get(span) ?? this.entries.find((entry2) => entry2.root === root);
+    if (existing) {
+      if (existing.span !== span) {
+        if (existing.span !== null) this.bySpan.delete(existing.span);
+        existing.span = span;
+        this.bySpan.set(span, existing);
+      }
+      if (existing.text !== text) {
+        existing.text = text;
+        existing.translation = null;
+        existing.ready = false;
+        if (existing.timer === null && typeof window !== "undefined") {
+          existing.timer = window.setTimeout(() => this.readyEntry(existing, null), HOLD_DEADLINE_MS);
+        }
+      }
+      this.sync();
+      return;
+    }
+    const item = root.closest(FLOW_ITEM_SELECTOR);
+    if (!item) return;
+    const entry = {
+      item,
+      span,
+      root,
+      text,
+      translation: null,
+      ready: false,
+      timer: null
+    };
+    if (typeof window !== "undefined") {
+      entry.timer = window.setTimeout(() => this.readyEntry(entry, null), HOLD_DEADLINE_MS);
+    }
+    this.insert(entry);
+    this.bySpan.set(span, entry);
+    this.sync();
+  }
+  /** 该文本所属行的扣留状态；返回 undefined 表示没有扣留。 */
+  stateFor(span) {
+    return this.bySpan.get(span);
+  }
+  /**
+   * 译文（或失败判定）就绪。真正上屏要等它排到队首：入队顺序就是阅读顺序。
+   * @param span - 等待中的摘要 span。
+   * @param translation - 译文；null 表示这一行没有译文可等，放行原文。
+   */
+  ready(span, translation) {
+    const entry = this.bySpan.get(span);
+    if (!entry) return;
+    if (entry.ready && (translation === null || entry.translation !== null)) return;
+    this.readyEntry(entry, translation);
+  }
+  /**
+   * 扣留期间新出现的会话流内容：排在队首后面的一律先不上屏。
+   *
+   * 藏的是整个流程条目，不是某一张卡片：条目里的东西有的归揭示引擎管（回答正文、
+   * 思考正文、译文，标记会让它们只积压不推进），有的宿主直接落盘（工具卡片正文、
+   * 不翻译的读写文件行），只冻结揭示挡不住后者。整条藏起来两种都覆盖，而且条目
+   * 本身在 React 重渲染里不会被换掉，卡片被换掉也照样藏得住。
+   * @param node - 这次变更里新增的元素，或其祖先所在的那一片子树。
+   */
+  noteAppended(node) {
+    const head = this.entries[0];
+    if (!head) return;
+    const enclosed = node.matches(FLOW_ITEM_SELECTOR) ? [node, ...node.querySelectorAll(FLOW_ITEM_SELECTOR)] : [...node.querySelectorAll(FLOW_ITEM_SELECTOR)];
+    if (enclosed.length > 0) {
+      for (const item2 of enclosed) this.holdItem(item2, head);
+      return;
+    }
+    const item = node.closest(FLOW_ITEM_SELECTOR);
+    if (item !== null) this.holdItem(item, head);
+  }
+  /** 挂起一个条目：整条不可见，并且不推进它里面的揭示。 */
+  holdItem(item, head) {
+    if (!this.follows(head.item, item)) return;
+    const kind = item.getAttribute("data-chat-flow-kind");
+    if (kind !== null && USER_KINDS.has(kind)) return;
+    this.mark(item);
+  }
+  follows(head, item) {
+    return (head.compareDocumentPosition(item) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0;
+  }
+  /**
+   * 藏住整条流程条目。用 `display: none` 而不是 `opacity`/`visibility`：条目内部的
+   * 节点可以显式声明 `visibility: visible`（系统提示卡片就是这么自管的），那样会从
+   * 隐藏的祖先里逃出来；而且只要条目还参与布局，会话流的 16px 兄弟间距就还在——每
+   * 一条被扣留的行都会在屏幕底部留一段等宽的空白。整个盒子移除，等待期间占位为零，
+   * 轮到它时再连同入场淡入一起撑开。
+   */
+  mark(item) {
+    if (this.marked.has(item)) return;
+    this.marked.set(item, item.style.display);
+    item.setAttribute(REVEAL_HOLD_ATTRIBUTE, "");
+    item.style.display = "none";
+  }
+  /** 解除挂起；`animate` 为真时补一段行入场淡入，避免内容一下子蹦出来。 */
+  unmark(item, animate) {
+    const previous = this.marked.get(item);
+    if (previous === void 0) return;
+    this.marked.delete(item);
+    item.removeAttribute(REVEAL_HOLD_ATTRIBUTE);
+    item.style.display = previous;
+    if (animate) replayRowEntrance(item);
+  }
+  /**
+   * 排进放行队列。按阅读顺序插入，所以逐行吐出的顺序就是行在流里的顺序。
+   */
+  enqueueRelease(item) {
+    if (this.releasing.includes(item)) return;
+    const index = this.releasing.findIndex(
+      (other) => (item.compareDocumentPosition(other) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0
+    );
+    if (index === -1) this.releasing.push(item);
+    else this.releasing.splice(index, 0, item);
+  }
+  /**
+   * 取出下一个还连在文档里的待放行条目。
+   * @returns 待放行条目；队列空或只剩已断开节点时返回 undefined。
+   */
+  takeRelease() {
+    while (this.releasing.length > 0) {
+      const item = this.releasing.shift();
+      if (item.isConnected) return item;
+      this.unmark(item, false);
+    }
+    return void 0;
+  }
+  /** 队伍越长步长越短：几行时让淡入跑完，几十行时也不至于让读者干等。 */
+  releaseStepMs() {
+    const step = RELEASE_BUDGET_MS / (this.releasing.length + 1);
+    return Math.min(RELEASE_STEP_MAX_MS, Math.max(RELEASE_STEP_MIN_MS, step));
+  }
+  /**
+   * 逐行放行：每一步只让一行出现，然后按当时的队伍长度安排下一步。队首（刚解锁
+   * 的那一行）走的是同步的那一步，所以它不会比译文晚一帧上屏。
+   */
+  pumpRelease() {
+    if (this.releaseTimer !== null || typeof window === "undefined") return;
+    const item = this.takeRelease();
+    if (item === void 0) return;
+    this.unmark(item, true);
+    if (this.releasing.length === 0) return;
+    this.releaseTimer = window.setTimeout(() => {
+      this.releaseTimer = null;
+      this.pumpRelease();
+    }, this.releaseStepMs());
+  }
+  /** 丢掉逐行放行的进度（关闭、换会话、断开观察器时用）。 */
+  clearReleases() {
+    if (this.releaseTimer !== null && typeof window !== "undefined") {
+      window.clearTimeout(this.releaseTimer);
+    }
+    this.releaseTimer = null;
+    this.releasing = [];
+  }
+  /** 按阅读顺序入队：入队顺序就是上屏顺序。 */
+  insert(entry) {
+    const index = this.entries.findIndex((other) => this.follows(entry.item, other.item));
+    if (index === -1) this.entries.push(entry);
+    else this.entries.splice(index, 0, entry);
+  }
+  /** 译文（或超时判定）落地，交给队首判定。 */
+  readyEntry(entry, translation) {
+    if (entry.timer !== null && typeof window !== "undefined") {
+      window.clearTimeout(entry.timer);
+      entry.timer = null;
+    }
+    entry.translation = translation;
+    entry.ready = true;
+    this.drain();
+  }
+  /**
+   * 按顺序解锁：队首就绪就挂译文并把它交给逐行放行，然后看新的队首。译文在条目
+   * 仍是 `display: none` 时挂上，所以屏幕上不会出现完整中文被画一帧再被截断的闪烁；
+   * 真正撑开这一行由 {@link pumpRelease} 执行。
+   */
+  drain() {
+    this.entries = this.entries.filter((entry) => {
+      if (entry.item.isConnected) return true;
+      if (entry.span !== null) this.bySpan.delete(entry.span);
+      return false;
+    });
+    while (this.entries.length > 0 && this.entries[0].ready) {
+      const entry = this.entries.shift();
+      if (entry.span !== null) this.bySpan.delete(entry.span);
+      if (entry.span !== null && entry.translation !== null && entry.span.isConnected) {
+        NonDestructiveTranslationMount.mount(entry.span, entry.translation, {
+          originalText: entry.text
+        });
+      }
+    }
+    this.sync();
+  }
+  /**
+   * 让挂起标记与队首对齐：队首自己以及排在它后面的每个流程条目都藏起来，其余
+   * 交给逐行放行。放行让队首前移时，之前被它挡住的条目就在这一步进入放行队列。
+   *
+   * 没有「立即恢复」的旁路：放行一律排队逐行吐出，所以放行途中新到的队首不会把
+   * 正在等的那些行一次性抖出来（`releaseAll` 是唯一的立即路径）。
+   */
+  sync() {
+    const head = this.entries[0];
+    const wanted = /* @__PURE__ */ new Set();
+    if (head) {
+      const flow = head.item.closest(FLOW_SELECTOR);
+      let reached = false;
+      if (flow) {
+        for (const item of flow.querySelectorAll(FLOW_ITEM_SELECTOR)) {
+          if (item === head.item) reached = true;
+          if (reached) wanted.add(item);
+        }
+      }
+      if (!reached) wanted.add(head.item);
+    }
+    for (const item of [...this.marked.keys()]) {
+      if (!wanted.has(item)) this.enqueueRelease(item);
+    }
+    if (this.releasing.length > 0) {
+      this.releasing = this.releasing.filter((item) => !wanted.has(item));
+    }
+    for (const item of wanted) this.mark(item);
+    this.pumpRelease();
+  }
+  /**
+   * 全部放行：断开观察器与关闭总开关时用。批量放行不做入场动画，也不排队，
+   * 否则整屏会一起闪一遍、或者留下一个跑不完的定时器。
+   */
+  releaseAll() {
+    this.clearReleases();
+    for (const entry of this.entries) {
+      if (entry.timer !== null && typeof window !== "undefined") {
+        window.clearTimeout(entry.timer);
+      }
+      if (entry.span !== null) this.bySpan.delete(entry.span);
+    }
+    this.entries = [];
+    for (const item of [...this.marked.keys()]) this.unmark(item, false);
+  }
+};
+var rowHold = new RowHoldQueue();
+
+// src/describe-error.ts
+function describeError(err) {
+  if (err === null || err === void 0) return String(err);
+  const parts = [];
+  const push = (s) => {
+    const t = String(s || "").trim();
+    if (t && !parts.includes(t)) parts.push(t);
+  };
+  const head = err.message || String(err);
+  push(head);
+  const headCode = err.code;
+  if (headCode && !head.includes(headCode)) push("[" + headCode + "]");
+  let cause = err.cause;
+  for (let depth = 0; cause && depth < 4; depth++) {
+    const label = cause.message || String(cause);
+    push(cause.code && !label.includes(cause.code) ? label + " [" + cause.code + "]" : label);
+    if (Array.isArray(cause.errors)) {
+      for (const sub of cause.errors.slice(0, 3)) {
+        if (sub) push(sub.code || sub.message || String(sub));
+      }
+    }
+    cause = cause.cause;
+  }
+  return parts.join(" \u2190 ");
+}
+
+// src/client/translate/api.ts
+async function requestTranslateBatch(texts, options = {}) {
+  if (!Array.isArray(texts) || texts.length === 0) return [];
+  const validTexts = texts.map((t) => typeof t === "string" ? t : "");
+  if (validTexts.length === 0) return [];
+  const controller = new AbortController();
+  const timeoutId = options.timeoutMs ? setTimeout(() => controller.abort(), options.timeoutMs) : null;
+  const effectiveSignal = options.signal ? options.signal.aborted ? options.signal : controller.signal : controller.signal;
+  if (options.signal) {
+    options.signal.addEventListener("abort", () => controller.abort(), { once: true });
+  }
+  try {
+    const res = await fetch("/api/dsh-chat-translate/translate", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ texts: validTexts }),
+      signal: effectiveSignal
+    });
+    if (res.ok) {
+      const data = await res.json();
+      if (data.ok && Array.isArray(data.results) && data.results.length > 0) {
+        return data.results;
+      } else if (data.error) {
+        console.warn(`[dsh-chat-translate] \u7FFB\u8BD1\u63A5\u53E3\u9519\u8BEF: ${data.error}`);
+      }
+    } else {
+      console.warn(`[dsh-chat-translate] \u7FFB\u8BD1\u8BF7\u6C42\u5931\u8D25 (HTTP ${res.status})`);
+    }
+  } catch (err) {
+    if (err?.name === "AbortError") {
+    }
+  } finally {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+  }
+  return validTexts.map((t) => ({
+    original: t,
+    translated: t,
+    channel: "fallback-client",
+    cached: false
+  }));
+}
+async function requestTranslateThink(blocks) {
+  const fallback = () => blocks.map((block) => ({
+    original: block,
+    translated: block,
+    ok: false,
+    cached: false,
+    channel: "fallback-client"
+  }));
+  if (!Array.isArray(blocks) || blocks.length === 0) return [];
+  try {
+    const res = await fetch("/api/dsh-chat-translate/translate-think", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ blocks })
+    });
+    if (res.ok) {
+      const data = await res.json();
+      if (data.ok && Array.isArray(data.results) && data.results.length === blocks.length) {
+        return data.results;
+      }
+      if (data.error) {
+        console.warn(`[dsh-chat-translate] \u601D\u8003\u94FE\u7FFB\u8BD1\u63A5\u53E3\u9519\u8BEF: ${data.error}`);
+      }
+    } else {
+      console.warn(`[dsh-chat-translate] \u601D\u8003\u94FE\u7FFB\u8BD1\u8BF7\u6C42\u5931\u8D25 (HTTP ${res.status})`);
+    }
+  } catch (err) {
+    console.warn(`[dsh-chat-translate] \u601D\u8003\u94FE\u7FFB\u8BD1\u8BF7\u6C42\u5F02\u5E38: ${describeError(err)}`);
+  }
+  return fallback();
+}
+async function testServerChannel(channel) {
+  try {
+    const res = await fetch("/api/dsh-chat-translate/test-channel", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ channel })
+    });
+    return await res.json();
+  } catch (err) {
+    return { ok: false, latencyMs: 0, error: describeError(err) };
+  }
+}
+
 // src/client/translate/viewport-observer.ts
 var StreamDebounceViewportObserver = class {
   intersectionObserver = null;
@@ -351,7 +742,7 @@ var StreamDebounceViewportObserver = class {
    * Pending per-element streaming debounce timers. A Map (not a WeakMap)
    * because disconnect() must enumerate and clear every pending timer: a
    * WeakMap cannot be iterated, so a debounce armed just before the switch was
-   * turned off would still fire registerForViewport() afterwards.
+   * turned off would still fire register() afterwards.
    */
   streamingTimers = /* @__PURE__ */ new Map();
   pendingQueue = [];
@@ -375,7 +766,7 @@ var StreamDebounceViewportObserver = class {
           if (entry.isIntersecting && entry.target instanceof HTMLElement) {
             const el = entry.target;
             this.intersectionObserver?.unobserve(el);
-            const text = el.dataset.tidyPendingText || el.textContent?.trim() || "";
+            const text = el.dataset.tidyPendingText || NonDestructiveTranslationMount.extractVisibleText(el) || "";
             if (text) {
               delete el.dataset.tidyPendingText;
               this.enqueueBatch(el, text);
@@ -396,6 +787,16 @@ var StreamDebounceViewportObserver = class {
    * If streaming updates characterData repeatedly within debounceMs, the timer resets.
    */
   observeWithDebounce(element, text, immediate = false) {
+    this.armDebounce(element, text, immediate, false);
+  }
+  /**
+   * 扣留行的取文本路径：保留同一套流式防抖，跳过可见性判定——行此刻是
+   * 隐藏的（永远不进入视口），放行由扣留控制器负责。
+   */
+  observeHeld(element, text) {
+    this.armDebounce(element, text, false, true);
+  }
+  armDebounce(element, text, immediate, skipViewport) {
     if (!element || !text) return;
     const existingTimer = this.streamingTimers.get(element);
     if (existingTimer !== void 0) {
@@ -403,22 +804,22 @@ var StreamDebounceViewportObserver = class {
       this.streamingTimers.delete(element);
     }
     if (immediate || this.options.debounceMs <= 0) {
-      this.registerForViewport(element, text);
+      this.register(element, text, skipViewport);
       return;
     }
     const timer = window.setTimeout(() => {
       if (this.streamingTimers.get(element) !== timer) return;
       this.streamingTimers.delete(element);
       if (element.isConnected) {
-        const latestText = element.textContent?.trim() || text;
-        this.registerForViewport(element, latestText);
+        const latestText = NonDestructiveTranslationMount.extractVisibleText(element) || text;
+        this.register(element, latestText, skipViewport);
       }
     }, this.options.debounceMs);
     this.streamingTimers.set(element, timer);
   }
-  registerForViewport(element, text) {
+  register(element, text, skipViewport) {
     if (!element.isConnected) return;
-    if (!this.intersectionObserver) {
+    if (skipViewport || !this.intersectionObserver || element.closest(`[${REVEAL_HOLD_ATTRIBUTE}]`) !== null) {
       this.enqueueBatch(element, text);
       return;
     }
@@ -479,76 +880,583 @@ var LazyTranslationQueue = class {
       onVisibleBatch: (items) => this.handleVisibleBatch(items)
     });
   }
-  setEnabled(enabled) {
-    this.enabled = enabled;
-    if (!enabled) {
-      this.viewportObserver.disconnect();
+  setEnabled(enabled) {
+    this.enabled = enabled;
+    if (!enabled) {
+      this.viewportObserver.disconnect();
+    }
+  }
+  observe(element, text, immediate = false) {
+    if (!this.enabled || !element.isConnected) return;
+    const cached = clientCache.get(text);
+    if (cached) {
+      this.applyTranslation(element, cached, text);
+      return;
+    }
+    this.viewportObserver.observeWithDebounce(element, text, immediate);
+  }
+  /**
+   * 扣留行的取文本路径。命中缓存时同步就绪（没有需要遮住的等待），否则走无可见
+   * 性判定的防抖批次；译文挂载由扣留队列在轮到这一行时执行，好让逐字与对数淡入
+   * 从它真正上屏的那一刻开始。
+   */
+  observeHeld(element, text) {
+    if (!this.enabled || !element.isConnected) return;
+    const cached = clientCache.get(text);
+    if (cached) {
+      rowHold.ready(element, cached);
+      return;
+    }
+    this.viewportObserver.observeHeld(element, text);
+  }
+  async handleVisibleBatch(items) {
+    if (!this.enabled || items.length === 0) return;
+    const sorted = [...items].sort((a, b) => {
+      if (a.element === b.element) return 0;
+      const pos = a.element.compareDocumentPosition(b.element);
+      return pos & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    });
+    const textMap = /* @__PURE__ */ new Map();
+    for (const item of sorted) {
+      if (!item.element.isConnected) continue;
+      const cached = clientCache.get(item.text);
+      if (cached) {
+        if (this.stillMatches(item.element, item.text)) {
+          if (rowHold.stateFor(item.element)) rowHold.ready(item.element, cached);
+          else this.applyTranslation(item.element, cached, item.text);
+        }
+        continue;
+      }
+      const list = textMap.get(item.text) || [];
+      list.push(item.element);
+      textMap.set(item.text, list);
+    }
+    const uniqueTexts = Array.from(textMap.keys());
+    if (uniqueTexts.length === 0) return;
+    const results = await requestTranslateBatch(uniqueTexts);
+    for (const res of results) {
+      const entries = textMap.get(res.original) || [];
+      if (res.translated && res.translated.trim() && res.channel !== "fallback" && res.channel !== "fallback-client" && res.translated.trim() !== res.original.trim()) {
+        clientCache.set(res.original, res.translated);
+        for (const entry of entries) {
+          if (!entry.isConnected || !this.enabled) continue;
+          const held = rowHold.stateFor(entry);
+          if (held && held.text !== res.original) continue;
+          if (!this.stillMatches(entry, res.original)) continue;
+          if (held) rowHold.ready(entry, res.translated);
+          else this.applyTranslation(entry, res.translated, res.original);
+        }
+      } else {
+        for (const entry of entries) {
+          const held = rowHold.stateFor(entry);
+          if (held && held.text === res.original) rowHold.ready(entry, null);
+        }
+        console.debug(`[dsh-chat-translate] \u7FFB\u8BD1\u672A\u6210\u529F (\u964D\u7EA7\u4FDD\u7559\u539F\u6587): "${res.original.slice(0, 40)}"`);
+      }
+    }
+  }
+  /** 元素当前承载的原文是否仍是这次结果对应的那一份。 */
+  stillMatches(element, original) {
+    const current = NonDestructiveTranslationMount.extractVisibleText(element);
+    return !current || current === original;
+  }
+  applyTranslation(element, translated, original) {
+    if (!element.isConnected || !this.enabled) return;
+    NonDestructiveTranslationMount.mount(element, translated, {
+      originalText: original
+    });
+  }
+  disconnect() {
+    this.viewportObserver.disconnect();
+  }
+};
+var lazyQueue = new LazyTranslationQueue();
+
+// src/server/pipeline/think.ts
+var CJK_CHAR = /[\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff\u3000-\u303f\uff00-\uffef]/;
+function estimateTokens(text) {
+  let cjk = 0;
+  for (const char of text) {
+    if (CJK_CHAR.test(char)) cjk += 1;
+  }
+  return cjk + Math.ceil((text.length - cjk) / 3);
+}
+
+// src/client/translate/think-button.ts
+var THINK_BUTTON_CLASS = "dsh-tidy-think-button";
+var STYLE_TAG_ID = "@lynn123411/dsh-chat-translate/think-button.css";
+var THINK_BUTTON_CSS = `
+/* \u601D\u8003\u5361\u6807\u9898\u53F3\u4FA7\u7684\u7FFB\u8BD1\u6309\u94AE\uFF1A\u4E09\u6001\uFF08\u672A\u7FFB\u8BD1 / \u7FFB\u8BD1\u4E2D / \u5DF2\u7FFB\u8BD1\uFF09\u4E0E\u65CB\u8F6C\u52A8\u753B\u3002 */
+.dsh-tidy-think-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex: none;
+  width: 18px;
+  height: 18px;
+  margin: 0 6px 0 2px;
+  padding: 0;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));
+  border-radius: 6px;
+  background: transparent;
+  color: var(--dsw-alias-label-tertiary, currentColor);
+  font-family: inherit;
+  font-size: 10px;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.dsh-tidy-think-button:hover:not([disabled]) {
+  border-color: var(--dsw-alias-label-secondary, rgba(128, 128, 128, 0.6));
+  color: var(--dsw-alias-label-primary, currentColor);
+}
+
+.dsh-tidy-think-button[data-state='translated'] {
+  border-color: transparent;
+  background: color-mix(in srgb, var(--dsw-static-deepseek-500, #4d6bfe) 18%, transparent);
+  color: var(--dsw-static-deepseek-500, #4d6bfe);
+}
+
+.dsh-tidy-think-button[data-state='working'] {
+  color: transparent;
+}
+
+.dsh-tidy-think-button[data-state='working']::after {
+  content: '';
+  position: absolute;
+  inset: 3px;
+  border: 1.5px solid var(--dsw-alias-label-caption, rgba(128, 128, 128, 0.45));
+  border-top-color: var(--dsw-static-deepseek-500, #4d6bfe);
+  border-radius: 50%;
+  animation: dsh-tidy-think-spin 0.8s linear infinite;
+}
+
+.dsh-tidy-think-button[disabled] {
+  opacity: 0.35;
+  cursor: default;
+}
+
+@keyframes dsh-tidy-think-spin {
+  to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dsh-tidy-think-button[data-state='working']::after {
+    animation: none;
+    border-color: var(--dsw-static-deepseek-500, #4d6bfe);
+  }
+}
+`;
+function ensureThinkButtonStyles() {
+  if (typeof document === "undefined") return;
+  if (document.querySelector('style[data-plugin-css="' + STYLE_TAG_ID + '"]') !== null) return;
+  const style = document.createElement("style");
+  style.dataset.plugin = "@lynn123411/dsh-chat-translate";
+  style.dataset.pluginCss = STYLE_TAG_ID;
+  style.textContent = THINK_BUTTON_CSS;
+  document.head?.appendChild(style);
+}
+function createThinkButton(onActivate) {
+  ensureThinkButtonStyles();
+  const element = document.createElement("button");
+  element.type = "button";
+  element.className = THINK_BUTTON_CLASS;
+  element.textContent = "\u8BD1";
+  element.dataset.state = "idle";
+  element.setAttribute("aria-label", "\u7FFB\u8BD1\u601D\u8003\u94FE");
+  element.title = "\u7FFB\u8BD1\u601D\u8003\u94FE";
+  element.addEventListener("click", (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (element.disabled) return;
+    onActivate();
+  });
+  const setState = (state) => {
+    element.dataset.state = state;
+    const label = state === "translated" ? "\u663E\u793A\u601D\u8003\u539F\u6587" : "\u7FFB\u8BD1\u601D\u8003\u94FE";
+    element.setAttribute("aria-label", label);
+    element.title = label;
+  };
+  return {
+    element,
+    getState: () => element.dataset.state ?? "idle",
+    setState,
+    setDisabled: (disabled, reason) => {
+      element.disabled = disabled;
+      if (disabled) element.title = reason;
+      else setState(element.dataset.state ?? "idle");
+    }
+  };
+}
+
+// src/client/translate/think.ts
+var THINK_CARD_SELECTOR = '[data-variant="think"]';
+var THINK_BODY_SELECTOR = '[class*="thinkBody" i]';
+var EXPANDED_SELECTOR = "[data-open]";
+var BLOCK_TAGS = /* @__PURE__ */ new Set([
+  "P",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+  "LI",
+  "BLOCKQUOTE",
+  "TD",
+  "TH",
+  "DT",
+  "DD",
+  "FIGCAPTION"
+]);
+var CONTAINER_TAGS = /* @__PURE__ */ new Set(["UL", "OL", "DL", "TABLE", "THEAD", "TBODY", "TR", "DIV", "SECTION"]);
+var NESTED_BOUNDARY_SELECTOR = [...BLOCK_TAGS, ...CONTAINER_TAGS, "PRE"].join(",").toLowerCase();
+var REQUEST_TOKENS = 2048;
+var SYNC_DEBOUNCE_MS = 120;
+function isMountedElement(element) {
+  return element.dataset?.tidyTranslated === "true";
+}
+function hasNestedBoundary(element) {
+  return element.querySelector(NESTED_BOUNDARY_SELECTOR) !== null;
+}
+function collectThinkUnits(body) {
+  const units = [];
+  const pushRun = (nodes) => {
+    if (nodes.length === 0) return;
+    const text = nodes.map((node) => node.textContent ?? "").join("").trim();
+    if (!text) return;
+    const anchor = nodes[0];
+    if (anchor === void 0) return;
+    units.push({ nodes, text, anchor });
+  };
+  const walk = (container) => {
+    let run = [];
+    const flush = () => {
+      pushRun(run);
+      run = [];
+    };
+    for (const node of Array.from(container.childNodes)) {
+      if (node.nodeType !== 1) {
+        run.push(node);
+        continue;
+      }
+      const element = node;
+      if (NonDestructiveTranslationMount.isOwnNode(element)) {
+        flush();
+        continue;
+      }
+      if (element.tagName === "PRE") {
+        flush();
+        continue;
+      }
+      if (BLOCK_TAGS.has(element.tagName)) {
+        flush();
+        collectBlock(element);
+        continue;
+      }
+      if (CONTAINER_TAGS.has(element.tagName)) {
+        flush();
+        walk(element);
+        continue;
+      }
+      run.push(element);
+    }
+    flush();
+  };
+  const collectBlock = (element) => {
+    if (isMountedElement(element)) return;
+    if (!hasNestedBoundary(element)) {
+      const text = (element.textContent ?? "").trim();
+      if (text) units.push({ element, text, anchor: element });
+      return;
+    }
+    walk(element);
+  };
+  walk(body);
+  return units;
+}
+function chunkUnits(units, maxTokens = REQUEST_TOKENS) {
+  const chunks = [];
+  let current = [];
+  let tokens = 0;
+  for (const unit of units) {
+    const cost = Math.max(estimateTokens(unit.text), 1);
+    if (current.length > 0 && tokens + cost > maxTokens) {
+      chunks.push(current);
+      current = [];
+      tokens = 0;
+    }
+    current.push(unit);
+    tokens += cost;
+  }
+  if (current.length > 0) chunks.push(current);
+  return chunks;
+}
+var ThinkTranslateController = class {
+  /** 总开关与设置里的思考链开关同时打开。 */
+  enabled = false;
+  /** AI 通道开关打开且已配置；缺任何一条都不注入按钮。 */
+  configured = false;
+  states = /* @__PURE__ */ new WeakMap();
+  syncTimers = /* @__PURE__ */ new WeakMap();
+  /** 只处理当前会话的容器；由观察器在会话切换时更新。 */
+  scope = null;
+  /** 观察器把当前会话的根交给控制器，插入按钮时只看这一棵子树。 */
+  setScope(scope) {
+    this.scope = scope;
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  setEnabled(enabled) {
+    if (enabled === this.enabled) return;
+    this.enabled = enabled;
+    this.applyVisibility();
+  }
+  setConfigured(configured) {
+    if (configured === this.configured) return;
+    this.configured = configured;
+    this.applyVisibility();
+  }
+  /** 按钮是否可以存在：两个开关与 AI 通道配置缺一不可。 */
+  usable() {
+    return this.enabled && this.configured;
+  }
+  applyVisibility() {
+    if (typeof document === "undefined") return;
+    if (this.usable()) {
+      this.syncAll();
+      return;
+    }
+    for (const element of document.querySelectorAll("." + THINK_BUTTON_CLASS)) {
+      element.remove();
+    }
+    for (const card of document.querySelectorAll(THINK_CARD_SELECTOR)) {
+      const state = this.states.get(card);
+      if (state !== void 0) {
+        state.button = null;
+        state.state = "idle";
+        state.expandedHandled = false;
+      }
+      NonDestructiveTranslationMount.restore(card);
+    }
+  }
+  /** 扫描当前会话里的全部思考卡（开关、配置或会话变化后调用）。 */
+  syncAll() {
+    const scope = this.scope ?? (typeof document === "undefined" ? null : document);
+    if (scope === null) return;
+    for (const card of scope.querySelectorAll(THINK_CARD_SELECTOR)) {
+      this.syncCard(card);
+    }
+  }
+  /** 防抖后同步一张卡片。 */
+  syncCard(card) {
+    if (typeof window === "undefined") return;
+    const existing = this.syncTimers.get(card);
+    if (existing !== void 0) window.clearTimeout(existing);
+    const timer = window.setTimeout(() => {
+      this.syncTimers.delete(card);
+      this.runSync(card);
+    }, SYNC_DEBOUNCE_MS);
+    this.syncTimers.set(card, timer);
+  }
+  stateFor(card) {
+    let state = this.states.get(card);
+    if (state === void 0) {
+      state = { button: null, state: "idle", expandedHandled: false };
+      this.states.set(card, state);
     }
+    return state;
   }
-  observe(element, text, immediate = false) {
-    if (!this.enabled || !element.isConnected) return;
-    const cached = clientCache.get(text);
-    if (cached) {
-      this.applyTranslation(element, cached, text);
+  runSync(card) {
+    if (!card.isConnected) return;
+    const state = this.stateFor(card);
+    if (!this.usable()) {
+      this.discardCard(card, state);
       return;
     }
-    this.viewportObserver.observeWithDebounce(element, text, immediate);
+    const expanded = card.querySelector(EXPANDED_SELECTOR) !== null;
+    if (expanded) this.ensureButton(card, state);
+    else {
+      this.removeButton(state);
+      state.expandedHandled = false;
+    }
+    if (state.state !== "working") {
+      state.state = this.isShowingTranslation(card) ? "translated" : "idle";
+    }
+    state.button?.setState(state.state);
+    this.updateDisabled(card, state);
+    if (!expanded || state.expandedHandled || state.state === "working") return;
+    state.expandedHandled = true;
+    this.showCachedWhenComplete(card, state);
+  }
+  updateDisabled(card, state) {
+    const running = card.dataset.state === "running";
+    state.button?.setDisabled(running && state.state !== "working", "\u601D\u8003\u8F93\u51FA\u4E2D\uFF0C\u7ED3\u675F\u540E\u53EF\u7FFB\u8BD1");
+  }
+  ensureButton(card, state) {
+    if (state.button !== null) return;
+    const row = card.querySelector("[data-disclosure-row]");
+    if (row === null) return;
+    const button = createThinkButton(() => this.activate(card));
+    const title = row.querySelector('[class*="title" i]');
+    if (title !== null && title.parentElement === row) {
+      row.insertBefore(button.element, title.nextSibling);
+    } else {
+      row.appendChild(button.element);
+    }
+    state.button = button;
+    button.setState(state.state);
+  }
+  /** 折叠或停用时撤掉按钮，卡片的翻译状态不变。 */
+  removeButton(state) {
+    state.button?.element.remove();
+    state.button = null;
+  }
+  /** 插件停用：撤掉按钮并还原这张卡片上的全部译文。 */
+  discardCard(card, state) {
+    this.removeButton(state);
+    state.state = "idle";
+    state.expandedHandled = false;
+    NonDestructiveTranslationMount.restore(card);
+  }
+  /** 卡片当前显示的是译文（至少有一个译文块可见）。 */
+  isShowingTranslation(card) {
+    const blocks = card.querySelectorAll("." + CLASS_TRANSLATED_BLOCK);
+    for (const block of blocks) {
+      if (block.style.display !== "none") return true;
+    }
+    return false;
   }
-  async handleVisibleBatch(items) {
-    if (!this.enabled || items.length === 0) return;
-    const sorted = [...items].sort((a, b) => {
-      if (a.element === b.element) return 0;
-      const pos = a.element.compareDocumentPosition(b.element);
-      return pos & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    });
-    const textMap = /* @__PURE__ */ new Map();
-    for (const item of sorted) {
-      if (!item.element.isConnected) continue;
-      const cached = clientCache.get(item.text);
-      if (cached) {
-        this.applyTranslation(item.element, cached, item.text);
-        continue;
-      }
-      const list = textMap.get(item.text) || [];
-      list.push(item.element);
-      textMap.set(item.text, list);
+  bodyOf(card) {
+    return card.querySelector(THINK_BODY_SELECTOR);
+  }
+  /** 展开时若整条都命中缓存，直接显示中文，不点按钮也不发请求。 */
+  showCachedWhenComplete(card, state) {
+    const body = this.bodyOf(card);
+    if (body === null || state.state === "working") return;
+    const units = collectThinkUnits(body);
+    if (units.length === 0) return;
+    const cached = units.map((unit) => thinkClientCache.get(unit.text));
+    if (cached.some((value) => value === void 0)) return;
+    units.forEach((unit, index) => this.applyUnit(unit, cached[index]));
+    state.state = this.isShowingTranslation(card) ? "translated" : "idle";
+    state.button?.setState(state.state);
+  }
+  /** 按钮被点击；按钮只在展开的卡片上存在。 */
+  activate(card) {
+    const state = this.stateFor(card);
+    if (!this.usable() || state.state === "working") return;
+    if (card.dataset.state === "running") return;
+    if (state.state === "translated") {
+      NonDestructiveTranslationMount.toggleGroup(card, true);
+      state.state = "idle";
+      state.button?.setState("idle");
+      return;
     }
-    const uniqueTexts = Array.from(textMap.keys());
-    if (uniqueTexts.length === 0) return;
-    const results = await requestTranslateBatch(uniqueTexts);
-    for (const res of results) {
-      if (res.translated && res.translated.trim() && res.channel !== "fallback" && res.channel !== "fallback-client" && res.translated.trim() !== res.original.trim()) {
-        clientCache.set(res.original, res.translated);
-        const entries = textMap.get(res.original) || [];
-        for (const entry of entries) {
-          if (entry.isConnected && this.enabled) {
-            this.applyTranslation(entry, res.translated, res.original);
-          }
+    this.translateCard(card, state);
+  }
+  /** 翻译这张卡片的全部单位：命中缓存的先挂上，其余按块请求。 */
+  translateCard(card, state) {
+    const body = this.bodyOf(card);
+    if (body === null) return;
+    if (card.querySelector("." + CLASS_TRANSLATED_BLOCK) !== null) {
+      NonDestructiveTranslationMount.toggleGroup(card, false);
+    }
+    const units = collectThinkUnits(body);
+    if (units.length === 0) {
+      state.state = this.isShowingTranslation(card) ? "translated" : "idle";
+      state.button?.setState(state.state);
+      return;
+    }
+    const missing = [];
+    for (const unit of units) {
+      const cached = thinkClientCache.get(unit.text);
+      if (cached === void 0) missing.push(unit);
+      else this.applyUnit(unit, cached);
+    }
+    if (missing.length === 0) {
+      state.state = this.isShowingTranslation(card) ? "translated" : "idle";
+      state.button?.setState(state.state);
+      return;
+    }
+    state.state = "working";
+    state.button?.setState("working");
+    void this.translateUnits(card, state, missing);
+  }
+  async translateUnits(card, state, units) {
+    let failed = false;
+    for (const chunk of chunkUnits(units, REQUEST_TOKENS)) {
+      if (!this.usable()) {
+        failed = true;
+        break;
+      }
+      const texts = chunk.map((unit) => unit.text);
+      let results = [];
+      try {
+        results = await requestTranslateThink(texts);
+      } catch {
+        failed = true;
+      }
+      const byText = new Map(results.map((result) => [result.original, result]));
+      for (const unit of chunk) {
+        const result = byText.get(unit.text);
+        if (result === void 0 || !result.ok || !result.translated.trim() || result.translated.trim() === unit.text.trim()) {
+          failed = true;
+          continue;
         }
-      } else if (res.channel === "fallback" || res.channel === "fallback-client") {
-        console.debug(`[dsh-chat-translate] \u7FFB\u8BD1\u672A\u6210\u529F (\u964D\u7EA7\u4FDD\u7559\u539F\u6587): "${res.original.slice(0, 40)}"`);
+        thinkClientCache.set(unit.text, result.translated);
+        this.applyUnit(unit, result.translated);
       }
     }
-  }
-  applyTranslation(element, translated, original) {
-    if (!element.isConnected || !this.enabled) return;
-    NonDestructiveTranslationMount.mount(element, translated, {
-      originalText: original
+    state.state = !failed && this.isShowingTranslation(card) ? "translated" : "idle";
+    state.button?.setState(state.state);
+    this.updateDisabled(card, state);
+  }
+  /** 把译文挂到单位上；期间文本或节点已经变动的单位直接放弃（结果已进缓存）。 */
+  applyUnit(unit, translated) {
+    if (unit.element !== void 0) {
+      const element = unit.element;
+      if (!element.isConnected || isMountedElement(element)) return;
+      if ((element.textContent ?? "").trim() !== unit.text) return;
+      NonDestructiveTranslationMount.mount(element, translated, {
+        originalText: unit.text,
+        interactive: false
+      });
+      return;
+    }
+    const nodes = unit.nodes ?? [];
+    if (nodes.length === 0 || nodes.some((node) => !node.isConnected)) return;
+    const parent = nodes[0]?.parentNode ?? null;
+    if (parent === null || !nodes.every((node) => node.parentNode === parent)) return;
+    const text = nodes.map((node) => node.textContent ?? "").join("").trim();
+    if (text !== unit.text) return;
+    NonDestructiveTranslationMount.mountRun(nodes, translated, {
+      originalText: unit.text,
+      interactive: false
     });
   }
-  disconnect() {
-    this.viewportObserver.disconnect();
-  }
 };
-var lazyQueue = new LazyTranslationQueue();
+var thinkTranslator = new ThinkTranslateController();
 
 // src/client/translate/observer.ts
 var TOOL_TITLE_SELECTOR = '[class*="summary" i]';
+var THINK_CARD_SELECTOR2 = '[data-variant="think"]';
 var SESSION_ROOT_SELECTOR = "[data-conversation-scroll], [data-chat-flow]";
 var ROOT_CHECK_INTERVAL_MS = 3e3;
+var SUMMARY_SUFFIX_PATTERN = /suffix/i;
+var LIVE_TURN_SELECTOR = '[role="status"][aria-live="polite"]';
+var ROW_ROOT_SELECTOR = "[data-variant]";
+var FLOW_ITEM_SELECTOR2 = "[data-chat-flow-key]";
+var FLOW_SELECTOR2 = "[data-chat-flow]";
+function isSummarySuffixSpan(span) {
+  return SUMMARY_SUFFIX_PATTERN.test(span.className || "");
+}
 function isToolSummarySpan(span) {
   if (!span || span.nodeType !== 1) return false;
   if (span.hasAttribute("aria-hidden")) return false;
+  if (span.closest(THINK_CARD_SELECTOR2)) return false;
   if (span.querySelector?.('[class*="title"], [class*="leading"], [class*="chevron"], [class*="sep"], [class*="summary" i]')) {
     return false;
   }
@@ -569,24 +1477,36 @@ function isToolSummarySpan(span) {
   }
   return false;
 }
-function thinkBlockStillRunning(span) {
-  const thinkRoot = span.closest('[data-variant="think"]');
-  return !!thinkRoot && thinkRoot.dataset.state === "running";
-}
 var ChatTranslateObserver = class {
   observer = null;
   rootElement = null;
   rootCheckTimer = null;
   isEnabled = true;
+  /** 设置里的思考链开关；与总开关一起决定按钮是否存在。 */
+  thinkEnabled = false;
+  /**
+   * 至少一条工具标题通道可用（AI 配置齐全或 Bing 打开）。两条都关时没有
+   * 可等的译文，扣留立即失去意义。
+   */
+  channelsAvailable = true;
+  /**
+   * 每个会话流已经见过的末尾行。追加在它之后的行算「新出现」，插在它之前
+   * 的行（历史回放、加载更早）不算。
+   */
+  flowTail = /* @__PURE__ */ new WeakMap();
+  /** 初始扫描期间不扣留：那时看到的行都是历史。 */
+  suppressHold = false;
   constructor() {
     this.handleMutations = this.handleMutations.bind(this);
   }
   setEnabled(enabled) {
     this.isEnabled = enabled;
+    thinkTranslator.setEnabled(enabled && this.thinkEnabled);
     if (enabled) {
       lazyQueue.setEnabled(true);
       this.start();
     } else {
+      rowHold.releaseAll();
       this.restoreOriginals();
       this.disconnect();
       lazyQueue.setEnabled(false);
@@ -594,10 +1514,26 @@ var ChatTranslateObserver = class {
   }
   restoreOriginals() {
     const scope = this.rootElement ?? document;
-    const spans = scope.querySelectorAll('[data-tidy-translated="true"]');
-    for (const span of spans) {
-      NonDestructiveTranslationMount.unmount(span);
-    }
+    NonDestructiveTranslationMount.restore(scope);
+  }
+  /**
+   * 设置里的思考链开关：关掉就撤掉所有翻译按钮并还原思考卡里的译文，工具标题
+   * 译文不动。
+   */
+  setThinkEnabled(enabled) {
+    this.thinkEnabled = enabled;
+    thinkTranslator.setEnabled(this.isEnabled && enabled);
+  }
+  /**
+   * AI 通道的可用性（通道开关打开且 Key / Base URL / 模型齐全）。不可用时同样
+   * 不注入按钮：思考链翻译只能走这条通道。
+   */
+  setThinkConfigured(configured) {
+    thinkTranslator.setConfigured(configured);
+  }
+  /** 工具标题通道可用性：两条都关时不扣留，也没有译文可等。 */
+  setChannelsAvailable(available) {
+    this.channelsAvailable = available;
   }
   /**
    * The active session's scroll container. Only the currently-viewed session
@@ -633,7 +1569,14 @@ var ChatTranslateObserver = class {
     const findAndObserveRoot = () => {
       const root = this.findRoot(documentRef);
       this.rootElement = root;
-      this.scanContainer(root);
+      thinkTranslator.setScope(root);
+      this.suppressHold = true;
+      try {
+        this.scanContainer(root);
+      } finally {
+        this.suppressHold = false;
+      }
+      this.scanThink(root);
       if (!this.observer) {
         this.observer = new MutationObserver(this.handleMutations);
         this.observer.observe(root, {
@@ -641,7 +1584,15 @@ var ChatTranslateObserver = class {
           subtree: true,
           attributes: true,
           characterData: true,
-          attributeFilter: ["data-state", "data-tool", "data-variant", "data-sample", "aria-expanded"]
+          attributeFilter: [
+            "data-state",
+            "data-tool",
+            "data-variant",
+            "data-sample",
+            "aria-expanded",
+            "data-open",
+            "data-expanded"
+          ]
         });
       }
     };
@@ -672,34 +1623,115 @@ var ChatTranslateObserver = class {
     if (!this.isEnabled) return;
     for (const mutation of mutations) {
       if (mutation.type === "childList") {
+        let addedElement = false;
+        let changedOwner = null;
         for (let i = 0; i < mutation.addedNodes.length; i++) {
           const node = mutation.addedNodes[i];
           if (node instanceof HTMLElement) {
-            if (node.classList?.contains("dsh-tidy-translated-block") || node.classList?.contains("dsh-tidy-original-hidden") || node.classList?.contains("dsh-tidy-original-shown")) {
+            const owner = this.mountedOwner(node);
+            if (owner) {
+              changedOwner = owner;
               continue;
             }
+            if (NonDestructiveTranslationMount.isOwnNode(node)) continue;
+            addedElement = true;
+            this.noteRevealHold(node);
             this.scanNode(node);
+            this.scanThink(node);
           }
         }
-      } else if (mutation.type === "attributes") {
         const target = mutation.target;
         if (target instanceof HTMLElement) {
-          if (target.classList?.contains("dsh-tidy-translated-block") || target.classList?.contains("dsh-tidy-original-hidden") || target.classList?.contains("dsh-tidy-original-shown")) {
-            continue;
+          const owner = this.mountedOwner(target);
+          if (owner) {
+            changedOwner = owner;
+          } else if (!addedElement && !NonDestructiveTranslationMount.isOwnNode(target)) {
+            this.scanNode(target);
+            this.scanThink(target);
           }
+        }
+        if (changedOwner) this.handleOriginalTextChange(changedOwner);
+      } else if (mutation.type === "attributes") {
+        const target = mutation.target;
+        if (target instanceof HTMLElement) {
+          if (NonDestructiveTranslationMount.isOwnNode(target)) continue;
           this.scanNode(target);
+          this.scanThink(target);
         }
       } else if (mutation.type === "characterData") {
+        const owner = this.mountedOwner(mutation.target);
+        if (owner) {
+          this.handleOriginalTextChange(owner);
+          continue;
+        }
         const parent = mutation.target.parentElement;
         if (parent instanceof HTMLElement) {
-          if (parent.classList?.contains("dsh-tidy-translated-block") || parent.classList?.contains("dsh-tidy-original-hidden") || parent.classList?.contains("dsh-tidy-original-shown")) {
-            continue;
-          }
+          if (NonDestructiveTranslationMount.isOwnNode(parent)) continue;
           this.scanNode(parent);
+          this.scanThink(parent);
         }
       }
     }
   }
+  /**
+   * 扣留期间新出现的会话流内容（下一个回答节点、下一个工具行）同样要先挂起：
+   * 它们排在还没上屏的行后面，先出现就会占住那一行的位置。
+   */
+  noteRevealHold(node) {
+    rowHold.noteAppended(node);
+  }
+  /**
+   * 变更发生在我们移进隐藏容器的原文里时，返回挂载了译文的那个元素。React
+   * 就地改写它自己创建的文本节点，所以「原文变了」只能从这条路径看到。
+   */
+  mountedOwner(node) {
+    const element = node instanceof HTMLElement ? node : node.parentElement;
+    if (!element) return null;
+    const wrapper = element.closest(
+      `.${CLASS_ORIGINAL_HIDDEN}, .${CLASS_ORIGINAL_SHOWN}`
+    );
+    if (!wrapper) return null;
+    const owner = wrapper.parentElement;
+    return owner instanceof HTMLElement && owner.dataset.tidyTranslated === "true" ? owner : null;
+  }
+  /**
+   * 已挂载行的隐藏原文被上游改写了（ask_user 计数、失败摘要、todo 计数）：
+   * 命中缓存就原地换译文，否则请求新译文后原地换。行始终可见，不出现英文。
+   */
+  handleOriginalTextChange(owner) {
+    if (!isToolSummarySpan(owner)) return;
+    const current = NonDestructiveTranslationMount.extractVisibleText(owner);
+    if (!current || current === owner.dataset.original) return;
+    const cached = clientCache.get(current);
+    if (cached) {
+      NonDestructiveTranslationMount.mount(owner, cached, { originalText: current });
+      return;
+    }
+    lazyQueue.observe(owner, current);
+  }
+  /**
+   * 该行是否该被扣留：当前 turn 仍在产出、这行是新追加到流末尾的、不是后缀、
+   * 通道可用，且不在初始扫描期间。判断顺带把每个会话流见过的末尾行推进到
+   * 最新，供后续判定使用；第一次见到的会话流先按历史处理。
+   */
+  shouldHold(span) {
+    if (isSummarySuffixSpan(span)) return false;
+    const flow = span.closest(FLOW_SELECTOR2);
+    if (!flow) return false;
+    const item = span.closest(FLOW_ITEM_SELECTOR2);
+    if (!item) return false;
+    const known = this.flowTail.get(flow);
+    if (known === void 0) {
+      const items = flow.querySelectorAll(FLOW_ITEM_SELECTOR2);
+      this.flowTail.set(flow, items[items.length - 1] ?? item);
+      return false;
+    }
+    const appended = known === item || (known.compareDocumentPosition(item) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0;
+    if (appended) this.flowTail.set(flow, item);
+    if (this.suppressHold || !appended) return false;
+    if (!this.channelsAvailable) return false;
+    return flow.querySelector(LIVE_TURN_SELECTOR) !== null;
+  }
   scanContainer(container) {
     const spans = container.querySelectorAll(TOOL_TITLE_SELECTOR);
     spans.forEach((span) => {
@@ -719,18 +1751,34 @@ var ChatTranslateObserver = class {
       }
     });
   }
+  /**
+   * 交给思考正文翻译控制器：命中节点所在的卡片，以及它下面（或它就是）的
+   * 全部思考卡片。
+   */
+  scanThink(node) {
+    if (!thinkTranslator.isEnabled()) return;
+    if (node instanceof HTMLElement) {
+      const card = node.closest(THINK_CARD_SELECTOR2);
+      if (card) thinkTranslator.syncCard(card);
+    }
+    if (!node.querySelectorAll) return;
+    node.querySelectorAll(THINK_CARD_SELECTOR2).forEach((card) => {
+      thinkTranslator.syncCard(card);
+    });
+  }
   processSpan(span) {
-    if (thinkBlockStillRunning(span)) return;
     if (NonDestructiveTranslationMount.isMounted(span)) {
-      const original = NonDestructiveTranslationMount.getOriginal(span);
-      if (original) {
-        const cached2 = clientCache.get(original);
-        if (cached2) return;
-      }
       return;
     }
     const text = NonDestructiveTranslationMount.extractVisibleText(span);
     if (!text) return;
+    const root = span.closest(ROW_ROOT_SELECTOR);
+    const held = rowHold.stateFor(span) !== void 0;
+    if (root && (held || this.shouldHold(span))) {
+      rowHold.hold(span, root, text);
+      this.translateHeld(span, text);
+      return;
+    }
     const cached = clientCache.get(text);
     if (cached) {
       NonDestructiveTranslationMount.mount(span, cached, {
@@ -740,6 +1788,19 @@ var ChatTranslateObserver = class {
     }
     lazyQueue.observe(span, text);
   }
+  /**
+   * 扣留行的取文本路径：命中缓存立即就绪，其余交给懒加载队列。译文真正挂载要等
+   * 队列轮到它——提前挂上去会把逐字与对数淡入在被挂起期间跑完。
+   */
+  translateHeld(span, text) {
+    if (rowHold.stateFor(span)?.ready === true) return;
+    const cached = clientCache.get(text);
+    if (cached) {
+      rowHold.ready(span, cached);
+      return;
+    }
+    lazyQueue.observeHeld(span, text);
+  }
   disconnect() {
     if (this.rootCheckTimer !== null) {
       clearInterval(this.rootCheckTimer);
@@ -749,6 +1810,7 @@ var ChatTranslateObserver = class {
       this.observer.disconnect();
       this.observer = null;
     }
+    rowHold.releaseAll();
     lazyQueue.disconnect();
     this.rootElement = null;
   }
@@ -757,8 +1819,11 @@ var chatTranslateObserver = new ChatTranslateObserver();
 
 // src/client/settings/ui.tsx
 var import_react2 = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/settings/store.ts
+var THINK_TIMEOUT_MIN = 500;
+var THINK_TIMEOUT_MAX = 9e5;
 var SETTINGS_NAMESPACE = "dsh-chat-translate";
 var TRANSLATE_API_KEY_REF = "TRANSLATE_API_KEY";
 var DEFAULT_STATE = {
@@ -766,6 +1831,8 @@ var DEFAULT_STATE = {
   concurrency: 3,
   aiEnabled: true,
   bingEnabled: true,
+  thinkEnabled: true,
+  thinkTimeoutMs: 6e5,
   baseUrl: "",
   model: "",
   aiConfigured: false
@@ -819,6 +1886,14 @@ var SettingsStore = class {
     }
     if (typeof value.aiEnabled === "boolean") next.aiEnabled = value.aiEnabled;
     if (typeof value.bingEnabled === "boolean") next.bingEnabled = value.bingEnabled;
+    if (typeof value.thinkEnabled === "boolean") next.thinkEnabled = value.thinkEnabled;
+    const thinkTimeout = value.thinkTimeoutMs;
+    if (typeof thinkTimeout === "number" && Number.isFinite(thinkTimeout)) {
+      next.thinkTimeoutMs = Math.min(
+        Math.max(Math.round(thinkTimeout), THINK_TIMEOUT_MIN),
+        THINK_TIMEOUT_MAX
+      );
+    }
     if (typeof value.baseUrl === "string") next.baseUrl = value.baseUrl;
     if (typeof value.model === "string") next.model = value.model;
     this.applyState(next);
@@ -833,6 +1908,17 @@ var SettingsStore = class {
       } catch {
       }
     }
+    try {
+      chatTranslateObserver.setThinkEnabled(this.state.enabled && this.state.thinkEnabled);
+      chatTranslateObserver.setThinkConfigured(this.state.aiEnabled && this.state.aiConfigured);
+    } catch {
+    }
+    try {
+      chatTranslateObserver.setChannelsAvailable(
+        this.state.aiEnabled && this.state.aiConfigured || this.state.bingEnabled
+      );
+    } catch {
+    }
     this.notify();
   }
   notify() {
@@ -872,14 +1958,31 @@ var SettingsStore = class {
     if (typeof partial.concurrency === "number" && Number.isFinite(partial.concurrency)) {
       sanitizedConcurrency = Math.min(Math.max(Math.round(partial.concurrency), 1), 100);
     }
+    let sanitizedThinkTimeout = this.state.thinkTimeoutMs;
+    if (typeof partial.thinkTimeoutMs === "number" && Number.isFinite(partial.thinkTimeoutMs)) {
+      sanitizedThinkTimeout = Math.min(
+        Math.max(Math.round(partial.thinkTimeoutMs), THINK_TIMEOUT_MIN),
+        THINK_TIMEOUT_MAX
+      );
+    }
     const next = {
       ...this.state,
       ...partial,
-      concurrency: sanitizedConcurrency
+      concurrency: sanitizedConcurrency,
+      thinkTimeoutMs: sanitizedThinkTimeout
     };
     this.applyState(next);
     if (this.scope) {
-      const fields = ["enabled", "concurrency", "aiEnabled", "bingEnabled", "baseUrl", "model"];
+      const fields = [
+        "enabled",
+        "concurrency",
+        "aiEnabled",
+        "bingEnabled",
+        "thinkEnabled",
+        "thinkTimeoutMs",
+        "baseUrl",
+        "model"
+      ];
       for (const field of fields) {
         if (partial[field] !== void 0) {
           this.pendingFields.add(field);
@@ -899,11 +2002,13 @@ var SettingsStore = class {
     if (!this.scope) return;
     const fields = [...this.pendingFields];
     this.pendingFields.clear();
-    const writes = [];
-    for (const field of fields) {
-      writes.push(this.scope.set(field, this.state[field]));
-    }
-    await Promise.all(writes).catch(() => {
+    if (fields.length === 0) return;
+    const ops = fields.map((field) => ({
+      op: "set",
+      path: [field],
+      value: this.state[field]
+    }));
+    await this.scope.mutate(ops).catch(() => {
     });
   }
   async testChannel(channel) {
@@ -951,33 +2056,36 @@ var SETTINGS_CSS = String.raw`
   gap: 16px;
   max-width: 580px;
   padding-bottom: 32px;
-  color: var(--dsw-alias-label-primary, inherit);
-  font-family: inherit;
+  color: var(--dsw-alias-label-primary);
+  font: var(--dsw-font-s-14);
 }
 
 .dsh-tidy-card {
-  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2));
-  border-radius: 12px;
-  padding: 16px 18px;
-  background: var(--dsw-alias-bg-card, rgba(128, 128, 128, 0.05));
   display: flex;
   flex-direction: column;
   gap: 12px;
+  padding: 16px 18px;
+  border: 0.5px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  /* The shipped settings-card surface; Input's own bg-layer-1 then reads as a
+     recessed field in the dark theme instead of vanishing into the card. */
+  background: var(--dsw-alias-bg-layer-3);
 }
 
 .dsh-tidy-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--dsw-alias-label-primary, inherit);
   display: flex;
   align-items: center;
   justify-content: space-between;
+  font: var(--dsw-font-s-strong-14);
 }
 
 .dsh-tidy-desc {
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--dsw-alias-label-secondary, rgba(128, 128, 128, 0.8));
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxs-12);
+}
+
+.dsh-tidy-desc code {
+  font-family: var(--ds-font-family-code);
 }
 
 .dsh-tidy-row {
@@ -989,7 +2097,7 @@ var SETTINGS_CSS = String.raw`
 }
 
 .dsh-tidy-row + .dsh-tidy-row {
-  border-top: 1px solid var(--dsw-alias-border-l3, rgba(128, 128, 128, 0.1));
+  border-top: 0.5px solid var(--dsw-alias-border-l3);
 }
 
 .dsh-tidy-row-info {
@@ -998,231 +2106,53 @@ var SETTINGS_CSS = String.raw`
 }
 
 .dsh-tidy-row-title {
-  font-size: 13px;
-  font-weight: 500;
+  font: var(--dsw-font-xs-strong-13);
 }
 
 .dsh-tidy-row-desc {
-  font-size: 11px;
-  color: var(--dsw-alias-label-secondary, rgba(128, 128, 128, 0.7));
   margin-top: 2px;
-  line-height: 1.4;
-}
-
-/* Switch */
-.dsh-tidy-switch {
-  position: relative;
-  width: 38px;
-  height: 22px;
-  flex: none;
-  cursor: pointer;
-  border-radius: 999px;
-  border: none;
-  background: rgba(128, 128, 128, 0.3);
-  transition: background 0.15s ease;
-  padding: 0;
-  outline: none;
-}
-
-.dsh-tidy-switch[aria-checked="true"] {
-  background: #3b82f6;
-}
-
-.dsh-tidy-switch::after {
-  content: "";
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: #ffffff;
-  transition: transform 0.15s ease;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-}
-
-.dsh-tidy-switch[aria-checked="true"]::after {
-  transform: translateX(16px);
-}
-
-/* Inputs */
-.dsh-tidy-input-group {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.dsh-tidy-label {
-  font-size: 12px;
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  color: var(--dsw-alias-label-secondary);
+  font: var(--dsw-font-xxxs-11);
 }
 
+/* Field widths ride Input's wrapper span; the atom owns its own appearance. */
 .dsh-tidy-input-row {
   display: flex;
+  align-items: center;
   gap: 8px;
 }
 
-.dsh-tidy-input {
-  flex: 1;
-  min-width: 0;
-  padding: 8px 12px;
-  border-radius: 8px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));
-  background: var(--dsw-alias-bg-input, rgba(0, 0, 0, 0.05));
-  color: inherit;
-  font-size: 12px;
-  outline: none;
-  transition: border-color 0.15s;
-}
-
-.dsh-tidy-input:focus {
-  border-color: #3b82f6;
-}
-
-.dsh-tidy-btn {
-  padding: 6px 14px;
-  border-radius: 8px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.3));
-  background: transparent;
-  color: inherit;
-  font-size: 12px;
-  cursor: pointer;
-  transition: all 0.15s ease;
-  white-space: nowrap;
-}
-
-.dsh-tidy-btn:hover {
-  background: rgba(128, 128, 128, 0.1);
-  border-color: rgba(128, 128, 128, 0.5);
-}
-
-.dsh-tidy-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+.dsh-tidy-field-wide {
+  width: 260px;
 }
 
-.dsh-tidy-badge {
-  font-size: 10px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-weight: 500;
-}
-
-.dsh-tidy-badge-ok {
-  background: rgba(34, 197, 94, 0.15);
-  color: #22c55e;
-}
-
-.dsh-tidy-badge-none {
-  background: rgba(156, 163, 175, 0.15);
-  color: #9ca3af;
+.dsh-tidy-field-timeout {
+  width: 120px;
 }
 
-.dsh-tidy-badge-warn {
-  background: rgba(245, 158, 11, 0.15);
-  color: #f59e0b;
+.dsh-tidy-field-count {
+  width: 88px;
 }
 
 .dsh-tidy-test-result {
-  font-size: 12px;
   margin-left: 10px;
+  font: var(--dsw-font-xxs-12);
 }
 
 .dsh-tidy-test-result.ok {
-  color: #22c55e;
+  color: var(--dsw-alias-state-success-primary);
 }
 
 .dsh-tidy-test-result.fail {
-  color: #ef4444;
+  color: var(--dsw-alias-state-error-primary);
 }
 
 .dsh-tidy-behavior-list {
-  padding-left: 18px;
-  margin: 4px 0 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-/* Priority list */
-.dsh-tidy-priority-list {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-}
-
-.dsh-tidy-priority-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background: rgba(128, 128, 128, 0.06);
-  border: 1px solid var(--dsw-alias-border-l3, rgba(128, 128, 128, 0.12));
-}
-
-.dsh-tidy-priority-name {
-  font-size: 12px;
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.dsh-tidy-order-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: #3b82f6;
-  color: #ffffff;
-  font-size: 11px;
-  font-weight: 600;
-}
-
-.dsh-tidy-btn-group {
-  display: flex;
   gap: 4px;
-}
-
-.dsh-tidy-icon-btn {
-  width: 26px;
-  height: 26px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  border: 1px solid rgba(128, 128, 128, 0.2);
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  font-size: 12px;
-}
-
-.dsh-tidy-icon-btn:hover:not(:disabled) {
-  background: rgba(128, 128, 128, 0.15);
-}
-
-.dsh-tidy-icon-btn:disabled {
-  opacity: 0.3;
-  cursor: default;
-}
-
-/* Slider / Select */
-.dsh-tidy-select {
-  padding: 6px 10px;
-  border-radius: 8px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.3));
-  background: var(--dsw-alias-bg-input, rgba(0, 0, 0, 0.05));
-  color: inherit;
-  font-size: 12px;
-  outline: none;
+  margin: 4px 0 0;
+  padding-left: 18px;
 }
 `;
 
@@ -1251,14 +2181,12 @@ var TAB_STYLE = {
   position: "relative",
   padding: "7px 1px 11px",
   cursor: "pointer",
-  font: "inherit",
-  fontSize: "13px",
-  lineHeight: "20px",
-  color: "var(--dsw-alias-label-tertiary, inherit)"
+  font: "var(--dsw-font-xs-13)",
+  color: "var(--dsw-alias-label-tertiary)"
 };
 var TAB_ACTIVE_STYLE = {
   ...TAB_STYLE,
-  color: "var(--dsw-alias-label-primary, inherit)"
+  color: "var(--dsw-alias-label-primary)"
 };
 var TAB_MARKER_STYLE = {
   position: "absolute",
@@ -1267,7 +2195,7 @@ var TAB_MARKER_STYLE = {
   bottom: 0,
   height: "2px",
   borderRadius: "2px 2px 0 0",
-  background: "var(--dsw-alias-label-primary, currentColor)"
+  background: "var(--dsw-alias-label-primary)"
 };
 var PANEL_STYLE = { listStyle: "none", margin: 0, padding: 0 };
 var PANEL_HIDDEN_STYLE = { ...PANEL_STYLE, display: "none" };
@@ -1363,13 +2291,93 @@ function claimReadingSettingsPage(ctx, label, locale) {
 
 // src/client/locales.ts
 var NS = "settings.chatTranslate";
-var en = {
-  pageNav: "Reading",
-  title: "Chat translate"
-};
 var zh = {
   pageNav: "\u9605\u8BFB\u4F53\u9A8C",
-  title: "\u804A\u5929\u7FFB\u8BD1"
+  title: "\u804A\u5929\u7FFB\u8BD1",
+  masterTitle: "\u7FFB\u8BD1\u603B\u5F00\u5173",
+  enableTranslation: "\u542F\u7528\u7FFB\u8BD1",
+  masterDesc: "\u81EA\u52A8\u5C06\u5F53\u524D\u4F1A\u8BDD\u4E2D\u5DE5\u5177\u8C03\u7528\u6807\u9898\uFF08\u5982 {example}\uFF09\u7FFB\u8BD1\u4E3A\u4E2D\u6587\uFF0C\u70B9\u51FB\u8BD1\u6587\u53EF\u539F\u5730\u5207\u6362\u539F\u6587/\u8BD1\u6587\u3002\u601D\u8003\u6B63\u6587\u9ED8\u8BA4\u4E0D\u7FFB\u8BD1\uFF0C\u7531 AI \u5361\u7247\u91CC\u7684\u300C\u663E\u793A\u601D\u8003\u94FE\u7FFB\u8BD1\u6309\u94AE\u300D\u63A7\u5236\uFF1A\u6253\u5F00\u540E\u5C55\u5F00\u7684\u601D\u8003\u5361\u53F3\u4FA7\u51FA\u73B0\u6309\u94AE\uFF0C\u70B9\u51FB\u624D\u7FFB\u8BD1\u3002\u601D\u8003\u5361\u6298\u53E0\u8D77\u6765\u7684\u90A3\u4E00\u884C\u6458\u8981\u6C38\u4E0D\u7FFB\u8BD1\u3002\u4EC5\u4F5C\u7528\u4E8E\u5F53\u524D\u67E5\u770B\u7684\u4F1A\u8BDD\uFF0C\u56DE\u7B54\u6B63\u6587\u6C38\u4E0D\u7FFB\u8BD1\u3002",
+  aiTitle: "AI \u7FFB\u8BD1\uFF08OpenAI \u517C\u5BB9\u534F\u8BAE\uFF09",
+  enableAi: "\u542F\u7528 AI \u7FFB\u8BD1\u901A\u9053",
+  badgeConfigured: "\u5DF2\u914D\u7F6E",
+  badgeUnconfigured: "\u672A\u914D\u7F6E",
+  aiFallbackNote: "\u672A\u914D\u7F6E\u65F6 AI \u901A\u9053\u81EA\u52A8\u8DF3\u8FC7\uFF0C\u7531 Bing \u515C\u5E95\u3002",
+  apiKeyTitle: "API Key",
+  apiKeyDesc: "\u4FDD\u5B58\u81F3 {home} \u7684 {ref}\uFF0C\u4FDD\u5B58\u540E\u7ACB\u5373\u751F\u6548\uFF1B\u7559\u7A7A\u4FDD\u5B58 = \u6E05\u9664",
+  apiKeyPlaceholderConfigured: "\u5DF2\u914D\u7F6E\uFF08\u5982\u9700\u66F4\u6362\u8BF7\u76F4\u63A5\u8F93\u5165\uFF09",
+  save: "\u4FDD\u5B58",
+  saving: "\u4FDD\u5B58\u4E2D\u2026",
+  keySaved: "\u5DF2\u4FDD\u5B58\u5230 {home}\uFF0C\u7ACB\u5373\u751F\u6548",
+  keyCleared: "\u5DF2\u6E05\u9664 API Key\uFF08AI \u901A\u9053\u5C06\u4E0D\u53EF\u7528\uFF0CBing \u515C\u5E95\uFF09",
+  saveFailed: "\u4FDD\u5B58\u5931\u8D25\uFF1A{error}",
+  unknownError: "\u672A\u77E5\u9519\u8BEF",
+  baseUrlTitle: "Base URL",
+  baseUrlDesc: "\u4EFB\u610F OpenAI \u517C\u5BB9\u670D\u52A1\u7AEF\u70B9\uFF0C\u5982 {url1}\u3001{url2}",
+  modelTitle: "\u6A21\u578B",
+  modelDesc: "\u5982 {model1}\u3001{model2}\uFF1B\u7559\u7A7A\u89C6\u4E3A\u672A\u914D\u7F6E",
+  test: "\u6D4B\u8BD5 AI \u901A\u9053",
+  testing: "\u6D4B\u8BD5\u4E2D\u2026",
+  testOk: "\u8FDE\u63A5\u6B63\u5E38\uFF0C\u5EF6\u8FDF {latency}ms",
+  testFail: "\u5931\u8D25\uFF1A{error}",
+  thinkEnableTitle: "\u663E\u793A\u601D\u8003\u94FE\u7FFB\u8BD1\u6309\u94AE",
+  thinkEnableDesc: "\u5728\u5C55\u5F00\u7684\u601D\u8003\u5361\u7684\u300CThink\u300D\u53F3\u4FA7\u663E\u793A\u4E00\u4E2A\u6309\u94AE\uFF0C\u70B9\u51FB\u624D\u7FFB\u8BD1\u8FD9\u6761\u601D\u8003\u6B63\u6587\uFF08\u4E0D\u4F1A\u81EA\u52A8\u7FFB\u8BD1\uFF09\uFF1B\u6298\u53E0\u8D77\u6765\u7684\u5361\u7247\u6CA1\u6709\u6309\u94AE\uFF0C\u5C55\u5F00\u540E\u6309\u94AE\u624D\u51FA\u73B0\u3002\u7FFB\u8BD1\u4E2D\u6309\u94AE\u8F6C\u5708\uFF0C\u7FFB\u597D\u540E\u5B9E\u5FC3\u9AD8\u4EAE\uFF0C\u518D\u70B9\u4E00\u4E0B\u6574\u6761\u5207\u56DE\u539F\u6587\uFF08\u6B63\u6587\u91CC\u7684\u70B9\u51FB\u4E0D\u5207\u6362\uFF09\u3002\u4EE3\u7801\u5757\u4E0E\u6298\u53E0\u6458\u8981\u4E0D\u52A8\uFF0CBing \u901A\u9053\u4E0D\u53C2\u4E0E\u3002\u5173\u95ED\u6B64\u5F00\u5173\u4F1A\u64A4\u6389\u6309\u94AE\u5E76\u8FD8\u539F\u5DF2\u7FFB\u8BD1\u5185\u5BB9\u3002",
+  thinkTimeoutTitle: "\u601D\u8003\u94FE\u7FFB\u8BD1\u8D85\u65F6",
+  thinkTimeoutDesc: "\u5355\u4F4D\u6BEB\u79D2\uFF0C\u8303\u56F4 500-900000\u3002\u6574\u5757\u601D\u8003\u53EF\u80FD\u8981\u51E0\u5206\u949F\uFF0C\u9ED8\u8BA4 600000\u3002",
+  bingTitle: "Bing \u7F51\u9875\u7FFB\u8BD1\uFF08\u514D Key \u515C\u5E95\uFF09",
+  enableBing: "\u542F\u7528 Bing \u7FFB\u8BD1\u901A\u9053",
+  bingDesc: "\u5185\u7F6E\u514D Key \u7FFB\u8BD1\u901A\u9053\uFF0C\u65E0\u9700\u4EFB\u4F55\u914D\u7F6E\uFF0C\u53EA\u7FFB\u8BD1\u5DE5\u5177\u8C03\u7528\u6807\u9898\u3002AI \u672A\u914D\u7F6E\u6216\u8BF7\u6C42\u5931\u8D25\u65F6\u81EA\u52A8\u515C\u5E95\uFF1B\u601D\u8003\u94FE\u7FFB\u8BD1\u6C38\u8FDC\u4E0D\u8D70\u8FD9\u6761\u901A\u9053\u3002AI \u4E0E Bing \u540C\u65F6\u5173\u95ED\u5219\u5DE5\u5177\u8C03\u7528\u6807\u9898\u4E5F\u4E0D\u7FFB\u8BD1\u3002",
+  behaviorTitle: "\u901A\u9053\u884C\u4E3A",
+  behavior1: "AI \u5F00\u542F\u4E14\u5DF2\u914D\u7F6E \u2192 AI \u4F18\u5148\u7FFB\u8BD1\uFF0C\u5931\u8D25\u81EA\u52A8\u964D\u7EA7 Bing",
+  behavior2: "AI \u5F00\u542F\u4F46\u672A\u914D\u7F6E + Bing \u5F00\u542F \u2192 \u7531 Bing \u7FFB\u8BD1",
+  behavior3: "AI \u5F00\u542F\u4F46\u672A\u914D\u7F6E + Bing \u5173\u95ED \u2192 \u4E0D\u7FFB\u8BD1",
+  behavior4: "AI \u5173\u95ED + Bing \u5F00\u542F \u2192 \u76F4\u63A5\u4F7F\u7528 Bing",
+  behavior5: "AI \u5173\u95ED + Bing \u5173\u95ED \u2192 \u4E0D\u7FFB\u8BD1",
+  concurrencyTitle: "\u6700\u5927\u7FFB\u8BD1\u5E76\u53D1\u6570",
+  concurrencyDesc: "\u63A7\u5236\u89C6\u53E3\u6EDA\u52A8\u4E0E\u591A\u5DE5\u5177\u5361\u7247\u65F6\u7684\u6700\u5927\u5E76\u884C\u8BF7\u6C42\u6570\uFF08\u8303\u56F4 1-100\uFF0C\u63A8\u8350 3\uFF09\u3002"
+};
+var en = {
+  pageNav: "Reading",
+  title: "Chat translate",
+  masterTitle: "Translation master switch",
+  enableTranslation: "Enable translation",
+  masterDesc: "Translates tool-call titles in the current session (e.g. {example}) into Chinese; click a translation to switch back to the original in place. Think text stays untranslated by default and is controlled by \u201Cshow think-chain translate button\u201D in the AI card: once on, a button appears at the right of every expanded think card and translates only when clicked. The collapsed summary line of a think card is never translated. Applies to the session you are viewing only; reply text is never translated.",
+  aiTitle: "AI translation (OpenAI-compatible)",
+  enableAi: "Enable the AI translation channel",
+  badgeConfigured: "Configured",
+  badgeUnconfigured: "Not configured",
+  aiFallbackNote: "When unconfigured the AI channel is skipped and Bing takes over.",
+  apiKeyTitle: "API Key",
+  apiKeyDesc: "Saved as {ref} in {home}; takes effect immediately. Saving an empty value clears it.",
+  apiKeyPlaceholderConfigured: "Configured (type a new value to replace it)",
+  save: "Save",
+  saving: "Saving\u2026",
+  keySaved: "Saved to {home}; takes effect immediately",
+  keyCleared: "API Key cleared (the AI channel becomes unavailable and Bing takes over)",
+  saveFailed: "Save failed: {error}",
+  unknownError: "Unknown error",
+  baseUrlTitle: "Base URL",
+  baseUrlDesc: "Any OpenAI-compatible endpoint, e.g. {url1} or {url2}",
+  modelTitle: "Model",
+  modelDesc: "e.g. {model1} or {model2}; empty counts as unconfigured",
+  test: "Test the AI channel",
+  testing: "Testing\u2026",
+  testOk: "Connected, {latency}ms latency",
+  testFail: "Failed: {error}",
+  thinkEnableTitle: "Show the think-chain translate button",
+  thinkEnableDesc: "Shows a button to the right of \u201CThink\u201D on every expanded think card; it translates that think text only when clicked, never automatically. Collapsed cards carry no button; it appears once the card is expanded. While translating, the button spins; once done it highlights solid, and clicking it again switches the whole block back to the original (clicks inside the text do not switch). Code blocks and the collapsed summary stay untouched, and the Bing channel is not involved. Turning this off removes the button and restores already translated content.",
+  thinkTimeoutTitle: "Think-chain translation timeout",
+  thinkTimeoutDesc: "In milliseconds, range 500-900000. A whole think block can take minutes; default 600000.",
+  bingTitle: "Bing web translation (key-free fallback)",
+  enableBing: "Enable the Bing translation channel",
+  bingDesc: "A built-in key-free channel that needs no configuration and translates tool-call titles only. It takes over automatically when AI is unconfigured or a request fails; think-chain translation never uses this channel. With both AI and Bing off, tool-call titles are not translated either.",
+  behaviorTitle: "Channel behavior",
+  behavior1: "AI on and configured \u2192 AI translates first, falling back to Bing on failure",
+  behavior2: "AI on but unconfigured + Bing on \u2192 Bing translates",
+  behavior3: "AI on but unconfigured + Bing off \u2192 nothing is translated",
+  behavior4: "AI off + Bing on \u2192 Bing is used directly",
+  behavior5: "AI off + Bing off \u2192 nothing is translated",
+  concurrencyTitle: "Max translation concurrency",
+  concurrencyDesc: "Caps parallel requests while the viewport scrolls across multiple tool cards (range 1-100, recommended 3)."
 };
 
 // src/client/settings/ui.tsx
@@ -1383,21 +2391,17 @@ function ensureSettingsStyles() {
   document.head.appendChild(el);
   stylesInjected = true;
 }
-function Switch(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      type: "button",
-      className: "dsh-tidy-switch",
-      role: "switch",
-      "aria-checked": props.checked,
-      onClick: props.onChange,
-      "aria-label": props.label
-    }
-  );
+var CREDENTIALS_PATH = "~/.dsh/.credentials.yaml";
+function withSamples(text, samples) {
+  return text.split(/(\{\w+\})/g).map((part, index) => {
+    const name2 = /^\{\w+\}$/.test(part) ? part.slice(1, -1) : "";
+    const sample = name2 === "" ? void 0 : samples[name2];
+    return sample === void 0 ? part : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: sample }, index);
+  });
 }
-function TidySettingsPanel(_props) {
+function TidySettingsPanel(props) {
   ensureSettingsStyles();
+  const { t } = props;
   const [state, setState] = (0, import_react2.useState)(() => settingsStore.getState());
   const [testing, setTesting] = (0, import_react2.useState)(null);
   const [apiKeyInput, setApiKeyInput] = (0, import_react2.useState)("");
@@ -1411,7 +2415,7 @@ function TidySettingsPanel(_props) {
   const runTest = async (channel) => {
     setTesting({ channel, running: true });
     const res = await settingsStore.testChannel(channel);
-    const message = res.ok ? `\u8FDE\u63A5\u6B63\u5E38\uFF0C\u5EF6\u8FDF ${res.latencyMs}ms` : `\u5931\u8D25\uFF1A${res.error || "\u672A\u77E5\u9519\u8BEF"}`;
+    const message = res.ok ? t("testOk").replace("{latency}", String(res.latencyMs)) : t("testFail").replace("{error}", res.error || t("unknownError"));
     setTesting({ channel, running: false, ok: res.ok, message });
   };
   const handleSaveKey = async () => {
@@ -1423,176 +2427,211 @@ function TidySettingsPanel(_props) {
       const cleared = !apiKeyInput.trim();
       setKeyMsg({
         ok: true,
-        text: cleared ? "\u5DF2\u6E05\u9664 API Key\uFF08AI \u901A\u9053\u5C06\u4E0D\u53EF\u7528\uFF0CBing \u515C\u5E95\uFF09" : "\u5DF2\u4FDD\u5B58\u5230 ~/.dsh/.credentials.yaml\uFF0C\u7ACB\u5373\u751F\u6548"
+        text: cleared ? t("keyCleared") : t("keySaved").replace("{home}", CREDENTIALS_PATH)
       });
       setApiKeyInput("");
     } else {
-      setKeyMsg({ ok: false, text: `\u4FDD\u5B58\u5931\u8D25\uFF1A${res.error || "\u672A\u77E5\u9519\u8BEF"}` });
+      setKeyMsg({
+        ok: false,
+        text: t("saveFailed").replace("{error}", res.error || t("unknownError"))
+      });
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-settings", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-card", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u5DE5\u5177\u8C03\u7528\u4E0E\u601D\u8003\u6458\u8981\u7FFB\u8BD1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("masterTitle") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          Switch,
+          import_dsh_client_ui_primitives.Switch,
           {
             checked: state.enabled,
-            onChange: () => settingsStore.update({ enabled: !state.enabled }),
-            label: "\u542F\u7528\u5DE5\u5177\u8C03\u7528\u4E0E\u6458\u8981\u7FFB\u8BD1"
+            onChange: (next) => settingsStore.update({ enabled: next }),
+            label: t("enableTranslation")
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-desc", children: [
-        "\u81EA\u52A8\u5C06\u5F53\u524D\u4F1A\u8BDD\u4E2D\u5DE5\u5177\u8C03\u7528\u6807\u9898\u4E0E\u601D\u8003\u6298\u53E0\u6458\u8981\uFF08\u5982 ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "Locate DSH home directory structure" }),
-        "\uFF09\u7FFB\u8BD1\u4E3A\u4E2D\u6587\uFF0C \u70B9\u51FB\u8BD1\u6587\u53EF\u539F\u5730\u5207\u6362\u539F\u6587/\u8BD1\u6587\u3002\u601D\u8003\u6298\u53E0\u6458\u8981\u4EC5\u5728\u601D\u8003\u5B8C\u5168\u7ED3\u675F\u540E\u624D\u7FFB\u8BD1\uFF08\u4E0D\u7FFB\u8BD1\u6D41\u5F0F\u4E2D\u95F4\u6001\uFF09\u3002 \u4EC5\u4F5C\u7528\u4E8E\u5F53\u524D\u67E5\u770B\u7684\u4F1A\u8BDD\uFF0C\u5BF9\u8BDD\u6B63\u6587\u6C38\u4E0D\u7FFB\u8BD1\u3002"
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-desc", children: withSamples(t("masterDesc"), { example: "Locate DSH home directory structure" }) })
     ] }),
     state.enabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-card", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-title", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "AI \u7FFB\u8BD1\uFF08OpenAI \u517C\u5BB9\u534F\u8BAE\uFF09" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("aiTitle") }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            Switch,
+            import_dsh_client_ui_primitives.Switch,
             {
               checked: state.aiEnabled,
-              onChange: () => settingsStore.update({ aiEnabled: !state.aiEnabled }),
-              label: "\u542F\u7528 AI \u7FFB\u8BD1\u901A\u9053"
+              onChange: (next) => settingsStore.update({ aiEnabled: next }),
+              label: t("enableAi")
             }
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-desc", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dsh-tidy-badge ${state.aiConfigured ? "dsh-tidy-badge-ok" : "dsh-tidy-badge-warn"}`, children: state.aiConfigured ? "\u5DF2\u914D\u7F6E" : "\u672A\u914D\u7F6E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: state.aiConfigured ? "success" : "warning", children: t(state.aiConfigured ? "badgeConfigured" : "badgeUnconfigured") }),
           " ",
-          "\u672A\u914D\u7F6E\u65F6 AI \u901A\u9053\u81EA\u52A8\u8DF3\u8FC7\uFF0C\u7531 Bing \u515C\u5E95\u3002"
+          t("aiFallbackNote")
         ] }),
         state.aiEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: "API Key" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-desc", children: [
-                "\u4FDD\u5B58\u81F3 ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "~/.dsh/.credentials.yaml" }),
-                " \u7684 ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "TRANSLATE_API_KEY" }),
-                "\uFF0C\u4FDD\u5B58\u540E\u7ACB\u5373\u751F\u6548\uFF1B\u7559\u7A7A\u4FDD\u5B58 = \u6E05\u9664"
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("apiKeyTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: withSamples(t("apiKeyDesc"), {
+                home: CREDENTIALS_PATH,
+                ref: TRANSLATE_API_KEY_REF
+              }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-input-row", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "input",
+                import_dsh_client_ui_primitives.Input,
                 {
                   type: "password",
-                  className: "dsh-tidy-input",
-                  placeholder: state.aiConfigured ? "\u5DF2\u914D\u7F6E\uFF08\u5982\u9700\u66F4\u6362\u8BF7\u76F4\u63A5\u8F93\u5165\uFF09" : "sk-...",
+                  className: "dsh-tidy-field-wide",
+                  placeholder: state.aiConfigured ? t("apiKeyPlaceholderConfigured") : "sk-...",
                   value: apiKeyInput,
                   onChange: (e) => setApiKeyInput(e.target.value),
-                  style: { width: "260px" },
-                  "aria-label": "API Key"
+                  "aria-label": t("apiKeyTitle")
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsh-tidy-btn", disabled: savingKey, onClick: handleSaveKey, children: savingKey ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_dsh_client_ui_primitives.Button,
+                {
+                  variant: "primary",
+                  size: "sm",
+                  disabled: savingKey,
+                  onClick: handleSaveKey,
+                  children: savingKey ? t("saving") : t("save")
+                }
+              )
             ] })
           ] }),
           keyMsg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `dsh-tidy-test-result ${keyMsg.ok ? "ok" : "fail"}`, children: keyMsg.text }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: "Base URL" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-desc", children: [
-                "\u4EFB\u610F OpenAI \u517C\u5BB9\u670D\u52A1\u7AEF\u70B9\uFF0C\u5982 ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "https://api.openai.com/v1" }),
-                "\u3001",
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "https://api.deepseek.com/v1" })
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("baseUrlTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: withSamples(t("baseUrlDesc"), {
+                url1: "https://api.openai.com/v1",
+                url2: "https://api.deepseek.com/v1"
+              }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "input",
+              import_dsh_client_ui_primitives.Input,
               {
                 type: "text",
-                className: "dsh-tidy-input",
+                className: "dsh-tidy-field-wide",
                 placeholder: "https://api.openai.com/v1",
                 value: state.baseUrl,
                 onChange: (e) => settingsStore.update({ baseUrl: e.target.value }),
-                style: { width: "260px" },
-                "aria-label": "AI Base URL"
+                "aria-label": t("baseUrlTitle")
               }
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: "\u6A21\u578B" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-desc", children: [
-                "\u5982 ",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "gpt-4o-mini" }),
-                "\u3001",
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "deepseek-chat" }),
-                "\uFF1B\u7559\u7A7A\u89C6\u4E3A\u672A\u914D\u7F6E"
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("modelTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: withSamples(t("modelDesc"), {
+                model1: "gpt-4o-mini",
+                model2: "deepseek-chat"
+              }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "input",
+              import_dsh_client_ui_primitives.Input,
               {
                 type: "text",
-                className: "dsh-tidy-input",
+                className: "dsh-tidy-field-wide",
                 placeholder: "gpt-4o-mini",
                 value: state.model,
                 onChange: (e) => settingsStore.update({ model: e.target.value }),
-                style: { width: "260px" },
-                "aria-label": "AI \u6A21\u578B"
+                "aria-label": t("modelTitle")
               }
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "button",
+              import_dsh_client_ui_primitives.Button,
               {
-                type: "button",
-                className: "dsh-tidy-btn",
+                variant: "outline",
+                size: "sm",
                 disabled: testing?.running,
                 onClick: () => runTest("openai"),
-                children: testing?.running ? "\u6D4B\u8BD5\u4E2D\u2026" : "\u6D4B\u8BD5 AI \u901A\u9053"
+                children: testing?.running ? t("testing") : t("test")
               }
             ),
             testing?.channel === "openai" && !testing.running && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dsh-tidy-test-result ${testing.ok ? "ok" : "fail"}`, children: testing.message })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("thinkEnableTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: t("thinkEnableDesc") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_dsh_client_ui_primitives.Switch,
+              {
+                checked: state.thinkEnabled,
+                onChange: (next) => settingsStore.update({ thinkEnabled: next }),
+                label: t("thinkEnableTitle")
+              }
+            )
+          ] }),
+          state.thinkEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("thinkTimeoutTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: t("thinkTimeoutDesc") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_dsh_client_ui_primitives.Input,
+              {
+                type: "number",
+                className: "dsh-tidy-field-timeout",
+                min: 500,
+                max: 9e5,
+                step: 1e3,
+                value: state.thinkTimeoutMs,
+                onChange: (e) => {
+                  const val = parseInt(e.target.value, 10);
+                  if (!Number.isFinite(val)) return;
+                  settingsStore.update({
+                    thinkTimeoutMs: Math.min(Math.max(val, 500), 9e5)
+                  });
+                },
+                "aria-label": t("thinkTimeoutTitle")
+              }
+            )
           ] })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-card", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-title", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Bing \u7F51\u9875\u7FFB\u8BD1\uFF08\u514D Key \u515C\u5E95\uFF09" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("bingTitle") }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            Switch,
+            import_dsh_client_ui_primitives.Switch,
             {
               checked: state.bingEnabled,
-              onChange: () => settingsStore.update({ bingEnabled: !state.bingEnabled }),
-              label: "\u542F\u7528 Bing \u7FFB\u8BD1\u901A\u9053"
+              onChange: (next) => settingsStore.update({ bingEnabled: next }),
+              label: t("enableBing")
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-desc", children: "\u5185\u7F6E\u514D Key \u7FFB\u8BD1\u901A\u9053\uFF0C\u65E0\u9700\u4EFB\u4F55\u914D\u7F6E\u3002AI \u672A\u914D\u7F6E\u6216\u8BF7\u6C42\u5931\u8D25\u65F6\u81EA\u52A8\u515C\u5E95\uFF1BAI \u4E0E Bing \u540C\u65F6\u5173\u95ED\u5219\u4E0D\u7FFB\u8BD1\u3002" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-desc", children: t("bingDesc") })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: "\u901A\u9053\u884C\u4E3A" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("behaviorTitle") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { className: "dsh-tidy-desc dsh-tidy-behavior-list", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "AI \u5F00\u542F\u4E14\u5DF2\u914D\u7F6E \u2192 AI \u4F18\u5148\u7FFB\u8BD1\uFF0C\u5931\u8D25\u81EA\u52A8\u964D\u7EA7 Bing" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "AI \u5F00\u542F\u4F46\u672A\u914D\u7F6E + Bing \u5F00\u542F \u2192 \u7531 Bing \u7FFB\u8BD1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "AI \u5F00\u542F\u4F46\u672A\u914D\u7F6E + Bing \u5173\u95ED \u2192 \u4E0D\u7FFB\u8BD1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "AI \u5173\u95ED + Bing \u5F00\u542F \u2192 \u76F4\u63A5\u4F7F\u7528 Bing" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "AI \u5173\u95ED + Bing \u5173\u95ED \u2192 \u4E0D\u7FFB\u8BD1" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: t("behavior1") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: t("behavior2") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: t("behavior3") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: t("behavior4") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: t("behavior5") })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-tidy-row-info", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: "\u6700\u5927\u7FFB\u8BD1\u5E76\u53D1\u6570" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: "\u63A7\u5236\u89C6\u53E3\u6EDA\u52A8\u4E0E\u591A\u5DE5\u5177\u5361\u7247\u65F6\u7684\u6700\u5927\u5E76\u884C\u8BF7\u6C42\u6570\uFF08\u8303\u56F4 1-100\uFF0C\u63A8\u8350 3\uFF09\u3002" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-title", children: t("concurrencyTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-tidy-row-desc", children: t("concurrencyDesc") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
+          import_dsh_client_ui_primitives.Input,
           {
             type: "number",
-            className: "dsh-tidy-input",
+            className: "dsh-tidy-field-count",
             min: 1,
             max: 100,
             step: 1,
@@ -1602,8 +2641,7 @@ function TidySettingsPanel(_props) {
               if (!Number.isFinite(val)) return;
               settingsStore.update({ concurrency: Math.min(Math.max(val, 1), 100) });
             },
-            style: { width: "88px" },
-            "aria-label": "\u6700\u5927\u7FFB\u8BD1\u5E76\u53D1\u6570"
+            "aria-label": t("concurrencyTitle")
           }
         )
       ] }) })
@@ -1660,7 +2698,7 @@ function setupSettingsUi(ctx) {
 
 // src/client/index.ts
 var name = "dsh-chat-translate";
-var inject = ["slots", "settingsScope", "remote", "remote.credentials"];
+var inject = ["slots", "settingsScope", "remote", "remote.credentials", "locale"];
 function apply(ctx) {
   ctx.effect(() => chatTranslateObserver.start(document), "dsh-chat-translate: title translate observer");
   ctx.effect(() => setupSettingsUi(ctx), "dsh-chat-translate: settings section");