@lynn123411/dsh-chat-translate 2.0.0 → 3.0.1

package/lib/client.js

@@ -1,8 +1,10 @@
 window.__ModuleLoader__.load({ id: "@lynn123411/dsh-chat-translate", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -16,162 +18,40 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.ts
 var index_exports = {};
 __export(index_exports, {
-  NonDestructiveTranslationMount: () => NonDestructiveTranslationMount,
+  AssistantStepView: () => AssistantStepView,
+  ComposerTranslateToggle: () => ComposerTranslateToggle,
+  POLICY_BY_MODE: () => POLICY_BY_MODE,
   apply: () => apply,
-  chatTranslateObserver: () => chatTranslateObserver,
-  chunkUnits: () => chunkUnits,
-  clientCache: () => clientCache,
-  collectReplyUnits: () => collectReplyUnits,
+  chatPresentation: () => chatPresentation,
+  chatTranslate: () => chatTranslate,
+  createChatPresentation: () => createChatPresentation,
+  createTranslateStore: () => createTranslateStore,
+  ensureAssistantStyles: () => ensureAssistantStyles,
   inject: () => inject,
-  lazyQueue: () => lazyQueue,
   name: () => name,
-  needsTranslation: () => needsTranslation,
-  replyTranslator: () => replyTranslator,
+  planAssistantRow: () => planAssistantRow,
   settingsStore: () => settingsStore,
+  setupComposerToggle: () => setupComposerToggle,
   setupSettingsUi: () => setupSettingsUi
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/server/pipeline/mask-tokens.ts
-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, "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 hasAnyMaskResidue(translatedText);
-}
-
-// src/client/translate/client-cache.ts
-var CACHE_KEY = "dsh-chat-translate:cache";
-var MAX_ENTRIES = 500;
-var RETIRED_CACHE_KEYS = ["dsh-chat-translate:think-cache"];
-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;
-  storageKey;
-  maxEntries;
-  constructor(storageKey = CACHE_KEY, maxEntries = MAX_ENTRIES) {
-    this.storageKey = storageKey;
-    this.maxEntries = maxEntries;
-    this.load();
-  }
-  load() {
-    if (typeof localStorage === "undefined") return;
-    try {
-      const raw = localStorage.getItem(this.storageKey);
-      if (raw) {
-        const obj = JSON.parse(raw);
-        if (obj && typeof obj === "object") {
-          for (const [k, entry] of Object.entries(obj)) {
-            if (typeof entry === "string") {
-              this.memCache.set(k, { t: 0, v: entry });
-            } else if (entry && typeof entry === "object" && typeof entry.v === "string") {
-              this.memCache.set(k, entry);
-            }
-          }
-        }
-      }
-    } catch {
-    }
-  }
-  get(text) {
-    const key = text.trim().toLowerCase();
-    const entry = this.memCache.get(key);
-    if (entry === void 0) return void 0;
-    if (typeof entry.v === "string" && isMaskLeak(entry.v)) {
-      this.memCache.delete(key);
-      this.dirty = true;
-      this.scheduleSave();
-      return void 0;
-    }
-    if (entry.v && entry.v.trim().toLowerCase() === key) {
-      this.memCache.delete(key);
-      this.dirty = true;
-      this.scheduleSave();
-      return void 0;
-    }
-    if (entry.t > 0 && Date.now() - entry.t > TTL_MS) {
-      this.memCache.delete(key);
-      this.dirty = true;
-      this.scheduleSave();
-      return void 0;
-    }
-    this.memCache.delete(key);
-    this.memCache.set(key, entry);
-    return entry.v;
-  }
-  set(text, translated) {
-    const key = text.trim().toLowerCase();
-    if (this.memCache.has(key)) {
-      this.memCache.delete(key);
-    } else if (this.memCache.size >= this.maxEntries) {
-      const oldestKey = this.memCache.keys().next().value;
-      if (oldestKey !== void 0) {
-        this.memCache.delete(oldestKey);
-      }
-    }
-    this.memCache.set(key, { t: Date.now(), v: translated });
-    this.dirty = true;
-    this.scheduleSave();
-  }
-  scheduleSave() {
-    if (this.saveTimer !== null || typeof window === "undefined") return;
-    this.saveTimer = window.setTimeout(() => {
-      this.saveTimer = null;
-      this.flushSync();
-    }, 2e3);
-  }
-  flushSync() {
-    if (!this.dirty || typeof localStorage === "undefined") return;
-    this.dirty = false;
-    try {
-      const obj = {};
-      for (const [k, v] of this.memCache.entries()) {
-        obj[k] = v;
-      }
-      localStorage.setItem(this.storageKey, JSON.stringify(obj));
-    } catch {
-    }
-  }
-  clear() {
-    this.memCache.clear();
-    this.dirty = true;
-    this.flushSync();
-  }
-  size() {
-    return this.memCache.size;
-  }
-};
-function retireClientCaches() {
-  if (typeof localStorage === "undefined") return;
-  for (const key of RETIRED_CACHE_KEYS) {
-    try {
-      localStorage.removeItem(key);
-    } catch {
-    }
-  }
-}
-retireClientCaches();
-var clientCache = new ClientCache();
+// src/client/settings/ui.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/describe-error.ts
 function describeError(err) {
@@ -244,688 +124,6 @@ async function testServerChannel(channel) {
   }
 }
 
-// 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.
-   */
-  static mount(element, translated, options = {}) {
-    if (!element || !element.ownerDocument) return;
-    const doc = element.ownerDocument;
-    let transWrapper = element.querySelector(`:scope > .${CLASS_TRANSLATED_BLOCK}`);
-    let origWrapper = element.querySelector(
-      `:scope > .${CLASS_ORIGINAL_HIDDEN}, :scope > .${CLASS_ORIGINAL_SHOWN}`
-    );
-    if (transWrapper && origWrapper) {
-      transWrapper.textContent = translated;
-      element.dataset.tidyTranslated = "true";
-      if (options.originalText) element.dataset.original = options.originalText;
-      return;
-    }
-    const originalText = options.originalText ?? this.extractVisibleText(element);
-    origWrapper = doc.createElement("span");
-    origWrapper.className = CLASS_ORIGINAL_HIDDEN;
-    origWrapper.style.display = "none";
-    while (element.firstChild) {
-      origWrapper.appendChild(element.firstChild);
-    }
-    transWrapper = doc.createElement("span");
-    transWrapper.className = CLASS_TRANSLATED_BLOCK;
-    transWrapper.textContent = translated;
-    const interactive = options.interactive !== false;
-    if (interactive) {
-      const showOriginal = (e) => {
-        e.stopPropagation();
-        if (!origWrapper || !transWrapper) return;
-        origWrapper.style.display = "inline";
-        origWrapper.className = CLASS_ORIGINAL_SHOWN;
-        transWrapper.style.display = "none";
-      };
-      const showTranslated = (e) => {
-        e.stopPropagation();
-        if (!origWrapper || !transWrapper) return;
-        origWrapper.style.display = "none";
-        origWrapper.className = CLASS_ORIGINAL_HIDDEN;
-        transWrapper.style.display = "inline";
-      };
-      transWrapper.addEventListener("click", showOriginal);
-      origWrapper.addEventListener("click", showTranslated);
-    }
-    element.appendChild(transWrapper);
-    element.appendChild(origWrapper);
-    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;
-  }
-  /**
-   * Unmounts translation and restores original DOM nodes completely.
-   */
-  static unmount(element) {
-    if (!element) return;
-    const origWrapper = element.querySelector(
-      `:scope > .${CLASS_ORIGINAL_HIDDEN}, :scope > .${CLASS_ORIGINAL_SHOWN}`
-    );
-    const transWrapper = element.querySelector(`:scope > .${CLASS_TRANSLATED_BLOCK}`);
-    if (origWrapper) {
-      while (origWrapper.firstChild) {
-        element.insertBefore(origWrapper.firstChild, origWrapper);
-      }
-      origWrapper.remove();
-    }
-    if (transWrapper) {
-      transWrapper.remove();
-    }
-    if (!origWrapper && element.dataset.original) {
-      element.textContent = element.dataset.original;
-    }
-    delete element.dataset.tidyTranslated;
-    delete element.dataset.original;
-  }
-  /**
-   * Checks if an element has non-destructive translation mounted.
-   */
-  static isMounted(element) {
-    return element.dataset.tidyTranslated === "true" && !!element.querySelector(`:scope > .${CLASS_TRANSLATED_BLOCK}`);
-  }
-  /**
-   * Gets the original text recorded on the element or contained in origWrapper.
-   */
-  static getOriginal(element) {
-    if (element.dataset.original) return element.dataset.original;
-    const origWrapper = element.querySelector(
-      `:scope > .${CLASS_ORIGINAL_HIDDEN}, :scope > .${CLASS_ORIGINAL_SHOWN}`
-    );
-    return origWrapper ? origWrapper.textContent?.trim() : void 0;
-  }
-  /**
-   * Extracts text content excluding our own translation wrappers.
-   */
-  static extractVisibleText(element) {
-    const origWrapper = element.querySelector(
-      `:scope > .${CLASS_ORIGINAL_HIDDEN}, :scope > .${CLASS_ORIGINAL_SHOWN}`
-    );
-    if (origWrapper) {
-      return origWrapper.textContent?.trim() || "";
-    }
-    const transWrapper = element.querySelector(`:scope > .${CLASS_TRANSLATED_BLOCK}`);
-    if (transWrapper) {
-      return transWrapper.textContent?.trim() || "";
-    }
-    return element.textContent?.trim() || "";
-  }
-};
-
-// src/server/pipeline/blocks.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/reply.ts
-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 HAS_LATIN = /[A-Za-z]/;
-function isMountedElement(element) {
-  return element.dataset?.tidyTranslated === "true";
-}
-function hasNestedBoundary(element) {
-  return element.querySelector(NESTED_BOUNDARY_SELECTOR) !== null;
-}
-function needsTranslation(text) {
-  return HAS_LATIN.test(text);
-}
-function collectReplyUnits(body) {
-  const units = [];
-  const pushRun = (nodes) => {
-    if (nodes.length === 0) return;
-    const text = nodes.map((node) => node.textContent ?? "").join("").trim();
-    if (!text || !needsTranslation(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 && needsTranslation(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 ReplyTranslateController = class {
-  /** 正文容器 → 在途 Promise，避免同一条回答被重复翻译。 */
-  inFlight = /* @__PURE__ */ new WeakMap();
-  /**
-   * 翻译一条回答的正文容器。已命中缓存的单位立即挂上，其余按块请求；
-   * 失败的块保留原文（结果不入缓存，下次滚回视口会自然重试）。
-   * @param body - 正文容器（markdown body）。
-   * @returns 本次翻译完成后结算（已在途则返回同一次在途）。
-   */
-  translateBody(body) {
-    const running = this.inFlight.get(body);
-    if (running !== void 0) return running;
-    const task = this.run(body).finally(() => {
-      this.inFlight.delete(body);
-    });
-    this.inFlight.set(body, task);
-    return task;
-  }
-  async run(body) {
-    const units = collectReplyUnits(body);
-    if (units.length === 0) return;
-    const missing = [];
-    for (const unit of units) {
-      const cached = clientCache.get(unit.text);
-      if (cached === void 0) missing.push(unit);
-      else this.applyUnit(unit, cached);
-    }
-    if (missing.length === 0) return;
-    await this.translateUnits(missing);
-  }
-  /**
-   * 逐块请求并挂载。失败的块保持原文：界面上不留提示，控制台留一条警告，结果
-   * 不进缓存，因此这一块在下次进入视口时会自然重试。
-   */
-  async translateUnits(units) {
-    for (const chunk of chunkUnits(units)) {
-      const texts = chunk.map((unit) => unit.text);
-      let results;
-      try {
-        results = await requestTranslateReply(texts);
-      } catch (err) {
-        console.warn(
-          `[dsh-chat-translate] \u6B63\u6587\u7FFB\u8BD1\u5757\u8BF7\u6C42\u5931\u8D25\uFF0C\u4FDD\u7559\u539F\u6587: ${err?.message ?? err}`
-        );
-        continue;
-      }
-      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()) {
-          console.warn(
-            `[dsh-chat-translate] \u6B63\u6587\u7FFB\u8BD1\u672A\u6210\u529F\uFF0C\u4FDD\u7559\u539F\u6587: "${unit.text.slice(0, 40)}"`
-          );
-          continue;
-        }
-        clientCache.set(unit.text, result.translated);
-        this.applyUnit(unit, result.translated);
-      }
-    }
-  }
-  /** 把译文挂到单位上；期间文本或节点已经变动的单位直接放弃（结果已进缓存）。 */
-  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
-      });
-      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
-    });
-  }
-};
-var replyTranslator = new ReplyTranslateController();
-
-// src/client/translate/lazy.ts
-var VIEWPORT_MARGIN = "150px 0px";
-var SETTLE_DEBOUNCE_MS = 120;
-var LazyTranslationQueue = class {
-  enabled = true;
-  observer = null;
-  pending = /* @__PURE__ */ new Map();
-  setEnabled(enabled) {
-    this.enabled = enabled;
-    if (!enabled) {
-      this.disconnect();
-    }
-  }
-  observe(body, immediate = false) {
-    if (!this.enabled || !body.isConnected) return;
-    if (immediate || typeof IntersectionObserver === "undefined") {
-      void replyTranslator.translateBody(body);
-      return;
-    }
-    const observer = this.intersectionObserver();
-    if (observer === null) {
-      void replyTranslator.translateBody(body);
-      return;
-    }
-    observer.observe(body);
-  }
-  intersectionObserver() {
-    if (typeof window === "undefined") return null;
-    if (this.observer !== null) return this.observer;
-    this.observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (!entry.isIntersecting) continue;
-          const body = entry.target;
-          if (!(body instanceof HTMLElement)) continue;
-          this.observer?.unobserve(body);
-          this.scheduleTranslation(body);
-        }
-      },
-      { root: null, rootMargin: VIEWPORT_MARGIN, threshold: 0 }
-    );
-    return this.observer;
-  }
-  /**
-   * 进入视口后稍等一拍再翻，避开「刚出现、还在布局」的那一瞬。已经在等的那条
-   * 不重复排队。
-   */
-  scheduleTranslation(body) {
-    if (typeof window === "undefined") {
-      void replyTranslator.translateBody(body);
-      return;
-    }
-    if (this.pending.has(body)) return;
-    const timer = window.setTimeout(() => {
-      this.pending.delete(body);
-      if (!this.enabled || !body.isConnected) return;
-      void replyTranslator.translateBody(body);
-    }, SETTLE_DEBOUNCE_MS);
-    this.pending.set(body, timer);
-  }
-  disconnect() {
-    if (typeof window !== "undefined") {
-      for (const timer of this.pending.values()) window.clearTimeout(timer);
-    }
-    this.pending.clear();
-    if (this.observer) {
-      this.observer.disconnect();
-      this.observer = null;
-    }
-  }
-};
-var lazyQueue = new LazyTranslationQueue();
-
-// src/client/translate/observer.ts
-var REPLY_ROW_SELECTOR = '[data-chat-flow-kind][data-chat-group-part="response"]';
-var MARKDOWN_BODY_SELECTOR = '[class*="body" i]';
-var PROCESS_MEMBER_SELECTOR = "[data-turn-process-member]";
-var PROCESS_ANSWER_SELECTOR = "[data-turn-process-answer]";
-var EXCLUDED_SELECTOR = [
-  '[data-variant="think"]',
-  "[data-chat-call-id]",
-  '[data-slot="tool.call.toolview"]',
-  '[data-chat-group-part="reasoning"]'
-].join(",");
-var SESSION_ROOT_SELECTOR = "[data-conversation-scroll], [data-chat-flow]";
-var ROOT_CHECK_INTERVAL_MS = 3e3;
-function isStreaming(root) {
-  return root.hasAttribute("data-streaming");
-}
-function isInsideProcessDisclosure(element) {
-  const row = element.closest(PROCESS_MEMBER_SELECTOR);
-  if (row === null || !row.contains(element)) return false;
-  if (row.matches(PROCESS_ANSWER_SELECTOR)) return false;
-  if (row.querySelector(PROCESS_ANSWER_SELECTOR) !== null) return false;
-  return true;
-}
-var ChatTranslateObserver = class {
-  observer = null;
-  rootElement = null;
-  rootCheckTimer = null;
-  isEnabled = true;
-  /**
-   * 已经交给翻译器的正文容器，避免同一条回答在每次 DOM 变动时重扫。总开关重开
-   * 时清空：关着的那段时间落定的回答需要补翻。
-   */
-  handled = /* @__PURE__ */ new WeakSet();
-  constructor() {
-    this.handleMutations = this.handleMutations.bind(this);
-  }
-  setEnabled(enabled) {
-    if (enabled === this.isEnabled) return;
-    this.isEnabled = enabled;
-    if (enabled) {
-      lazyQueue.setEnabled(true);
-      this.handled = /* @__PURE__ */ new WeakSet();
-      this.observer?.disconnect();
-      this.observer = null;
-      this.start();
-      if (this.rootElement !== null) this.scanContainer(this.rootElement);
-    } else {
-      this.restoreOriginals();
-      this.disconnect();
-      lazyQueue.setEnabled(false);
-    }
-  }
-  restoreOriginals() {
-    const scope = this.rootElement ?? document;
-    NonDestructiveTranslationMount.restore(scope);
-    this.handled = /* @__PURE__ */ new WeakSet();
-  }
-  /**
-   * The active session's scroll container. Only the currently-viewed session
-   * is translated; switching sessions replaces this subtree and the observer
-   * naturally follows the new content.
-   */
-  isVisible(el) {
-    if (el.hasAttribute("hidden")) return false;
-    if (el.style.display === "none") return false;
-    try {
-      return el.getClientRects().length > 0;
-    } catch {
-      return true;
-    }
-  }
-  findRoot(documentRef) {
-    if (!documentRef.body) {
-      return documentRef.documentElement;
-    }
-    const candidates = documentRef.querySelectorAll(SESSION_ROOT_SELECTOR);
-    for (const el of candidates) {
-      if (this.isVisible(el)) {
-        return el;
-      }
-    }
-    return documentRef.body;
-  }
-  start(documentRef = document) {
-    if (!this.isEnabled || typeof window === "undefined") {
-      return () => {
-      };
-    }
-    const findAndObserveRoot = () => {
-      const root = this.findRoot(documentRef);
-      this.rootElement = root;
-      this.scanContainer(root);
-      if (!this.observer) {
-        this.observer = new MutationObserver(this.handleMutations);
-        this.observer.observe(root, {
-          childList: true,
-          subtree: true,
-          attributes: true,
-          characterData: true,
-          // `data-streaming` 从 markdown 根上消失就是落定信号；`data-turn-process-*`
-          // 是内核改判「哪些 flow item 属于折叠块」时动的属性，它一变就要重扫。
-          attributeFilter: [
-            "data-streaming",
-            "data-chat-flow-kind",
-            "data-chat-group-part",
-            "data-turn-process-member",
-            "data-turn-process-answer"
-          ]
-        });
-      }
-    };
-    findAndObserveRoot();
-    this.scheduleRootCheck();
-    return () => {
-      this.disconnect();
-    };
-  }
-  scheduleRootCheck() {
-    if (this.rootCheckTimer !== null || typeof window === "undefined") return;
-    this.rootCheckTimer = window.setInterval(() => {
-      if (this.rootElement && this.rootElement.isConnected && this.isVisible(this.rootElement)) {
-        return;
-      }
-      this.restart();
-    }, ROOT_CHECK_INTERVAL_MS);
-  }
-  restart() {
-    if (typeof window === "undefined") return;
-    const wasEnabled = this.isEnabled;
-    this.disconnect();
-    if (wasEnabled) {
-      this.start();
-    }
-  }
-  handleMutations(mutations) {
-    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 (NonDestructiveTranslationMount.isOwnNode(node)) continue;
-            addedElement = true;
-            this.scanNode(node);
-          }
-        }
-        const target = mutation.target;
-        if (target instanceof HTMLElement) {
-          if (!addedElement && !NonDestructiveTranslationMount.isOwnNode(target)) {
-            this.scanNode(target);
-          }
-        }
-      } else if (mutation.type === "attributes") {
-        const target = mutation.target;
-        if (target instanceof HTMLElement) {
-          if (NonDestructiveTranslationMount.isOwnNode(target)) continue;
-          this.scanNode(target);
-        }
-      } else if (mutation.type === "characterData") {
-        const parent = mutation.target.parentElement;
-        if (parent instanceof HTMLElement) {
-          if (NonDestructiveTranslationMount.isOwnNode(parent)) continue;
-          this.scanNode(parent);
-        }
-      }
-    }
-  }
-  /**
-   * 扫一棵子树，把里面**全部**该翻的正文容器交给翻译器。
-   *
-   * 不再「命中第一个就返回」：一个容器里可以有好几行 response（折叠块里每一步
-   * 露出的一段正文就是一行），只取第一个会把后面那些整片漏掉。
-   */
-  scanContainer(container) {
-    this.tryBodies(container);
-    if (container === null) return;
-    for (const row of container.querySelectorAll(REPLY_ROW_SELECTOR)) {
-      this.tryRow(row);
-    }
-  }
-  /** 扫一个刚变动过的节点（含它所在的这一行，以及它内部的每一行）。 */
-  scanNode(node) {
-    this.tryBodies(node);
-    const row = node.closest(REPLY_ROW_SELECTOR);
-    if (row !== null && row !== node) this.tryRow(row);
-    for (const child of node.querySelectorAll(REPLY_ROW_SELECTOR)) {
-      this.tryRow(child);
-    }
-  }
-  /** 一行 flow item 里的**每一个**正文容器；工具行、Think 卡会被排除规则挡掉。 */
-  tryRow(row) {
-    this.tryBodies(row);
-    if (row === null) return;
-    for (const body of row.querySelectorAll(MARKDOWN_BODY_SELECTOR)) {
-      this.tryBody(body);
-    }
-  }
-  /** 判定并交给翻译器：这个元素自己或它内部的每一条落定正文容器。 */
-  tryBodies(element) {
-    this.tryBody(element);
-    if (element === null) return;
-    for (const body of element.querySelectorAll(MARKDOWN_BODY_SELECTOR)) {
-      this.tryBody(body);
-    }
-  }
-  /** 判定并交给翻译器：这一个元素自己是不是一条该翻的正文容器。 */
-  tryBody(element) {
-    if (!(element instanceof HTMLElement)) return;
-    if (!this.isTranslatableBody(element)) return;
-    this.requestTranslate(element);
-  }
-  /**
-   * 这个元素自己是不是一条该翻的正文容器：落定的、落在过程折叠块里的 markdown
-   * 正文，且不被排除规则挡住（Think 卡、工具行、最终汇总都不算）。
-   */
-  isTranslatableBody(element) {
-    if (!(element instanceof HTMLElement)) return false;
-    if (!element.matches(MARKDOWN_BODY_SELECTOR)) return false;
-    if (element.closest(EXCLUDED_SELECTOR) !== null) return false;
-    if (element.closest(REPLY_ROW_SELECTOR) === null) return false;
-    if (!isInsideProcessDisclosure(element)) return false;
-    const root = element.closest("[data-streaming]") ?? element;
-    if (isStreaming(root)) return false;
-    return true;
-  }
-  /**
-   * 把一条落定的正文交给视口懒队列：视口内立刻翻、视口外的等滚到再翻，
-   * 命中缓存的由翻译器立即挂上。同一条回答只登记一次。
-   */
-  requestTranslate(body) {
-    if (this.handled.has(body)) return;
-    this.handled.add(body);
-    lazyQueue.observe(body);
-  }
-  disconnect() {
-    if (this.rootCheckTimer !== null) {
-      clearInterval(this.rootCheckTimer);
-      this.rootCheckTimer = null;
-    }
-    if (this.observer) {
-      this.observer.disconnect();
-      this.observer = null;
-    }
-    lazyQueue.disconnect();
-    this.rootElement = null;
-  }
-};
-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 AI_TIMEOUT_MIN = 500;
 var AI_TIMEOUT_MAX = 9e5;
@@ -994,14 +192,7 @@ var SettingsStore = class {
   }
   applyState(next) {
     next.aiConfigured = Boolean(next.baseUrl && next.model && this.keyConfigured);
-    const enabledChanged = next.enabled !== this.state.enabled;
     this.state = next;
-    if (enabledChanged) {
-      try {
-        chatTranslateObserver.setEnabled(this.state.enabled);
-      } catch {
-      }
-    }
     this.notify();
   }
   notify() {
@@ -1354,7 +545,7 @@ var zh = {
   title: "\u6B63\u6587\u7FFB\u8BD1",
   masterTitle: "\u7FFB\u8BD1\u603B\u5F00\u5173",
   enableTranslation: "\u542F\u7528\u7FFB\u8BD1",
-  masterDesc: "\u81EA\u52A8\u628A\u56DE\u7B54\u6B63\u6587\u91CC\u9700\u8981\u9605\u8BFB\u7684\u82F1\u6587\u7FFB\u6210\u4E2D\u6587\uFF08\u5982 {example}\uFF09\uFF0C\u601D\u8003\u5361\u4E0E\u5DE5\u5177\u8C03\u7528\u884C\u4E00\u5F8B\u4E0D\u7FFB\uFF0C\u4EE3\u7801\u5757\u539F\u6837\u4FDD\u7559\u3002\u8BD1\u6587\u6302\u5728\u539F\u6587\u4F4D\u7F6E\u4E0A\uFF0C\u70B9\u51FB\u8BD1\u6587\u53EF\u539F\u5730\u5207\u56DE\u539F\u6587\u3002\u56DE\u7B54\u8FD8\u5728\u6D41\u5F0F\u8F93\u51FA\u65F6\u4E0D\u7FFB\uFF0C\u843D\u5B9A\u540E\u6574\u6761\u8F6C\u4E3A\u4E2D\u6587\uFF1B\u5DF2\u7ECF\u5199\u597D\u7684\u4E2D\u6587\u6BB5\u843D\u539F\u6837\u4FDD\u7559\u3002\u53EA\u4F5C\u7528\u4E8E\u5F53\u524D\u67E5\u770B\u7684\u4F1A\u8BDD\uFF0C\u8BD1\u6587\u4E0D\u5199\u56DE\u4F1A\u8BDD\u4E0A\u4E0B\u6587\u3002",
+  masterDesc: "\u81EA\u52A8\u628A\u52A9\u624B\u56DE\u7B54\u6B63\u6587\u7FFB\u6210\u4E2D\u6587\uFF08\u5982 {example}\uFF09\uFF1A\u6298\u53E0\u5757\u91CC\u7684\u8FC7\u7A0B\u6B63\u6587\u4E0E\u6700\u7EC8\u6C47\u603B\u4E00\u89C6\u540C\u4EC1\uFF0C\u6574\u6BB5\u4E2D\u6587\u7684\u5757\u4E5F\u7167\u9001\uFF0C\u7531\u6A21\u578B\u4E00\u5E76\u6539\u5199\u6210\u81EA\u7136\u4E2D\u6587\u3001\u987A\u6389\u673A\u5668\u8154\u3002Think \u5361\u4E0E\u5DE5\u5177\u8C03\u7528\u884C\u4E0D\u7FFB\uFF0C\u4EE3\u7801\u5757\u539F\u6837\u4FDD\u7559\u3002\u7FFB\u8BD1\u8FC7\u7684\u5757\u5DE6\u7F18\u6709\u4E00\u6761\u7AD6\u7EBF\uFF1A\u663E\u793A\u8BD1\u6587\u65F6\u662F\u7A0D\u7C97\u7684\u84DD\u7EBF\uFF0C\u70B9\u56DE\u539F\u6587\u53D8\u7EC6\u7070\u7EBF\uFF08\u63D0\u793A\u8FD9\u91CC\u5907\u7740\u8BD1\u6587\uFF0C\u518D\u70B9\u5373\u5207\u56DE\uFF09\uFF0C\u6CA1\u8BD1\u6210\u7684\u6CA1\u6709\u7EBF\u2014\u2014\u7EBF\u7684\u989C\u8272\u4E0E\u7C97\u7EC6\u4E00\u773C\u5206\u6E05\u300C\u6709\u6CA1\u6709\u8BD1\u300D\u548C\u300C\u6B63\u5728\u8BFB\u54EA\u4E00\u7248\u300D\u3002\u70B9\u51FB\u5DF2\u7FFB\u8BD1\u7684\u5757\u53EF\u5728\u8BD1\u6587\u4E0E\u539F\u6587\u95F4\u5207\u6362\uFF0C\u6A21\u578B\u8BA4\u4E3A\u539F\u6837\u6700\u597D\u3001\u8FD4\u56DE\u4E00\u6A21\u4E00\u6837\u7684\u6587\u5B57\u65F6\u540C\u6837\u7B97\u7FFB\u8BD1\u8FC7\u3001\u540C\u6837\u53EF\u5207\u3002\u8BD1\u6587\u6309\u539F markdown \u683C\u5F0F\u91CD\u65B0\u6E32\u67D3\uFF0C\u8868\u683C\u3001\u5217\u8868\u3001\u52A0\u7C97\u4E0E\u884C\u5185\u4EE3\u7801\u4FDD\u6301\u7ED3\u6784\u3002\u56DE\u7B54\u8FD8\u5728\u6D41\u5F0F\u8F93\u51FA\u65F6\u4E0D\u7FFB\uFF0C\u843D\u5B9A\u540E\u6309\u9605\u8BFB\u987A\u5E8F\u9010\u6BB5\u51FA\u4E2D\u6587\u3002\u53EA\u4F5C\u7528\u4E8E\u5F53\u524D\u67E5\u770B\u7684\u4F1A\u8BDD\uFF0C\u8BD1\u6587\u4E0D\u5199\u56DE\u4F1A\u8BDD\u4E0A\u4E0B\u6587\u3002\u8F93\u5165\u6846\u4E0B\u65B9\u90A3\u4E00\u884C\u6709\u540C\u6B3E\u5F00\u5173\uFF0C\u4E24\u5904\u72B6\u6001\u540C\u6B65\u3002",
   aiTitle: "AI \u7FFB\u8BD1\uFF08OpenAI \u517C\u5BB9\u534F\u8BAE\uFF09",
   aiRule: "\u53EA\u6709\u8FD9\u4E00\u6761\u901A\u9053\uFF1AKey / Base URL / \u6A21\u578B\u9F50\u5907\u624D\u4F1A\u7FFB\u8BD1\uFF0C\u7F3A\u4EFB\u4F55\u4E00\u9879\u90FD\u4FDD\u6301\u539F\u6587\u3002",
   badgeConfigured: "\u5DF2\u914D\u7F6E",
@@ -1379,14 +570,17 @@ var zh = {
   testOk: "\u8FDE\u63A5\u6B63\u5E38\uFF0C\u5EF6\u8FDF {latency}ms",
   testFail: "\u5931\u8D25\uFF1A{error}",
   behaviorTitle: "\u7FFB\u8BD1\u8303\u56F4",
-  behaviorRule: "\u9700\u8981\u9605\u8BFB\u7684\u56DE\u7B54\u6B63\u6587\uFF1B\u601D\u8003\u94FE\u6B63\u6587\u3001\u5DE5\u5177\u8C03\u7528\u6807\u9898\u4E0E\u6298\u53E0\u6458\u8981\u6C38\u4E0D\u7FFB\u8BD1\uFF0C\u4EE3\u7801\u5757\u53CA\u5176\u5185\u90E8\u539F\u6837\u4FDD\u7559\u3002"
+  behaviorRule: "\u52A9\u624B\u56DE\u7B54\u6B63\u6587\u4E00\u5F8B\u7FFB\u8BD1\uFF0C\u5305\u62EC\u6700\u7EC8\u6C47\u603B\u4E0E\u6574\u6BB5\u4E2D\u6587\u7684\u5757\uFF1A\u4E2D\u6587\u5757\u540C\u6837\u4EA4\u7ED9\u6A21\u578B\u6539\u5199\u6210\u81EA\u7136\u4E2D\u6587\uFF0C\u610F\u4E49\u3001\u672F\u8BED\u4E0E\u6570\u5B57\u4E0D\u53D8\u3002\u601D\u8003\u94FE\u6B63\u6587\u3001\u5DE5\u5177\u8C03\u7528\u6807\u9898\u4E0E\u6298\u53E0\u6458\u8981\u4E0D\u7FFB\u8BD1\uFF0C\u4EE3\u7801\u5757\u53CA\u5176\u5185\u90E8\u539F\u6837\u4FDD\u7559\u3002",
+  dockLabel: "\u8BD1",
+  dockOn: "\u6B63\u6587\u7FFB\u8BD1\u5DF2\u5F00\u542F\uFF0C\u70B9\u51FB\u5173\u95ED",
+  dockOff: "\u6B63\u6587\u7FFB\u8BD1\u5DF2\u5173\u95ED\uFF0C\u70B9\u51FB\u5F00\u542F"
 };
 var en = {
   pageNav: "Reading",
   title: "Reply translate",
   masterTitle: "Translation master switch",
   enableTranslation: "Enable translation",
-  masterDesc: "Translates the English prose in assistant replies (e.g. {example}) into Chinese. Think cards and tool-call rows are never translated, and code blocks stay untouched. The translation is mounted in place of the original and clicking it switches back to the original in place. A reply that is still streaming is left alone until it settles, and paragraphs already written in Chinese pass through unchanged. Applies to the session you are viewing only; translations never enter the conversation context.",
+  masterDesc: "Translates assistant reply prose (e.g. {example}) into Chinese: text inside disclosure blocks and the final summary are treated alike, and blocks written entirely in Chinese go through the model too, which rewrites them into natural Chinese and smooths out machine-flavored phrasing. Think cards and tool-call rows are never translated, and code blocks stay untouched. A translated block carries a left edge line: a slightly thicker blue one while its translation shows, a thin grey one while you read the original (a translation is waiting one click away), and none at all when nothing translated \u2014 colour and weight together tell at a glance both what exists and what you are reading. Click any translated block to switch between translation and original; even when the model decides the original wording is already best and returns it unchanged, it still counts as translated and stays switchable. Translations are re-rendered as Markdown, so tables, lists, bold runs and inline code keep their structure. A reply that is still streaming is left alone until it settles, then prose turns to Chinese paragraph by paragraph in reading order. Applies to the session you are viewing only; translations never enter the conversation context. The same switch sits on the row below the composer, sharing its state.",
   aiTitle: "AI translation (OpenAI-compatible)",
   aiRule: "This is the only channel: translation runs when Key, Base URL and model are all present; missing any one leaves the text as it is.",
   badgeConfigured: "Configured",
@@ -1411,7 +605,10 @@ var en = {
   testOk: "Connected, {latency}ms latency",
   testFail: "Failed: {error}",
   behaviorTitle: "What gets translated",
-  behaviorRule: "The assistant reply prose you have to read. Think-chain text, tool-call titles and folded summaries are never translated; code blocks and their contents stay untouched."
+  behaviorRule: "All assistant reply prose, the final summary and Chinese-only blocks included: Chinese blocks are also handed to the model, which rewrites them into natural Chinese while keeping meaning, terms and numbers unchanged. Think-chain text, tool-call titles and folded summaries are never translated; code blocks and their contents stay untouched.",
+  dockLabel: "Translate",
+  dockOn: "Translation is on; click to turn it off",
+  dockOff: "Translation is off; click to turn it on"
 };
 
 // src/client/settings/ui.tsx
@@ -1666,12 +863,791 @@ function setupSettingsUi(ctx) {
   }
 }
 
+// src/client/composer/dock-toggle.tsx
+var import_react3 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ComposerTranslateToggle(props) {
+  const { t } = props;
+  const [state, setState] = (0, import_react3.useState)(() => settingsStore.getState());
+  (0, import_react3.useEffect)(() => settingsStore.subscribe(() => setState(settingsStore.getState())), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tooltip, { label: () => state.enabled ? t("dockOn") : t("dockOff"), side: "top", align: "end", portal: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dsh_client_ui_primitives2.Pill,
+    {
+      active: state.enabled,
+      onClick: () => void settingsStore.update({ enabled: !settingsStore.getState().enabled }),
+      children: t("dockLabel")
+    }
+  ) });
+}
+function setupComposerToggle(ctx) {
+  if (typeof window === "undefined") return () => {
+  };
+  const slots = ctx?.slots;
+  if (!slots || typeof slots.inject !== "function") return () => {
+  };
+  return slots.inject(
+    "conversation.composer.dock",
+    () => slots.register(
+      {
+        name: "conversation.composer.dock",
+        id: "dsh-chat-translate-toggle",
+        // -2 排在 dsh-a6api 胶囊（-1）的左侧，整行最左；官方统计胶囊是 0。
+        order: -2,
+        locale: NS
+      },
+      ComposerTranslateToggle
+    )
+  );
+}
+
+// src/client/chat/assistant-step.tsx
+var React = __toESM(require("react"), 1);
+var import_react4 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/server/pipeline/blocks.ts
+var REPLY_MAX_INPUT_TOKENS = 4096;
+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/chat/translate-store.ts
+var MAX_TRANSLATED_ROWS = 200;
+var MAX_ROW_ATTEMPTS = 3;
+var REQUEST_TOKEN_BUDGET = REPLY_MAX_INPUT_TOKENS;
+function chunkTexts(texts) {
+  const batches = [];
+  let current = [];
+  let tokens = 0;
+  for (const text of texts) {
+    const cost = Math.max(estimateTokens(text), 1);
+    if (current.length > 0 && tokens + cost > REQUEST_TOKEN_BUDGET) {
+      batches.push(current);
+      current = [];
+      tokens = 0;
+    }
+    current.push(text);
+    tokens += cost;
+  }
+  if (current.length > 0) batches.push(current);
+  return batches;
+}
+var ChatTranslateStore = class {
+  rows = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Set();
+  version = 0;
+  fetch;
+  constructor(fetcher) {
+    this.fetch = fetcher;
+  }
+  /** 单调版本号：任何状态变化（含单批落定）都前进一位，供渲染层判等重渲。 */
+  getVersion() {
+    return this.version;
+  }
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  /** 读一行状态，并把该行刷成最近使用。 */
+  getState(rowKey) {
+    const state = this.rows.get(rowKey);
+    if (state === void 0) return void 0;
+    this.rows.delete(rowKey);
+    this.rows.set(rowKey, state);
+    return state;
+  }
+  /**
+   * 确保该行按当前文本被翻译。
+   * @returns 是否发出了新的请求（同代 done/pending 与换代前的登记之外都是 false）。
+   */
+  ensure(rowKey, texts) {
+    const current = this.rows.get(rowKey);
+    let attempts = 1;
+    if (current !== void 0 && sameTexts(current.texts, texts)) {
+      if (current.status !== "partial") return false;
+      if (current.attempts >= MAX_ROW_ATTEMPTS) return false;
+      attempts = current.attempts + 1;
+    }
+    const snapshot = [...texts];
+    const next = {
+      status: "pending",
+      texts: snapshot,
+      outcomes: snapshot.map(() => null),
+      attempts
+    };
+    this.rows.delete(rowKey);
+    this.rows.set(rowKey, next);
+    this.prune();
+    this.bump();
+    if (snapshot.length > 0) void this.run(rowKey, snapshot);
+    return true;
+  }
+  async run(rowKey, texts) {
+    const outcomes = texts.map(() => null);
+    let offset = 0;
+    for (const batch of chunkTexts(texts)) {
+      let results = [];
+      try {
+        results = await this.fetch(batch);
+      } catch {
+        results = [];
+      }
+      for (let i = 0; i < batch.length; i++) {
+        const result = results[i];
+        if (result !== void 0 && result.ok && result.translated && result.translated.trim()) {
+          outcomes[offset + i] = { translated: result.translated, ok: true };
+        } else {
+          outcomes[offset + i] = { translated: batch[i] ?? texts[offset + i] ?? "", ok: false };
+        }
+      }
+      offset += batch.length;
+      const live = this.rows.get(rowKey);
+      if (live === void 0 || live.status !== "pending" || !sameTexts(live.texts, texts)) return;
+      this.rows.set(rowKey, {
+        status: "pending",
+        texts: live.texts,
+        outcomes: [...outcomes],
+        attempts: live.attempts
+      });
+      this.bump();
+    }
+    const state = this.rows.get(rowKey);
+    if (state?.status === "pending" && sameTexts(state.texts, texts)) {
+      const anyFailed = outcomes.some((outcome) => outcome === null || !outcome.ok);
+      this.rows.set(rowKey, {
+        status: anyFailed ? "partial" : "done",
+        texts: state.texts,
+        outcomes,
+        attempts: state.attempts
+      });
+      this.bump();
+    }
+  }
+  prune() {
+    while (this.rows.size > MAX_TRANSLATED_ROWS) {
+      const oldest = this.rows.keys().next().value;
+      if (oldest === void 0) break;
+      this.rows.delete(oldest);
+    }
+  }
+  bump() {
+    this.version += 1;
+    for (const listener of [...this.listeners]) {
+      try {
+        listener();
+      } catch {
+      }
+    }
+  }
+};
+function sameTexts(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+function createTranslateStore(fetcher) {
+  return new ChatTranslateStore(fetcher);
+}
+var chatTranslate = createTranslateStore(requestTranslateReply);
+
+// src/client/chat/row-plan.ts
+function planAssistantRow(input) {
+  const { blocks, streaming, interrupted, groupPart, canTranslate, outcomes } = input;
+  const hasVisible = streaming || interrupted || blocks.some((block) => block.kind !== "tool-call");
+  if (!hasVisible) return { entries: null, texts: [] };
+  const texts = [];
+  if (groupPart !== "reasoning") {
+    for (const block of blocks) {
+      if (block.kind === "text") texts.push(block.text ?? "");
+    }
+  }
+  const entries = [];
+  let textIndex = 0;
+  let imageRun = null;
+  const flushImages = () => {
+    if (imageRun !== null) {
+      entries.push({ type: "images", key: entries.length, attachments: imageRun });
+      imageRun = null;
+    }
+  };
+  for (let i = 0; i < blocks.length; i++) {
+    const block = blocks[i];
+    if (block === void 0) continue;
+    if (groupPart === "reasoning" && block.kind !== "reasoning") continue;
+    if (groupPart === "response" && block.kind === "reasoning") continue;
+    switch (block.kind) {
+      case "text": {
+        flushImages();
+        const index = textIndex;
+        textIndex += 1;
+        const outcome = canTranslate && !streaming && outcomes !== void 0 ? outcomes[index] : null;
+        entries.push({
+          type: "prose",
+          key: entries.length,
+          text: block.text ?? "",
+          translated: outcome !== null && outcome !== void 0 && outcome.ok ? outcome.translated : null
+        });
+        break;
+      }
+      case "reasoning":
+        flushImages();
+        entries.push({ type: "reasoning", key: entries.length, blockIndex: i, text: block.text ?? "" });
+        break;
+      case "image":
+        if (imageRun === null) imageRun = [];
+        imageRun.push(block.attachment);
+        break;
+      case "tool-call":
+        flushImages();
+        break;
+      default:
+        flushImages();
+        entries.push({ type: "unknown", key: entries.length, block: block.block ?? null });
+    }
+  }
+  flushImages();
+  const showStopped = interrupted && (groupPart === void 0 || groupPart === "response" || !blocks.some((block) => block.kind !== "reasoning" && block.kind !== "tool-call"));
+  if (showStopped) entries.push({ type: "stopped", key: entries.length });
+  return { entries, texts };
+}
+
+// src/client/chat/click-guard.ts
+function isBareBlockClick(event, view) {
+  const target = event.target;
+  const interactive = typeof target?.closest === "function" ? target.closest('a,button,[role="button"]') : null;
+  if (interactive !== null && interactive !== void 0 && interactive !== event.currentTarget) return false;
+  const selection = typeof view?.getSelection === "function" ? view.getSelection() : null;
+  if (selection !== null && selection !== void 0) {
+    if (selection.isCollapsed === false && String(selection.toString?.() ?? "") !== "") return false;
+  }
+  return true;
+}
+
+// src/client/chat/styles.ts
+var STYLE_TAG_ID = "@lynn123411/dsh-chat-translate/chat-assistant.css";
+var ASSISTANT_CSS = [
+  // ---- 行骨架（宿主 AssistantMarkdown.root/body 等价） ----
+  ".dsh-ct-root{display:flex;flex-direction:column;font-size:var(--dsh-content-font-size,14px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary)}",
+  ".dsh-ct-body{display:flex;flex-direction:column;gap:16px}",
+  ".dsh-ct-body>[data-turn-process-inline][hidden]{margin-bottom:-16px}",
+  // 宽表格溢出内容列（宿主等价规则，类名 md-table-wide 由 MarkdownText 自己产出）
+  ".dsh-ct-body .md-table-wide{--dsh-table-spare:max(0px, calc((100cqw - var(--dsh-chat-content-width)) / 2));--dsh-table-lead:calc(var(--dsh-table-spare) + min(var(--dsh-chat-content-width), 100cqw) - 100%);box-sizing:border-box;width:calc(100% + var(--dsh-table-lead) + var(--dsh-table-spare));max-width:none;margin-left:calc(-1 * var(--dsh-table-lead));padding-left:var(--dsh-table-lead)}",
+  ".dsh-ct-body .md-table-wide>table{z-index:1;position:relative}",
+  // ---- 已停止标记（宿主 .hWmORq_stopped 等价） ----
+  ".dsh-ct-stopped{border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}",
+  // ---- 「已翻译」交互与标记：可点态常驻（含左缘内缩）；区分走色相+粗细
+  //      （0.5px 虚线会被抗锯齿糊成实线）——蓝粗线=读译文，灰细线=读原文备着译文 ----
+  ".dsh-ct-prose-clickable{padding-left:12px;cursor:pointer}",
+  ".dsh-ct-prose-clickable:focus-visible{outline:1.5px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px;border-radius:var(--dsw-radius-sm)}",
+  ".dsh-ct-prose-translated{border-left:1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 65%, transparent)}",
+  ".dsh-ct-prose-original{border-left:0.5px solid var(--dsw-alias-border-l2)}",
+  // ---- ReasoningRow（宿主 lcKema_* 等价，前缀换成 dsh-ct-think） ----
+  ".dsh-ct-think-root{flex-direction:column;display:flex}",
+  ".dsh-ct-think-root:not([data-expanded]){contain:size layout;height:calc(24px + var(--dsh-content-font-delta,0px))}",
+  ".dsh-ct-think-row{position:relative;overflow:hidden}",
+  ".dsh-ct-think-root[data-expanded] [data-open] [data-disclosure-row]{z-index:1;background:var(--dsw-alias-bg-base);position:sticky;top:0}",
+  '.dsh-ct-think-root[data-state=running] .dsh-ct-think-row:after{content:"";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite dsh-ct-reasoning-sweep;position:absolute;left:0}',
+  "@keyframes dsh-ct-reasoning-sweep{0%{left:-300px}90%,to{left:100%}}",
+  "@media (prefers-reduced-motion:reduce){.dsh-ct-think-root[data-state=running] .dsh-ct-think-row:after{animation:none}}",
+  ".dsh-ct-think-leading{flex-shrink:0}",
+  ".dsh-ct-think-chevron{color:var(--dsw-alias-label-secondary)}",
+  ".dsh-ct-think-title{font-weight:400}",
+  ".dsh-ct-think-separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}",
+  ".dsh-ct-think-summary{min-width:0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));white-space:nowrap;flex:auto;overflow:hidden}",
+  ".dsh-ct-think-summary-text{text-overflow:ellipsis;display:block;overflow:hidden}",
+  ".dsh-ct-think-summary[data-streaming]{mask-image:linear-gradient(90deg,currentcolor calc(100% - 48px),transparent)}",
+  ".dsh-ct-think-summary[data-streaming] .dsh-ct-think-summary-text{text-overflow:clip;overflow:visible}",
+  ".dsh-ct-think-root:not([data-preview]) .dsh-ct-think-separator,.dsh-ct-think-root:not([data-preview]) .dsh-ct-think-summary{display:none}",
+  ".dsh-ct-think-body{padding:4px 0 4px calc(22px + var(--dsh-content-font-delta,0px));min-width:0}",
+  // ---- 无障碍：屏幕阅读器专用文本 ----
+  ".dsh-ct-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}"
+].join("");
+function proseClassNames(processed, showOriginal) {
+  if (!processed) return void 0;
+  return showOriginal ? "dsh-ct-prose-clickable dsh-ct-prose-original" : "dsh-ct-prose-clickable dsh-ct-prose-translated";
+}
+function ensureAssistantStyles() {
+  if (typeof document === "undefined") return;
+  const selector = `style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`;
+  if (document.querySelector(selector) !== null) return;
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "@lynn123411/dsh-chat-translate";
+  tag.dataset.pluginCss = STYLE_TAG_ID;
+  tag.textContent = ASSISTANT_CSS;
+  document.head.appendChild(tag);
+}
+
+// src/client/chat/assistant-step.tsx
+var thinkIcon = () => React.createElement(import_dsh_client_ui_primitives3.IconThinkOutlineRegular, { size: 14 });
+function markdownLabels(t) {
+  return {
+    code: {
+      copyLabel: t("copy"),
+      copiedLabel: t("copied"),
+      toolbarLabels: {
+        codeLabel: t("codeBlock.title"),
+        wrapLabel: t("codeBlock.wrap"),
+        unwrapLabel: t("codeBlock.unwrap")
+      }
+    },
+    footnotes: t("markdown.footnotes")
+  };
+}
+function isWindowsStylePath(value) {
+  return /^[A-Za-z]:[/\\]/.test(value) || value.startsWith("\\\\");
+}
+function isAbsoluteWorkspacePath(path) {
+  return path.startsWith("/") || isWindowsStylePath(path);
+}
+function fileMediaUrl(base, path) {
+  if (!/^https?:/u.test(base) && !base.startsWith("dsh-app://app/") || !isAbsoluteWorkspacePath(path)) return void 0;
+  if (/^[/\\]{2}/u.test(path) || /[\u0000-\u001f\u007f]/u.test(path)) return void 0;
+  return new URL(`api/file?path=${encodeURIComponent(path)}`, base).href;
+}
+function localPathMediaUrl(base, value) {
+  let path;
+  try {
+    path = decodeURIComponent(value.split(/[?#]/u)[0] ?? "");
+  } catch {
+    return void 0;
+  }
+  return fileMediaUrl(base, path);
+}
+function firstLine(text) {
+  const newline = text.indexOf("\n");
+  return newline === -1 ? text : text.slice(0, newline);
+}
+function latestCompletedParagraphFirstLine(text) {
+  let summary = "";
+  let paragraphStart = 0;
+  const separator = /\r?\n(?:[\t ]*\r?\n)+/g;
+  for (; ; ) {
+    const nextParagraph = separator.exec(text);
+    const paragraphEnd = nextParagraph === null ? text.length : nextParagraph.index + nextParagraph[0].indexOf("\n");
+    const newline = text.indexOf("\n", paragraphStart);
+    if (newline !== -1 && newline <= paragraphEnd) {
+      const candidate = text.slice(paragraphStart, newline).trim();
+      if (candidate !== "") summary = candidate;
+    }
+    if (nextParagraph === null) return summary;
+    paragraphStart = nextParagraph.index + nextParagraph[0].length;
+  }
+}
+function useSearchableHidden(hidden, reveal) {
+  const ref = React.useRef(null);
+  React.useLayoutEffect(() => {
+    const element = ref.current;
+    if (element === null) return;
+    if (hidden && element.contains(element.ownerDocument.activeElement)) {
+      reveal();
+      return;
+    }
+    if (hidden) element.setAttribute("hidden", "until-found");
+    else element.removeAttribute("hidden");
+  }, [hidden, reveal]);
+  React.useEffect(() => {
+    const element = ref.current;
+    if (element === null) return;
+    element.addEventListener("beforematch", reveal);
+    return () => {
+      element.removeEventListener("beforematch", reveal);
+    };
+  }, [reveal]);
+  return ref;
+}
+var subscribeSettings = (listener) => settingsStore.subscribe(listener);
+var subscribeTranslate = (listener) => chatTranslate.subscribe(listener);
+function useSettledInView(ref, armed) {
+  const noObserver = typeof IntersectionObserver === "undefined";
+  const [inView, setInView] = (0, import_react4.useState)(noObserver);
+  (0, import_react4.useEffect)(() => {
+    if (noObserver || !armed) return;
+    const element = ref.current;
+    if (element === null) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        setInView(entries.some((entry) => entry.isIntersecting));
+      },
+      { rootMargin: "150px" }
+    );
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }, [armed, noObserver, ref]);
+  return inView;
+}
+var ReasoningRow = (0, import_react4.memo)(function ReasoningRow2({
+  text,
+  running,
+  usePresentation,
+  useDisclosure,
+  t
+}) {
+  const { expanded, toggle } = useDisclosure();
+  const labels = (0, import_react4.useMemo)(() => markdownLabels(t), [t]);
+  const summaryText = running ? latestCompletedParagraphFirstLine(text) : firstLine(text);
+  const summary = (0, import_react4.useMemo)(() => summaryText.replaceAll("**", ""), [summaryText]);
+  const preview = usePresentation(
+    (policy2) => !expanded && summary !== "" && (running || policy2.settledReasoningPreview)
+  );
+  const collapsedContent = (0, import_react4.useMemo)(
+    () => React.createElement(
+      React.Fragment,
+      null,
+      React.createElement("span", { className: "dsh-ct-think-separator", "aria-hidden": true }),
+      React.createElement(
+        "span",
+        { className: "dsh-ct-think-summary", "data-streaming": running || void 0 },
+        React.createElement("span", { className: "dsh-ct-think-summary-text" }, summary)
+      )
+    ),
+    [running, summary]
+  );
+  const content = (0, import_react4.useMemo)(
+    () => expanded ? React.createElement(
+      "div",
+      { className: "dsh-ct-think-body" },
+      React.createElement(import_dsh_client_ui_primitives3.MarkdownText, { text, streaming: running, labels, variant: "compact" })
+    ) : void 0,
+    [expanded, labels, running, text]
+  );
+  return React.createElement(
+    "div",
+    {
+      className: "dsh-ct-think-root",
+      "data-variant": "think",
+      "data-state": running ? "running" : "ok",
+      "data-expanded": expanded || void 0,
+      "data-preview": preview || void 0
+    },
+    running && React.createElement("span", { className: "dsh-ct-visually-hidden" }, t("row.running")),
+    React.createElement(
+      import_dsh_client_ui_primitives3.DisclosureRow,
+      {
+        rowClassName: "dsh-ct-think-row",
+        leadingClassName: "dsh-ct-think-leading",
+        titleClassName: "dsh-ct-think-title",
+        chevronClassName: "dsh-ct-think-chevron",
+        icon: thinkIcon(),
+        title: t("message.think"),
+        open: expanded,
+        expandable: true,
+        expandOnRowClick: true,
+        onToggle: toggle,
+        collapsedContent
+      },
+      content
+    )
+  );
+});
+function blockClick(event, onToggle) {
+  const guardEvent = {
+    target: event.target,
+    currentTarget: event.currentTarget
+  };
+  if (isBareBlockClick(guardEvent, typeof window === "undefined" ? void 0 : window)) onToggle();
+}
+function ProseBlock({
+  text,
+  translated,
+  showOriginal,
+  onToggle,
+  streaming,
+  labels,
+  mentions,
+  pathImages
+}) {
+  const processed = translated !== null;
+  const showTranslation = processed && !showOriginal;
+  const source = showTranslation ? translated : text;
+  return React.createElement(
+    "div",
+    {
+      // 色相+粗细随显示态：蓝粗线=译文，灰细线=有译文但读原文（仍可点切回），无线=没译。
+      className: proseClassNames(processed, showOriginal),
+      "data-translated": showTranslation ? "true" : void 0,
+      // 容器内含链接等交互内容，不套 role=button（非法嵌套）；可聚焦 + 键盘
+      // Enter/Space 即切换，满足官方「键盘可达」门。
+      tabIndex: processed ? 0 : void 0,
+      onClick: processed ? (event) => blockClick(event, onToggle) : void 0,
+      onKeyDown: processed ? (event) => {
+        if (event.target !== event.currentTarget) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onToggle();
+        }
+      } : void 0
+    },
+    React.createElement(import_dsh_client_ui_primitives3.MarkdownText, {
+      text: source,
+      streaming,
+      labels,
+      fileMentions: mentions,
+      pathImages
+    })
+  );
+}
+var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(props) {
+  ensureAssistantStyles();
+  const { node, groupPart, useDisclosure, useTurnData, turnProcess, openFile, renderMessageImages, fileMentions, usePresentation, t } = props;
+  const data = node.data;
+  const streaming = data.status === "running";
+  const interrupted = data.status === "interrupted";
+  const enabled = (0, import_react4.useSyncExternalStore)(subscribeSettings, () => settingsStore.getState().enabled);
+  const aiConfigured = (0, import_react4.useSyncExternalStore)(subscribeSettings, () => settingsStore.getState().aiConfigured);
+  (0, import_react4.useSyncExternalStore)(subscribeTranslate, () => chatTranslate.getVersion());
+  const canTranslate = enabled && aiConfigured;
+  const rowKey = `a${node.anchorSeq ?? `t${data.turn}:s${data.step}`}`;
+  const labels = (0, import_react4.useMemo)(() => markdownLabels(t), [t]);
+  const pathImages = (0, import_react4.useMemo)(
+    () => ({ resolve: (value) => localPathMediaUrl(document.baseURI, value) }),
+    []
+  );
+  const turn = node.location?.kind === "turn" || node.location?.kind === "step" ? node.location.turn : void 0;
+  const tail = useTurnData("turn-tail");
+  const owner = (0, import_react4.useMemo)(() => {
+    if (turn?.status !== "closed" || data.finalNode === void 0) return void 0;
+    if (tail?.closing?.finalNode?.seq !== data.finalNode.seq) return void 0;
+    return { turn, seq: data.finalNode.seq, openFile };
+  }, [data.finalNode, openFile, tail, turn]);
+  const mentions = (0, import_react4.useMemo)(() => owner === void 0 ? void 0 : fileMentions(owner), [fileMentions, owner]);
+  const blocks = (0, import_react4.useMemo)(() => data.blocks ?? [], [data.blocks]);
+  const plan = (0, import_react4.useMemo)(
+    () => planAssistantRow({
+      blocks,
+      streaming,
+      interrupted,
+      groupPart,
+      canTranslate,
+      outcomes: void 0
+    }),
+    [blocks, streaming, interrupted, groupPart, canTranslate]
+  );
+  const rootRef = (0, import_react4.useRef)(null);
+  const inView = useSettledInView(rootRef, !streaming && canTranslate && plan.entries !== null && plan.texts.length > 0);
+  (0, import_react4.useEffect)(() => {
+    if (streaming || !canTranslate || !inView || plan.entries === null || plan.texts.length === 0) return;
+    chatTranslate.ensure(rowKey, plan.texts);
+  }, [streaming, canTranslate, inView, rowKey, plan]);
+  const rowState = chatTranslate.getState(rowKey);
+  const displayed = (0, import_react4.useMemo)(
+    () => planAssistantRow({
+      blocks,
+      streaming,
+      interrupted,
+      groupPart,
+      canTranslate,
+      outcomes: rowState?.outcomes
+    }),
+    [blocks, streaming, interrupted, groupPart, canTranslate, rowState]
+  );
+  const reasoningHidden = turnProcess !== void 0 && turnProcess.foldable && turnProcess.spec.answerStep === data.step && turnProcess.spec.inlineReasoning && !turnProcess.open;
+  const revealProcess = (0, import_react4.useCallback)(() => {
+    turnProcess?.setOpen(true);
+  }, [turnProcess]);
+  const [originalKeys, setOriginalKeys] = (0, import_react4.useState)(() => /* @__PURE__ */ new Set());
+  const toggleBlock = (0, import_react4.useCallback)((key) => {
+    setOriginalKeys((current) => {
+      const next = new Set(current);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  }, []);
+  if (displayed.entries === null) return null;
+  const last = blocks.length - 1;
+  const rendered = [];
+  for (const entry of displayed.entries) {
+    switch (entry.type) {
+      case "prose":
+        rendered.push(
+          React.createElement(ProseBlock, {
+            key: entry.key,
+            text: entry.text,
+            translated: entry.translated,
+            showOriginal: originalKeys.has(entry.key),
+            onToggle: () => toggleBlock(entry.key),
+            streaming,
+            labels,
+            mentions,
+            pathImages
+          })
+        );
+        break;
+      case "reasoning":
+        rendered.push(
+          React.createElement(
+            ProcessReasoning,
+            {
+              key: entry.key,
+              hidden: reasoningHidden,
+              reveal: revealProcess,
+              children: React.createElement(ReasoningRow, {
+                text: entry.text,
+                running: streaming && entry.blockIndex === last,
+                usePresentation,
+                useDisclosure,
+                t
+              })
+            }
+          )
+        );
+        break;
+      case "images":
+        rendered.push(
+          React.createElement(React.Fragment, {
+            key: entry.key
+          }, renderMessageImages({ images: entry.attachments.map((attachment) => ({ attachment })), align: "start" }))
+        );
+        break;
+      case "unknown":
+        rendered.push(
+          React.createElement(import_dsh_client_ui_primitives3.JsonBlock, {
+            key: entry.key,
+            label: t("message.unknownBlock"),
+            payload: entry.block,
+            truncatedLabel: (total) => t("json.truncated", { total })
+          })
+        );
+        break;
+      case "stopped":
+        rendered.push(React.createElement("span", { key: entry.key, className: "dsh-ct-stopped" }, t("message.stopped")));
+        break;
+    }
+  }
+  return React.createElement(
+    "div",
+    { ref: rootRef, className: "dsh-ct-root", "data-streaming": streaming || void 0 },
+    React.createElement("div", { className: "dsh-ct-body" }, rendered)
+  );
+});
+function ProcessReasoning(props) {
+  const ref = useSearchableHidden(props.hidden, props.reveal);
+  return React.createElement(
+    "div",
+    { ref, "data-turn-process-inline": props.hidden || void 0 },
+    props.children
+  );
+}
+
+// src/client/chat/presentation.ts
+function policy(mode, foldCompletedTurns, stepGrouping, liveProcessDetail, settledReasoningPreview) {
+  return Object.freeze({ mode, foldCompletedTurns, stepGrouping, liveProcessDetail, settledReasoningPreview });
+}
+var POLICY_BY_MODE = Object.freeze({
+  compact: policy("compact", true, "collapsed", false, false),
+  standard: policy("standard", true, "collapsed", true, true),
+  detailed: policy("detailed", true, "history", true, true),
+  verbose: policy("verbose", false, "none", false, true),
+  normal: policy("standard", true, "collapsed", true, true),
+  expanded: policy("detailed", true, "history", true, true)
+});
+var DEFAULT_MODE = "standard";
+var ChatPresentation = class {
+  policy = POLICY_BY_MODE[DEFAULT_MODE];
+  listeners = /* @__PURE__ */ new Set();
+  form = null;
+  unsubscribe = null;
+  attach(form) {
+    this.detach();
+    if (!form) {
+      this.policy = POLICY_BY_MODE[DEFAULT_MODE];
+      return;
+    }
+    this.form = form;
+    this.read();
+    this.unsubscribe = form.subscribe(() => this.read());
+  }
+  detach() {
+    this.unsubscribe?.();
+    this.unsubscribe = null;
+    this.form = null;
+  }
+  getSnapshot = () => this.policy;
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  read() {
+    const form = this.form;
+    if (!form) return;
+    let value;
+    try {
+      const snap = form.getSnapshot();
+      value = snap.status === "ready" ? snap.value : void 0;
+    } catch {
+      value = void 0;
+    }
+    const raw = typeof value?.transcriptView === "string" ? value.transcriptView : "";
+    const next = POLICY_BY_MODE[raw] ?? POLICY_BY_MODE[DEFAULT_MODE];
+    if (next !== this.policy) {
+      this.policy = next;
+      for (const listener of [...this.listeners]) {
+        try {
+          listener();
+        } catch {
+        }
+      }
+    }
+  }
+};
+function createChatPresentation() {
+  return new ChatPresentation();
+}
+var chatPresentation = createChatPresentation();
+
 // src/client/index.ts
 var name = "dsh-chat-translate";
 var inject = ["slots", "configForms", "remote", "remote.credentials", "locale"];
 function apply(ctx) {
-  ctx.effect(() => chatTranslateObserver.start(document), "dsh-chat-translate: reply translate observer");
+  ensureAssistantStyles();
+  ctx.effect(() => {
+    const slots = ctx.slots;
+    if (!slots || typeof slots.inject !== "function") return () => {
+    };
+    return slots.inject(
+      "conversation.chat.node",
+      () => slots.register(
+        {
+          name: "conversation.chat.node",
+          key: "assistant-step",
+          // 行内的折叠、停止、未知块等 chrome 文案复用宿主 `chat` 词典，
+          // 两侧渲染逐字一致；t 由座次按该命名空间合成。
+          locale: "chat",
+          priority: -1,
+          // 思考行的 settledReasoningPreview 来自活的工作细节模式。
+          inject: () => ({ hooks: { presentation: chatPresentation } })
+        },
+        AssistantStepView
+      )
+    );
+  }, "dsh-chat-translate: assistant step takeover");
+  ctx.effect(() => {
+    let form = null;
+    try {
+      form = ctx.configForms?.get("ui-chat") ?? null;
+    } catch {
+      form = null;
+    }
+    chatPresentation.attach(form);
+    return () => chatPresentation.detach();
+  }, "dsh-chat-translate: chat presentation source");
   ctx.effect(() => setupSettingsUi(ctx), "dsh-chat-translate: settings section");
+  ctx.effect(() => setupComposerToggle(ctx), "dsh-chat-translate: composer dock toggle");
 }
 return module.exports; } });
 //# sourceMappingURL=client.js.map