@jayyuen66/dsh-ocr-review 0.1.0

package/client.js

@@ -0,0 +1,1041 @@
+// GENERATED by buildClient() in build-client.mjs — edit src/client-entry.ts, then run `node build-client.mjs`.
+window.__ModuleLoader__.load({
+  id: '@jayyuen66/dsh-ocr-review',
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+//#region src/ui-messages.ts
+const UI_MESSAGES = {
+	zh: {
+		cardTitle: "open-code-review 代码审查",
+		cardDescription: "ocr 工具配置：选择 provider/model 应用到 OCR（key 走 api_key_cmd 动态读取，不落明文）+ 审查参数设置",
+		statusReadOnly: "当前作用域只读",
+		statusDirty: "有未保存的修改，点「保存」生效",
+		statusClean: "无未保存的修改",
+		save: "保存",
+		saving: "保存中…",
+		revert: "撤销",
+		saveFailed: "保存失败：",
+		loadProvidersFailed: "加载 providers 失败：{error}（端点未就绪？重启 dsh 后重试）",
+		loadingProviders: "加载 providers…",
+		noKeySuffix: "（未配置 key）",
+		noModel: "（无模型）",
+		providerHint: "来自 dsh 配置服务的 llm-pi-ai 命名空间（无 API key 的已禁用）",
+		applyToOcr: "应用到 OCR 配置",
+		applying: "应用中…",
+		testConnection: "测试连接",
+		migrateKeys: "迁移明文 key",
+		currentConfig: "当前配置：{provider}{modelPart}{keyPart}",
+		modelPart: " / {model}",
+		dynamicKey: "（动态 key）",
+		plainKeyWarning: "（⚠ 明文 key，建议迁移）",
+		noProvider: "当前未配置 provider",
+		noReason: "宿主未给出原因（重启 dsh 或重试可恢复）",
+		readProvidersFailed: "未能从 dsh 配置服务读取 provider 列表：{reason}",
+		applied: "已应用：{provider} / {model}\n{test}",
+		notVerified: "（未自动验证，可点「测试连接」手动验证）",
+		llmTestPassed: "✓ ocr llm test 通过",
+		llmTestFailed: "✗ ocr llm test 失败：",
+		pickProviderModel: "请先选择 provider 与 model",
+		applyFailed: "应用失败",
+		requestFailed: "请求失败：",
+		migratedPrefix: "已迁移明文 key → api_key_cmd：",
+		noPlainKey: "没有需要迁移的明文 key",
+		skippedPrefix: "\n跳过（settings 中无对应 apiKeyEnv）：",
+		migrateFailed: "迁移失败",
+		effortLabel: "审查深度 (effort)",
+		effortHint: "low=1 轮快速反馈 / medium=2 轮默认 / high=3 轮深查（越深越贵）",
+		effortLow: "low — 快速",
+		effortMedium: "medium — 均衡（默认）",
+		effortHigh: "high — 深入",
+		languageLabel: "评审语言",
+		languageHint: "OCR 评论输出语言（写入 config.language）",
+		autoVerifyLabel: "应用后自动验证",
+		autoVerifyHint: "选择 provider/model 后自动跑 ocr llm test",
+		onLabel: "开启",
+		offLabel: "关闭",
+		maxCommentsLabel: "摘要评论条数 (maxComments)",
+		maxCommentsHint: "返回给模型的 top 评论条数；0 = 全部（含未锚定行，输出大）（默认 12）",
+		timeoutLabel: "运行超时 (timeoutMinutes)",
+		timeoutHint: "前台墙钟超时（分钟）；0 = 宿主上限（shell.maxTimeoutMs，当前 60 分钟）；更长的评审用工具 wait=false 后台模式（不设宿主 deadline，2 小时后兜底回收）（默认 0）",
+		configPathLabel: "OCR 配置文件 (ocrConfigPath)",
+		configPathHint: "外部 open-code-review CLI 自己的配置位置；留空 = 按当前用户主目录下的 ~/.opencodereview/config.json",
+		settingsLoading: "设置加载中，稍候可改",
+		keyDynamicHint: "key 走 get-cred.mjs 动态读取，OCR 配置不留明文",
+		keyScriptMissing: "⚠ get-cred 脚本缺失，api_key_cmd 无法工作"
+	},
+	en: {
+		cardTitle: "open-code-review code review",
+		cardDescription: "ocr tool setup: pick a provider/model and apply it to OCR (keys are read dynamically via api_key_cmd, never stored in plain text) + review parameters",
+		statusReadOnly: "This scope is read-only",
+		statusDirty: "Unsaved changes — press Save to apply",
+		statusClean: "No unsaved changes",
+		save: "Save",
+		saving: "Saving…",
+		revert: "Revert",
+		saveFailed: "save failed: ",
+		loadProvidersFailed: "failed to load providers: {error} (endpoint not ready? restart dsh and retry)",
+		loadingProviders: "loading providers…",
+		noKeySuffix: " (no key configured)",
+		noModel: " (no model)",
+		providerHint: "From the llm-pi-ai namespace of the dsh settings service (entries without an API key are disabled)",
+		applyToOcr: "Apply to OCR config",
+		applying: "applying…",
+		testConnection: "Test connection",
+		migrateKeys: "Migrate plain-text keys",
+		currentConfig: "Current config: {provider}{modelPart}{keyPart}",
+		modelPart: " / {model}",
+		dynamicKey: " (dynamic key)",
+		plainKeyWarning: " (⚠ plain-text key, migration recommended)",
+		noProvider: "No provider configured yet",
+		noReason: "the host gave no reason (restart dsh or retry to recover)",
+		readProvidersFailed: "Could not read the provider list from the dsh settings service: {reason}",
+		applied: "Applied: {provider} / {model}\n{test}",
+		notVerified: "(not verified automatically — use “Test connection” to check manually)",
+		llmTestPassed: "✓ ocr llm test passed",
+		llmTestFailed: "✗ ocr llm test failed: ",
+		pickProviderModel: "Pick a provider and a model first",
+		applyFailed: "apply failed",
+		requestFailed: "request failed: ",
+		migratedPrefix: "Migrated plain-text keys → api_key_cmd: ",
+		noPlainKey: "no plain-text keys to migrate",
+		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)",
+		effortLow: "low — quick",
+		effortMedium: "medium — balanced (default)",
+		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)",
+		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, reclaimed by a 2-hour backstop) (default 0)",
+		configPathLabel: "OCR config file (ocrConfigPath)",
+		configPathHint: "Where the external open-code-review CLI keeps its own config; empty = ~/.opencodereview/config.json under the current home directory",
+		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"
+	}
+};
+//#endregion
+//#region node_modules/.pnpm/@jayyuen66+dsh-plugin-shared@0.1.0_@deepseek-ai+cordis@4.0.4_eslint-plugin-sonarjs@4.2._a5b0027b68963132c312048d042510c0/node_modules/@jayyuen66/dsh-plugin-shared/dist/record.js
+/** 对象类型守卫：非 `null` 的 `object` 且非数组（`Record` 索引签名投影的基础）。 */
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/** 从 `unknown` 投影单个字段；非 `Record` → `undefined`。 */
+function fieldOf(value, key) {
+	return isRecord(value) ? value[key] : void 0;
+}
+//#endregion
+//#region src/client-entry.ts
+const NS = "ocr-review";
+/**
+* `plugins.bundle.config` 是 keyed 槽，宿主派发的 entryKey 就是 bundle 的 **npm 包名**：
+*   · installed dsh-client-ui-plugin-manager/lib/client.js:1821
+*     `renderSlot("plugins.bundle.config", { view: "page" }, { entryKey: pkg.name })`；
+*   · 同文件 :2698 `configured: ledger.bundles.has(openPkg.name)`（决定这一节画不画）；
+*   · installed dsh-client-ui-renderer/lib/client.js:1154
+*     `entriesOfSlot(slotKey).find((e) => e.options.key === opts?.entryKey)` 逐字相等；
+*   · 契约 installed dsh-client-ui-plugin-manager/lib/types/client/slot-contract.d.ts:96-100
+*     「keyed by the bundle's package name」；官方占位者
+*     dsh-experimental-client-ui-voice-input/lib/client.js:5659-5661 同样写包名。
+* 写成裸条目 id（`ocr-review`）匹配不到任何 entry → 整张卡在 bundle 页面上**静默不渲染**
+* （不是回落、不是报错）。值 = 本包 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 命名空间用）。
+*/
+const BUNDLE_PKG = "@jayyuen66/dsh-ocr-review";
+const PROVIDERS_URL = "/_dsh/ocr-review/providers";
+const SELECT_URL = "/_dsh/ocr-review/select";
+const MIGRATE_URL = "/_dsh/ocr-review/migrate";
+const TEST_URL = "/_dsh/ocr-review/test";
+/** 写端点 CSRF 头名（与 host.ts OCR_CSRF_HEADER 同源，改名要两端一起改）。 */
+const CSRF_HEADER = "x-ocr-csrf";
+/** 未知值 → 安全字符串（非字符串给 ''）。 */
+function strOf(value) {
+	return typeof value === "string" ? value : "";
+}
+/** 未知值 → 安全数字（非 number 给 fallback）。 */
+function numOf(value, fallback) {
+	return typeof value === "number" ? value : fallback;
+}
+/** 错误摘要（非 Error 抛出也要可读；catch 分支共用）。 */
+function errorSummary(error) {
+	return String(error instanceof Error ? error.message : error);
+}
+function modelOf(raw) {
+	return {
+		id: strOf(fieldOf(raw, "id")),
+		name: strOf(fieldOf(raw, "name"))
+	};
+}
+function providerOf(raw) {
+	const modelsArr = fieldOf(raw, "models");
+	const models = Array.isArray(modelsArr) ? modelsArr.map((item) => modelOf(item)) : [];
+	const apiKeyEnvRaw = fieldOf(raw, "apiKeyEnv");
+	return {
+		name: strOf(fieldOf(raw, "name")),
+		displayName: strOf(fieldOf(raw, "displayName")),
+		apiKeyEnv: typeof apiKeyEnvRaw === "string" ? apiKeyEnvRaw : null,
+		baseURL: strOf(fieldOf(raw, "baseURL")),
+		models,
+		hasKey: fieldOf(raw, "hasKey") === true
+	};
+}
+function providersPayloadOf(json) {
+	const providersArr = fieldOf(json, "providers");
+	const providers = Array.isArray(providersArr) ? providersArr.map((item) => providerOf(item)) : [];
+	const currentRaw = fieldOf(json, "current");
+	const current = {
+		provider: strOf(fieldOf(currentRaw, "provider")),
+		model: strOf(fieldOf(currentRaw, "model")),
+		keyIsDynamic: fieldOf(currentRaw, "keyIsDynamic") === true,
+		url: strOf(fieldOf(currentRaw, "url"))
+	};
+	const sourceRaw = fieldOf(json, "source");
+	return {
+		providers,
+		current,
+		getCredReady: fieldOf(json, "getCredReady") === true,
+		source: {
+			status: strOf(fieldOf(sourceRaw, "status")),
+			message: strOf(fieldOf(sourceRaw, "message"))
+		},
+		csrf: strOf(fieldOf(json, "csrf"))
+	};
+}
+/** 三行表单控件（数字/文本/下拉）共用的类名 = CARD_CSS 里 `.ocr-select{…}` 那条规则。
+*  抽出来是因为两处 input 与一处 select 必须同宽同边框：写三遍字面量时改一处漏两处，
+*  症状是设置卡里某一行的控件比其它行窄。 */
+const FORM_CONTROL_CLASS = "ocr-select";
+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-ok{color:var(--dsw-alias-label-primary,inherit)}",
+	".ocr-muted{color:var(--dsw-alias-label-tertiary,#8a8f99)}"
+].join("\n");
+function cardStore(scope) {
+	let cachedSnap = null;
+	let cachedView = null;
+	const EMPTY_SNAPSHOT = {
+		status: "loading",
+		writable: false,
+		value: {}
+	};
+	return {
+		getSnapshot() {
+			const snap = scope.getSnapshot();
+			if (snap !== cachedSnap) {
+				cachedSnap = snap;
+				cachedView = {
+					status: snap.status,
+					writable: snap.writable,
+					value: snap.value ?? {}
+				};
+			}
+			return cachedView ?? EMPTY_SNAPSHOT;
+		},
+		subscribe(listener) {
+			return scope.subscribe(listener);
+		}
+	};
+}
+/** touched 层与快照的差异字段（值语义比较；undefined 与缺失等价）。 */
+function diffTouched(touched, value) {
+	const out = [];
+	for (const key of Object.keys(touched)) if (JSON.stringify(touched[key] ?? null) !== JSON.stringify(value[key] ?? null)) out.push(key);
+	return out;
+}
+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: "ocr-card-name" }, 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)("li", { 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) {
+	return `${provider.displayName}${provider.hasKey ? "" : t("noKeySuffix")}`;
+}
+/** 当前 OCR 配置那一行（官方 Translate 的 {name} 插值）。 */
+function currentConfigText(t, current) {
+	return t("currentConfig", {
+		provider: current.provider,
+		modelPart: current.model === "" ? "" : t("modelPart", { model: current.model }),
+		keyPart: t(current.keyIsDynamic ? "dynamicKey" : "plainKeyWarning")
+	});
+}
+/** 数据齐（source.status === "ready"）那一支：provider/model 两行 + 三个动作按钮 +
+*  当前配置与 key 两行提示。拆出来是因为这一支画的是整块表单，与上面三条「一行提示」
+*  的降级支本就不是同一件事。 */
+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 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",
+		type: "button",
+		disabled: deps.busy,
+		onClick: deps.onApply,
+		"data-field": "apply"
+	}, deps.busy ? t("applying") : t("applyToOcr"));
+	const testBtn = (0, react.createElement)("button", {
+		className: "ocr-btn",
+		type: "button",
+		disabled: deps.busy,
+		onClick: deps.onTest,
+		"data-field": "test"
+	}, t("testConnection"));
+	const migrateBtn = (0, react.createElement)("button", {
+		className: "ocr-btn",
+		type: "button",
+		disabled: deps.busy,
+		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);
+	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);
+	return (0, react.createElement)("div", {}, providerRow, modelRow, actionRow, currentInfo, keyInfo);
+}
+/** Provider / Model 选择与应用区：三条降级各出一行提示（数据未就绪/读取失败/
+*  数据源不可用），只有 source.status === "ready" 才交给 buildReadyProviderSection 画表单。 */
+function buildProviderSection(deps) {
+	const { t } = deps;
+	if (deps.fetchError !== null) {
+		const reason = t("loadProvidersFailed", { error: deps.fetchError });
+		return (0, react.createElement)("div", { className: "ocr-status ocr-err" }, reason);
+	}
+	if (deps.data === null) return (0, react.createElement)("div", { className: "ocr-status ocr-muted" }, t("loadingProviders"));
+	if (deps.data.source.status !== "ready") {
+		const sourceMessage = deps.data.source.message;
+		const line = t("readProvidersFailed", { reason: sourceMessage === "" ? t("noReason") : sourceMessage });
+		return (0, react.createElement)("div", { className: "ocr-status ocr-err" }, line);
+	}
+	return buildReadyProviderSection(deps, deps.data);
+}
+/** provider 预选：显式选择 > 当前 OCR 配置（仍存在）> 第一个有 key 的 provider。 */
+function resolveBackend(providerList, current, selProvider) {
+	const currentStillExists = current !== void 0 && providerList.some((provider) => provider.name === current.provider);
+	const effectiveProvider = selProvider || (currentStillExists ? current.provider : "") || (providerList.find((provider) => provider.hasKey)?.name ?? "");
+	const chosenProvider = providerList.find((provider) => provider.name === effectiveProvider);
+	return {
+		effectiveProvider,
+		chosenProvider,
+		currentModelValid: currentStillExists && current.provider === chosenProvider?.name && typeof current.model === "string" && current.model.length > 0 && chosenProvider.models.some((model) => model.id === current.model)
+	};
+}
+/** model 预选：selModel 优先，其次当前配置的有效 model，最后首个 model。 */
+function resolveModel(chosenProvider, current, currentModelValid, selModel) {
+	return {
+		effectiveModel: selModel || (currentModelValid && current !== void 0 ? current.model : chosenProvider?.models[0]?.id ?? ""),
+		modelOptions: chosenProvider?.models ?? []
+	};
+}
+function resolveSelection(providerList, current, selProvider, selModel) {
+	const backend = resolveBackend(providerList, current, selProvider);
+	const model = resolveModel(backend.chosenProvider, current, backend.currentModelValid, selModel);
+	return {
+		effectiveProvider: backend.effectiveProvider,
+		effectiveModel: model.effectiveModel,
+		chosenProvider: backend.chosenProvider,
+		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, {
+		label: t("maxCommentsLabel"),
+		hint: t("maxCommentsHint"),
+		field: "maxComments",
+		value: deps.maxCommentsValue,
+		min: 0,
+		disabled: !writable,
+		onCommit: (num) => {
+			setField("maxComments", num);
+		}
+	});
+	const timeoutRow = (0, react.createElement)(NumberRow, {
+		label: t("timeoutLabel"),
+		hint: t("timeoutHint"),
+		field: "timeoutMinutes",
+		value: deps.timeoutMinutesValue,
+		min: 0,
+		disabled: !writable,
+		onCommit: (num) => {
+			setField("timeoutMinutes", num);
+		}
+	});
+	const configPathRow = (0, react.createElement)(TextRow, {
+		label: t("configPathLabel"),
+		hint: t("configPathHint"),
+		field: "ocrConfigPath",
+		value: deps.ocrConfigPathValue,
+		placeholder: "~/.opencodereview/config.json",
+		disabled: !writable,
+		onCommit: (text) => {
+			setField("ocrConfigPath", text);
+		}
+	});
+	const saveRow = (0, react.createElement)(SaveBar, {
+		t,
+		dirty: deps.dirty,
+		writable,
+		busy: deps.settingsBusy,
+		error: deps.saveError,
+		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);
+}
+/** 读 providers 端点（卡片唯一的 GET）：失败只落 fetchError 文本，不抛穿渲染。 */
+async function refreshProviders(sinks) {
+	sinks.setFetchError(null);
+	try {
+		const res = await fetch(PROVIDERS_URL, { headers: { accept: "application/json" } });
+		if (!res.ok) {
+			const detail = strOf(fieldOf(await res.json().catch(() => ({})), "error"));
+			throw new Error(detail === "" ? `HTTP ${res.status}` : detail);
+		}
+		const payload = providersPayloadOf(await res.json());
+		sinks.setData(payload);
+		return payload;
+	} catch (error) {
+		sinks.setFetchError(String(error instanceof Error ? error.message : error));
+		return null;
+	}
+}
+/**
+* 写端点统一出口：回填宿主下发的 x-ocr-csrf token（宿主只接受带 token 的
+* POST，sec-fetch-site 挡不住本地进程）。宿主每次 apply 会换 token，页面开着
+* 时它可能已过期 → 403 就重取 token 重试一次，避免卡片变成「点什么都没反应」。
+*/
+async function postWithCsrf(url, body, deps) {
+	const request = (token) => fetch(url, {
+		method: "POST",
+		headers: {
+			[CSRF_HEADER]: token,
+			...body === void 0 ? {} : { "content-type": "application/json" }
+		},
+		...body === void 0 ? {} : { body }
+	});
+	const first = await request(deps.csrf);
+	if (first.status !== 403) return first;
+	return await request((await deps.refresh())?.csrf ?? "");
+}
+/** POST select：把选中的 provider/model 写进 OCR 配置，回执里按 autoVerify 决定是否带 llm test。 */
+async function runApplySelection(deps) {
+	const { t, effectiveProvider, effectiveModel } = deps;
+	if (!effectiveProvider || !effectiveModel) {
+		deps.setActionMsg({
+			ok: false,
+			text: t("pickProviderModel")
+		});
+		return;
+	}
+	deps.setBusy(true);
+	deps.setActionMsg(null);
+	try {
+		const selJson = await (await deps.post(SELECT_URL, JSON.stringify({
+			provider: effectiveProvider,
+			model: effectiveModel
+		}))).json();
+		if (fieldOf(selJson, "ok") === true) {
+			let testText;
+			const llmTestRaw = fieldOf(selJson, "llmTest");
+			if (isRecord(llmTestRaw)) {
+				const testOutput = strOf(fieldOf(llmTestRaw, "output")).slice(0, 400);
+				testText = fieldOf(llmTestRaw, "ok") === true ? t("llmTestPassed") : `${t("llmTestFailed")}${testOutput}`;
+			} else testText = t("notVerified");
+			const appliedText = t("applied", {
+				provider: effectiveProvider,
+				model: effectiveModel,
+				test: testText
+			});
+			deps.setActionMsg({
+				ok: true,
+				text: appliedText
+			});
+			deps.refresh();
+		} else {
+			const failure = strOf(fieldOf(selJson, "error"));
+			deps.setActionMsg({
+				ok: false,
+				text: failure === "" ? t("applyFailed") : failure
+			});
+		}
+	} catch (error) {
+		const failedText = `${t("requestFailed")}${errorSummary(error)}`;
+		deps.setActionMsg({
+			ok: false,
+			text: failedText
+		});
+	} finally {
+		deps.setBusy(false);
+	}
+}
+/** POST migrate：明文 api_key 一键迁到 api_key_cmd，回执把迁移/跳过两个名单拼成一行。 */
+async function runMigrateKeys(deps) {
+	const { t } = deps;
+	deps.setBusy(true);
+	deps.setActionMsg(null);
+	try {
+		const json = await (await deps.post(MIGRATE_URL)).json();
+		const migratedVal = fieldOf(json, "migrated");
+		const skippedVal = fieldOf(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 = fieldOf(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,
+			text: head
+		});
+		deps.refresh();
+	} catch (error) {
+		const failedText = `${t("requestFailed")}${errorSummary(error)}`;
+		deps.setActionMsg({
+			ok: false,
+			text: failedText
+		});
+	} finally {
+		deps.setBusy(false);
+	}
+}
+/** POST test：手动触发 ocr llm test，输出原样回显在动作条上。 */
+async function runTestConnection(deps) {
+	const { t } = deps;
+	deps.setBusy(true);
+	deps.setActionMsg(null);
+	try {
+		const json = await (await deps.post(TEST_URL)).json();
+		const ok = fieldOf(json, "ok") === true;
+		const testOutput = strOf(fieldOf(json, "output"));
+		deps.setActionMsg({
+			ok,
+			text: (ok ? t("llmTestPassed") : t("llmTestFailed")) + testOutput
+		});
+	} catch (error) {
+		const failedText = `${t("requestFailed")}${errorSummary(error)}`;
+		deps.setActionMsg({
+			ok: false,
+			text: failedText
+		});
+	} finally {
+		deps.setBusy(false);
+	}
+}
+/** 只写差异字段：touched 值为 undefined → 写 null（= 清回 schema 默认）。 */
+async function saveSettingsDraft(deps) {
+	const { t, value, touched } = deps;
+	const keys = diffTouched(touched, value);
+	if (keys.length === 0) return;
+	deps.setSettingsBusy(true);
+	deps.setSaveError(null);
+	const ops = keys.map(async (field) => {
+		const draft = touched[field];
+		await deps.set(field, draft === void 0 ? null : draft);
+	});
+	try {
+		await Promise.all(ops);
+		deps.setSettingsBusy(false);
+		deps.setTouched({});
+	} catch (error) {
+		deps.setSettingsBusy(false);
+		deps.setSaveError(`${t("saveFailed")}${errorSummary(error)}`);
+	}
+}
+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),
+		ocrConfigPathValue: strOf(eff("ocrConfigPath", ""))
+	};
+}
+function cardHints(t, ready, status, data) {
+	let statusHint;
+	if (ready) statusHint = null;
+	else statusHint = status === "loading" ? t("settingsLoading") : null;
+	let keyHint;
+	if (data) keyHint = data.getCredReady ? t("keyDynamicHint") : t("keyScriptMissing");
+	else keyHint = "";
+	return {
+		keyHint,
+		statusHint
+	};
+}
+/** Provider 区 = provider/model 表单 + 最近一次动作的回执条。 */
+function buildProviderPanel(deps) {
+	const { actionMsg } = deps;
+	const providerSection = buildProviderSection(deps);
+	const actionMsgNode = actionMsg ? (0, react.createElement)("div", { className: `ocr-status ${actionMsg.ok ? "ocr-ok" : "ocr-err"}` }, actionMsg.text) : null;
+	return (0, react.createElement)("div", { style: { padding: "2px 0" } }, providerSection, actionMsgNode);
+}
+function OcrCard(props) {
+	const { t } = props;
+	const snap = props.useCard((state) => state);
+	const { value } = snap;
+	const ready = snap.status === "ready";
+	const writable = snap.writable && ready;
+	const [data, setData] = (0, react.useState)(null);
+	const [fetchError, setFetchError] = (0, react.useState)(null);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [actionMsg, setActionMsg] = (0, react.useState)(null);
+	const refresh = async () => refreshProviders({
+		setData,
+		setFetchError
+	});
+	(0, react.useEffect)(() => {
+		refresh();
+	}, []);
+	const post = async (url, body) => postWithCsrf(url, body, {
+		csrf: data?.csrf ?? "",
+		refresh
+	});
+	const [selProvider, setSelProvider] = (0, react.useState)("");
+	const [selModel, setSelModel] = (0, react.useState)("");
+	const { effectiveProvider, effectiveModel, chosenProvider, modelOptions } = resolveSelection(data?.providers ?? [], data?.current, selProvider, selModel);
+	const providerList = data?.providers ?? [];
+	function pickProvider(name) {
+		setSelProvider(name);
+		const first = providerList.find((entry) => entry.name === name)?.models[0]?.id ?? "";
+		setSelModel(first);
+	}
+	const actions = {
+		t,
+		post,
+		refresh,
+		setBusy,
+		setActionMsg,
+		effectiveProvider,
+		effectiveModel
+	};
+	const [touched, setTouched] = (0, react.useState)({});
+	const [settingsBusy, setSettingsBusy] = (0, react.useState)(false);
+	const [saveError, setSaveError] = (0, react.useState)(null);
+	const dirty = diffTouched(touched, value).length > 0;
+	const setField = (field, draft) => {
+		setTouched((prev) => ({
+			...prev,
+			[field]: draft
+		}));
+	};
+	const discard = () => {
+		setTouched({});
+		setSaveError(null);
+	};
+	const deps = {
+		t,
+		data,
+		fetchError,
+		busy,
+		actionMsg,
+		ready,
+		writable,
+		effectiveProvider,
+		effectiveModel,
+		chosenProvider,
+		modelOptions,
+		...cardHints(t, ready, snap.status, data),
+		...draftFieldsOf(touched, value),
+		dirty,
+		settingsBusy,
+		saveError,
+		onPickProvider: pickProvider,
+		onPickModel: setSelModel,
+		onApply: () => {
+			runApplySelection(actions);
+		},
+		onTest: () => {
+			runTestConnection(actions);
+		},
+		onMigrate: () => {
+			runMigrateKeys(actions);
+		},
+		onField: setField,
+		onSave: () => {
+			saveSettingsDraft({
+				t,
+				value,
+				touched,
+				setTouched,
+				setSettingsBusy,
+				setSaveError,
+				set: props.set
+			});
+		},
+		onDiscard: discard
+	};
+	const providerPanel = buildProviderPanel(deps);
+	const settingsSection = buildSettingsSection(deps, writable, setField);
+	const headTitle = t("cardTitle");
+	const headDesc = t("cardDescription");
+	return (0, react.createElement)(OcrPluginCard, {
+		title: headTitle,
+		description: headDesc
+	}, providerPanel, settingsSection);
+}
+const inject = [
+	"slots",
+	"configForms",
+	"locale"
+];
+function apply(ctx) {
+	if (globalThis.ocrReviewCardApplied === true) return;
+	globalThis.ocrReviewCardApplied = true;
+	ctx.effect(() => () => {
+		globalThis.ocrReviewCardApplied = void 0;
+	}, "ocr-review-card: apply claim");
+	ctx.effect(() => {
+		const tag = document.createElement("style");
+		tag.id = "ocr-review-card-css";
+		tag.textContent = CARD_CSS;
+		document.head.append(tag);
+		return () => {
+			tag.remove();
+		};
+	}, "ocr-review-card: styles");
+	const scope = ctx.configForms.get(NS);
+	const store = cardStore(scope);
+	ctx.effect(() => ctx.locale.register(NS, UI_MESSAGES), "ocr-review-card: locale dictionaries");
+	const t = ctx.locale.bind(NS);
+	ctx.slots.inject("plugins.bundle.config", () => {
+		return ctx.slots.register({
+			name: "plugins.bundle.config",
+			key: BUNDLE_PKG,
+			inject: () => ({
+				t,
+				hooks: { card: store },
+				set: async (field, value) => {
+					try {
+						await scope.set(field, value);
+					} catch (error) {
+						console.error(`[ocr-review-card] set ${field} failed:`, error);
+					}
+				}
+			})
+		}, OcrCard);
+	});
+}
+//#endregion
+exports.OcrCard = OcrCard;
+exports.SaveBar = SaveBar;
+exports.apply = apply;
+exports.buildProviderSection = buildProviderSection;
+exports.buildSettingsSection = buildSettingsSection;
+exports.cardStore = cardStore;
+exports.currentConfigText = currentConfigText;
+exports.diffTouched = diffTouched;
+exports.inject = inject;
+exports.providerOptionLabel = providerOptionLabel;
+    return module.exports;
+  },
+});