npm - @jayyuen66/dsh-ocr-review - Versions diffs - 0.1.7 → 0.1.9 - Mend

@jayyuen66/dsh-ocr-review 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/client.js CHANGED Viewed

@@ -7,11 +7,14 @@ window.__ModuleLoader__.load({
     let exports = module.exports;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
-//#region src/ui-messages.ts
+let zod = require("zod");
+// src/ui-messages.ts
 const UI_MESSAGES = {
 	zh: {
-		cardTitle: "open-code-review 代码审查",
-		cardDescription: "ocr 工具配置：选择 provider/model 应用到 OCR（应用后 key 由 api_key_cmd 动态读取，不再写入明文）+ 审查参数设置",
+		modelSection: "模型",
+		reviewSection: "审查参数",
+		actionsLabel: "动作",
+		outOfRange: "超出允许范围，未保存",
 		statusReadOnly: "当前作用域只读",
 		statusDirty: "有未保存的修改，点「保存」生效",
 		statusClean: "无未保存的修改",
@@ -50,22 +53,37 @@ const UI_MESSAGES = {
 		skippedPrefix: "\n跳过（settings 中无对应 apiKeyEnv）：",
 		migrateFailed: "迁移失败",
 		effortLabel: "审查深度 (effort)",
-		effortHint: "low=1 轮快速反馈 / medium=2 轮默认 / high=3 轮深查（越深越贵）",
+		effortHint: "auto=跟随 OCR 自身配置 / low=1 轮快速反馈 / medium=2 轮 / high=3 轮深查（越深越贵）",
+		effortAuto: "auto — 跟随 OCR 配置",
 		effortLow: "low — 快速",
-		effortMedium: "medium — 均衡（默认）",
+		effortMedium: "medium — 均衡",
 		effortHigh: "high — 深入",
 		languageLabel: "评审语言",
 		languageHint: "OCR 评论输出语言（写入 config.language）",
 		autoVerifyLabel: "应用后自动验证",
 		autoVerifyHint: "选择 provider/model 后自动跑 ocr llm test",
-		onLabel: "开启",
-		offLabel: "关闭",
 		maxCommentsLabel: "摘要评论条数 (maxComments)",
-		maxCommentsHint: "返回给模型的 top 评论条数；0 = 全部（含未锚定行，输出大）（默认 12）",
+		maxCommentsHint: "返回给模型的 top 评论条数；0 = 全部（含未锚定行，输出大）（默认见本行设置项的初值）",
 		timeoutLabel: "运行超时 (timeoutMinutes)",
-		timeoutHint: "前台墙钟超时（分钟）；0 = 宿主上限（shell.maxTimeoutMs，当前 60 分钟）；更长的评审用工具 wait=false 后台模式（不设宿主 deadline，兜底窗口看设置项 ocrBackgroundMaxMs，默认 0 = 不设窗口）（默认 0）",
+		timeoutHint: "前台墙钟超时（分钟）；0 = 请求宿主上限（实际生效值由 shell 执行器自己的 maxTimeoutMs 设置项决定，可在 bash-local / pwsh-local 的设置行里改）；更长的评审用工具 wait=false 后台模式（不设宿主 deadline，兜底窗口看设置项 ocrBackgroundMaxMs，默认 0 = 不设窗口）（默认 0）",
 		configPathLabel: "OCR 配置文件 (ocrConfigPath)",
 		configPathHint: "外部 open-code-review CLI 自己的配置位置；留空 = ~/.opencodereview/config.json。自定义时必须是 <X>/.opencodereview/config.json 布局（OCR 只认该形状，插件经 HOME 重定向让它生效）",
+		mcpTitle: "MCP servers",
+		mcpHint: "编辑外部 OCR 的 mcp_servers（JSON）。stdio server 会在评审时执行命令，只在这里由人配置；保存只改这一支，其他配置原样保留。",
+		mcpSave: "保存 MCP",
+		mcpSaving: "保存中…",
+		mcpSaved: "MCP servers 已保存",
+		mcpLoadFailed: "读取 MCP 配置失败：",
+		chatGptTitle: "ChatGPT（OCR auth）",
+		chatGptHint: "登录态由 ocr auth 管理；本卡片只读查询状态，并在登录后把 provider 切到 chatgpt。",
+		chatGptCheck: "检查登录态",
+		chatGptChecking: "检查中…",
+		chatGptModelLabel: "ChatGPT 模型 slug",
+		chatGptUse: "使用 ChatGPT",
+		chatGptUsing: "应用中…",
+		chatGptSaved: "已切换到 ChatGPT provider",
+		chatGptLoginHint: "登录请在终端运行：",
+		adminUnavailable: "当前部署没有远程面，MCP/ChatGPT 管理区不可用",
 		settingsLoading: "设置加载中，稍候可改",
 		keyDynamicHint: "key 走 get-cred.mjs 动态读取，OCR 配置不留明文",
 		keyScriptMissing: "⚠ get-cred 脚本缺失，api_key_cmd 无法工作",
@@ -94,8 +112,10 @@ const UI_MESSAGES = {
 		binaryGuideDismiss: "知道了"
 	},
 	en: {
-		cardTitle: "open-code-review code review",
-		cardDescription: "ocr tool setup: pick a provider/model and apply it to OCR (once applied, keys are read dynamically via api_key_cmd and no longer written in plain text) + review parameters",
+		modelSection: "Model",
+		reviewSection: "Review parameters",
+		actionsLabel: "Actions",
+		outOfRange: "Out of the allowed range — not saved",
 		statusReadOnly: "This scope is read-only",
 		statusDirty: "Unsaved changes — press Save to apply",
 		statusClean: "No unsaved changes",
@@ -134,22 +154,37 @@ const UI_MESSAGES = {
 		skippedPrefix: "\nSkipped (no apiKeyEnv in settings): ",
 		migrateFailed: "migration failed",
 		effortLabel: "Review depth (effort)",
-		effortHint: "low = 1 pass quick feedback / medium = 2 passes default / high = 3 passes deep review (deeper costs more)",
+		effortHint: "auto = follow the OCR config / low = 1 pass quick feedback / medium = 2 passes / high = 3 passes deep review (deeper costs more)",
+		effortAuto: "auto — follow the OCR config",
 		effortLow: "low — quick",
-		effortMedium: "medium — balanced (default)",
+		effortMedium: "medium — balanced",
 		effortHigh: "high — thorough",
 		languageLabel: "Review language",
 		languageHint: "Output language of OCR comments (written into config.language)",
 		autoVerifyLabel: "Verify after applying",
 		autoVerifyHint: "Run `ocr llm test` automatically after picking a provider/model",
-		onLabel: "On",
-		offLabel: "Off",
 		maxCommentsLabel: "Summary comment cap (maxComments)",
-		maxCommentsHint: "Top comments returned to the model; 0 = all (including unanchored lines, large output) (default 12)",
+		maxCommentsHint: "Top comments returned to the model; 0 = all (including unanchored lines, large output) (default: the row's initial value)",
 		timeoutLabel: "Run timeout (timeoutMinutes)",
-		timeoutHint: "Foreground wall-clock timeout in minutes; 0 = host cap (shell.maxTimeoutMs, currently 60 min); for longer reviews use the tool's wait=false background mode (no host deadline; the backstop window is the ocrBackgroundMaxMs setting, default 0 = none) (default 0)",
+		timeoutHint: "Foreground wall-clock timeout in minutes; 0 = ask for the host cap (the effective value comes from the maxTimeoutMs setting of the shell executor itself — edit it on the bash-local / pwsh-local settings row); for longer reviews use the tool's wait=false background mode (no host deadline; the backstop window is the ocrBackgroundMaxMs setting, default 0 = none) (default 0)",
 		configPathLabel: "OCR config file (ocrConfigPath)",
 		configPathHint: "Where the external open-code-review CLI keeps its own config; empty = ~/.opencodereview/config.json. A custom value must follow the <X>/.opencodereview/config.json layout (OCR only reads that shape; the plugin makes it effective via a HOME redirect)",
+		mcpTitle: "MCP servers",
+		mcpHint: "Edit the external OCR mcp_servers JSON. A stdio server runs commands during reviews, so this is human-managed here; saving touches only this key and preserves everything else.",
+		mcpSave: "Save MCP",
+		mcpSaving: "Saving…",
+		mcpSaved: "MCP servers saved",
+		mcpLoadFailed: "Failed to read the MCP config: ",
+		chatGptTitle: "ChatGPT (OCR auth)",
+		chatGptHint: "Sign-in is managed by ocr auth; this card only reports the status and switches OCR's provider to chatgpt after you sign in.",
+		chatGptCheck: "Check sign-in",
+		chatGptChecking: "Checking…",
+		chatGptModelLabel: "ChatGPT model slug",
+		chatGptUse: "Use ChatGPT",
+		chatGptUsing: "Applying…",
+		chatGptSaved: "Switched to the ChatGPT provider",
+		chatGptLoginHint: "Run the sign-in in a terminal:",
+		adminUnavailable: "No remote surface in this deployment; the MCP/ChatGPT admin section is unavailable",
 		settingsLoading: "settings still loading — editable in a moment",
 		keyDynamicHint: "Keys are read dynamically via get-cred.mjs; OCR config keeps no plain text",
 		keyScriptMissing: "⚠ get-cred script missing, api_key_cmd cannot work",
@@ -178,48 +213,624 @@ const UI_MESSAGES = {
 		binaryGuideDismiss: "Got it"
 	}
 };
-//#endregion
-//#region node_modules/.pnpm/@jayyuen66+dsh-plugin-shared@0.1.6_@deepseek-ai+cordis@4.0.5_@deepseek-ai+dsh-client-lo_8c875f5679b30ed9bd8ed9c09e6b1478/node_modules/@jayyuen66/dsh-plugin-shared/dist/record.js
-function e$2(e) {
+// node_modules/@jayyuen66/dsh-plugin-shared/dist/record.js
+function e$3(e) {
 	return typeof e == `object` && !!e && !Array.isArray(e);
 }
-function n(t, n) {
-	return e$2(t) ? t[n] : void 0;
+const t$3 = { absent: !0 };
+function n$2(e, n) {
+	try {
+		return {
+			absent: !1,
+			value: e[n]
+		};
+	} catch {
+		return t$3;
+	}
+}
+function i$1(r, i) {
+	let a = e$3(r) ? n$2(r, i) : t$3;
+	return a.absent ? void 0 : a.value;
 }
-//#endregion
-//#region node_modules/.pnpm/@jayyuen66+dsh-plugin-shared@0.1.6_@deepseek-ai+cordis@4.0.5_@deepseek-ai+dsh-client-lo_8c875f5679b30ed9bd8ed9c09e6b1478/node_modules/@jayyuen66/dsh-plugin-shared/dist/card-apply.js
-function e$1(e, t, n) {
-	let r = globalThis;
-	if (Object.hasOwn(r, t) && r[t] === !0) return !1;
-	r[t] = !0;
+// node_modules/@jayyuen66/dsh-plugin-shared/dist/card-apply.js
+const e$2 = (e) => e.length > 0 && !(e in Object.prototype);
+function t$2(e, t, n) {
+	n === void 0 ? e[t] = void 0 : Object.defineProperty(e, t, n);
+}
+function n$1(n, r, i) {
+	if (!e$2(r)) throw Error(`claimApply 的 flag 不得为空、也不得命中 Object.prototype 的成员（__proto__ 一类会让占位静默失灵或遮蔽全局成员）：${r}`);
+	let a = globalThis, o = Object.hasOwn(a, r) ? a[r] : void 0;
+	if (o === !0 || typeof o == `symbol`) return !1;
+	let s = Object.getOwnPropertyDescriptor(a, r), c = Symbol(r);
+	a[r] = c;
 	try {
-		e.effect(() => () => {
-			r[t] = void 0;
-		}, n);
+		n.effect(() => () => {
+			a[r] === c && t$2(a, r, s);
+		}, i);
 	} catch (e) {
-		throw r[t] = void 0, e;
+		throw a[r] === c && t$2(a, r, s), e;
 	}
 	return !0;
 }
-//#endregion
-//#region node_modules/.pnpm/@jayyuen66+dsh-plugin-shared@0.1.6_@deepseek-ai+cordis@4.0.5_@deepseek-ai+dsh-client-lo_8c875f5679b30ed9bd8ed9c09e6b1478/node_modules/@jayyuen66/dsh-plugin-shared/dist/card-diff.js
-function e(e, t) {
-	let n = [];
-	for (let r of Object.keys(e)) JSON.stringify(e[r] ?? null) !== JSON.stringify(t[r] ?? null) && n.push(r);
-	return n;
+// node_modules/@jayyuen66/dsh-plugin-shared/dist/card-diff.js
+function e$1(t, n, r) {
+	if (t == null || n == null) return (t ?? null) === (n ?? null);
+	if (Object.is(t, n)) return !0;
+	if (typeof t != `object` || typeof n != `object`) return !1;
+	if (r.get(t) === n) return !0;
+	if (r.set(t, n), Array.isArray(t) || Array.isArray(n)) return !Array.isArray(t) || !Array.isArray(n) || t.length !== n.length ? !1 : t.every((t, i) => e$1(t, n[i], r));
+	let i = Object.keys(t), a = Object.keys(n);
+	return i.length === a.length && i.every((i) => Object.hasOwn(n, i) && e$1(Reflect.get(t, i), Reflect.get(n, i), r));
+}
+function t$1(t, n) {
+	let r = [];
+	for (let i of Object.keys(t)) e$1(t[i], n[i], /* @__PURE__ */ new WeakMap()) || r.push(i);
+	return r;
+}
+// node_modules/@jayyuen66/dsh-plugin-shared/dist/card-ui.js
+const c = `
+.dsu-form{display:flex;flex-direction:column}
+.dsu-section{margin-top:24px;padding-top:24px;border-top:.5px solid var(--dsw-alias-border-l1)}
+.dsu-form>.dsu-section:first-child{margin-top:0;padding-top:0;border-top:0}
+.dsu-sectionTitle{margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--dsw-alias-label-primary)}
+.dsu-sectionHint{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+.dsu-statusbar{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+.dsu-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);column-gap:32px;align-items:center;padding:12px 0;border-top:.5px solid var(--dsw-alias-border-l2)}
+.dsu-fieldMeta{display:flex;flex-direction:column;gap:4px;min-width:0}
+.dsu-labelRow{display:flex;align-items:center;gap:6px;min-width:0}
+.dsu-label{font-size:13px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary)}
+.dsu-labelMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
+.dsu-hint{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary)}
+.dsu-control{min-width:0;display:flex;align-items:center;gap:8px}
+.dsu-fieldWide{grid-template-columns:minmax(0,1fr);align-items:start}
+.dsu-fieldWide .dsu-control{width:100%;max-width:720px;margin-top:2px}
+.dsu-help{display:inline-flex;align-items:center;gap:6px;min-width:0}
+.dsu-helpBtn{appearance:none;border:0;background:transparent;padding:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-tertiary);cursor:help;border-radius:50%;flex:none}
+.dsu-help:hover .dsu-helpBtn,.dsu-helpBtn:focus-visible{color:var(--dsw-alias-label-primary)}
+.dsu-helpBtn:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}
+.dsu-tip{position:fixed;z-index:60;box-sizing:border-box;max-width:min(340px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;overflow-wrap:anywhere;padding:10px 12px;border-radius:10px;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l3);box-shadow:0 12px 32px rgb(0 0 0 / 45%);font-size:12px;line-height:1.6;font-weight:400;color:var(--dsw-alias-label-secondary)}
+.dsu-input{width:100%;height:34px;padding:0 12px;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}
+.dsu-input:focus-visible{outline:none;border-color:var(--dsw-alias-state-business-primary)}
+.dsu-input[aria-invalid="true"]{border-color:var(--dsw-alias-state-error-primary)}
+.dsu-input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}
+.dsu-input::placeholder{color:var(--dsw-alias-label-tertiary)}
+.dsu-textarea{height:auto;min-height:96px;padding:8px 12px;line-height:1.6;resize:vertical}
+.dsu-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
+.dsu-numberWrap{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}
+.dsu-number{display:flex;align-items:center;gap:8px;min-width:0}
+.dsu-number .dsu-input{min-width:0}
+.dsu-unit{flex:none;font-size:12px;color:var(--dsw-alias-label-tertiary)}
+.dsu-error{margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-state-error-primary)}
+.dsu-switch{appearance:none;width:36px;height:20px;border-radius:999px;border:0;padding:2px;background:var(--dsw-alias-border-l3);display:flex;align-items:center;cursor:pointer;flex:none;transition:background-color .16s}
+.dsu-knob{width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-primary);transition:transform .16s,background-color .16s}
+.dsu-switch[aria-checked="true"]{background:var(--dsw-alias-label-primary)}
+.dsu-switch[aria-checked="true"] .dsu-knob{transform:translateX(16px);background:var(--dsw-alias-label-primary-foreground)}
+.dsu-switch:disabled{opacity:.4;cursor:not-allowed}
+.dsu-switch:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+.dsu-selectWrap{position:relative;width:100%;min-width:0}
+.dsu-select{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}
+.dsu-select[aria-expanded="true"]{border-color:var(--dsw-alias-state-business-primary)}
+.dsu-selectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsu-chevron{flex:none;color:var(--dsw-alias-label-tertiary);transition:transform .16s}
+.dsu-select[aria-expanded="true"] .dsu-chevron{transform:rotate(180deg)}
+.dsu-menu{position:fixed;z-index:70;padding:4px;background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l3);border-radius:12px;box-shadow:0 12px 32px rgb(0 0 0 / 50%);max-height:280px;overflow:auto}
+.dsu-option{appearance:none;border:0;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:1.4;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left}
+.dsu-option:hover,.dsu-option[data-active="true"]{background:var(--dsw-alias-bg-layer-3)}
+.dsu-option:disabled{color:var(--dsw-alias-label-tertiary);cursor:not-allowed}
+.dsu-option:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
+.dsu-optionGroup{padding:6px 10px 2px;font-size:11px;font-weight:600;color:var(--dsw-alias-label-tertiary)}
+.dsu-check{opacity:0;flex:none}
+.dsu-option[aria-selected="true"] .dsu-check{opacity:1}
+.dsu-savebar{display:flex;align-items:center;gap:8px;padding:12px 0;margin-top:24px;border-top:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base)}
+.dsu-savebar[data-dirty="true"]{position:sticky;bottom:0;z-index:2;box-shadow:0 -12px 24px rgb(0 0 0 / 35%)}
+.dsu-btn{appearance:none;border:.5px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:1.5;border-radius:var(--dsw-radius-md);padding:5px 14px;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s,filter .12s}
+.dsu-btn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l3)}
+.dsu-btn:active:not(:disabled){background:var(--dsw-alias-bg-layer-1)}
+.dsu-btn:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}
+.dsu-btn:disabled{opacity:.4;cursor:not-allowed}
+.dsu-btnPrimary{background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
+.dsu-btnPrimary:hover:not(:disabled){background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);filter:brightness(.9)}
+.dsu-btnPrimary:active:not(:disabled){background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);filter:brightness(.84)}
+.dsu-btnDanger{color:var(--dsw-alias-state-error-primary)}
+.dsu-btnDanger:hover:not(:disabled){color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2)}
+.dsu-status{margin-left:auto;font-size:12px;color:var(--dsw-alias-label-tertiary)}
+.dsu-statusError{color:var(--dsw-alias-state-error-primary)}
+.dsu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0 24px}
+.dsu-grid>.dsu-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 0;border-top:.5px solid var(--dsw-alias-border-l1)}
+.dsu-grid>.dsu-field .dsu-control{width:100%}
+@media (max-width:640px){
+  .dsu-field{grid-template-columns:minmax(0,1fr);align-items:start}
+  .dsu-control{width:100%;max-width:720px}
+  .dsu-section{margin-top:20px;padding-top:20px}
+}
+@media (prefers-reduced-motion:reduce){
+  .dsu-switch,.dsu-knob,.dsu-chevron,.dsu-btn{transition:none}
+}
+`;
+function l(e, t = 30) {
+	return e.length <= t ? { hint: e } : { detail: e };
+}
+function u(t) {
+	return (0, react.createElement)(`div`, { className: `dsu-form` }, t.children);
+}
+function d(t) {
+	return (0, react.createElement)(`section`, { className: `dsu-section` }, (0, react.createElement)(`h2`, { className: `dsu-sectionTitle` }, t.title), t.hint === void 0 ? null : (0, react.createElement)(`p`, { className: `dsu-sectionHint` }, t.hint), t.children);
+}
+function m(a) {
+	let c = (0, react.useId)(), [l, u] = (0, react.useState)(!1), [d, f] = (0, react.useState)(!1), p = (0, react.useRef)(!1), m = (0, react.useRef)(!1), h = (0, react.useRef)(!1), g = (0, react.useRef)(null), _ = (0, react.useRef)(null), v = (0, react.useRef)(null), y = (0, react.useCallback)(() => {
+		v.current !== null && (clearTimeout(v.current), v.current = null);
+	}, []), b = (0, react.useCallback)(() => {
+		let e = g.current, t = _.current;
+		/* v8 ignore next 3 -- place 只在 open 的 layout effect 与挂载期监听器里调用；refs 为空只可能是卸载竞态 */
+		if (e === null || t === null) return;
+		let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, { left: a } = n, o = n.bottom + 8;
+		o + i > window.innerHeight - 8 && (o = n.top - i - 8), a + r > window.innerWidth - 8 && (a = window.innerWidth - r - 8);
+		let s = Math.max(8, window.innerWidth - r - 8), c = Math.max(8, window.innerHeight - i - 8);
+		t.style.left = `${Math.min(Math.max(8, a), s)}px`, t.style.top = `${Math.min(Math.max(8, o), c)}px`;
+	}, []), x = (0, react.useCallback)(() => {
+		y(), h.current = !1, f(!1), u(!1);
+	}, [y]), S = (0, react.useCallback)(() => {
+		y(), u(!0);
+	}, [y]), C = (0, react.useCallback)(() => {
+		y(), !(p.current || m.current || h.current) && (v.current = setTimeout(() => {
+			/* v8 ignore next 3 -- 任何重新进入/钉住都会 cancelHide；这次复查只防未来的异步路径 */
+			v.current = null, p.current || m.current || h.current || u(!1);
+		}, 120));
+	}, [y]), w = (0, react.useCallback)((e) => {
+		h.current = e, f(e);
+	}, []);
+	(0, react.useLayoutEffect)(() => {
+		if (!l) return () => {};
+		b();
+		let e = (e) => {
+			let { target: t } = e;
+			t instanceof Node && _.current?.contains(t) === !0 || (h.current ? b() : x());
+		}, t = () => {
+			b();
+		};
+		return window.addEventListener(`scroll`, e, !0), window.addEventListener(`resize`, t), () => {
+			window.removeEventListener(`scroll`, e, !0), window.removeEventListener(`resize`, t);
+		};
+	}, [
+		l,
+		a.detail,
+		b,
+		x
+	]), (0, react.useEffect)(() => {
+		if (!l) return () => {};
+		let e = (e) => {
+			e.key === `Escape` && x();
+		};
+		return document.addEventListener(`keydown`, e), () => {
+			document.removeEventListener(`keydown`, e);
+		};
+	}, [l, x]), (0, react.useEffect)(() => y, [y]);
+	let T = (0, react.createElement)(`button`, {
+		ref: g,
+		type: `button`,
+		className: `dsu-helpBtn`,
+		"aria-label": `${a.label} 说明`,
+		"aria-describedby": c,
+		"aria-pressed": d,
+		onClick: () => {
+			h.current ? x() : (w(!0), S());
+		}
+	}, (0, react.createElement)(`svg`, {
+		width: 12,
+		height: 12,
+		viewBox: `0 0 14 14`,
+		"aria-hidden": !0
+	}, (0, react.createElement)(`circle`, {
+		cx: 7,
+		cy: 7,
+		r: 6,
+		fill: `none`,
+		stroke: `currentColor`,
+		strokeWidth: 1.2
+	}), (0, react.createElement)(`path`, {
+		d: `M7 6.2v4`,
+		stroke: `currentColor`,
+		strokeWidth: 1.3,
+		strokeLinecap: `round`
+	}), (0, react.createElement)(`circle`, {
+		cx: 7,
+		cy: 4.3,
+		r: .8,
+		fill: `currentColor`
+	}))), E = (0, react.createElement)(`div`, {
+		ref: _,
+		id: c,
+		role: `tooltip`,
+		className: `dsu-tip`,
+		hidden: !l
+	}, a.detail), D = a.showLabel === !1 ? null : (0, react.createElement)(`span`, { className: `dsu-label${a.compact === !0 ? ` dsu-labelMono` : ``}` }, a.label);
+	return (0, react.createElement)(`span`, {
+		className: `dsu-help`,
+		onMouseEnter: () => {
+			p.current = !0, S();
+		},
+		onMouseLeave: () => {
+			p.current = !1, C();
+		},
+		onFocus: () => {
+			m.current = !0, S();
+		},
+		onBlur: (e) => {
+			let t = e.relatedTarget;
+			t instanceof Node && e.currentTarget.contains(t) || (m.current = !1, C());
+		}
+	}, D, T, E);
+}
+function h(t) {
+	let n = `dsu-label${t.compact === !0 ? ` dsu-labelMono` : ``}`, r = t.controlId === void 0 ? (0, react.createElement)(`span`, { className: n }, t.label) : (0, react.createElement)(`label`, {
+		className: n,
+		htmlFor: t.controlId
+	}, t.label);
+	return (0, react.createElement)(`div`, { className: `dsu-labelRow` }, r, t.detail === void 0 ? null : (0, react.createElement)(m, {
+		label: t.label,
+		detail: t.detail,
+		showLabel: !1
+	}));
+}
+function g(t) {
+	let n = t.controlId === void 0 ? void 0 : `${t.controlId}-hint`;
+	return (0, react.createElement)(`div`, { className: `dsu-field${t.wide === !0 ? ` dsu-fieldWide` : ``}` }, (0, react.createElement)(`div`, { className: `dsu-fieldMeta` }, (0, react.createElement)(h, {
+		label: t.label,
+		detail: t.detail,
+		compact: t.compact,
+		controlId: t.controlId
+	}), t.hint === void 0 ? null : (0, react.createElement)(`p`, {
+		className: `dsu-hint`,
+		id: n
+	}, t.hint)), (0, react.createElement)(`div`, { className: `dsu-control` }, t.children));
+}
+function _(t) {
+	let n = (0, react.useId)(), i = t.hint === void 0 ? void 0 : `${n}-hint`;
+	return (0, react.createElement)(g, {
+		...t,
+		controlId: n
+	}, (0, react.createElement)(`button`, {
+		type: `button`,
+		role: `switch`,
+		id: n,
+		className: `dsu-switch`,
+		"aria-checked": t.checked,
+		"aria-describedby": i,
+		"data-field": t.field,
+		disabled: t.disabled === !0,
+		onClick: () => {
+			t.onChange(!t.checked);
+		}
+	}, (0, react.createElement)(`span`, { className: `dsu-knob` })));
+}
+function v(t) {
+	let i = typeof t.value == `number` && Number.isFinite(t.value) ? String(t.value) : ``, [a, c] = (0, react.useState)(i), [l, u] = (0, react.useState)(!1), d = (0, react.useRef)(void 0), f = (0, react.useId)(), p = (0, react.useId)(), m = [t.hint === void 0 ? void 0 : `${f}-hint`, l ? p : void 0].filter((e) => e !== void 0), h = m.length === 0 ? void 0 : m.join(` `);
+	(0, react.useEffect)(() => {
+		t.value !== d.current && (d.current = t.value, c(i), u(!1));
+	}, [t.value, i]);
+	let _ = (e) => {
+		let n = t.min ?? -1 / 0, r = t.max ?? 1 / 0;
+		if (!Number.isFinite(e) || e < n || e > r) return !1;
+		let { step: i } = t;
+		if (i === void 0 || i <= 0) return !0;
+		let a = (e - (t.min ?? 0)) / i;
+		return Math.abs(a - Math.round(a)) < 1e-9;
+	}, v = (e) => {
+		if (c(e), e === ``) {
+			u(!1), d.current = void 0, t.onChange(void 0);
+			return;
+		}
+		let n = Number(e);
+		_(n) ? (u(!1), d.current = n, t.onChange(n)) : u(!0);
+	}, y = () => {
+		a === `` || l || c(String(Number(a)));
+	};
+	return (0, react.createElement)(g, {
+		...t,
+		controlId: f
+	}, (0, react.createElement)(`div`, { className: `dsu-numberWrap` }, (0, react.createElement)(`div`, { className: `dsu-number` }, (0, react.createElement)(`input`, {
+		className: `dsu-input`,
+		type: `number`,
+		inputMode: `numeric`,
+		id: f,
+		value: a,
+		min: t.min,
+		max: t.max,
+		step: t.step,
+		placeholder: t.placeholder,
+		"aria-invalid": l || void 0,
+		"aria-describedby": h,
+		"data-field": t.field,
+		disabled: t.disabled === !0,
+		onChange: (e) => {
+			v(e.target.value);
+		},
+		onBlur: y
+	}), t.unit === void 0 ? null : (0, react.createElement)(`span`, { className: `dsu-unit` }, t.unit)), l ? (0, react.createElement)(`p`, {
+		className: `dsu-error`,
+		id: p
+	}, t.invalidHint) : null));
+}
+function y(t) {
+	let [i, a] = (0, react.useState)(t.value), [o, c] = (0, react.useState)(!1), l = (0, react.useId)(), u = t.hint === void 0 ? void 0 : `${l}-hint`;
+	(0, react.useEffect)(() => {
+		o || a(t.value);
+	}, [t.value, o]);
+	let d = {
+		id: l,
+		className: `dsu-input${t.multiline === !0 ? ` dsu-textarea` : ``}${t.monospace === !0 ? ` dsu-mono` : ``}`,
+		value: i,
+		placeholder: t.placeholder,
+		"aria-describedby": u,
+		"data-field": t.field,
+		disabled: t.disabled === !0,
+		onFocus: () => {
+			c(!0);
+		},
+		onBlur: () => {
+			c(!1);
+		},
+		onChange: (e) => {
+			a(e.target.value), t.onChange(e.target.value);
+		}
+	};
+	return (0, react.createElement)(g, {
+		...t,
+		controlId: l
+	}, t.multiline === !0 ? (0, react.createElement)(`textarea`, d) : (0, react.createElement)(`input`, d));
+}
+function x(c) {
+	let [l, u] = (0, react.useState)(!1), [d, f] = (0, react.useState)(0), p = (0, react.useRef)(null), m = (0, react.useRef)(null), h = (0, react.useId)(), _ = (0, react.useId)(), v = c.hint === void 0 ? void 0 : `${_}-hint`, { disabled: y, value: b, options: x, onChange: S } = c, C = (0, react.useMemo)(() => x.map((e, t) => ({
+		option: e,
+		index: t
+	})).filter((e) => e.option.disabled !== !0), [x]), w = x.find((e) => e.value === b)?.label ?? b, T = x[d], E = T !== void 0 && T.disabled !== !0, D = (0, react.useCallback)(() => {
+		let e = p.current, t = m.current;
+		/* v8 ignore next 3 -- place 只在 open 的 layout effect 里调用；refs 为空只可能是卸载竞态 */
+		if (e === null || t === null) return;
+		let n = e.getBoundingClientRect(), r = Math.min(n.width, window.innerWidth - 16), { left: i } = n;
+		i + r > window.innerWidth - 8 && (i = window.innerWidth - r - 8);
+		let a = t.offsetHeight, o = n.bottom + 6;
+		o + a > window.innerHeight - 8 && (o = n.top - a - 6);
+		let s = Math.max(8, window.innerWidth - r - 8), c = Math.max(8, window.innerHeight - a - 8);
+		t.style.width = `${r}px`, t.style.left = `${Math.min(Math.max(8, i), s)}px`, t.style.top = `${Math.min(Math.max(8, o), c)}px`;
+	}, []), O = (0, react.useCallback)(() => {
+		u(!1);
+	}, []), k = (0, react.useCallback)(() => {
+		if (y === !0) return;
+		let e = C.find((e) => e.option.value === b) ?? C.at(0);
+		e !== void 0 && (f(e.index), u(!0));
+	}, [
+		y,
+		b,
+		C
+	]), A = (0, react.useCallback)((e) => {
+		/* v8 ignore next 3 -- 浮层只能经由 openMenu 打开；组件禁用时打不开 */
+		if (y === !0) return;
+		let t = x[e];
+		/* v8 ignore next 3 -- disabled 选项在浏览器里不派发 click；越界下标由调用面保证 */
+		t !== void 0 && t.disabled !== !0 && (S(t.value), O(), p.current?.focus());
+	}, [
+		y,
+		x,
+		S,
+		O
+	]), j = (0, react.useCallback)((e) => {
+		let t = C.findIndex((e) => e.index === d);
+		/* v8 ignore next 5 -- open 时归一 effect 已保证 enabled 非空且 active 落在可用项上 */
+		if (t === -1 || C.length === 0) return;
+		let n = (t + e + C.length) % C.length, r = C[n];
+		/* v8 ignore next 3 -- next 由取模保证在界内 */
+		r !== void 0 && f(r.index);
+	}, [d, C]);
+	(0, react.useLayoutEffect)(() => {
+		if (!l) return () => {};
+		D();
+		let e = (e) => {
+			let t = e.target;
+			m.current?.contains(t) !== !0 && p.current?.contains(t) !== !0 && O();
+		}, t = (e) => {
+			let { target: t } = e;
+			t instanceof Node && m.current?.contains(t) === !0 || O();
+		}, n = () => {
+			D();
+		};
+		return document.addEventListener(`pointerdown`, e, !0), window.addEventListener(`scroll`, t, !0), window.addEventListener(`resize`, n), () => {
+			document.removeEventListener(`pointerdown`, e, !0), window.removeEventListener(`scroll`, t, !0), window.removeEventListener(`resize`, n);
+		};
+	}, [
+		l,
+		c.options,
+		D,
+		O
+	]), (0, react.useEffect)(() => {
+		if (!l) return;
+		if (y === !0 || C.length === 0) {
+			O();
+			return;
+		}
+		if (C.some((e) => e.index === d)) return;
+		let e = C.find((e) => e.option.value === b) ?? C.at(0);
+		/* v8 ignore next 3 -- enabled 非空在上一分支已保证 */
+		e !== void 0 && f(e.index);
+	}, [
+		l,
+		y,
+		b,
+		x,
+		d,
+		O,
+		C
+	]), (0, react.useLayoutEffect)(() => {
+		if (!l) return;
+		let e = m.current;
+		/* v8 ignore next 2 -- 同上，menu 在 open 的 commit 之后必然已挂上 */
+		if (e === null) return;
+		let t = e.querySelector(`[data-active="true"]`);
+		/* v8 ignore next 2 -- active 已由归一 effect 保证落在可用项上 */
+		t !== null && (t.offsetTop < e.scrollTop ? e.scrollTop = t.offsetTop : t.offsetTop + t.offsetHeight > e.scrollTop + e.clientHeight && (e.scrollTop = t.offsetTop + t.offsetHeight - e.clientHeight));
+	}, [
+		l,
+		d,
+		x
+	]);
+	let M = (e) => {
+		if (e.key === `ArrowDown` || e.key === `ArrowUp`) {
+			if (e.preventDefault(), !l) {
+				k();
+				return;
+			}
+			j(e.key === `ArrowDown` ? 1 : -1);
+		} else if (e.key === `Home` || e.key === `End`) {
+			if (e.preventDefault(), l || k(), C.length === 0) return;
+			let t = e.key === `Home` ? C.at(0) : C.at(-1);
+			/* v8 ignore next 3 -- enabled 为空已在上一条返回 */
+			if (t === void 0) return;
+			f(t.index);
+		} else if (e.key === `Enter` || e.key === ` `) {
+			if (e.preventDefault(), !l) {
+				k();
+				return;
+			}
+			A(d);
+		} else (e.key === `Tab` || e.key === `Escape`) && O();
+	}, N = [], P;
+	for (let [t, n] of x.entries()) n.group !== P && (n.group !== void 0 && N.push((0, react.createElement)(`div`, {
+		key: `group-${t}-${n.group}`,
+		className: `dsu-optionGroup`,
+		role: `presentation`
+	}, n.group)), P = n.group), N.push((0, react.createElement)(`button`, {
+		key: `option-${n.value}`,
+		type: `button`,
+		role: `option`,
+		id: `${h}-${t}`,
+		className: `dsu-option`,
+		tabIndex: -1,
+		"aria-selected": n.value === c.value,
+		"data-active": t === d,
+		disabled: n.disabled === !0,
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		onClick: () => {
+			A(t);
+		},
+		onMouseEnter: () => {
+			/* v8 ignore next -- happy-dom 对 disabled 元素不派发 mouse 事件；浏览器实现各有差异，保留禁用检查 */
+			n.disabled !== !0 && f(t);
+		}
+	}, (0, react.createElement)(`span`, null, n.label), (0, react.createElement)(`svg`, {
+		className: `dsu-check`,
+		width: 14,
+		height: 14,
+		viewBox: `0 0 14 14`,
+		"aria-hidden": !0
+	}, (0, react.createElement)(`path`, {
+		d: `M2.5 7.5l3 3 6-7`,
+		fill: `none`,
+		stroke: `currentColor`,
+		strokeWidth: 1.5,
+		strokeLinecap: `round`,
+		strokeLinejoin: `round`
+	}))));
+	return (0, react.createElement)(g, {
+		...c,
+		controlId: _
+	}, (0, react.createElement)(`div`, {
+		className: `dsu-selectWrap`,
+		onBlur: (e) => {
+			let t = e.relatedTarget;
+			t instanceof Node && e.currentTarget.contains(t) || O();
+		}
+	}, (0, react.createElement)(`button`, {
+		ref: p,
+		type: `button`,
+		id: _,
+		className: `dsu-select dsu-input`,
+		role: `combobox`,
+		"aria-haspopup": `listbox`,
+		"aria-expanded": l,
+		"aria-controls": `${h}-list`,
+		"aria-activedescendant": l && E ? `${h}-${d}` : void 0,
+		"aria-describedby": v,
+		"data-field": c.field,
+		disabled: y === !0 || x.length === 0,
+		onClick: () => {
+			l ? O() : k();
+		},
+		onKeyDown: M
+	}, (0, react.createElement)(`span`, { className: `dsu-selectValue` }, w), (0, react.createElement)(`svg`, {
+		className: `dsu-chevron`,
+		width: 14,
+		height: 14,
+		viewBox: `0 0 14 14`,
+		"aria-hidden": !0
+	}, (0, react.createElement)(`path`, {
+		d: `M3 5l4 4 4-4`,
+		fill: `none`,
+		stroke: `currentColor`,
+		strokeWidth: 1.5,
+		strokeLinecap: `round`,
+		strokeLinejoin: `round`
+	}))), (0, react.createElement)(`div`, {
+		ref: m,
+		id: `${h}-list`,
+		role: `listbox`,
+		className: `dsu-menu`,
+		"aria-label": c.label,
+		hidden: !l
+	}, ...N)));
 }
-//#endregion
-//#region lib/remote-shape.ts
+function S(t) {
+	let n = !t.writable || t.busy || !t.dirty, r;
+	return r = t.error === null ? t.writable ? t.dirty ? t.dirtyLabel : t.cleanLabel : t.readOnlyLabel : t.error, (0, react.createElement)(`div`, {
+		className: `dsu-savebar`,
+		"data-dirty": t.dirty
+	}, (0, react.createElement)(`button`, {
+		type: `button`,
+		className: `dsu-btn dsu-btnPrimary`,
+		"data-field": `save`,
+		disabled: n,
+		onClick: t.onSave
+	}, t.busy ? t.savingLabel : t.saveLabel), (0, react.createElement)(`button`, {
+		type: `button`,
+		className: `dsu-btn`,
+		"data-field": `discard`,
+		disabled: n,
+		onClick: t.onDiscard
+	}, t.revertLabel), (0, react.createElement)(`span`, { className: t.error === null ? `dsu-status` : `dsu-status dsu-statusError` }, r));
+}
+// lib/remote-shape.ts
 /** 宿主服务键 = 客户端线上命名空间（两侧共用的唯一来源）。 */
 const OCR_REMOTE_NAMESPACE = "ocrReview";
-//#endregion
-//#region src/remote.ts
+/**
+* 本包 bundle 的 npm 包名。descriptor `id`、`$mount` 的 `package` 位、客户端槽位键与
+* package.json 的 `name` 必须逐字相等（宿主按 bundle 包名派发设置卡槽位，改名漏一处
+* 的症状是卡片静默不渲染而不是报错），因此只有这一个定义处，其余各方引它。
+*/
+const OCR_BUNDLE_PACKAGE = "@jayyuen66/dsh-ocr-review";
+// src/remote.ts
 /** 网关给命名空间注册的**服务键**：`remote.<namespace>`。它在 `$mount` 完成之后才存在，
 *  所以只能在挂载后按这个键去读，而不是提前 inject。 */
 const OCR_SERVICE_KEY = `remote.${OCR_REMOTE_NAMESPACE}`;
-/** 卡片所在 bundle 的包名（`$mount` 的 `package` 位与槽位键同源，见 client-entry.ts 的 BUNDLE_PKG）。 */
-const PACKAGE_NAME = "@jayyuen66/dsh-ocr-review";
-/** 把宿主那五个方法挂到客户端远程面上的描述符（`id` 的形状照生成器：`<包>#<命名空间>/<方法>`）。
+/** 卡片所在 bundle 的包名（`$mount` 的 `package` 位与槽位键同源；唯一定义在
+*  lib/remote-shape.ts，client-entry.ts 的槽位键引的是同一个常量）。 */
+const PACKAGE_NAME = OCR_BUNDLE_PACKAGE;
+/** strict codec 的统一出口：失败交给 zod 的 `prettifyError`，读到的是一份带字段路径的说明。 */
+function parseOrThrow(schema, value) {
+	const parsed = schema.safeParse(value);
+	if (!parsed.success) throw new TypeError(zod.z.prettifyError(parsed.error));
+	return parsed.data;
+}
+const SELECT_MESSAGE = "select request requires string provider and model";
+const SELECT_SCHEMA = zod.z.object({
+	provider: zod.z.string({ error: SELECT_MESSAGE }),
+	model: zod.z.string({ error: SELECT_MESSAGE })
+}, { error: "select request must be an object" });
+const MCP_SAVE_MESSAGE = "mcp save request requires a string json";
+const MCP_SAVE_SCHEMA = zod.z.object({ json: zod.z.string({ error: MCP_SAVE_MESSAGE }) }, { error: MCP_SAVE_MESSAGE });
+const CHAT_GPT_MESSAGE = "chatgpt request requires a string model";
+const CHAT_GPT_SCHEMA = zod.z.object({ model: zod.z.string({ error: CHAT_GPT_MESSAGE }) }, { error: CHAT_GPT_MESSAGE });
+/** 把宿主那九个方法挂到客户端远程面上的描述符（`id` 的形状照生成器：`<包>#<命名空间>/<方法>`）。
 *  导出它只为一件事：`test/remote.test.ts` 拿它与宿主侧 `remoteMethods()` 的标记对质
 *  —— 两侧分叉时卡片不会报错，只会"读不到"，所以那条比较必须在门禁里。 */
 const OCR_DESCRIPTORS = [
@@ -246,13 +857,7 @@ const OCR_DESCRIPTORS = [
 				mode: "strict",
 				typeSymbol: `${PACKAGE_NAME}#select-request`,
 				create: () => ({ parse(value) {
-					if (!e$2(value)) throw new TypeError("select request must be an object");
-					const { provider, model } = value;
-					if (typeof provider !== "string" || typeof model !== "string") throw new TypeError("select request requires string provider and model");
-					return {
-						provider,
-						model
-					};
+					return parseOrThrow(SELECT_SCHEMA, value);
 				} })
 			}
 		}],
@@ -284,31 +889,103 @@ const OCR_DESCRIPTORS = [
 		invocation: { kind: "direct" },
 		parameters: [],
 		result: { mode: "src-json" }
+	},
+	{
+		id: `${PACKAGE_NAME}#${OCR_REMOTE_NAMESPACE}/mcp`,
+		service: OCR_REMOTE_NAMESPACE,
+		namespace: OCR_REMOTE_NAMESPACE,
+		method: "mcp",
+		invocation: { kind: "direct" },
+		parameters: [],
+		result: { mode: "src-json" }
+	},
+	{
+		id: `${PACKAGE_NAME}#${OCR_REMOTE_NAMESPACE}/saveMcp`,
+		service: OCR_REMOTE_NAMESPACE,
+		namespace: OCR_REMOTE_NAMESPACE,
+		method: "saveMcp",
+		invocation: { kind: "direct" },
+		parameters: [{
+			name: "request",
+			wire: "request",
+			source: "json",
+			codec: {
+				mode: "strict",
+				typeSymbol: `${PACKAGE_NAME}#mcp-save-request`,
+				create: () => ({ parse(value) {
+					return parseOrThrow(MCP_SAVE_SCHEMA, value);
+				} })
+			}
+		}],
+		result: { mode: "src-json" }
+	},
+	{
+		id: `${PACKAGE_NAME}#${OCR_REMOTE_NAMESPACE}/auth`,
+		service: OCR_REMOTE_NAMESPACE,
+		namespace: OCR_REMOTE_NAMESPACE,
+		method: "auth",
+		invocation: { kind: "direct" },
+		parameters: [],
+		result: { mode: "src-json" }
+	},
+	{
+		id: `${PACKAGE_NAME}#${OCR_REMOTE_NAMESPACE}/chatGpt`,
+		service: OCR_REMOTE_NAMESPACE,
+		namespace: OCR_REMOTE_NAMESPACE,
+		method: "chatGpt",
+		invocation: { kind: "direct" },
+		parameters: [{
+			name: "request",
+			wire: "request",
+			source: "json",
+			codec: {
+				mode: "strict",
+				typeSymbol: `${PACKAGE_NAME}#chatgpt-request`,
+				create: () => ({ parse(value) {
+					return parseOrThrow(CHAT_GPT_SCHEMA, value);
+				} })
+			}
+		}],
+		result: { mode: "src-json" }
 	}
 ];
 /** 这个值能当远程面用吗（只核我们要调的那一位；服务来自别的实现或版本时保守当作没有）。 */
-const isRemoteMounter = (value) => e$2(value) && typeof value["$mount"] === "function";
+const isRemoteMounter = (value) => e$3(value) && typeof value["$mount"] === "function";
 /** 同上：命名空间服务（挂载之后才有，缺它说明网关没认这枚贡献）。 */
-const isOcrNamespace = (value) => e$2(value) && typeof value["providers"] === "function" && typeof value["select"] === "function" && typeof value["migrate"] === "function" && typeof value["test"] === "function" && typeof value["probe"] === "function";
+const isOcrNamespace = (value) => e$3(value) && typeof value["providers"] === "function" && typeof value["select"] === "function" && typeof value["migrate"] === "function" && typeof value["test"] === "function" && typeof value["probe"] === "function" && typeof value["mcp"] === "function" && typeof value["saveMcp"] === "function" && typeof value["auth"] === "function" && typeof value["chatGpt"] === "function";
 /** 网关回执 → 值；载体/网关失败抛（卡片那层按「请求失败」显示）。 */
 function unwrap(result) {
 	if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
 	return result.value;
 }
 /**
-* 造出真正的读取器（挂载一次 + 每次读命名空间服务）。
+* 造出真正的读取器。`remote` 不再是构造期快照：本插件与官方网关之间没有加载顺序
+* 保证（本文件刻意不把 `remote` 写进 `inject`），网关可能在卡片注册之后才
+* `provide("remote")`，所以**每次读取都现取**——缺席报可读错误，晚到也能被下一次
+* 读取接上。挂载 promise 仍缓存（`$mount` 幂等），但拒绝态不缓存：失败后清空，
+* 下一次读取重新挂载，没有「错一次就永远错」的路径。
 * @param ctx - 客户端上下文
-* @param remote - 已核过形状的远程面
 * @returns 读取器
 */
-function buildOcrReader(ctx, remote) {
+function buildOcrReader(ctx) {
 	let mounted;
+	const remoteOf = () => {
+		const remote = ctx.get?.("remote", false);
+		if (!isRemoteMounter(remote)) throw new Error("remote 未提供：当前部署没有远程读面（每次读取都会重新解析）");
+		return remote;
+	};
 	const namespaceOf = async () => {
+		const remote = remoteOf();
 		mounted ??= remote.$mount({
 			package: PACKAGE_NAME,
 			descriptors: OCR_DESCRIPTORS
 		});
-		await mounted;
+		try {
+			await mounted;
+		} catch (error) {
+			mounted = void 0;
+			throw error;
+		}
 		const namespace = ctx.get?.(OCR_SERVICE_KEY, false);
 		if (!isOcrNamespace(namespace)) throw new Error(`${OCR_SERVICE_KEY} 未提供：宿主网关没有挂上这枚命名空间`);
 		return namespace;
@@ -331,25 +1008,37 @@ function buildOcrReader(ctx, remote) {
 		},
 		async probe() {
 			return unwrap(await (await namespaceOf()).probe());
+		},
+		async mcp() {
+			return unwrap(await (await namespaceOf()).mcp());
+		},
+		async saveMcp(json) {
+			return unwrap(await (await namespaceOf()).saveMcp({ json }));
+		},
+		async auth() {
+			return unwrap(await (await namespaceOf()).auth());
+		},
+		async chatGpt(model) {
+			return unwrap(await (await namespaceOf()).chatGpt({ model }));
 		}
 	};
 }
 /**
-* 造一个「读/写宿主侧 OCR 配置」的读取器；**当前部署没有远程面时返回 `undefined`**
-* （卡片照常渲染，只是数据面显示读不到 —— 与 host 侧可选读面同一条口径）。
+* 造一个「读/写宿主侧 OCR 配置」的读取器。**当前部署没有远程面时读取会抛**可读错误
+* （卡片那层按「请求失败」显示原因）——remote 不在构造期做快照，网关晚于卡片注册
+* `provide("remote")` 的部署在首次成功读取时就能接上，不存在「apply 期没有就永远
+* 读不到」的路径。
 *
-* `$mount` 是**幂等**的（挂进本 fiber，随卡片卸载自动撤），所以这里缓存那枚 promise：
-* 同一次会话里反复拉取只挂一次。
+* `$mount` 是**幂等**的（挂进本 fiber，随卡片卸载自动撤），所以缓存那枚 promise：
+* 同一次会话里反复拉取只挂一次；拒绝态例外（见 buildOcrReader）。
 *
 * @param ctx - 客户端上下文（只用 `get` 一位）
-* @returns 读取器；没有远程面时 `undefined`
+* @returns 读取器
 */
 function createOcrReader(ctx) {
-	const remote = ctx.get?.("remote");
-	return isRemoteMounter(remote) ? buildOcrReader(ctx, remote) : void 0;
+	return buildOcrReader(ctx);
 }
-//#endregion
-//#region src/client-entry.ts
+// src/client-entry.ts
 const NS = "ocr-review";
 /**
 * `plugins.bundle.config` 是 keyed 槽，宿主派发的 entryKey 就是 bundle 的 **npm 包名**：
@@ -365,43 +1054,75 @@ const NS = "ocr-review";
 * （不是回落、不是报错）。值 = 本包 package.json 的 name，且必须出现在 profile 的
 * `dsh.profile.bundles` 里；test/build-client.test.ts 从
 * `~/.dsh/profiles/web/package.json` 解析校验，不在此处硬抄一份到测试。
-* 设置命名空间**不跟着改**：下面 `ctx.configForms.get(NS)` 仍吃裸条目 id（installed
-* dsh-client-ui-settings/lib/client.js:1309-1315 把入参原样当 settings 命名空间用）。
+* 唯一定义在 lib/remote-shape.ts 的 OCR_BUNDLE_PACKAGE（descriptor id / $mount 位
+* 与这里是同一份值），设置命名空间**不跟着改**：下面 `ctx.configForms.get(NS)` 仍吃
+* 裸条目 id（installed dsh-client-ui-settings/lib/client.js:1309-1315 把入参原样当
+* settings 命名空间用）。
 */
-const BUNDLE_PKG = "@jayyuen66/dsh-ocr-review";
+const BUNDLE_PKG = OCR_BUNDLE_PACKAGE;
 /** 未知值 → 安全字符串（非字符串给 ''）。 */
 function strOf(value) {
 	return typeof value === "string" ? value : "";
 }
-/** 未知值 → 安全数字（非 number 给 fallback）。 */
-function numOf(value, fallback) {
-	return typeof value === "number" ? value : fallback;
+/** 设置行的取值域：枚举/计数都交给 zod 声明，界面只消费解析后的类型。 */
+const EFFORT_SCHEMA = zod.z.enum([
+	"auto",
+	"low",
+	"medium",
+	"high"
+]);
+const LANGUAGE_SCHEMA = zod.z.enum(["中文", "English"]);
+const COUNT_SCHEMA = zod.z.int().min(0);
+/** 未知值 → 安全数字（非整数/越界给 fallback）。 */
+function numOf(value, fallback, schema) {
+	const parsed = schema.safeParse(value);
+	return parsed.success ? parsed.data : fallback;
+}
+/** 未知值 → 枚举里的一个取值（域外给 fallback）。 */
+function textOf(value, schema, fallback) {
+	const parsed = schema.safeParse(value);
+	return parsed.success ? parsed.data : fallback;
+}
+/** 未知值 → 布尔（非布尔给 fallback）。 */
+function booleanOf(value, fallback) {
+	const parsed = zod.z.boolean().safeParse(value);
+	return parsed.success ? parsed.data : fallback;
 }
 /** 错误摘要（非 Error 抛出也要可读；catch 分支共用）。 */
 function errorSummary(error) {
 	return String(error instanceof Error ? error.message : error);
 }
-function modelOf(raw) {
-	return {
-		id: strOf(n(raw, "id")),
-		name: strOf(n(raw, "name"))
-	};
-}
-function providerOf(raw) {
-	const modelsArr = n(raw, "models");
-	const models = Array.isArray(modelsArr) ? modelsArr.map((item) => modelOf(item)) : [];
-	const apiKeyEnvRaw = n(raw, "apiKeyEnv");
-	return {
-		name: strOf(n(raw, "name")),
-		displayName: strOf(n(raw, "displayName")),
-		apiKeyEnv: typeof apiKeyEnvRaw === "string" ? apiKeyEnvRaw : null,
-		baseURL: strOf(n(raw, "baseURL")),
-		models,
-		hasKey: n(raw, "hasKey") === true
-	};
-}
+const STRING_OR_EMPTY = zod.z.preprocess((value) => typeof value === "string" ? value : "", zod.z.string());
+const NULLABLE_STRING = zod.z.preprocess((value) => typeof value === "string" ? value : null, zod.z.string().nullable());
+const TRUE_ONLY = zod.z.preprocess((value) => value === true, zod.z.boolean());
+const MODEL_SCHEMA = zod.z.object({
+	id: STRING_OR_EMPTY,
+	name: STRING_OR_EMPTY
+});
+const PROVIDER_SCHEMA = zod.z.object({
+	name: STRING_OR_EMPTY,
+	displayName: STRING_OR_EMPTY,
+	apiKeyEnv: NULLABLE_STRING,
+	baseURL: STRING_OR_EMPTY,
+	models: zod.z.preprocess((value) => Array.isArray(value) ? value.map((item) => e$3(item) ? item : {}) : [], zod.z.array(MODEL_SCHEMA)),
+	hasKey: TRUE_ONLY
+});
+const CURRENT_SCHEMA = zod.z.object({
+	provider: STRING_OR_EMPTY,
+	model: STRING_OR_EMPTY,
+	keyIsDynamic: TRUE_ONLY,
+	url: STRING_OR_EMPTY
+});
+const SOURCE_SCHEMA = zod.z.object({
+	status: STRING_OR_EMPTY,
+	message: STRING_OR_EMPTY
+});
+const ENDPOINT_VERIFY_SCHEMA = zod.z.object({
+	ok: TRUE_ONLY,
+	message: STRING_OR_EMPTY
+});
 /** 可得性来源的合法域（与 host 侧 `OcrBinarySource` 同一份取值）。形状不合即「没报」。 */
-const BINARY_SOURCES = /* @__PURE__ */ new Set([
+const BINARY_SOURCE_SCHEMA = zod.z.enum([
 	"bundled",
 	"path",
 	"none"
@@ -414,22 +1135,25 @@ const BINARY_SOURCES = /* @__PURE__ */ new Set([
 * 作废——「宿主报了 PATH 却没报版本」仍然是一条用户要看的事实。`measuredVersion` 例外，
 * 它恒在（null = 还没测过），因为「没测过」与「旧宿主不带这字段」在卡片上是同一句话。
 */
+const BINARY_SCHEMA = zod.z.object({
+	source: BINARY_SOURCE_SCHEMA,
+	path: STRING_OR_EMPTY,
+	channel: STRING_OR_EMPTY,
+	expectedVersion: STRING_OR_EMPTY,
+	installHint: STRING_OR_EMPTY,
+	measuredVersion: NULLABLE_STRING
+});
 function binaryOf(raw) {
-	if (!e$2(raw)) return null;
-	const source = strOf(raw["source"]);
-	if (!BINARY_SOURCES.has(source)) return null;
-	const path = strOf(raw["path"]);
-	const channel = strOf(raw["channel"]);
-	const expectedVersion = strOf(raw["expectedVersion"]);
-	const installHint = strOf(raw["installHint"]);
-	const measured = raw["measuredVersion"];
+	const parsed = BINARY_SCHEMA.safeParse(raw);
+	if (!parsed.success) return null;
+	const { source, path, channel, expectedVersion, installHint, measuredVersion } = parsed.data;
 	return {
 		source,
 		...path === "" ? {} : { path },
 		...channel === "" ? {} : { channel },
 		...expectedVersion === "" ? {} : { expectedVersion },
 		...installHint === "" ? {} : { installHint },
-		measuredVersion: typeof measured === "string" ? measured : null
+		measuredVersion
 	};
 }
 /**
@@ -440,67 +1164,55 @@ function binaryOf(raw) {
 async function loadCliStatus(reader) {
 	if (reader === void 0) return null;
 	try {
-		return binaryOf(n(await reader.providers(), "ocrBinary"));
+		return binaryOf(i$1(await reader.providers(), "ocrBinary"));
 	} catch {
 		return null;
 	}
 }
+const EMPTY_PAYLOAD = {
+	providers: [],
+	current: {
+		provider: "",
+		model: "",
+		keyIsDynamic: false,
+		url: ""
+	},
+	getCredReady: false,
+	source: {
+		status: "",
+		message: ""
+	},
+	endpointVerify: null,
+	ocrBinary: null
+};
+const PROVIDERS_PAYLOAD_SCHEMA = zod.z.object({
+	providers: zod.z.preprocess((value) => Array.isArray(value) ? value.map((item) => e$3(item) ? item : {}) : [], zod.z.array(PROVIDER_SCHEMA)),
+	current: zod.z.preprocess((value) => e$3(value) ? value : {}, CURRENT_SCHEMA),
+	getCredReady: TRUE_ONLY,
+	source: zod.z.preprocess((value) => e$3(value) ? value : {}, SOURCE_SCHEMA),
+	endpointVerify: zod.z.preprocess((value) => {
+		const parsed = ENDPOINT_VERIFY_SCHEMA.safeParse(value);
+		return parsed.success ? parsed.data : null;
+	}, ENDPOINT_VERIFY_SCHEMA.nullable()),
+	ocrBinary: zod.z.unknown().transform((value) => binaryOf(value))
+});
 function providersPayloadOf(json) {
-	const providersArr = n(json, "providers");
-	const providers = Array.isArray(providersArr) ? providersArr.map((item) => providerOf(item)) : [];
-	const currentRaw = n(json, "current");
-	const current = {
-		provider: strOf(n(currentRaw, "provider")),
-		model: strOf(n(currentRaw, "model")),
-		keyIsDynamic: n(currentRaw, "keyIsDynamic") === true,
-		url: strOf(n(currentRaw, "url"))
-	};
-	const sourceRaw = n(json, "source");
-	const verifyRaw = n(json, "endpointVerify");
-	const endpointVerify = verifyRaw === null || verifyRaw === void 0 ? null : {
-		ok: n(verifyRaw, "ok") === true,
-		message: strOf(n(verifyRaw, "message"))
-	};
-	return {
-		providers,
-		current,
-		getCredReady: n(json, "getCredReady") === true,
-		source: {
-			status: strOf(n(sourceRaw, "status")),
-			message: strOf(n(sourceRaw, "message"))
-		},
-		endpointVerify,
-		ocrBinary: binaryOf(n(json, "ocrBinary"))
-	};
+	const parsed = PROVIDERS_PAYLOAD_SCHEMA.safeParse(json);
+	return parsed.success ? parsed.data : EMPTY_PAYLOAD;
 }
-/** 三行表单控件（数字/文本/下拉）共用的类名 = CARD_CSS 里 `.ocr-select{…}` 那条规则。
-*  抽出来是因为两处 input 与一处 select 必须同宽同边框：写三遍字面量时改一处漏两处，
-*  症状是设置卡里某一行的控件比其它行窄。 */
-const FORM_CONTROL_CLASS = "ocr-select";
-/** 小节标题的类名（卡片头、CLI 状态行、详情页区块共用；sonarjs 的重复字面量门禁）。 */
+/** 动作按钮行的类名（共享组件的行内按钮组；多处共用，见 sonarjs 的重复字面量门禁）。 */
+const ACTIONS_CLASS = "ocr-actions";
+/** 小节标题的类名（详情页区块共用；sonarjs 的重复字面量门禁）。 */
 const CARD_NAME_CLASS = "ocr-card-name";
 const CARD_CSS = [
-	".ocr-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}",
-	".ocr-card:hover{border-color:var(--dsw-alias-label-dimmed)}",
-	".ocr-card-open{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}",
-	".ocr-card-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}",
-	".ocr-card-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}",
-	".ocr-card-head{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}",
-	".ocr-card-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}",
-	".ocr-card-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}",
-	".ocr-card-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}",
-	".ocr-card-chevron-open{transform:rotate(180deg)}",
-	".ocr-card-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:8px 0 12px;font-size:13px;line-height:1.5}",
-	".ocr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}",
-	".ocr-hint{font-size:12px;color:var(--dsw-alias-label-tertiary,#8a8f99);margin-top:2px}",
-	".ocr-select{flex:none;width:min(46%,240px);box-sizing:border-box;font:inherit;font-size:12px;color:var(--dsw-alias-label-primary,inherit);background:var(--dsw-alias-bg-layer-1,transparent);border:1px solid var(--dsw-alias-border-l2,#d8dbe2);border-radius:8px;padding:5px 8px}",
-	".ocr-btn{appearance:auto;font:inherit;font-size:12px;cursor:pointer;border-radius:6px;padding:4px 12px;border:1px solid var(--dsw-alias-border-l2,#d8dbe2);background:var(--dsw-alias-bg-layer-1,transparent);color:var(--dsw-alias-label-primary,inherit)}",
-	".ocr-btn:disabled{opacity:.5;cursor:not-allowed}",
-	".ocr-btn-primary{background:var(--dsw-alias-brand-primary,#2f6fed);border-color:var(--dsw-alias-brand-primary,#2f6fed);color:var(--dsw-alias-label-primary-foreground,#fff)}",
-	".ocr-status{font-size:12px;margin-top:6px;white-space:pre-wrap;word-break:break-word}",
-	".ocr-err{color:#c4483f}",
+	".ocr-card-name{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:600;line-height:1.4}",
+	".ocr-hint{font-size:12px;color:var(--dsw-alias-label-tertiary,#8a8f99);line-height:1.5}",
+	".ocr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}",
+	".ocr-status{font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:8px 0 0}",
+	".ocr-err{color:var(--dsw-alias-state-error-primary)}",
 	".ocr-ok{color:var(--dsw-alias-label-primary,inherit)}",
-	".ocr-muted{color:var(--dsw-alias-label-tertiary,#8a8f99)}"
+	".ocr-muted{color:var(--dsw-alias-label-tertiary,#8a8f99)}",
+	".ocr-adminTextarea{min-height:160px}"
 ].join("\n");
 function cardStore(scope) {
 	let cachedSnap = null;
@@ -528,187 +1240,6 @@ function cardStore(scope) {
 		}
 	};
 }
-function SaveBar(props) {
-	const { t } = props;
-	const disabled = !props.writable || props.busy;
-	const btnStyle = {
-		appearance: "auto",
-		font: "inherit",
-		fontSize: "12px",
-		cursor: disabled || !props.dirty ? "not-allowed" : "pointer",
-		borderRadius: "6px",
-		padding: "4px 12px",
-		border: "1px solid var(--dsw-alias-border-l2,#d8dbe2)",
-		background: "var(--dsw-alias-bg-layer-1,transparent)",
-		color: "var(--dsw-alias-label-primary,inherit)",
-		opacity: disabled ? "0.5" : "1"
-	};
-	const saveBtn = (0, react.createElement)("button", {
-		type: "button",
-		"data-field": "save",
-		disabled: disabled || !props.dirty,
-		onClick: props.onSave,
-		style: {
-			...btnStyle,
-			background: "var(--dsw-alias-brand-primary,#2f6fed)",
-			borderColor: "var(--dsw-alias-brand-primary,#2f6fed)",
-			color: "var(--dsw-alias-label-primary-foreground,#fff)"
-		}
-	}, props.busy ? t("saving") : t("save"));
-	const discardBtn = (0, react.createElement)("button", {
-		type: "button",
-		"data-field": "discard",
-		disabled: disabled || !props.dirty,
-		onClick: props.onDiscard,
-		style: btnStyle
-	}, t("revert"));
-	const dirtyText = props.dirty ? t("statusDirty") : t("statusClean");
-	let statusNode;
-	if (props.error !== null) statusNode = (0, react.createElement)("span", { style: {
-		fontSize: 12,
-		color: "#c4483f"
-	} }, props.error);
-	else if (props.writable) statusNode = (0, react.createElement)("span", { style: {
-		fontSize: 12,
-		color: "var(--dsw-alias-label-tertiary,#8a8f99)"
-	} }, dirtyText);
-	else statusNode = (0, react.createElement)("span", { style: {
-		fontSize: 12,
-		color: "var(--dsw-alias-label-tertiary,#8a8f99)"
-	} }, t("statusReadOnly"));
-	return (0, react.createElement)("div", { style: {
-		display: "flex",
-		gap: 8,
-		alignItems: "center",
-		padding: "10px 0 2px",
-		borderTop: "1px dashed var(--dsw-alias-border-l2,#d8dbe2)",
-		marginTop: 6,
-		flexWrap: "wrap"
-	} }, saveBtn, discardBtn, statusNode);
-}
-/** 设置卡外壳：复刻同款自研卡片（边框圆角卡片 + 可折叠 header + chevron）。 */
-function OcrPluginCard(props) {
-	const { title, description, children } = props;
-	const [open, setOpen] = (0, react.useState)(false);
-	const pathKey = "d";
-	const headRow = (0, react.createElement)("span", { className: "ocr-card-head" }, (0, react.createElement)("span", { className: CARD_NAME_CLASS }, title), (0, react.createElement)("span", { className: "ocr-card-desc" }, description));
-	const chevron = (0, react.createElement)("svg", {
-		width: 14,
-		height: 14,
-		viewBox: "0 0 14 14",
-		"aria-hidden": true,
-		className: `ocr-card-chevron${open ? " ocr-card-chevron-open" : ""}`
-	}, (0, react.createElement)("path", {
-		[pathKey]: "M3 5l4 4 4-4",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 1.5,
-		strokeLinecap: "round",
-		strokeLinejoin: "round"
-	}));
-	const header = (0, react.createElement)("button", {
-		type: "button",
-		className: "ocr-card-header",
-		"aria-expanded": open,
-		onClick: () => {
-			setOpen(!open);
-		}
-	}, headRow, chevron);
-	const body = open ? (0, react.createElement)("div", { className: "ocr-card-body" }, children) : null;
-	return (0, react.createElement)("div", { className: `ocr-card${open ? " ocr-card-open" : ""}` }, header, body);
-}
-/** 整数数字输入行（保存条模式：合法输入上报草稿，不直写）。 */
-function NumberRow(props) {
-	const { label, hint, value, min, max, disabled, onCommit } = props;
-	const [draft, setDraft] = (0, react.useState)(String(value));
-	(0, react.useEffect)(() => {
-		setDraft(String(value));
-	}, [value]);
-	const stage = () => {
-		const parsed = Number(draft);
-		if (Number.isInteger(parsed) && parsed >= min && (max === void 0 || parsed <= max)) onCommit(parsed);
-	};
-	return (0, react.createElement)("div", { className: "ocr-row" }, (0, react.createElement)("div", { style: {
-		minWidth: 0,
-		marginRight: 12
-	} }, (0, react.createElement)("div", {}, label), (0, react.createElement)("div", { className: "ocr-hint" }, hint)), (0, react.createElement)("input", {
-		type: "number",
-		"data-field": props.field,
-		value: draft,
-		min,
-		max,
-		disabled,
-		"aria-label": label,
-		onChange: (ev) => {
-			setDraft(ev.target.value);
-			stage();
-		},
-		onKeyDown: (ev) => {
-			if (ev.key === "Enter") {
-				ev.preventDefault();
-				stage();
-			}
-		},
-		className: FORM_CONTROL_CLASS
-	}));
-}
-/** 文本输入行（保存条模式：改动只上报草稿）。空串是合法取值（= 用宿主默认位置），
-*  所以不像 NumberRow 那样要求「解析成功」才上报。 */
-function TextRow(props) {
-	const { label, hint, value, placeholder, disabled, onCommit } = props;
-	const [draft, setDraft] = (0, react.useState)(value);
-	(0, react.useEffect)(() => {
-		setDraft(value);
-	}, [value]);
-	const stage = () => {
-		onCommit(draft.trim());
-	};
-	return (0, react.createElement)("div", { className: "ocr-row" }, (0, react.createElement)("div", { style: {
-		minWidth: 0,
-		marginRight: 12
-	} }, (0, react.createElement)("div", {}, label), (0, react.createElement)("div", { className: "ocr-hint" }, hint)), (0, react.createElement)("input", {
-		type: "text",
-		"data-field": props.field,
-		value: draft,
-		placeholder,
-		disabled,
-		"aria-label": label,
-		className: FORM_CONTROL_CLASS,
-		style: { width: "min(60%,320px)" },
-		onChange: (ev) => {
-			setDraft(ev.target.value);
-			stage();
-		},
-		onKeyDown: (ev) => {
-			if (ev.key === "Enter") {
-				ev.preventDefault();
-				stage();
-			}
-		}
-	}));
-}
-function SelectRow(props) {
-	const current = typeof props.current === "string" ? props.current : "";
-	const options = props.options.map((option) => (0, react.createElement)("option", {
-		key: option.value,
-		value: option.value,
-		disabled: option.disabled === true
-	}, option.label));
-	const labelBlock = (0, react.createElement)("div", { style: {
-		minWidth: 0,
-		marginRight: 12
-	} }, (0, react.createElement)("div", {}, props.label), (0, react.createElement)("div", { className: "ocr-hint" }, props.hint));
-	const select = (0, react.createElement)("select", {
-		className: FORM_CONTROL_CLASS,
-		"aria-label": props.label,
-		value: current,
-		disabled: props.disabled,
-		onChange: (ev) => {
-			props.onChange(props.field, ev.target.value);
-		}
-	}, options);
-	return (0, react.createElement)("div", { className: "ocr-row" }, labelBlock, select);
-}
 /** provider 下拉项文本（没有 key 的加后缀并被禁用）。提成模块级函数是为了不把
 *  带插值的 t() 嵌进 createElement（unicorn/max-nested-calls 上限 3）。 */
 function providerOptionLabel(t, provider) {
@@ -785,35 +1316,30 @@ function statusClass(ok) {
 */
 function buildCliStatusRow(deps) {
 	const { t } = deps;
-	const label = (0, react.createElement)("div", { className: CARD_NAME_CLASS }, t("binaryTitle"));
 	const button = (0, react.createElement)("button", {
-		className: "ocr-btn",
+		className: "dsu-btn",
 		type: "button",
 		disabled: deps.busy !== null,
 		onClick: deps.onProbe,
 		"data-field": "probe"
 	}, deps.busy === "probe" ? t("detecting") : t("detectCli"));
-	const row = (0, react.createElement)("div", {
-		className: "ocr-row",
-		style: {
-			justifyContent: "flex-start",
-			gap: 8
-		}
-	}, label, button);
-	const statusText = binaryStatusText(t, deps.binary);
-	const status = (0, react.createElement)("div", { className: "ocr-hint" }, statusText);
+	const controls = (0, react.createElement)("div", {
+		className: ACTIONS_CLASS,
+		"data-field": "cli-status"
+	}, button);
+	const status = (0, react.createElement)("p", { className: "dsu-hint" }, binaryStatusText(t, deps.binary));
 	const versionText = cliVersionText(t, deps.binary);
-	const versionLine = versionText === "" ? null : (0, react.createElement)("div", { className: "ocr-hint" }, versionText);
+	const versionLine = versionText === "" ? null : (0, react.createElement)("p", { className: "dsu-hint" }, versionText);
 	const hintText = cliInstallText(deps.binary);
-	const installLine = hintText === "" ? null : (0, react.createElement)("div", { className: "ocr-hint" }, hintText);
+	const installLine = hintText === "" ? null : (0, react.createElement)("p", { className: "dsu-hint" }, hintText);
 	const probe = deps.probeMsg ? (0, react.createElement)("div", {
 		className: statusClass(deps.probeMsg.ok),
 		"data-field": "probe-result"
 	}, deps.probeMsg.text) : null;
-	return (0, react.createElement)("div", {
-		style: { padding: "2px 0" },
-		"data-field": "cli-status"
-	}, row, status, versionLine, installLine, probe);
+	return (0, react.createElement)(d, {
+		title: t("binaryTitle"),
+		hint: t("binaryProbeHint")
+	}, status, versionLine, installLine, controls, probe);
 }
 /**
 * 徽标用的短文案（标题旁那只标签放不下整句装法）。与 `binaryStatusText` 同一判据、
@@ -941,100 +1467,165 @@ function OcrCliActivation(props) {
 	if (!mine || status?.source !== "none") return null;
 	return buildCliActivation(props.t, props, cliInstallText(status));
 }
-/** 数据齐（source.status === "ready"）那一支：provider/model 两行 + 三个动作按钮 +
-*  当前配置与 key 两行提示。拆出来是因为这一支画的是整块表单，与上面三条「一行提示」
-*  的降级支本就不是同一件事。 */
-function buildReadyProviderSection(deps, data) {
+/** 数据齐时的动作行：三个按钮共用一只在飞旗标，按钮文案只跟**自己**那条走。 */
+function buildActionField(deps) {
 	const { t } = deps;
-	const providerOptions = data.providers.map((provider) => ({
-		value: provider.name,
-		label: providerOptionLabel(t, provider),
-		disabled: !provider.hasKey
-	}));
-	const fallbackModelName = deps.effectiveModel === "" ? t("noModel") : deps.effectiveModel;
-	const modelOptions = (deps.modelOptions.length > 0 ? deps.modelOptions : [{
-		id: deps.effectiveModel,
-		name: fallbackModelName
-	}]).map((model) => ({
-		value: model.id,
-		label: model.name
-	}));
-	const providerRow = (0, react.createElement)(SelectRow, {
-		label: "Provider",
-		hint: t("providerHint"),
-		field: "ocrProvider",
-		current: deps.effectiveProvider,
-		disabled: data.providers.length === 0,
-		options: providerOptions,
-		onChange: (field, value) => {
-			deps.onPickProvider(value);
-		}
-	});
-	const modelRow = (0, react.createElement)(SelectRow, {
-		label: "Model",
-		hint: deps.chosenProvider ? deps.chosenProvider.baseURL : "",
-		field: "ocrModel",
-		current: deps.effectiveModel,
-		disabled: !deps.chosenProvider || deps.modelOptions.length === 0,
-		options: modelOptions,
-		onChange: (field, value) => {
-			deps.onPickModel(value);
-		}
-	});
 	const applyBtn = (0, react.createElement)("button", {
-		className: "ocr-btn ocr-btn-primary",
+		className: "dsu-btn dsu-btnPrimary",
 		type: "button",
 		disabled: deps.busy !== null,
 		onClick: deps.onApply,
 		"data-field": "apply"
 	}, deps.busy === "apply" ? t("applying") : t("applyToOcr"));
 	const testBtn = (0, react.createElement)("button", {
-		className: "ocr-btn",
+		className: "dsu-btn",
 		type: "button",
 		disabled: deps.busy !== null,
 		onClick: deps.onTest,
 		"data-field": "test"
 	}, t("testConnection"));
 	const migrateBtn = (0, react.createElement)("button", {
-		className: "ocr-btn",
+		className: "dsu-btn",
 		type: "button",
 		disabled: deps.busy !== null,
 		onClick: deps.onMigrate,
 		"data-field": "migrate"
 	}, t("migrateKeys"));
-	const actionRow = (0, react.createElement)("div", {
-		className: "ocr-row",
-		style: {
-			justifyContent: "flex-start",
-			gap: 8
-		}
-	}, applyBtn, testBtn, migrateBtn);
+	return (0, react.createElement)(g, {
+		label: t("actionsLabel"),
+		wide: true
+	}, (0, react.createElement)("div", { className: ACTIONS_CLASS }, applyBtn, testBtn, migrateBtn));
+}
+/** 当前配置 / key / 装载期自检三行提示（自检失败只作提示，不挡表单）。 */
+function buildProviderInfo(deps, data) {
+	const { t } = deps;
 	const cur = data.current;
 	const currentHint = cur.provider === "" ? t("noProvider") : currentConfigText(t, cur);
-	const currentInfo = (0, react.createElement)("div", { className: "ocr-hint" }, currentHint);
-	const keyInfo = (0, react.createElement)("div", { className: "ocr-hint" }, deps.keyHint);
+	const currentInfo = (0, react.createElement)("p", { className: "dsu-hint" }, currentHint);
+	const keyInfo = (0, react.createElement)("p", { className: "dsu-hint" }, deps.keyHint);
 	const verify = data.endpointVerify ?? null;
-	const verifyWarning = verify !== null && !verify.ok ? (0, react.createElement)("div", {
-		className: STATUS_ERROR_CLASS,
-		"data-field": "endpoint-verify"
-	}, t("endpointVerifyFailed", { reason: verify.message })) : null;
-	return (0, react.createElement)("div", {}, verifyWarning, providerRow, modelRow, actionRow, currentInfo, keyInfo);
+	return [
+		verify !== null && !verify.ok ? (0, react.createElement)("p", {
+			className: "dsu-error",
+			"data-field": "endpoint-verify"
+		}, t("endpointVerifyFailed", { reason: verify.message })) : null,
+		currentInfo,
+		keyInfo
+	];
+}
+/** 数据齐（source.status === "ready"）那一支：模型四个字段 + 动作行 + 三行提示。 */
+function buildReadyProviderSection(deps, data) {
+	const { t } = deps;
+	const providerOptions = data.providers.map((provider) => ({
+		value: provider.name,
+		label: providerOptionLabel(t, provider),
+		disabled: !provider.hasKey
+	}));
+	const fallbackModelName = deps.effectiveModel === "" ? t("noModel") : deps.effectiveModel;
+	const modelOptions = (deps.modelOptions.length > 0 ? deps.modelOptions : [{
+		id: deps.effectiveModel,
+		name: fallbackModelName
+	}]).map((model) => ({
+		value: model.id,
+		label: model.name
+	}));
+	const effortOptions = [
+		{
+			value: "auto",
+			label: t("effortAuto")
+		},
+		{
+			value: "low",
+			label: t("effortLow")
+		},
+		{
+			value: "medium",
+			label: t("effortMedium")
+		},
+		{
+			value: "high",
+			label: t("effortHigh")
+		}
+	];
+	const languageOptions = [{
+		value: "中文",
+		label: "中文"
+	}, {
+		value: "English",
+		label: "English"
+	}];
+	const modelUrl = deps.chosenProvider?.baseURL ?? "";
+	return [
+		(0, react.createElement)(x, {
+			label: "Provider",
+			...l(t("providerHint")),
+			field: "ocrProvider",
+			value: deps.effectiveProvider,
+			options: providerOptions,
+			disabled: data.providers.length === 0,
+			onChange: deps.onPickProvider
+		}),
+		(0, react.createElement)(x, {
+			label: "Model",
+			...modelUrl === "" ? {} : { hint: modelUrl },
+			field: "ocrModel",
+			value: deps.effectiveModel,
+			options: modelOptions,
+			disabled: !deps.chosenProvider || deps.modelOptions.length === 0,
+			onChange: deps.onPickModel
+		}),
+		(0, react.createElement)(x, {
+			label: t("effortLabel"),
+			...l(t("effortHint")),
+			field: "effort",
+			value: deps.effortValue,
+			options: effortOptions,
+			disabled: !deps.writable,
+			onChange: (next) => {
+				deps.onField("effort", next);
+			}
+		}),
+		(0, react.createElement)(x, {
+			label: t("languageLabel"),
+			...l(t("languageHint")),
+			field: "language",
+			value: deps.languageValue,
+			options: languageOptions,
+			disabled: !deps.writable,
+			onChange: (next) => {
+				deps.onField("language", next);
+			}
+		}),
+		(0, react.createElement)(_, {
+			label: t("autoVerifyLabel"),
+			...l(t("autoVerifyHint")),
+			field: "autoVerify",
+			checked: deps.autoVerifyValue,
+			disabled: !deps.writable,
+			onChange: (next) => {
+				deps.onField("autoVerify", next);
+			}
+		}),
+		buildActionField(deps),
+		...buildProviderInfo(deps, data)
+	];
 }
 /** Provider / Model 选择与应用区：三条降级各出一行提示（数据未就绪/读取失败/
 *  数据源不可用），只有 source.status === "ready" 才交给 buildReadyProviderSection 画表单。 */
 function buildProviderSection(deps) {
 	const { t } = deps;
+	let body;
 	if (deps.fetchError !== null) {
 		const reason = t("loadProvidersFailed", { error: deps.fetchError });
-		return (0, react.createElement)("div", { className: STATUS_ERROR_CLASS }, reason);
-	}
-	if (deps.data === null) return (0, react.createElement)("div", { className: "ocr-status ocr-muted" }, t("loadingProviders"));
-	if (deps.data.source.status !== "ready") {
+		body = (0, react.createElement)("p", { className: "dsu-error" }, reason);
+	} else if (deps.data === null) body = (0, react.createElement)("p", { className: "dsu-hint" }, t("loadingProviders"));
+	else if (deps.data.source.status === "ready") body = buildReadyProviderSection(deps, deps.data);
+	else {
 		const sourceMessage = deps.data.source.message;
-		const line = t("readProvidersFailed", { reason: sourceMessage === "" ? t("noReason") : sourceMessage });
-		return (0, react.createElement)("div", { className: STATUS_ERROR_CLASS }, line);
+		const reason = sourceMessage === "" ? t("noReason") : sourceMessage;
+		body = (0, react.createElement)("p", { className: "dsu-error" }, t("readProvidersFailed", { reason }));
 	}
-	return buildReadyProviderSection(deps, deps.data);
+	return (0, react.createElement)(d, { title: t("modelSection") }, body);
 }
 /** provider 预选：显式选择 > 当前 OCR 配置（仍存在）> 第一个有 key 的 provider。 */
 function resolveBackend(providerList, current, selProvider) {
@@ -1064,111 +1655,126 @@ function resolveSelection(providerList, current, selProvider, selModel) {
 		modelOptions: model.modelOptions
 	};
 }
-/** 设置行（effort/language/autoVerify + 保存条）。 */
+/** 审查参数小节：评论条数、运行超时、配置文件路径 + 保存条。 */
 function buildSettingsSection(deps, writable, setField) {
 	const { t } = deps;
-	const effortRow = (0, react.createElement)(SelectRow, {
-		label: t("effortLabel"),
-		hint: t("effortHint"),
-		field: "effort",
-		current: deps.effortValue,
-		disabled: !writable,
-		options: [
-			{
-				value: "low",
-				label: t("effortLow")
-			},
-			{
-				value: "medium",
-				label: t("effortMedium")
-			},
-			{
-				value: "high",
-				label: t("effortHigh")
-			}
-		],
-		onChange: (field, draft) => {
-			setField(field, draft);
-		}
-	});
-	const languageRow = (0, react.createElement)(SelectRow, {
-		label: t("languageLabel"),
-		hint: t("languageHint"),
-		field: "language",
-		current: deps.languageValue,
-		disabled: !writable,
-		options: [{
-			value: "中文",
-			label: "中文"
-		}, {
-			value: "English",
-			label: "English"
-		}],
-		onChange: (field, draft) => {
-			setField(field, draft);
-		}
-	});
-	const verifyRow = (0, react.createElement)(SelectRow, {
-		label: t("autoVerifyLabel"),
-		hint: t("autoVerifyHint"),
-		field: "autoVerify",
-		current: deps.autoVerifyValue === true ? "on" : "off",
-		disabled: !writable,
-		options: [{
-			value: "on",
-			label: t("onLabel")
-		}, {
-			value: "off",
-			label: t("offLabel")
-		}],
-		onChange: (field, draft) => {
-			setField(field, draft === "on");
-		}
-	});
-	const maxCommentsRow = (0, react.createElement)(NumberRow, {
+	const maxCommentsRow = (0, react.createElement)(v, {
 		label: t("maxCommentsLabel"),
-		hint: t("maxCommentsHint"),
+		...l(t("maxCommentsHint")),
 		field: "maxComments",
 		value: deps.maxCommentsValue,
-		min: 0,
+		...COUNT_SCHEMA.minValue === null ? {} : { min: COUNT_SCHEMA.minValue },
+		step: 1,
+		invalidHint: t("outOfRange"),
 		disabled: !writable,
-		onCommit: (num) => {
-			setField("maxComments", num);
+		onChange: (next) => {
+			setField("maxComments", next);
 		}
 	});
-	const timeoutRow = (0, react.createElement)(NumberRow, {
+	const timeoutRow = (0, react.createElement)(v, {
 		label: t("timeoutLabel"),
-		hint: t("timeoutHint"),
+		...l(t("timeoutHint")),
 		field: "timeoutMinutes",
 		value: deps.timeoutMinutesValue,
-		min: 0,
+		...COUNT_SCHEMA.minValue === null ? {} : { min: COUNT_SCHEMA.minValue },
+		step: 1,
+		invalidHint: t("outOfRange"),
 		disabled: !writable,
-		onCommit: (num) => {
-			setField("timeoutMinutes", num);
+		onChange: (next) => {
+			setField("timeoutMinutes", next);
 		}
 	});
-	const configPathRow = (0, react.createElement)(TextRow, {
+	const configPathRow = (0, react.createElement)(y, {
 		label: t("configPathLabel"),
-		hint: t("configPathHint"),
+		...l(t("configPathHint")),
 		field: "ocrConfigPath",
 		value: deps.ocrConfigPathValue,
 		placeholder: "~/.opencodereview/config.json",
+		monospace: true,
+		wide: true,
 		disabled: !writable,
-		onCommit: (text) => {
-			setField("ocrConfigPath", text);
+		onChange: (next) => {
+			setField("ocrConfigPath", next.trim());
 		}
 	});
-	const saveRow = (0, react.createElement)(SaveBar, {
-		t,
+	const saveRow = (0, react.createElement)(S, {
 		dirty: deps.dirty,
 		writable,
 		busy: deps.settingsBusy,
 		error: deps.saveError,
+		saveLabel: t("save"),
+		savingLabel: t("saving"),
+		revertLabel: t("revert"),
+		dirtyLabel: t("statusDirty"),
+		cleanLabel: t("statusClean"),
+		readOnlyLabel: t("statusReadOnly"),
 		onSave: deps.onSave,
 		onDiscard: deps.onDiscard
 	});
-	const statusHintNode = deps.statusHint !== null && deps.statusHint !== "" ? (0, react.createElement)("div", { className: "ocr-hint" }, deps.statusHint) : null;
-	return (0, react.createElement)("div", { style: { padding: "2px 0" } }, statusHintNode, effortRow, languageRow, verifyRow, maxCommentsRow, timeoutRow, configPathRow, saveRow);
+	const statusHintNode = deps.statusHint !== null && deps.statusHint !== "" ? (0, react.createElement)("p", { className: "dsu-hint" }, deps.statusHint) : null;
+	return (0, react.createElement)(d, { title: t("reviewSection") }, statusHintNode, maxCommentsRow, timeoutRow, configPathRow, saveRow);
+}
+function buildMcpAdmin(props) {
+	const { t } = props;
+	const textarea = (0, react.createElement)("textarea", {
+		"data-field": "mcpJson",
+		value: props.mcpJson,
+		disabled: !props.writable || props.mcpBusy || !props.available,
+		"aria-label": t("mcpTitle"),
+		className: "dsu-input dsu-textarea dsu-mono ocr-adminTextarea",
+		onChange: (event) => {
+			props.onMcpChange(event.target.value);
+		}
+	});
+	const button = (0, react.createElement)("button", {
+		type: "button",
+		className: "dsu-btn",
+		"data-field": "mcpSave",
+		disabled: !props.writable || props.mcpBusy || !props.available,
+		onClick: props.onMcpSave
+	}, props.mcpBusy ? t("mcpSaving") : t("mcpSave"));
+	const message = props.mcpMsg === null ? null : (0, react.createElement)("p", { className: "dsu-hint" }, props.mcpMsg);
+	return (0, react.createElement)(d, {
+		title: t("mcpTitle"),
+		hint: t("mcpHint")
+	}, props.available ? textarea : (0, react.createElement)("p", { className: "dsu-hint" }, t("adminUnavailable")), (0, react.createElement)("div", { className: ACTIONS_CLASS }, button), message);
+}
+function buildAuthAdmin(props) {
+	const { t } = props;
+	const check = (0, react.createElement)("button", {
+		type: "button",
+		className: "dsu-btn",
+		"data-field": "authCheck",
+		disabled: props.authBusy || !props.available,
+		onClick: props.onCheckAuth
+	}, props.authBusy ? t("chatGptChecking") : t("chatGptCheck"));
+	const model = (0, react.createElement)("input", {
+		"data-field": "chatGptModel",
+		value: props.authModel,
+		disabled: !props.writable || props.authBusy || !props.available,
+		"aria-label": t("chatGptModelLabel"),
+		className: "dsu-input",
+		onChange: (event) => {
+			props.onAuthModelChange(event.target.value);
+		}
+	});
+	const use = (0, react.createElement)("button", {
+		type: "button",
+		className: "dsu-btn",
+		"data-field": "chatGptUse",
+		disabled: !props.writable || props.authBusy || !props.available,
+		onClick: props.onUseChatGpt
+	}, props.authBusy ? t("chatGptUsing") : t("chatGptUse"));
+	const output = props.authOutput === null ? null : (0, react.createElement)("pre", { className: "ocr-status dsu-mono" }, props.authOutput);
+	const message = props.authMsg === null ? null : (0, react.createElement)("p", { className: "dsu-hint" }, props.authMsg);
+	return (0, react.createElement)(d, {
+		title: t("chatGptTitle"),
+		hint: t("chatGptHint")
+	}, (0, react.createElement)("div", { className: ACTIONS_CLASS }, check), (0, react.createElement)("p", { className: "dsu-hint" }, `${t("chatGptLoginHint")} ${props.loginCommand}`), output, (0, react.createElement)("p", { className: "dsu-hint" }, t("chatGptModelLabel")), model, (0, react.createElement)("div", { className: ACTIONS_CLASS }, use), message);
+}
+/** MCP 配置 + ChatGPT 登录态/切换：都写 OCR 自己的配置，放在设置卡下方。 */
+function buildAdminSection(props) {
+	return (0, react.createElement)("div", null, buildMcpAdmin(props), buildAuthAdmin(props));
 }
 /**
 * 读设置页载荷（卡片唯一的数据入口）：失败只落 fetchError 文本，不抛穿渲染。
@@ -1180,8 +1786,8 @@ async function refreshProviders(reader, t, sinks) {
 	try {
 		if (reader === void 0) throw new Error(t("remoteUnavailable"));
 		const json = await reader.providers();
-		if (n(json, "ok") === false) {
-			const detail = strOf(n(json, "error"));
+		if (i$1(json, "ok") === false) {
+			const detail = strOf(i$1(json, "error"));
 			throw new Error(detail === "" ? t("remoteUnavailable") : detail);
 		}
 		const payload = providersPayloadOf(json);
@@ -1198,8 +1804,8 @@ function readerPost(reader, t) {
 		if (reader === void 0) throw new Error(t("remoteUnavailable"));
 		switch (action) {
 			case "select": {
-				const provider = strOf(n(body, "provider"));
-				const model = strOf(n(body, "model"));
+				const provider = strOf(i$1(body, "provider"));
+				const model = strOf(i$1(body, "model"));
 				const reply = await reader.select(provider, model);
 				return { json: () => Promise.resolve(reply) };
 			}
@@ -1236,12 +1842,12 @@ async function runApplySelection(deps) {
 			provider: effectiveProvider,
 			model: effectiveModel
 		})).json();
-		if (n(selJson, "ok") === true) {
+		if (i$1(selJson, "ok") === true) {
 			let testText;
-			const llmTestRaw = n(selJson, "llmTest");
-			if (e$2(llmTestRaw)) {
-				const testOutput = strOf(n(llmTestRaw, "output")).slice(0, 400);
-				testText = n(llmTestRaw, "ok") === true ? t("llmTestPassed") : `${t("llmTestFailed")}${testOutput}`;
+			const llmTestRaw = i$1(selJson, "llmTest");
+			if (e$3(llmTestRaw)) {
+				const testOutput = strOf(i$1(llmTestRaw, "output")).slice(0, 400);
+				testText = i$1(llmTestRaw, "ok") === true ? t("llmTestPassed") : `${t("llmTestFailed")}${testOutput}`;
 			} else testText = t("notVerified");
 			const appliedText = t("applied", {
 				provider: effectiveProvider,
@@ -1254,7 +1860,7 @@ async function runApplySelection(deps) {
 			});
 			deps.refresh();
 		} else {
-			const failure = strOf(n(selJson, "error"));
+			const failure = strOf(i$1(selJson, "error"));
 			deps.setActionMsg({
 				ok: false,
 				text: failure === "" ? t("applyFailed") : failure
@@ -1277,11 +1883,11 @@ async function runMigrateKeys(deps) {
 	deps.setActionMsg(null);
 	try {
 		const json = await (await deps.post("migrate")).json();
-		const migratedVal = n(json, "migrated");
-		const skippedVal = n(json, "skippedUnknown");
+		const migratedVal = i$1(json, "migrated");
+		const skippedVal = i$1(json, "skippedUnknown");
 		const migrated = Array.isArray(migratedVal) ? migratedVal.filter((item) => typeof item === "string") : [];
 		const skipped = Array.isArray(skippedVal) ? skippedVal.filter((item) => typeof item === "string") : [];
-		const ok = n(json, "ok") === true;
+		const ok = i$1(json, "ok") === true;
 		const head = ok ? (migrated.length > 0 ? t("migratedPrefix") + migrated.join(", ") : t("noPlainKey")) + (skipped.length > 0 ? t("skippedPrefix") + skipped.join(", ") : "") : t("migrateFailed");
 		deps.setActionMsg({
 			ok,
@@ -1305,8 +1911,8 @@ async function runTestConnection(deps) {
 	deps.setActionMsg(null);
 	try {
 		const json = await (await deps.post("test")).json();
-		const ok = n(json, "ok") === true;
-		const testOutput = strOf(n(json, "output"));
+		const ok = i$1(json, "ok") === true;
+		const testOutput = strOf(i$1(json, "output"));
 		deps.setActionMsg({
 			ok,
 			text: (ok ? t("llmTestPassed") : t("llmTestFailed")) + testOutput
@@ -1333,12 +1939,12 @@ async function runProbe(deps) {
 	deps.setProbeMsg(null);
 	try {
 		const json = await (await deps.post("probe")).json();
-		const ok = n(json, "ok") === true;
-		const head = ok ? t("probeVersion", { version: strOf(n(json, "version")) }) : t("probeReason", { reason: strOf(n(json, "reason")) });
-		const output = strOf(n(json, "output"));
+		const ok = i$1(json, "ok") === true;
+		const head = ok ? t("probeVersion", { version: strOf(i$1(json, "version")) }) : t("probeReason", { reason: strOf(i$1(json, "reason")) });
+		const output = strOf(i$1(json, "output"));
 		const lines = [
 			head,
-			strOf(n(json, "changeText")),
+			strOf(i$1(json, "changeText")),
 			output
 		].filter((line) => line !== "");
 		deps.setProbeMsg({
@@ -1361,7 +1967,7 @@ async function runProbe(deps) {
 *  传输失败仍以 rejection 表达。 */
 async function saveSettingsDraft(deps) {
 	const { t, value, touched } = deps;
-	const keys = e(touched, value);
+	const keys = t$1(touched, value);
 	if (keys.length === 0) return;
 	deps.setSettingsBusy(true);
 	deps.setSaveError(null);
@@ -1369,28 +1975,37 @@ async function saveSettingsDraft(deps) {
 		const draft = touched[field];
 		return deps.set(field, draft === void 0 ? null : draft);
 	});
-	try {
-		const settled = await Promise.all(ops);
-		deps.setSettingsBusy(false);
-		const refused = keys.filter((_field, index) => settled[index] !== true);
-		if (refused.length > 0) {
-			deps.setSaveError(t("saveRefused", { fields: refused.join(", ") }));
-			return;
+	const settled = await Promise.allSettled(ops);
+	deps.setSettingsBusy(false);
+	const refused = [];
+	const failures = [];
+	for (const [index, field] of keys.entries()) {
+		const outcome = settled[index];
+		if (outcome !== void 0) {
+			if (outcome.status === "rejected") {
+				failures.push(outcome.reason);
+				refused.push(field);
+			} else if (!outcome.value) refused.push(field);
 		}
-		deps.setTouched({});
-	} catch (error) {
-		deps.setSettingsBusy(false);
-		deps.setSaveError(`${t("saveFailed")}${errorSummary(error)}`);
 	}
+	if (refused.length > 0) {
+		const kept = {};
+		for (const field of refused) kept[field] = touched[field];
+		deps.setTouched(kept);
+		const reason = failures.length > 0 ? `（${errorSummary(failures[0])}）` : "";
+		deps.setSaveError(`${t("saveRefused", { fields: refused.join(", ") })}${reason}`);
+		return;
+	}
+	deps.setTouched({});
 }
 function draftFieldsOf(touched, value) {
 	const eff = (field, def) => field in touched ? touched[field] : value[field] ?? def;
 	return {
-		effortValue: eff("effort", "medium"),
-		languageValue: eff("language", "中文"),
-		autoVerifyValue: eff("autoVerify", true),
-		maxCommentsValue: numOf(eff("maxComments", 12), 12),
-		timeoutMinutesValue: numOf(eff("timeoutMinutes", 0), 0),
+		effortValue: textOf(eff("effort", "auto"), EFFORT_SCHEMA, "auto"),
+		languageValue: textOf(eff("language", "中文"), LANGUAGE_SCHEMA, "中文"),
+		autoVerifyValue: booleanOf(eff("autoVerify", true), true),
+		maxCommentsValue: numOf(eff("maxComments", 12), 12, COUNT_SCHEMA),
+		timeoutMinutesValue: numOf(eff("timeoutMinutes", 0), 0, COUNT_SCHEMA),
 		ocrConfigPathValue: strOf(eff("ocrConfigPath", ""))
 	};
 }
@@ -1409,9 +2024,109 @@ function cardHints(t, ready, status, data) {
 /** Provider 区 = provider/model 表单 + 最近一次动作的回执条。 */
 function buildProviderPanel(deps) {
 	const { actionMsg } = deps;
-	const providerSection = buildProviderSection(deps);
-	const actionMsgNode = actionMsg ? (0, react.createElement)("div", { className: statusClass(actionMsg.ok) }, actionMsg.text) : null;
-	return (0, react.createElement)("div", { style: { padding: "2px 0" } }, providerSection, actionMsgNode);
+	return [buildProviderSection(deps), actionMsg ? (0, react.createElement)("p", { className: statusClass(actionMsg.ok) }, actionMsg.text) : null];
+}
+/** 管理区的状态与动作（MCP 配置 + ChatGPT 登录态/切换）；OcrCard 只负责摆位置。 */
+function useAdminPanel(reader, t) {
+	const [mcpJson, setMcpJson] = (0, react.useState)("{}");
+	const [mcpBusy, setMcpBusy] = (0, react.useState)(false);
+	const [mcpMsg, setMcpMsg] = (0, react.useState)(null);
+	const [authOutput, setAuthOutput] = (0, react.useState)(null);
+	const [authBusy, setAuthBusy] = (0, react.useState)(false);
+	const [authMsg, setAuthMsg] = (0, react.useState)(null);
+	const [authModel, setAuthModel] = (0, react.useState)("");
+	const [loginCommand, setLoginCommand] = (0, react.useState)("ocr auth login --provider chatgpt");
+	const loadMcp = (0, react.useCallback)(async () => {
+		if (reader === void 0) {
+			setMcpMsg(t("adminUnavailable"));
+			return;
+		}
+		try {
+			const reply = await reader.mcp();
+			if ("status" in reply) setMcpMsg(reply.error);
+			else setMcpJson(reply.json);
+		} catch (error) {
+			setMcpMsg(`${t("mcpLoadFailed")}${String(error)}`);
+		}
+	}, [reader, t]);
+	(0, react.useEffect)(() => {
+		loadMcp();
+	}, [loadMcp]);
+	async function saveMcp() {
+		if (reader === void 0) {
+			setMcpMsg(t("adminUnavailable"));
+			return;
+		}
+		setMcpBusy(true);
+		setMcpMsg(null);
+		try {
+			const reply = await reader.saveMcp(mcpJson);
+			setMcpMsg("status" in reply ? reply.error : t("mcpSaved"));
+		} catch (error) {
+			setMcpMsg(String(error));
+		} finally {
+			setMcpBusy(false);
+		}
+	}
+	async function checkAuth() {
+		if (reader === void 0) {
+			setAuthMsg(t("adminUnavailable"));
+			return;
+		}
+		setAuthBusy(true);
+		setAuthMsg(null);
+		try {
+			const reply = await reader.auth();
+			if ("status" in reply) setAuthMsg(reply.error);
+			else {
+				setAuthOutput(reply.output);
+				setLoginCommand(reply.loginCommand);
+				setAuthMsg(reply.ok ? null : t("requestFailed"));
+			}
+		} catch (error) {
+			setAuthMsg(String(error));
+		} finally {
+			setAuthBusy(false);
+		}
+	}
+	async function applyChatGpt() {
+		if (reader === void 0) {
+			setAuthMsg(t("adminUnavailable"));
+			return;
+		}
+		setAuthBusy(true);
+		setAuthMsg(null);
+		try {
+			const reply = await reader.chatGpt(authModel);
+			setAuthMsg("status" in reply ? reply.error : t("chatGptSaved"));
+		} catch (error) {
+			setAuthMsg(String(error));
+		} finally {
+			setAuthBusy(false);
+		}
+	}
+	return {
+		available: reader !== void 0,
+		mcpJson,
+		mcpBusy,
+		mcpMsg,
+		authOutput,
+		authBusy,
+		authMsg,
+		authModel,
+		loginCommand,
+		onMcpChange: setMcpJson,
+		onMcpSave: () => {
+			saveMcp();
+		},
+		onAuthModelChange: setAuthModel,
+		onCheckAuth: () => {
+			checkAuth();
+		},
+		onUseChatGpt: () => {
+			applyChatGpt();
+		}
+	};
 }
 function OcrCard(props) {
 	const { t } = props;
@@ -1419,6 +2134,7 @@ function OcrCard(props) {
 	const { value } = snap;
 	const ready = snap.status === "ready";
 	const writable = snap.writable && ready;
+	const adminState = useAdminPanel(props.reader, t);
 	const [data, setData] = (0, react.useState)(null);
 	const [fetchError, setFetchError] = (0, react.useState)(null);
 	const [busy, setBusy] = (0, react.useState)(null);
@@ -1453,7 +2169,7 @@ function OcrCard(props) {
 	const [touched, setTouched] = (0, react.useState)({});
 	const [settingsBusy, setSettingsBusy] = (0, react.useState)(false);
 	const [saveError, setSaveError] = (0, react.useState)(null);
-	const dirty = e(touched, value).length > 0;
+	const dirty = t$1(touched, value).length > 0;
 	const setField = (field, draft) => {
 		setTouched((prev) => ({
 			...prev,
@@ -1520,12 +2236,12 @@ function OcrCard(props) {
 	const providerPanel = buildProviderPanel(deps);
 	const cliStatus = buildCliStatusRow(deps);
 	const settingsSection = buildSettingsSection(deps, writable, setField);
-	const headTitle = t("cardTitle");
-	const headDesc = t("cardDescription");
-	return (0, react.createElement)(OcrPluginCard, {
-		title: headTitle,
-		description: headDesc
-	}, cliStatus, providerPanel, settingsSection);
+	const adminSection = buildAdminSection({
+		...adminState,
+		t,
+		writable
+	});
+	return (0, react.createElement)(u, null, cliStatus, providerPanel, settingsSection, adminSection);
 }
 const inject = [
 	"slots",
@@ -1533,11 +2249,11 @@ const inject = [
 	"locale"
 ];
 function apply(ctx) {
-	if (!e$1(ctx, "ocrReviewCardApplied", "ocr-review-card: apply claim")) return;
+	if (!n$1(ctx, "ocrReviewCardApplied", "ocr-review-card: apply claim")) return;
 	ctx.effect(() => {
 		const tag = document.createElement("style");
 		tag.id = "ocr-review-card-css";
-		tag.textContent = CARD_CSS;
+		tag.textContent = `${CARD_CSS}\n${c}`;
 		document.head.append(tag);
 		return () => {
 			tag.remove();
@@ -1556,7 +2272,7 @@ function apply(ctx) {
 				t,
 				hooks: { card: store },
 				set: (field, value) => scope.set(field, value),
-				...reader === void 0 ? {} : { reader }
+				reader
 			})
 		}, OcrCard);
 	});
@@ -1584,15 +2300,14 @@ function apply(ctx) {
 		inject: () => cliShare
 	}, OcrCliActivation));
 }
-//#endregion
 exports.OcrCard = OcrCard;
 exports.OcrCliActivation = OcrCliActivation;
 exports.OcrCliBadge = OcrCliBadge;
 exports.OcrCliSection = OcrCliSection;
-exports.SaveBar = SaveBar;
 exports.apply = apply;
 exports.binaryOf = binaryOf;
 exports.binaryStatusText = binaryStatusText;
+exports.buildAdminSection = buildAdminSection;
 exports.buildCliActivation = buildCliActivation;
 exports.buildCliBadge = buildCliBadge;
 exports.buildCliSection = buildCliSection;
@@ -1609,6 +2324,7 @@ exports.isOwnSubject = isOwnSubject;
 exports.loadCliStatus = loadCliStatus;
 exports.providerOptionLabel = providerOptionLabel;
 exports.runProbe = runProbe;
+exports.saveSettingsDraft = saveSettingsDraft;
     return module.exports;
   },
 });