@lynn123411/dsh-chat-translate 1.3.2 → 1.5.0

package/lib/client.js

@@ -35,33 +35,47 @@ __export(index_exports, {
 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 +121,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 +146,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,6 +160,7 @@ var ClientCache = class {
   }
 };
 var clientCache = new ClientCache();
+var thinkClientCache = new ClientCache(THINK_CACHE_KEY, THINK_MAX_ENTRIES);
 
 // src/describe-error.ts
 function describeError(err) {
@@ -218,6 +233,37 @@ async function requestTranslateBatch(texts, options = {}) {
     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", {
@@ -235,6 +281,8 @@ async function testServerChannel(channel) {
 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 +334,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.
    */
@@ -542,13 +656,489 @@ var LazyTranslationQueue = class {
 };
 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.pendingActivate = false;
+        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, pendingActivate: false };
+      this.states.set(card, state);
+    }
+    return state;
+  }
+  runSync(card) {
+    if (!card.isConnected) return;
+    const state = this.stateFor(card);
+    if (!this.usable()) {
+      this.removeButton(card, state, true);
+      return;
+    }
+    const expanded = card.querySelector(EXPANDED_SELECTOR) !== null;
+    if (!expanded) state.expandedHandled = false;
+    this.ensureButton(card, state);
+    if (state.state !== "working") {
+      state.state = this.isShowingTranslation(card) ? "translated" : "idle";
+    }
+    state.button?.setState(state.state);
+    this.updateDisabled(card, state);
+    if (state.pendingActivate) {
+      if (card.dataset.state === "running") return;
+      state.pendingActivate = false;
+      this.translateCard(card, state);
+      return;
+    }
+    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(card, state, restore) {
+    state.button?.element.remove();
+    state.button = null;
+    state.state = "idle";
+    state.pendingActivate = false;
+    if (restore) 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;
+  }
+  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 (card.querySelector(EXPANDED_SELECTOR) === null) {
+      state.pendingActivate = true;
+      const row = card.querySelector("[data-disclosure-row]") ?? card;
+      row.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
+      this.syncCard(card);
+      return;
+    }
+    if (state.state === "translated") {
+      NonDestructiveTranslationMount.toggleGroup(card, true);
+      state.state = "idle";
+      state.button?.setState("idle");
+      return;
+    }
+    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;
+        }
+        thinkClientCache.set(unit.text, result.translated);
+        this.applyUnit(unit, result.translated);
+      }
+    }
+    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
+    });
+  }
+};
+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;
 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,20 +1159,19 @@ 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;
   constructor() {
     this.handleMutations = this.handleMutations.bind(this);
   }
   setEnabled(enabled) {
     this.isEnabled = enabled;
+    thinkTranslator.setEnabled(enabled && this.thinkEnabled);
     if (enabled) {
       lazyQueue.setEnabled(true);
       this.start();
@@ -594,10 +1183,22 @@ 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);
   }
   /**
    * The active session's scroll container. Only the currently-viewed session
@@ -633,7 +1234,9 @@ var ChatTranslateObserver = class {
     const findAndObserveRoot = () => {
       const root = this.findRoot(documentRef);
       this.rootElement = root;
+      thinkTranslator.setScope(root);
       this.scanContainer(root);
+      this.scanThink(root);
       if (!this.observer) {
         this.observer = new MutationObserver(this.handleMutations);
         this.observer.observe(root, {
@@ -641,7 +1244,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,30 +1283,36 @@ var ChatTranslateObserver = class {
     if (!this.isEnabled) return;
     for (const mutation of mutations) {
       if (mutation.type === "childList") {
+        let addedElement = false;
         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")) {
-              continue;
-            }
+            if (NonDestructiveTranslationMount.isOwnNode(node)) continue;
+            addedElement = true;
             this.scanNode(node);
+            this.scanThink(node);
+          }
+        }
+        const target = mutation.target;
+        if (!addedElement && target instanceof HTMLElement) {
+          if (!NonDestructiveTranslationMount.isOwnNode(target)) {
+            this.scanNode(target);
+            this.scanThink(target);
           }
         }
       } 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;
-          }
+          if (NonDestructiveTranslationMount.isOwnNode(target)) continue;
           this.scanNode(target);
+          this.scanThink(target);
         }
       } else if (mutation.type === "characterData") {
         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);
         }
       }
     }
@@ -719,8 +1336,22 @@ 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) {
@@ -757,8 +1388,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 +1400,8 @@ var DEFAULT_STATE = {
   concurrency: 3,
   aiEnabled: true,
   bingEnabled: true,
+  thinkEnabled: true,
+  thinkTimeoutMs: 6e5,
   baseUrl: "",
   model: "",
   aiConfigured: false
@@ -819,6 +1455,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 +1477,11 @@ var SettingsStore = class {
       } catch {
       }
     }
+    try {
+      chatTranslateObserver.setThinkEnabled(this.state.enabled && this.state.thinkEnabled);
+      chatTranslateObserver.setThinkConfigured(this.state.aiEnabled && this.state.aiConfigured);
+    } catch {
+    }
     this.notify();
   }
   notify() {
@@ -872,14 +1521,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 +1565,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 +1619,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 +1660,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 +1669,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-field-wide {
+  width: 260px;
 }
 
-.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-field-timeout {
+  width: 120px;
 }
 
-.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-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-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 +1744,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 +1758,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 +1854,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\u6BCF\u5F20\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\u6BCF\u5F20\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\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 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 think card; it translates that think text only when clicked, never automatically. 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 +1954,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 +1978,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 +1990,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 +2204,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 +2261,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");