@lynn123411/dsh-chat-translate 3.1.0 → 3.3.0

package/lib/client.js

@@ -50,7 +50,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/settings/ui.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/describe-error.ts
@@ -313,7 +313,7 @@ var SETTINGS_CSS = String.raw`
   display: flex;
   flex-direction: column;
   gap: 16px;
-  max-width: 580px;
+  width: 100%;
   padding-bottom: 32px;
   color: var(--dsw-alias-label-primary);
   font: var(--dsw-font-s-14);
@@ -338,7 +338,14 @@ var SETTINGS_CSS = String.raw`
   font: var(--dsw-font-s-strong-14);
 }
 
+/*
+ * Prose keeps a reading measure even though the card spans the host column: the
+ * master description is a 500-character paragraph, and at full width it would
+ * run to ~76 CJK characters per line. 46em tracks the element's own 12px font,
+ * so the measure survives a font-size change.
+ */
 .dsh-tidy-desc {
+  max-width: 46em;
   color: var(--dsw-alias-label-secondary);
   font: var(--dsw-font-xxs-12);
 }
@@ -404,147 +411,12 @@ var SETTINGS_CSS = String.raw`
 
 `;
 
-// src/client/reading-settings-page.tsx
-var import_react = require("react");
-var READING_PAGE_ID = "reading";
-var READING_PAGE_ORDER = 110;
-var READING_ITEM_SLOT = "reading.settings.item";
-function readLabel(label) {
-  if (typeof label === "function") return label();
-  return typeof label === "string" ? label : "";
-}
-var TABLIST_STYLE = {
-  display: "flex",
-  alignItems: "flex-end",
-  gap: "22px",
-  marginTop: "2px",
-  marginBottom: "16px"
-};
-var TAB_STYLE = {
-  appearance: "none",
-  background: "transparent",
-  // No border on ANY tab: the marker below is the active tab's own element, so
-  // an inactive tab has nothing that could render a line.
-  border: "none",
-  position: "relative",
-  padding: "7px 1px 11px",
-  cursor: "pointer",
-  font: "var(--dsw-font-xs-13)",
-  color: "var(--dsw-alias-label-tertiary)"
-};
-var TAB_ACTIVE_STYLE = {
-  ...TAB_STYLE,
-  color: "var(--dsw-alias-label-primary)"
-};
-var TAB_MARKER_STYLE = {
-  position: "absolute",
-  left: 0,
-  right: 0,
-  bottom: 0,
-  height: "2px",
-  borderRadius: "2px 2px 0 0",
-  background: "var(--dsw-alias-label-primary)"
-};
-var PANEL_STYLE = { listStyle: "none", margin: 0, padding: 0 };
-var PANEL_HIDDEN_STYLE = { ...PANEL_STYLE, display: "none" };
-function createReadingTabs(ctx) {
-  const locale = ctx.get("locale");
-  let version = -1;
-  let revision = -1;
-  let tabs = [];
-  return {
-    getSnapshot: () => {
-      const nextVersion = ctx.slots.getVersion(READING_ITEM_SLOT);
-      const nextRevision = locale === void 0 ? 0 : locale.getSnapshot().revision;
-      if (nextVersion === version && nextRevision === revision) return tabs;
-      version = nextVersion;
-      revision = nextRevision;
-      tabs = ctx.slots.entries(READING_ITEM_SLOT).map((entry) => ({
-        id: entry.options.id ?? "",
-        order: entry.options.order ?? 0,
-        label: readLabel(entry.options.label)
-      })).sort((left, right) => left.order - right.order);
-      return tabs;
-    },
-    subscribe: (listener) => {
-      const offSlots = ctx.slots.subscribe(READING_ITEM_SLOT, listener);
-      const offLocale = locale?.subscribe(listener);
-      return () => {
-        offSlots();
-        offLocale?.();
-      };
-    }
-  };
-}
-function ReadingSettingsSection({ renderSlot, readingTabs }) {
-  const tabs = (0, import_react.useSyncExternalStore)(
-    readingTabs.subscribe,
-    readingTabs.getSnapshot,
-    readingTabs.getSnapshot
-  );
-  const [requested, setRequested] = (0, import_react.useState)(null);
-  const selected = requested !== null && tabs.some((tab) => tab.id === requested) ? requested : tabs[0]?.id ?? null;
-  if (selected === null) return null;
-  return (0, import_react.createElement)(
-    "div",
-    null,
-    (0, import_react.createElement)(
-      "div",
-      { role: "tablist", style: TABLIST_STYLE },
-      tabs.map((tab) => (0, import_react.createElement)(
-        "button",
-        {
-          key: tab.id,
-          type: "button",
-          role: "tab",
-          "aria-selected": tab.id === selected,
-          style: tab.id === selected ? TAB_ACTIVE_STYLE : TAB_STYLE,
-          onClick: () => {
-            setRequested(tab.id);
-          }
-        },
-        tab.label,
-        tab.id === selected ? (0, import_react.createElement)("span", { style: TAB_MARKER_STYLE, "aria-hidden": true }) : null
-      ))
-    ),
-    tabs.map((tab) => (0, import_react.createElement)(
-      "ul",
-      {
-        key: tab.id,
-        role: "tabpanel",
-        hidden: tab.id !== selected,
-        style: tab.id === selected ? PANEL_STYLE : PANEL_HIDDEN_STYLE
-      },
-      renderSlot(READING_ITEM_SLOT, {}, { only: tab.id })
-    ))
-  );
-}
-function readingPageClaimed(ctx) {
-  return ctx.slots.entries("settings.section").some((entry) => entry.options.id === READING_PAGE_ID);
-}
-function claimReadingSettingsPage(ctx, label, locale) {
-  if (readingPageClaimed(ctx)) return () => {
-  };
-  const readingTabs = createReadingTabs(ctx);
-  return ctx.slots.register({
-    name: "settings.section",
-    id: READING_PAGE_ID,
-    order: READING_PAGE_ORDER,
-    label,
-    locale,
-    inject: () => ({ readingTabs }),
-    children: { "reading.settings.item": { kind: "list", scope: "root" } }
-  }, ReadingSettingsSection);
-}
-
 // src/client/locales.ts
 var NS = "settings.chatTranslate";
 var zh = {
-  pageNav: "\u9605\u8BFB\u4F53\u9A8C",
-  title: "\u6B63\u6587\u7FFB\u8BD1",
   masterTitle: "\u7FFB\u8BD1\u603B\u5F00\u5173",
   enableTranslation: "\u542F\u7528\u7FFB\u8BD1",
-  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\u6B63\u6587\u5757\u7684\u5DE6\u7F18\u4E00\u6761\u7AD6\u7EBF\u62A5\u51FA\u72B6\u6001\uFF1A\u6B63\u5728\u8BFB\u8BD1\u6587\u662F\u84DD\u7EBF\uFF0C\u5907\u7740\u8BD1\u6587\u6B63\u8BFB\u539F\u6587\u662F\u7070\u7EC6\u7EBF\uFF0C\u6CA1\u8BD1\u6210\u662F\u7EA2\u5B9E\u7EBF\uFF08\u9F20\u6807\u60AC\u505C\u62A5\u51FA\u901A\u9053\u7EC6\u8282\u2014\u2014\u8D85\u65F6\u3001\u65AD\u6D41\u6216\u7A7A\u8FD4\u56DE\uFF1B\u8BD1\u6587\u7684\u7ED3\u6784\u6F02\u79FB\u7531\u5BBF\u4E3B\u81EA\u52A8\u4FEE\u56DE\u6216\u91CD\u63B7\uFF0C\u4E0D\u518D\u56E0\u683C\u5F0F\u95EE\u9898\u6302\u7EA2\u7EBF\uFF09\uFF0C\u6B63\u5728\u8BF7\u6C42\u662F\u7070\u8109\u52A8\u7EBF\uFF0C\u6CA1\u9001\u8FC7\u6A21\u578B\u6216\u5F00\u5173\u5173\u95ED\u6CA1\u6709\u7EBF\u3002\u70B9\u51FB\u5DF2\u7FFB\u8BD1\u7684\u5757\u5728\u8BD1\u6587\u4E0E\u539F\u6587\u95F4\u5207\u6362\u2014\u2014\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\uFF1B\u70B9\u51FB\u6302\u7EA2\u7EBF\u7684\u5757\u5219\u6574\u884C\u91CD\u65B0\u7FFB\u8BD1\uFF0C\u5DF2\u6210\u529F\u7684\u5757\u4FDD\u6301\u663E\u793A\u4E0D\u6253\u6270\u3002\u901A\u9053\u5931\u8D25\u4E0D\u81EA\u52A8\u91CD\u8BD5\uFF0C\u6062\u590D\u540E\u7531\u4F60\u7684\u70B9\u51FB\u6551\u6D3B\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",
+  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\u6B63\u6587\u5757\u7684\u5DE6\u7F18\u4E00\u6761\u7AD6\u7EBF\u62A5\u51FA\u72B6\u6001\uFF1A\u6B63\u5728\u8BFB\u8BD1\u6587\u662F\u84DD\u7EBF\uFF0C\u5907\u7740\u8BD1\u6587\u6B63\u8BFB\u539F\u6587\u662F\u7070\u7EC6\u7EBF\uFF0C\u6CA1\u8BD1\u6210\u662F\u7EA2\u5B9E\u7EBF\uFF08\u9F20\u6807\u60AC\u505C\u70ED\u533A\u62A5\u51FA\u901A\u9053\u7EC6\u8282\u2014\u2014\u8D85\u65F6\u3001\u65AD\u6D41\u6216\u7A7A\u8FD4\u56DE\uFF1B\u8BD1\u6587\u7684\u7ED3\u6784\u6F02\u79FB\u7531\u5BBF\u4E3B\u81EA\u52A8\u4FEE\u56DE\u6216\u91CD\u63B7\uFF0C\u4E0D\u518D\u56E0\u683C\u5F0F\u95EE\u9898\u6302\u7EA2\u7EBF\uFF09\uFF0C\u6B63\u5728\u8BF7\u6C42\u662F\u7070\u8109\u52A8\u7EBF\uFF0C\u6CA1\u9001\u8FC7\u6A21\u578B\u6216\u5F00\u5173\u5173\u95ED\u6CA1\u6709\u7EBF\u3002\u5207\u6362\u4E0D\u5728\u6B63\u6587\u4E0A\uFF1A\u8D34\u7740\u90A3\u6761\u7EBF\u7684\u7A84\u5E26\u624D\u662F\u64CD\u4F5C\u533A\uFF0C\u9F20\u6807\u79FB\u5230\u5B83\u4E0A\u9762\u53D8\u624B\u578B\uFF0C\u70B9\u4E00\u4E0B\u5728\u8BD1\u6587\u4E0E\u539F\u6587\u95F4\u5207\u6362\u2014\u2014\u6B63\u6587\u6574\u5757\u4E0D\u518D\u54CD\u5E94\u70B9\u51FB\uFF0C\u9009\u5B57\u3001\u62D6\u9009\u590D\u5236\u90FD\u4E0D\u4F1A\u8BEF\u89E6\uFF1B\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\u6302\u7EA2\u7EBF\u7684\u5757\u53F3\u4FA7\u5E38\u9A7B\u4E00\u4E2A\u5C0F \u21BB\uFF0C\u70B9\u90A3\u6761\u7A84\u5E26\u5373\u6574\u884C\u91CD\u65B0\u7FFB\u8BD1\uFF0C\u5DF2\u6210\u529F\u7684\u5757\u4FDD\u6301\u663E\u793A\u4E0D\u6253\u6270\u3002\u901A\u9053\u5931\u8D25\u4E0D\u81EA\u52A8\u91CD\u8BD5\uFF0C\u6062\u590D\u540E\u7531\u4F60\u70B9\u90A3\u6761\u7A84\u5E26\u6551\u6D3B\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",
@@ -574,14 +446,15 @@ var zh = {
   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",
   failTitle: "\u7FFB\u8BD1\u5931\u8D25",
-  retryAria: "\u7FFB\u8BD1\u5931\u8D25\uFF0C\u6309 Enter \u91CD\u8BD5"
+  retryAria: "\u7FFB\u8BD1\u5931\u8D25\uFF0C\u70B9\u5DE6\u7F18\u90A3\u6761\u7A84\u5E26\u53EF\u6309 Enter \u91CD\u8BD5",
+  toggleToOriginalAria: "\u67E5\u770B\u539F\u6587",
+  toggleToTranslatedAria: "\u67E5\u770B\u8BD1\u6587",
+  inflightAria: "\u7FFB\u8BD1\u4E2D\uFF0C\u6B64\u5904\u6682\u65E0\u52A8\u4F5C"
 };
 var en = {
-  pageNav: "Reading",
-  title: "Reply translate",
   masterTitle: "Translation master switch",
   enableTranslation: "Enable translation",
-  masterDesc: "Automatically 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. Each prose block reports its state with a left-edge line: blue while its translation reads, thin grey while the original reads with a translation waiting one click away, solid red when translation failed (hover the block to read the channel detail \u2014 a timeout, a broken stream or an empty return; the answer's Markdown shape drift is repaired or re-rolled by the host, so formatting no longer draws a red line), a grey pulse while a request is in flight, and nothing at all when the block was never sent or the switch is off. Click a translated block to switch between translation and original \u2014 even when the model returns the wording unchanged it counts as translated and stays switchable; click a red-lined block to re-run the whole row, with already-successful blocks kept on screen undisturbed. Channel failures are never retried automatically: once the channel recovers, your click revives the row. 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.",
+  masterDesc: "Automatically 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. Each prose block reports its state with a left-edge line: blue while its translation reads, thin grey while the original reads with a translation waiting one click away, solid red when translation failed (hover the slim strip beside the line to read the channel detail \u2014 a timeout, a broken stream or an empty return; the answer's Markdown shape drift is repaired or re-rolled by the host, so formatting no longer draws a red line), a grey pulse while a request is in flight, and nothing at all when the block was never sent or the switch is off. Switching does not live on the prose: a slim strip hugging that line is the control \u2014 the pointer turns into a hand over it, and one click swaps translation and original, while the prose itself no longer reacts to clicks, so selecting or drag-copying text never triggers a swap by accident. A reply the model returned unchanged still counts as translated and stays switchable. A red-lined block keeps a small \u21BB beside it; clicking the strip re-runs the whole row, with already-successful blocks kept on screen undisturbed. Channel failures are never retried automatically: once the channel recovers, a click on that strip revives the row. 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",
@@ -611,7 +484,10 @@ var en = {
   dockOn: "Translation is on; click to turn it off",
   dockOff: "Translation is off; click to turn it on",
   failTitle: "Translation failed",
-  retryAria: "Translation failed \u2014 press Enter to retry"
+  retryAria: "Translation failed \u2014 focus the slim strip at the left edge and press Enter to retry",
+  toggleToOriginalAria: "Show the original",
+  toggleToTranslatedAria: "Show the translation",
+  inflightAria: "Translating; Enter does nothing yet"
 };
 var rowT = (key) => zh[key] ?? key;
 function bindRowCopy(locale) {
@@ -623,6 +499,9 @@ function bindRowCopy(locale) {
 function rowCopy() {
   return {
     retryAria: rowT("retryAria"),
+    toggleToOriginalAria: rowT("toggleToOriginalAria"),
+    toggleToTranslatedAria: rowT("toggleToTranslatedAria"),
+    inflightAria: rowT("inflightAria"),
     failTitle: (detail) => {
       const label = rowT("failTitle");
       return detail === void 0 || detail === "" || detail === null ? label : `${label} \u2014 ${detail}`;
@@ -630,6 +509,16 @@ function rowCopy() {
   };
 }
 
+// src/client/settings/plugin-page.ts
+var BUNDLE_NAME = "@lynn123411/dsh-chat-translate";
+var BUNDLE_CONFIG_SLOT = "plugins.bundle.config";
+var BUNDLE_CONFIG_KEY = BUNDLE_NAME;
+function setupPluginPage(slots, register) {
+  if (!slots || typeof slots.inject !== "function") return () => {
+  };
+  return slots.inject(BUNDLE_CONFIG_SLOT, register);
+}
+
 // src/client/settings/ui.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var stylesInjected = false;
@@ -650,14 +539,14 @@ function withSamples(text, samples) {
   });
 }
 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)("");
-  const [savingKey, setSavingKey] = (0, import_react2.useState)(false);
-  const [keyMsg, setKeyMsg] = (0, import_react2.useState)(null);
-  (0, import_react2.useEffect)(() => {
+  ensureSettingsStyles();
+  const [state, setState] = (0, import_react.useState)(() => settingsStore.getState());
+  const [testing, setTesting] = (0, import_react.useState)(null);
+  const [apiKeyInput, setApiKeyInput] = (0, import_react.useState)("");
+  const [savingKey, setSavingKey] = (0, import_react.useState)(false);
+  const [keyMsg, setKeyMsg] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
     return settingsStore.subscribe(() => {
       setState(settingsStore.getState());
     });
@@ -844,52 +733,34 @@ function setupSettingsUi(ctx) {
       "dsh-chat-translate: locale dictionaries"
     );
   }
-  const t = locale && typeof locale.bind === "function" ? locale.bind(NS) : (key) => zh[key] ?? key;
-  try {
-    const slots = ctx.slots;
-    if (!slots || typeof slots.inject !== "function") return;
-    ctx.effect(
-      () => configForms.whileServed([SETTINGS_NAMESPACE], () => {
-        const offPage = slots.inject(
-          "settings.section",
-          () => claimReadingSettingsPage(ctx, () => t("pageNav"), NS)
-        );
-        const offCard = slots.inject(
-          READING_ITEM_SLOT,
-          () => slots.register(
-            {
-              name: READING_ITEM_SLOT,
-              // id = 本插件的配置条目 id（= profile entry id = 设置命名空间）
-              id: SETTINGS_NAMESPACE,
-              // 卡片在共享页里的顺序：丝滑流式 10、吸顶提示 20、聊天翻译 30
-              order: 30,
-              // 共享页按此标签渲染 tab
-              label: () => t("title"),
-              locale: NS
-            },
-            TidySettingsPanel
-          )
-        );
-        return () => {
-          offCard();
-          offPage();
-        };
-      }),
-      "dsh-chat-translate: shared reading page"
-    );
-  } catch (err) {
-    console.warn("[dsh-chat-translate] Failed to inject settings section:", err);
-  }
+  ctx.effect(
+    () => configForms.whileServed([SETTINGS_NAMESPACE], () => setupPluginPage(
+      ctx.slots,
+      () => ctx.slots.register(
+        {
+          name: BUNDLE_CONFIG_SLOT,
+          // The bundle's package name: the key that puts this entry on this
+          // bundle's own page, above its rows.
+          key: BUNDLE_CONFIG_KEY,
+          // The page draws the title, icon and crumb itself; the card keeps its
+          // own chrome, controls and section order.
+          locale: NS
+        },
+        TidySettingsPanel
+      )
+    )),
+    "dsh-chat-translate: plugins page config"
+  );
 }
 
 // src/client/composer/dock-toggle.tsx
-var import_react3 = require("react");
+var import_react2 = 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())), []);
+  const [state, setState] = (0, import_react2.useState)(() => settingsStore.getState());
+  (0, import_react2.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,
     {
@@ -922,7 +793,7 @@ function setupComposerToggle(ctx) {
 
 // src/client/chat/assistant-step.tsx
 var React = __toESM(require("react"), 1);
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/chat/row-plan.ts
@@ -1005,10 +876,8 @@ function planAssistantRow(input) {
 }
 
 // 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;
+function isCleanHotspotClick(event, view) {
+  if (event.target !== 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;
@@ -1028,25 +897,42 @@ var ASSISTANT_CSS = [
   ".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}",
-  // ---- 「已翻译」交互与标记：可点态常驻（含左缘内缩）——蓝粗线=读译文，
-  //      灰细线=读原文备着译文；区分走色相+粗细 ----
-  ".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)}",
+  // ---- 正文块：可翻译时左缘留出 12px 缩进（缩进与线无关——译文出现前后
+  //      正文位置不变，切换总开关时整列也不横移），并成为热区的定位父级 ----
+  ".dsh-ct-prose{position:relative}",
+  ".dsh-ct-prose-indent{padding-left:12px}",
+  // ---- 线型：粗细与色相只表示状态。蓝粗线=读译文，灰细线=读原文备着译文
+  //      （0.5px 中性 hairline），红实线=失败（只剩通道伤一种） ----
   ".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)}",
-  // ---- 失败标记：1px error 色红实线（只剩通道伤一种，悬停报细节）；
-  //      可点，点=整行手动补跑 ----
   ".dsh-ct-prose-failed{border-left:1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 65%, transparent)}",
-  // ---- 在途：灰 1px 线脉动（与成功态同 padding，转蓝不跳字）；
+  // ---- 在途：灰 1px 线脉动（缩进由 .dsh-ct-prose-indent 统一给，转蓝不跳字）；
   //      prefers-reduced-motion 降级为静态灰线 ----
-  ".dsh-ct-prose-inflight{padding-left:12px;border-left:1px solid var(--dsw-alias-border-l2);animation:1.4s ease-in-out infinite alternate dsh-ct-prose-inflight-pulse}",
+  ".dsh-ct-prose-inflight{border-left:1px solid var(--dsw-alias-border-l2);animation:1.4s ease-in-out infinite alternate dsh-ct-prose-inflight-pulse}",
   "@keyframes dsh-ct-prose-inflight-pulse{from{border-left-color:var(--dsw-alias-border-l2)}to{border-left-color:color-mix(in srgb, var(--dsw-alias-border-l2) 20%, transparent)}}",
   "@media (prefers-reduced-motion:reduce){.dsh-ct-prose-inflight{animation:none}}",
-  // ---- 失败块的重试指引：悬停/键盘聚焦时在左侧线槽内露出小 ↻（官方图标，
-  //      文案由 Tooltip 挂在该锚点上）；静态不扰动阅读 ----
-  ".dsh-ct-prose-retryable{position:relative}",
-  ".dsh-ct-retry{position:absolute;left:2px;top:6px;display:flex;color:var(--dsw-alias-state-error-primary);opacity:0;visibility:hidden}",
-  ".dsh-ct-prose-retryable:hover .dsh-ct-retry,.dsh-ct-prose-retryable:focus-visible .dsh-ct-retry{opacity:1;visibility:visible}",
+  // ---- 左缘热区：随块高铺满的一条透明窄带。绝对定位的偏移以 padding box 为
+  //      基准、而线画在 border 上，所以线的左缘在 -1px：`left:-5px` 给出线外侧
+  //      4px，`width:17px` 让右缘落在正文第一个字上（12px 缩进），不吃正文。
+  //      切换与补跑只由它承载；正文整块不再是点击目标，选中/复制不再误触。
+  //      z-index 压过宽表格的透明出血层（那条规则给 table 挂了 z-index:1）；
+  //      出血区是透明 padding，正文格子的起点仍在缩进之外 ----
+  ".dsh-ct-hotspot{position:absolute;left:-5px;top:0;bottom:0;width:17px;margin:0;padding:0;border:0;background:0 0;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}",
+  // 在途只剩「已在跑」这一答复：热区保留（键盘焦点不掉），但光标不承诺能点。
+  ".dsh-ct-hotspot[data-idle]{cursor:default}",
+  // 热区没有自己的外形：它是透明的一层。focus-visible 只对键盘聚焦成立（指针
+  // 点出来的焦点不匹配），下面的 :has 规则把线加亮——粗细始终只表示译文/原文。
+  ".dsh-ct-hotspot:focus-visible{outline:none}",
+  ".dsh-ct-prose-translated:has(.dsh-ct-hotspot:focus-visible){border-left-color:var(--dsw-alias-state-business-primary)}",
+  ".dsh-ct-prose-original:has(.dsh-ct-hotspot:focus-visible){border-left-color:var(--dsw-alias-label-caption)}",
+  ".dsh-ct-prose-failed:has(.dsh-ct-hotspot:focus-visible){border-left-color:var(--dsw-alias-state-error-primary)}",
+  // 在途线本就在动；CSS 动画压过普通声明，聚焦的加亮必须同时停掉动画才看得见
+  // （停掉脉动本身就是一次可见的变化，线也从闪烁的灰换成静止的亮灰）。
+  ".dsh-ct-prose-inflight:has(.dsh-ct-hotspot:focus-visible){animation:none;border-left-color:var(--dsw-alias-label-caption)}",
+  // ---- 失败块的补跑指引：小 ↻（官方图标）常驻在红线旁——失败不会被悬停
+  //      发现，救活入口必须一直看得见；纯装饰（pointer-events:none），点击
+  //      归热区，败因由 Tooltip 挂在热区上 ----
+  ".dsh-ct-retry{position:absolute;left:2px;top:6px;display:flex;color:var(--dsw-alias-state-error-primary);pointer-events:none;z-index:3}",
   // ---- 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))}",
@@ -1068,31 +954,27 @@ var ASSISTANT_CSS = [
   // ---- 无障碍：屏幕阅读器专用文本 ----
   ".dsh-ct-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}"
 ].join("");
-function proseAction(mark) {
-  switch (mark) {
-    case "translated":
-    case "original-view":
-      return "toggle";
-    case "failed":
-      return "retry";
-    default:
-      return null;
-  }
+var PROSE_BY_MARK = {
+  translated: { className: "dsh-ct-prose-translated", action: "toggle" },
+  "original-view": { className: "dsh-ct-prose-original", action: "toggle" },
+  failed: { className: "dsh-ct-prose-failed", action: "retry" },
+  // 在途有线、有热区，但 action 为 null：按下去是空操作（脉动已是「已在跑」
+  // 的答复），热区保留只是为了让键盘焦点不掉回页面。
+  inflight: { className: "dsh-ct-prose-inflight", action: null }
+};
+var PROSE_BASE_CLASS = "dsh-ct-prose";
+function prosePresentation(mark) {
+  return mark === null ? { className: null, action: null } : PROSE_BY_MARK[mark];
 }
 function proseClassNames(mark) {
-  switch (mark) {
-    case "translated":
-      return "dsh-ct-prose-clickable dsh-ct-prose-translated";
-    case "original-view":
-      return "dsh-ct-prose-clickable dsh-ct-prose-original";
-    case "failed":
-      return "dsh-ct-prose-clickable dsh-ct-prose-failed dsh-ct-prose-retryable";
-    case "inflight":
-      return "dsh-ct-prose-inflight";
-    default:
-      return void 0;
-  }
+  const line = prosePresentation(mark).className;
+  return line === null ? void 0 : `${PROSE_BASE_CLASS} ${line}`;
 }
+function proseIndentClassName(canTranslate) {
+  return canTranslate ? "dsh-ct-prose-indent" : void 0;
+}
+var HOTSPOT_CLASS = "dsh-ct-hotspot";
+var HOTSPOT_IDLE_ATTR = "data-idle";
 function ensureAssistantStyles() {
   if (typeof document === "undefined") return;
   const selector = `style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`;
@@ -1163,7 +1045,7 @@ var ChatTranslateStore = class {
   }
   /**
    * 确保该行按当前文本被翻译。
-   * @param manual - 用户点击失败块发起的补跑：已落定的同代行只有这条路会重发。
+   * @param manual - 用户点击失败块的左缘热区发起的补跑：已落定的同代行只有这条路会重发。
    * @returns 是否发出了新的请求。
    */
   ensure(rowKey, texts, manual = false) {
@@ -1343,8 +1225,8 @@ 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)(() => {
+  const [inView, setInView] = (0, import_react3.useState)(noObserver);
+  (0, import_react3.useEffect)(() => {
     if (noObserver || !armed) return;
     const element = ref.current;
     if (element === null) return;
@@ -1361,7 +1243,7 @@ function useSettledInView(ref, armed) {
   }, [armed, noObserver, ref]);
   return inView;
 }
-var ReasoningRow = (0, import_react4.memo)(function ReasoningRow2({
+var ReasoningRow = (0, import_react3.memo)(function ReasoningRow2({
   text,
   running,
   usePresentation,
@@ -1369,13 +1251,13 @@ var ReasoningRow = (0, import_react4.memo)(function ReasoningRow2({
   t
 }) {
   const { expanded, toggle } = useDisclosure();
-  const labels = (0, import_react4.useMemo)(() => markdownLabels(t), [t]);
+  const labels = (0, import_react3.useMemo)(() => markdownLabels(t), [t]);
   const summaryText = running ? latestCompletedParagraphFirstLine(text) : firstLine(text);
-  const summary = (0, import_react4.useMemo)(() => summaryText.replaceAll("**", ""), [summaryText]);
+  const summary = (0, import_react3.useMemo)(() => summaryText.replaceAll("**", ""), [summaryText]);
   const preview = usePresentation(
     (policy2) => !expanded && summary !== "" && (running || policy2.settledReasoningPreview)
   );
-  const collapsedContent = (0, import_react4.useMemo)(
+  const collapsedContent = (0, import_react3.useMemo)(
     () => React.createElement(
       React.Fragment,
       null,
@@ -1388,7 +1270,7 @@ var ReasoningRow = (0, import_react4.memo)(function ReasoningRow2({
     ),
     [running, summary]
   );
-  const content = (0, import_react4.useMemo)(
+  const content = (0, import_react3.useMemo)(
     () => expanded ? React.createElement(
       "div",
       { className: "dsh-ct-think-body" },
@@ -1425,13 +1307,6 @@ var ReasoningRow = (0, import_react4.memo)(function ReasoningRow2({
     )
   );
 });
-function blockClick(event, action) {
-  const guardEvent = {
-    target: event.target,
-    currentTarget: event.currentTarget
-  };
-  if (isBareBlockClick(guardEvent, typeof window === "undefined" ? void 0 : window)) action();
-}
 function ProseBlock({
   text,
   translated,
@@ -1439,41 +1314,62 @@ function ProseBlock({
   fail,
   onToggle,
   onRetry,
+  canTranslate,
   streaming,
   labels,
   mentions,
   pathImages
 }) {
-  const action = proseAction(mark);
+  const { action } = prosePresentation(mark);
   const clickable = action !== null;
   const retrying = action === "retry";
   const handler = retrying ? onRetry : onToggle;
   const source = mark === "translated" ? translated : text;
   const copy = rowCopy();
-  const block = React.createElement(
+  const className = [proseClassNames(mark) ?? PROSE_BASE_CLASS, proseIndentClassName(canTranslate)].filter((name2) => name2 !== void 0).join(" ");
+  const hotspot = mark === null ? null : React.createElement("button", {
+    type: "button",
+    className: HOTSPOT_CLASS,
+    // 热区是覆盖层，读屏只应听到它的动作，正文仍由 MarkdownText 读。
+    "aria-label": mark === "inflight" ? copy.inflightAria : retrying ? copy.retryAria : mark === "original-view" ? copy.toggleToTranslatedAria : copy.toggleToOriginalAria,
+    ...mark === "inflight" ? { [HOTSPOT_IDLE_ATTR]: "true" } : {},
+    tabIndex: 0,
+    // button 自己会按 Enter/Space 合成 click，若不接管就会与这段键盘处理
+    // 叠加成两次动作：这里两个键都走 keydown 并 preventDefault，合成被掐掉。
+    onKeyDown: clickable ? (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      handler();
+    } : void 0,
+    onClick: clickable ? (event) => {
+      if (isCleanHotspotClick(
+        { target: event.target, currentTarget: event.currentTarget },
+        typeof window === "undefined" ? void 0 : window
+      )) {
+        handler();
+      }
+    } : void 0
+  });
+  const retryIcon = retrying ? React.createElement(
+    "span",
+    { className: "dsh-ct-retry", "aria-hidden": true },
+    React.createElement(import_dsh_client_ui_primitives3.IconRefreshOutlineRegular, { size: 10 })
+  ) : null;
+  const anchor = hotspot === null ? null : React.createElement(import_dsh_client_ui_primitives3.Tooltip, {
+    label: () => copy.failTitle(fail),
+    side: "top",
+    portal: true,
+    disabled: !retrying,
+    children: hotspot
+  });
+  return React.createElement(
     "div",
     {
-      className: proseClassNames(mark),
-      "data-translated": mark === "translated" ? "true" : void 0,
-      // 容器内含链接等交互内容，不套 role=button（非法嵌套）；可聚焦 + 键盘
-      // Enter/Space 即切换/重试，满足官方「键盘可达」门。在途块也保持可聚焦
-      // （Enter 空操作）——补跑把红线折成脉动时，键盘焦点不致从行上掉回 body。
-      tabIndex: clickable || mark === "inflight" ? 0 : void 0,
-      onClick: clickable ? (event) => blockClick(event, handler) : void 0,
-      onKeyDown: clickable ? (event) => {
-        if (event.target !== event.currentTarget) return;
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          handler();
-        }
-      } : void 0
+      className,
+      "data-translated": mark === "translated" ? "true" : void 0
     },
-    retrying && React.createElement(
-      "span",
-      { className: "dsh-ct-retry", "aria-hidden": true },
-      React.createElement(import_dsh_client_ui_primitives3.IconRefreshOutlineRegular, { size: 10 })
-    ),
-    retrying && React.createElement("span", { className: "dsh-ct-visually-hidden" }, copy.retryAria),
+    retryIcon,
+    anchor,
     React.createElement(import_dsh_client_ui_primitives3.MarkdownText, {
       text: source,
       streaming,
@@ -1482,40 +1378,33 @@ function ProseBlock({
       pathImages
     })
   );
-  if (!retrying) return block;
-  return React.createElement(import_dsh_client_ui_primitives3.Tooltip, {
-    label: () => copy.failTitle(fail),
-    side: "right",
-    portal: true,
-    children: block
-  });
 }
-var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(props) {
+var AssistantStepView = (0, import_react3.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 enabled = (0, import_react3.useSyncExternalStore)(subscribeSettings, () => settingsStore.getState().enabled);
+  const aiConfigured = (0, import_react3.useSyncExternalStore)(subscribeSettings, () => settingsStore.getState().aiConfigured);
+  (0, import_react3.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)(
+  const labels = (0, import_react3.useMemo)(() => markdownLabels(t), [t]);
+  const pathImages = (0, import_react3.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)(() => {
+  const owner = (0, import_react3.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)(
+  const mentions = (0, import_react3.useMemo)(() => owner === void 0 ? void 0 : fileMentions(owner), [fileMentions, owner]);
+  const blocks = (0, import_react3.useMemo)(() => data.blocks ?? [], [data.blocks]);
+  const plan = (0, import_react3.useMemo)(
     () => planAssistantRow({
       blocks,
       streaming,
@@ -1526,16 +1415,16 @@ var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(prop
     }),
     [blocks, streaming, interrupted, groupPart, canTranslate]
   );
-  const rootRef = (0, import_react4.useRef)(null);
+  const rootRef = (0, import_react3.useRef)(null);
   const inView = useSettledInView(rootRef, !streaming && canTranslate && plan.entries !== null && plan.texts.length > 0);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (streaming || !canTranslate || !inView || plan.entries === null || plan.texts.length === 0) return;
     chatTranslate.ensure(rowKey, plan.texts);
   }, [streaming, canTranslate, inView, rowKey, plan]);
-  const [originalKeys, setOriginalKeys] = (0, import_react4.useState)(() => /* @__PURE__ */ new Set());
+  const [originalKeys, setOriginalKeys] = (0, import_react3.useState)(() => /* @__PURE__ */ new Set());
   const registered = chatTranslate.getState(rowKey);
   const rowState = registered !== void 0 && sameTexts(registered.texts, plan.texts) ? registered : void 0;
-  const displayed = (0, import_react4.useMemo)(
+  const displayed = (0, import_react3.useMemo)(
     () => planAssistantRow({
       blocks,
       streaming,
@@ -1549,10 +1438,10 @@ var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(prop
     [blocks, streaming, interrupted, groupPart, canTranslate, rowState, originalKeys]
   );
   const reasoningHidden = turnProcess !== void 0 && turnProcess.foldable && turnProcess.spec.answerStep === data.step && turnProcess.spec.inlineReasoning && !turnProcess.open;
-  const revealProcess = (0, import_react4.useCallback)(() => {
+  const revealProcess = (0, import_react3.useCallback)(() => {
     turnProcess?.setOpen(true);
   }, [turnProcess]);
-  const toggleBlock = (0, import_react4.useCallback)((key) => {
+  const toggleBlock = (0, import_react3.useCallback)((key) => {
     setOriginalKeys((current) => {
       const next = new Set(current);
       if (next.has(key)) next.delete(key);
@@ -1560,7 +1449,7 @@ var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(prop
       return next;
     });
   }, []);
-  const retryRow = (0, import_react4.useCallback)(() => {
+  const retryRow = (0, import_react3.useCallback)(() => {
     chatTranslate.ensure(rowKey, plan.texts, true);
   }, [rowKey, plan]);
   if (displayed.entries === null) return null;
@@ -1578,6 +1467,7 @@ var AssistantStepView = (0, import_react4.memo)(function AssistantStepView2(prop
             fail: entry.fail,
             onToggle: () => toggleBlock(entry.key),
             onRetry: retryRow,
+            canTranslate,
             streaming,
             labels,
             mentions,
@@ -1745,7 +1635,7 @@ function apply(ctx) {
     chatPresentation.attach(form);
     return () => chatPresentation.detach();
   }, "dsh-chat-translate: chat presentation source");
-  ctx.effect(() => setupSettingsUi(ctx), "dsh-chat-translate: settings section");
+  ctx.effect(() => setupSettingsUi(ctx), "dsh-chat-translate: plugins page config");
   ctx.effect(() => setupComposerToggle(ctx), "dsh-chat-translate: composer dock toggle");
   bindRowCopy(ctx.locale);
 }