@lynn123411/dsh-chat-translate 3.2.0 → 3.3.0

package/README.md

@@ -1,6 +1,6 @@
 # @lynn123411/dsh-chat-translate
 
-DeepSeek Harness Web 界面的**助手回答正文翻译**插件。它接管助手行的渲染：正文块不论源语言，一律送翻译模型加工成自然简体中文（如 `I traced the failing path to a stale lock file.` → 中文；模型写出的生硬机器腔中文同样送一遍润色——弱模型的中文恰恰最需要加工），译文按原 markdown 结构重新渲染。只翻正文：Think 卡的思考链、工具调用行、用户消息、代码块、空白块不动。正文块的左缘竖线报出状态：译文蓝粗线、备着译文的原文灰细线、失败红实线（悬停报通道细节：超时、断流、空返回）、在途灰脉动、没送过模型无线。切换与补跑都在**贴着那条线的窄带上**（鼠标移上去变手型，点一下切双语；挂红线的块点它手动补跑），正文整块不再响应点击——选中文字、拖选复制都不会误触。不污染会话上下文。开关有两个入口：输入框下方那一行的「译」胶囊与共享「阅读体验」设置页的总开关，同一个状态两处同步。配置详见 [docs/配置.md](./docs/配置.md)。
+DeepSeek Harness Web 界面的**助手回答正文翻译**插件。它接管助手行的渲染：正文块不论源语言，一律送翻译模型加工成自然简体中文（如 `I traced the failing path to a stale lock file.` → 中文；模型写出的生硬机器腔中文同样送一遍润色——弱模型的中文恰恰最需要加工），译文按原 markdown 结构重新渲染。只翻正文：Think 卡的思考链、工具调用行、用户消息、代码块、空白块不动。正文块的左缘竖线报出状态：译文蓝粗线、备着译文的原文灰细线、失败红实线（悬停报通道细节：超时、断流、空返回）、在途灰脉动、没送过模型无线。切换与补跑都在**贴着那条线的窄带上**（鼠标移上去变手型，点一下切双语；挂红线的块点它手动补跑），正文整块不再响应点击——选中文字、拖选复制都不会误触。不污染会话上下文。开关有两个入口：输入框下方那一行的「译」胶囊与本插件配置页的总开关，同一个状态两处同步。配置详见 [docs/配置.md](./docs/配置.md)。
 
 ## 特性
 
@@ -12,11 +12,11 @@ DeepSeek Harness Web 界面的**助手回答正文翻译**插件。它接管助
 - **失败只有一种：通道伤**：块级失败不进缓存、保持原文，左缘挂红实线，悬停左缘那条窄带报出通道细节（超时、断流、空返回）。译文的结构漂移不再是失败理由（见下条）。红线块右侧常驻一个小 ↻，点那条窄带即整行手动补跑，已成功的块保持挂线展示（宿主磁盘缓存让它们秒回，不花模型调用），只有尚无译文的块重新脉动；在途时窄带仍在（键盘焦点不掉）但按下去是空操作，光标也不再变手型。通道失败不自动重试：一行首跑一次，落定即终态，救活由用户发起。失败仍在控制台留一条警告。
 - **按行幂等的翻译池**：客户端按会话锚点键登记整行结果，同文本重复渲染不重发请求；行内容换代则整行重译，迟到的旧代结果作废。
 - **结构重装配，形状问题只修不拒**：宿主先把块按 markdown 结构切段——代码围栏与纯空白段**逐字保留、永不送模型**——散文段再按输入上限切片（单段超限按空行、单行、句末切开）、相邻片段打包成一个请求（输入上限 4096 估算 token、输出上限 8192 token）。回来的译文过**形状修复**（`repairShape`）：按段落块对齐，块内结构行（记号类别、表格竖线数、链接个数、缩进代码缩进）逐一对齐并把行首前缀修回原文同款（`##`→`###`、`-`→`*`、序号、引用深度、列表缩进的漂移就此消失），散文行自由重排（软换行渲染无感），空行布局一律取原文，`[文字](URL)` 的 URL 按出现序逐字拼回。修不齐的片段自动重掷一次；仍不齐就照收模型的译文——原文一键可回，可读的译文优先于红线。反引号、行内代码内容一律不拦：是样式不是骨架。
-- **单通道：AI 翻译（OpenAI 兼容协议）**：对接任意 OpenAI 兼容的 `chat/completions` 服务（OpenAI、DeepSeek、通义、Ollama、本地 vLLM 等）。Key / Base URL / 模型三者齐备才翻译，缺任何一项保持原文，不做降级兜底。API Key 经 DSH 凭据服务读写 `~/.dsh/.credentials.yaml` 的 `TRANSLATE_API_KEY`；Base URL 与模型在设置面板配置。
+- **单通道：AI 翻译（OpenAI 兼容协议）**：对接任意 OpenAI 兼容的 `chat/completions` 服务（OpenAI、DeepSeek、通义、Ollama、本地 vLLM 等）。Key / Base URL / 模型三者齐备才翻译，缺任何一项保持原文，不做降级兜底。API Key 经 DSH 凭据服务读写 `~/.dsh/.credentials.yaml` 的 `TRANSLATE_API_KEY`；Base URL 与模型在本插件的配置页配置。
 - **串行与超时**：同时最多一个在途请求，单次超时 `aiTimeoutMs`（默认 600000 毫秒，范围 500–900000）——每行首跑与每次手点都等到真实结果，嫌等就把超时调小。磁盘缓存池 `~/.dsh/dsh-chat-translate/cache.json`（7 天 TTL、1000 条 LRU）**按提示词修订号整体作废**：文档里登记 `rev`，换提示词语义后旧译文不会串代。
 - **跟随宿主显示设置**：Think 行的折叠摘要预览跟随「工作细节」模式（读 `ui-chat` 配置的 `transcriptView`，含 legacy 取值映射）；设置缺席时按 standard。
-- **DSH 原生配置接入**：配置就是本插件在 profile 里的插件配置——设置面板经 `ctx.configForms` 读写条目 `dsh-chat-translate` 的 `config`，用户层落在当前 profile 的 patch；无任何自研配置文件，译文从不写回会话上下文。
-- **设置面板集成**：设置面板挂在「设置 - 阅读体验」页（本插件贡献其中一张卡片），页内提供总开关、API Key、Base URL、模型、单次请求超时与「测试 AI 通道」。
+- **DSH 原生配置接入**：配置就是本插件在 profile 里的插件配置——配置页经 `ctx.configForms` 读写条目 `dsh-chat-translate` 的 `config`，用户层落在当前 profile 的 patch；无任何自研配置文件，译文从不写回会话上下文。
+- **配置页挂在宿主「插件」页**：配置卡片注册进 `plugins.bundle.config`（key 为包名 `@lynn123411/dsh-chat-translate`），路径是「插件」→本插件详情页 —— 配置直接铺在描述之下、行列表之上。页面由宿主画标题、图标与面包屑，卡片提供总开关、API Key、Base URL、模型、单次请求超时与「测试 AI 通道」；设置页里不再有任何本插件的入口。做法与约束见仓库 `docs/rules/plugin-config-page.md`。
 
 ## 安装
 

package/assets/icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.5 6.5A2.5 2.5 0 0 1 5 4h6.5A2.5 2.5 0 0 1 14 6.5v3.5A2.5 2.5 0 0 1 11.5 12.5H7.5L4.5 15v-2.5A2.5 2.5 0 0 1 2.5 10z"/>
+  <path d="M10 13A2.5 2.5 0 0 1 12.5 10.5h6.5A2.5 2.5 0 0 1 21.5 13v3.5A2.5 2.5 0 0 1 19 19h-4L12 21.5V19A2.5 2.5 0 0 1 10 16.5z"/>
+  <path d="M5.5 7.8h5.5"/>
+  <path d="M5.5 10.1h3.5"/>
+</svg>

package/docs//351/205/215/347/275/256.md

@@ -2,7 +2,7 @@
 
 > 本文档为 [@lynn123411/dsh-chat-translate](../README.md) 的配置说明。
 
-1. **API Key**：打开「设置 - 阅读体验」，在 AI 翻译卡片中直接填写 API Key 并保存（经 DSH 凭据服务写入 `~/.dsh/.credentials.yaml` 的 `TRANSLATE_API_KEY`，权限 0600，保存后立即生效；留空保存 = 清除该键）。也可以手动编辑该文件：
+1. **API Key**：打开「插件」→ 本插件详情页（配置就在描述之下的 AI 翻译卡片里），直接填写 API Key 并保存（经 DSH 凭据服务写入 `~/.dsh/.credentials.yaml` 的 `TRANSLATE_API_KEY`，权限 0600，保存后立即生效；留空保存 = 清除该键）。也可以手动编辑该文件：
 
    ```yaml
    refs:
@@ -11,7 +11,7 @@
 
    > ⚠️ **注意**：DSH 的凭据加载器要求 refs 键值非空。手动编辑时要么填写真实 Key，要么**直接删除该行**——不要写成 `TRANSLATE_API_KEY: ""` 这类空值，否则 DSH 启动会失败。未配置时插件不翻译，正文保持原文，不会报错。
 
-2. **Base URL 与模型等设置**：在「设置 - 阅读体验」中填写 Base URL（如 `https://api.openai.com/v1` 或 `https://api.deepseek.com/v1`）与模型名（如 `gpt-4o-mini`、`deepseek-chat`），点击「测试 AI 通道」验证。所有设置（开关、超时、Base URL、模型）都是本插件在 profile 里的插件配置：写入当前 profile 的 patch（`~/.dsh/profiles/<profile>/cordis.patch.yml`）中 `dsh-chat-translate` 条目的 `config`。开关 `enabled` 有两个入口：设置页总开关，与聊天输入框下方那一行（composer dock）的「译」胶囊——两处读写同一个字段，状态同步；这一行只在会话形态渲染，新建会话的 Hero 形态没有它。字段都是可实时更新的，改完立即生效，可直接编辑该文件，不需重载：
+2. **Base URL 与模型等设置**：在本插件的配置页里填写 Base URL（如 `https://api.openai.com/v1` 或 `https://api.deepseek.com/v1`）与模型名（如 `gpt-4o-mini`、`deepseek-chat`），点击「测试 AI 通道」验证。所有设置（开关、超时、Base URL、模型）都是本插件在 profile 里的插件配置：写入当前 profile 的 patch（`~/.dsh/profiles/<profile>/cordis.patch.yml`）中 `dsh-chat-translate` 条目的 `config`。开关 `enabled` 有两个入口：本插件配置页的总开关，与聊天输入框下方那一行（composer dock）的「译」胶囊——两处读写同一个字段，状态同步；这一行只在会话形态渲染，新建会话的 Hero 形态没有它。字段都是可实时更新的，改完立即生效，可直接编辑该文件，不需重载：
 
    ```yaml
    - id: dsh-chat-translate

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,144 +411,9 @@ 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\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",
@@ -580,8 +452,6 @@ var zh = {
   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 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.",
@@ -639,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;
@@ -659,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());
     });
@@ -853,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,
     {
@@ -931,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
@@ -1363,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;
@@ -1381,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,
@@ -1389,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,
@@ -1408,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" },
@@ -1517,32 +1379,32 @@ function ProseBlock({
     })
   );
 }
-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,
@@ -1553,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,
@@ -1576,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);
@@ -1587,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;
@@ -1773,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);
 }