@jayyuen66/dsh-ocr-review 0.1.8 → 0.1.9

package/client.js

@@ -7,11 +7,14 @@ window.__ModuleLoader__.load({
     let exports = module.exports;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
+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: "无未保存的修改",
@@ -59,8 +62,6 @@ const UI_MESSAGES = {
 		languageHint: "OCR 评论输出语言（写入 config.language）",
 		autoVerifyLabel: "应用后自动验证",
 		autoVerifyHint: "选择 provider/model 后自动跑 ocr llm test",
-		onLabel: "开启",
-		offLabel: "关闭",
 		maxCommentsLabel: "摘要评论条数 (maxComments)",
 		maxCommentsHint: "返回给模型的 top 评论条数；0 = 全部（含未锚定行，输出大）（默认见本行设置项的初值）",
 		timeoutLabel: "运行超时 (timeoutMinutes)",
@@ -111,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",
@@ -160,8 +163,6 @@ const UI_MESSAGES = {
 		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: the row's initial value)",
 		timeoutLabel: "Run timeout (timeoutMinutes)",
@@ -213,59 +214,591 @@ const UI_MESSAGES = {
 	}
 };
 // node_modules/@jayyuen66/dsh-plugin-shared/dist/record.js
-function e$2(e) {
+function e$3(e) {
 	return typeof e == `object` && !!e && !Array.isArray(e);
 }
-const t$2 = { absent: !0 };
-function n$1(e, n) {
+const t$3 = { absent: !0 };
+function n$2(e, n) {
 	try {
 		return {
 			absent: !1,
 			value: e[n]
 		};
 	} catch {
-		return t$2;
+		return t$3;
 	}
 }
-function i(r, i) {
-	let a = e$2(r) ? n$1(r, i) : t$2;
+function i$1(r, i) {
+	let a = e$3(r) ? n$2(r, i) : t$3;
 	return a.absent ? void 0 : a.value;
 }
 // node_modules/@jayyuen66/dsh-plugin-shared/dist/card-apply.js
-const e$1 = (e) => e.length > 0 && !(e in Object.prototype);
-function t$1(e, t, n) {
+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(n, r, i) {
-	if (!e$1(r)) throw Error(`claimApply 的 flag 不得为空、也不得命中 Object.prototype 的成员（__proto__ 一类会让占位静默失灵或遮蔽全局成员）：${r}`);
+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 {
 		n.effect(() => () => {
-			a[r] === c && t$1(a, r, s);
+			a[r] === c && t$2(a, r, s);
 		}, i);
 	} catch (e) {
-		throw a[r] === c && t$1(a, r, s), e;
+		throw a[r] === c && t$2(a, r, s), e;
 	}
 	return !0;
 }
 // node_modules/@jayyuen66/dsh-plugin-shared/dist/card-diff.js
-function e(t, n, r) {
+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(t, n[i], r));
+	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(Reflect.get(t, i), Reflect.get(n, i), r));
+	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(t, n) {
+function t$1(t, n) {
 	let r = [];
-	for (let i of Object.keys(t)) e(t[i], n[i], /* @__PURE__ */ new WeakMap()) || r.push(i);
+	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)));
+}
+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";
@@ -282,6 +815,21 @@ const OCR_SERVICE_KEY = `remote.${OCR_REMOTE_NAMESPACE}`;
 /** 卡片所在 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()` 的标记对质
 *  —— 两侧分叉时卡片不会报错，只会"读不到"，所以那条比较必须在门禁里。 */
@@ -309,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);
 				} })
 			}
 		}],
@@ -371,8 +913,7 @@ const OCR_DESCRIPTORS = [
 				mode: "strict",
 				typeSymbol: `${PACKAGE_NAME}#mcp-save-request`,
 				create: () => ({ parse(value) {
-					if (!e$2(value) || typeof value["json"] !== "string") throw new TypeError("mcp save request requires a string json");
-					return { json: value["json"] };
+					return parseOrThrow(MCP_SAVE_SCHEMA, value);
 				} })
 			}
 		}],
@@ -401,8 +942,7 @@ const OCR_DESCRIPTORS = [
 				mode: "strict",
 				typeSymbol: `${PACKAGE_NAME}#chatgpt-request`,
 				create: () => ({ parse(value) {
-					if (!e$2(value) || typeof value["model"] !== "string") throw new TypeError("chatgpt request requires a string model");
-					return { model: value["model"] };
+					return parseOrThrow(CHAT_GPT_SCHEMA, value);
 				} })
 			}
 		}],
@@ -410,9 +950,9 @@ const OCR_DESCRIPTORS = [
 	}
 ];
 /** 这个值能当远程面用吗（只核我们要调的那一位；服务来自别的实现或版本时保守当作没有）。 */
-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" && typeof value["mcp"] === "function" && typeof value["saveMcp"] === "function" && typeof value["auth"] === "function" && typeof value["chatGpt"] === "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}`);
@@ -524,35 +1064,65 @@ 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(i(raw, "id")),
-		name: strOf(i(raw, "name"))
-	};
-}
-function providerOf(raw) {
-	const modelsArr = i(raw, "models");
-	const models = Array.isArray(modelsArr) ? modelsArr.map((item) => modelOf(item)) : [];
-	const apiKeyEnvRaw = i(raw, "apiKeyEnv");
-	return {
-		name: strOf(i(raw, "name")),
-		displayName: strOf(i(raw, "displayName")),
-		apiKeyEnv: typeof apiKeyEnvRaw === "string" ? apiKeyEnvRaw : null,
-		baseURL: strOf(i(raw, "baseURL")),
-		models,
-		hasKey: i(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"
@@ -565,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
 	};
 }
 /**
@@ -591,67 +1164,55 @@ function binaryOf(raw) {
 async function loadCliStatus(reader) {
 	if (reader === void 0) return null;
 	try {
-		return binaryOf(i(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 = i(json, "providers");
-	const providers = Array.isArray(providersArr) ? providersArr.map((item) => providerOf(item)) : [];
-	const currentRaw = i(json, "current");
-	const current = {
-		provider: strOf(i(currentRaw, "provider")),
-		model: strOf(i(currentRaw, "model")),
-		keyIsDynamic: i(currentRaw, "keyIsDynamic") === true,
-		url: strOf(i(currentRaw, "url"))
-	};
-	const sourceRaw = i(json, "source");
-	const verifyRaw = i(json, "endpointVerify");
-	const endpointVerify = verifyRaw === null || verifyRaw === void 0 ? null : {
-		ok: i(verifyRaw, "ok") === true,
-		message: strOf(i(verifyRaw, "message"))
-	};
-	return {
-		providers,
-		current,
-		getCredReady: i(json, "getCredReady") === true,
-		source: {
-			status: strOf(i(sourceRaw, "status")),
-			message: strOf(i(sourceRaw, "message"))
-		},
-		endpointVerify,
-		ocrBinary: binaryOf(i(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;
@@ -679,190 +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]);
-	/** 用**本次输入的值**上报，不读 `draft`：state 更新是异步的，`onChange` 里
-	*  `setDraft(x)` 之后立刻读 `draft` 拿到的还是上一个字符，草稿会永远滞后一格。 */
-	const stage = (text) => {
-		const parsed = Number(text);
-		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(ev.target.value);
-		},
-		onKeyDown: (ev) => {
-			if (ev.key === "Enter") {
-				ev.preventDefault();
-				stage(draft);
-			}
-		},
-		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]);
-	/** 同 NumberRow：读参数而不是 `draft`，否则草稿永远滞后一格。 */
-	const stage = (text) => {
-		onCommit(text.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(ev.target.value);
-		},
-		onKeyDown: (ev) => {
-			if (ev.key === "Enter") {
-				ev.preventDefault();
-				stage(draft);
-			}
-		}
-	}));
-}
-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) {
@@ -939,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` 同一判据、
@@ -1095,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) {
@@ -1218,157 +1655,95 @@ 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: "auto",
-				label: t("effortAuto")
-			},
-			{
-				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);
 }
-const sectionStyle = { padding: "6px 0" };
-const titleStyle = {
-	fontWeight: "600",
-	fontSize: "13px"
-};
-const hintStyle = {
-	fontSize: "12px",
-	opacity: "0.8",
-	margin: "2px 0 6px"
-};
-const textareaStyle = {
-	width: "100%",
-	minHeight: "120px",
-	fontFamily: "monospace",
-	fontSize: "12px",
-	boxSizing: "border-box"
-};
 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);
-		},
-		style: textareaStyle
+		}
 	});
 	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)("div", { className: "ocr-hint" }, props.mcpMsg);
-	return (0, react.createElement)("div", { style: sectionStyle }, (0, react.createElement)("div", { style: titleStyle }, t("mcpTitle")), (0, react.createElement)("div", { style: hintStyle }, t("mcpHint")), props.available ? textarea : (0, react.createElement)("div", { className: "ocr-hint" }, t("adminUnavailable")), button, message);
+	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
@@ -1377,23 +1752,29 @@ function buildAuthAdmin(props) {
 		"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", { style: textareaStyle }, props.authOutput);
-	const message = props.authMsg === null ? null : (0, react.createElement)("div", { className: "ocr-hint" }, props.authMsg);
-	return (0, react.createElement)("div", { style: sectionStyle }, (0, react.createElement)("div", { style: titleStyle }, t("chatGptTitle")), (0, react.createElement)("div", { style: hintStyle }, t("chatGptHint")), check, (0, react.createElement)("div", { style: hintStyle }, `${t("chatGptLoginHint")} ${props.loginCommand}`), output, (0, react.createElement)("div", { style: hintStyle }, t("chatGptModelLabel")), model, use, message);
+	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", { style: sectionStyle }, buildMcpAdmin(props), buildAuthAdmin(props));
+	return (0, react.createElement)("div", null, buildMcpAdmin(props), buildAuthAdmin(props));
 }
 /**
 * 读设置页载荷（卡片唯一的数据入口）：失败只落 fetchError 文本，不抛穿渲染。
@@ -1405,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 (i(json, "ok") === false) {
-			const detail = strOf(i(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);
@@ -1423,8 +1804,8 @@ function readerPost(reader, t) {
 		if (reader === void 0) throw new Error(t("remoteUnavailable"));
 		switch (action) {
 			case "select": {
-				const provider = strOf(i(body, "provider"));
-				const model = strOf(i(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) };
 			}
@@ -1461,12 +1842,12 @@ async function runApplySelection(deps) {
 			provider: effectiveProvider,
 			model: effectiveModel
 		})).json();
-		if (i(selJson, "ok") === true) {
+		if (i$1(selJson, "ok") === true) {
 			let testText;
-			const llmTestRaw = i(selJson, "llmTest");
-			if (e$2(llmTestRaw)) {
-				const testOutput = strOf(i(llmTestRaw, "output")).slice(0, 400);
-				testText = i(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,
@@ -1479,7 +1860,7 @@ async function runApplySelection(deps) {
 			});
 			deps.refresh();
 		} else {
-			const failure = strOf(i(selJson, "error"));
+			const failure = strOf(i$1(selJson, "error"));
 			deps.setActionMsg({
 				ok: false,
 				text: failure === "" ? t("applyFailed") : failure
@@ -1502,11 +1883,11 @@ async function runMigrateKeys(deps) {
 	deps.setActionMsg(null);
 	try {
 		const json = await (await deps.post("migrate")).json();
-		const migratedVal = i(json, "migrated");
-		const skippedVal = i(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 = i(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,
@@ -1530,8 +1911,8 @@ async function runTestConnection(deps) {
 	deps.setActionMsg(null);
 	try {
 		const json = await (await deps.post("test")).json();
-		const ok = i(json, "ok") === true;
-		const testOutput = strOf(i(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
@@ -1558,12 +1939,12 @@ async function runProbe(deps) {
 	deps.setProbeMsg(null);
 	try {
 		const json = await (await deps.post("probe")).json();
-		const ok = i(json, "ok") === true;
-		const head = ok ? t("probeVersion", { version: strOf(i(json, "version")) }) : t("probeReason", { reason: strOf(i(json, "reason")) });
-		const output = strOf(i(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(i(json, "changeText")),
+			strOf(i$1(json, "changeText")),
 			output
 		].filter((line) => line !== "");
 		deps.setProbeMsg({
@@ -1585,8 +1966,8 @@ async function runProbe(deps) {
 *  这时不能清 touched、也不能报成功——否则用户看到「已保存」而配置原封未动。
 *  传输失败仍以 rejection 表达。 */
 async function saveSettingsDraft(deps) {
-	const { t: t$3, value, touched } = deps;
-	const keys = t(touched, value);
+	const { t, value, touched } = deps;
+	const keys = t$1(touched, value);
 	if (keys.length === 0) return;
 	deps.setSettingsBusy(true);
 	deps.setSaveError(null);
@@ -1612,7 +1993,7 @@ async function saveSettingsDraft(deps) {
 		for (const field of refused) kept[field] = touched[field];
 		deps.setTouched(kept);
 		const reason = failures.length > 0 ? `（${errorSummary(failures[0])}）` : "";
-		deps.setSaveError(`${t$3("saveRefused", { fields: refused.join(", ") })}${reason}`);
+		deps.setSaveError(`${t("saveRefused", { fields: refused.join(", ") })}${reason}`);
 		return;
 	}
 	deps.setTouched({});
@@ -1620,11 +2001,11 @@ async function saveSettingsDraft(deps) {
 function draftFieldsOf(touched, value) {
 	const eff = (field, def) => field in touched ? touched[field] : value[field] ?? def;
 	return {
-		effortValue: eff("effort", "auto"),
-		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", ""))
 	};
 }
@@ -1643,9 +2024,7 @@ 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) {
@@ -1750,25 +2129,25 @@ function useAdminPanel(reader, t) {
 	};
 }
 function OcrCard(props) {
-	const { t: t$4 } = props;
+	const { t } = props;
 	const snap = props.useCard((state) => state);
 	const { value } = snap;
 	const ready = snap.status === "ready";
 	const writable = snap.writable && ready;
-	const adminState = useAdminPanel(props.reader, t$4);
+	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);
 	const [actionMsg, setActionMsg] = (0, react.useState)(null);
 	const [probeMsg, setProbeMsg] = (0, react.useState)(null);
-	const refresh = (0, react.useCallback)(async () => refreshProviders(props.reader, t$4, {
+	const refresh = (0, react.useCallback)(async () => refreshProviders(props.reader, t, {
 		setData,
 		setFetchError
-	}), [props.reader, t$4]);
+	}), [props.reader, t]);
 	(0, react.useEffect)(() => {
 		refresh();
 	}, [refresh]);
-	const post = readerPost(props.reader, t$4);
+	const post = readerPost(props.reader, t);
 	const [selProvider, setSelProvider] = (0, react.useState)("");
 	const [selModel, setSelModel] = (0, react.useState)("");
 	const { effectiveProvider, effectiveModel, chosenProvider, modelOptions } = resolveSelection(data?.providers ?? [], data?.current, selProvider, selModel);
@@ -1779,7 +2158,7 @@ function OcrCard(props) {
 		setSelModel(first);
 	}
 	const actions = {
-		t: t$4,
+		t,
 		post,
 		refresh,
 		setBusy,
@@ -1790,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 = t(touched, value).length > 0;
+	const dirty = t$1(touched, value).length > 0;
 	const setField = (field, draft) => {
 		setTouched((prev) => ({
 			...prev,
@@ -1802,7 +2181,7 @@ function OcrCard(props) {
 		setSaveError(null);
 	};
 	const deps = {
-		t: t$4,
+		t,
 		data,
 		fetchError,
 		busy,
@@ -1813,7 +2192,7 @@ function OcrCard(props) {
 		effectiveModel,
 		chosenProvider,
 		modelOptions,
-		...cardHints(t$4, ready, snap.status, data),
+		...cardHints(t, ready, snap.status, data),
 		binary: data?.ocrBinary ?? null,
 		probeMsg,
 		...draftFieldsOf(touched, value),
@@ -1833,7 +2212,7 @@ function OcrCard(props) {
 		},
 		onProbe: () => {
 			runProbe({
-				t: t$4,
+				t,
 				post,
 				refresh,
 				setBusy,
@@ -1843,7 +2222,7 @@ function OcrCard(props) {
 		onField: setField,
 		onSave: () => {
 			saveSettingsDraft({
-				t: t$4,
+				t,
 				value,
 				touched,
 				setTouched,
@@ -1859,15 +2238,10 @@ function OcrCard(props) {
 	const settingsSection = buildSettingsSection(deps, writable, setField);
 	const adminSection = buildAdminSection({
 		...adminState,
-		t: t$4,
+		t,
 		writable
 	});
-	const headTitle = t$4("cardTitle");
-	const headDesc = t$4("cardDescription");
-	return (0, react.createElement)(OcrPluginCard, {
-		title: headTitle,
-		description: headDesc
-	}, cliStatus, providerPanel, settingsSection, adminSection);
+	return (0, react.createElement)(u, null, cliStatus, providerPanel, settingsSection, adminSection);
 }
 const inject = [
 	"slots",
@@ -1875,11 +2249,11 @@ const inject = [
 	"locale"
 ];
 function apply(ctx) {
-	if (!n(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();
@@ -1930,7 +2304,6 @@ exports.OcrCard = OcrCard;
 exports.OcrCliActivation = OcrCliActivation;
 exports.OcrCliBadge = OcrCliBadge;
 exports.OcrCliSection = OcrCliSection;
-exports.SaveBar = SaveBar;
 exports.apply = apply;
 exports.binaryOf = binaryOf;
 exports.binaryStatusText = binaryStatusText;