@dsh-plus/agent-preset-rea 0.0.0-stage → 0.1.1

package/lib/client.js

@@ -0,0 +1,1197 @@
+window.__ModuleLoader__.load({
+	id: "@dsh-plus/agent-preset-rea",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region ../shared/src/client/fields.tsx
+		/** 卡片按钮（与 CardChrome 页脚同一套类名与视觉）。 */
+		function Button(props) {
+			const p = props.prefix ?? "dshp";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${p}-btn ${props.variant === "primary" ? `${p}-btnPrimary` : `${p}-btnGhost`}`,
+				disabled: props.disabled === true,
+				onClick: props.onClick,
+				children: props.label
+			});
+		}
+		function TextField(props) {
+			const p = props.prefix ?? "dshp";
+			const invalid = props.invalid === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${p}-field`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${p}-head`,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: `${p}-label`,
+							htmlFor: props.id,
+							children: props.label
+						}), props.badge !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `${p}-badge ${props.badge.set ? `${p}-badgeSet` : `${p}-badgeUnset`}`,
+							children: props.badge.text
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: props.id,
+						className: `${p}-input${invalid ? ` ${p}-inputInvalid` : ""}`,
+						type: props.password === true ? "password" : "text",
+						inputMode: props.numeric === true ? "numeric" : void 0,
+						autoComplete: props.password === true ? "off" : void 0,
+						"aria-invalid": invalid || void 0,
+						value: props.value,
+						disabled: props.disabled === true,
+						onChange: (event) => props.onEdit(event.target.value)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: invalid ? `${p}-invalid` : `${p}-hint`,
+						children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region ../shared/src/client/card.tsx
+		const IDLE_STATUS = {
+			kind: "idle",
+			text: ""
+		};
+		function CardChrome(props) {
+			const p = props.prefix;
+			const badge = props.statusBadge;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: `${p}-section`,
+				"aria-label": props.title,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${p}-sectionHead`,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: `${p}-sectionTitle`,
+								children: props.title
+							}),
+							badge !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `${p}-sectionBadge ${badge.on ? `${p}-statusOn` : `${p}-statusOff`}`,
+								children: badge.text
+							}) : null,
+							props.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `${p}-pending`,
+								children: props.dirtyLabel
+							}) : null
+						]
+					}),
+					props.description === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: `${p}-sectionDesc`,
+						children: props.description
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `${p}-sectionBody`,
+						children: [
+							props.readOnlyNotice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: `${p}-readOnly`,
+								role: "status",
+								children: props.readOnlyNotice
+							}) : null,
+							props.children,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: `${p}-sectionFooter`,
+								children: [props.status !== void 0 && props.status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: `${p}-status${props.status.kind === "error" ? ` ${p}-statusError` : ""}`,
+									role: "status",
+									children: props.status.text
+								}) : null, props.actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+									prefix: p,
+									label: action.label,
+									variant: action.variant,
+									disabled: action.disabled,
+									onClick: action.onClick
+								}, action.key))]
+							})
+						]
+					})
+				]
+			});
+		}
+		/** 取值未到达时的占位：与 CardChrome 同形态，避免宿主页里闪一次卡片外壳。 */
+		function CardLoading(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: `${props.prefix}-section`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: `${props.prefix}-readOnly`,
+					role: "status",
+					children: props.text
+				})
+			});
+		}
+		//#endregion
+		//#region ../shared/src/client/config-slots.ts
+		/** dsh-plus 聚合 bundle 的包名（各插件 row 均经其补丁层插入 profile）。 */
+		const DSH_PLUS_BUNDLE = "@dsh-plus/bundle-main";
+		/**
+		* 把一张配置卡片注册进插件页的两个配置槽位。
+		* 两个槽位都由 0.2.1-alpha.2 的插件页声明，任一缺席即报错——不做版本探测。
+		*/
+		function injectPluginConfigCard(slots, reg) {
+			const base = {
+				locale: reg.ns,
+				inject: reg.inject
+			};
+			slots.inject("plugins.row.config", () => slots.register({
+				name: "plugins.row.config",
+				key: `${DSH_PLUS_BUNDLE}#${reg.rowId}`,
+				...base
+			}, reg.component));
+			slots.inject("plugins.bundle.config", () => slots.register({
+				name: "plugins.bundle.config",
+				key: reg.pkg,
+				...base
+			}, reg.component));
+		}
+		//#endregion
+		//#region ../shared/src/client/draft.ts
+		/**
+		* 单命名空间 staged 草稿（简单配置卡片共用）：读 scope 快照、播种草稿、
+		* 脏判定、保存（revision fencing + 重新装载）与状态行。
+		*
+		* 语义与官方 staged 表单一致：Host 更新不覆盖在途编辑，只有保存才写回；
+		* 保存成功后按 Host 解析值重置草稿。`from`/`patch` 参与 effect 与 useMemo
+		* 依赖，必须是模块级稳定函数（不要内联箭头函数）。
+		* @module @dsh-plus/shared/client/draft
+		*/
+		function useNamespaceDraft(options) {
+			const { scope, api, from, patch, saveFailedLabel } = options;
+			const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
+			const value = snapshot.value;
+			const [draft, setDraftState] = (0, react.useState)(null);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
+			(0, react.useEffect)(() => {
+				if (value === void 0 || draft !== null) return;
+				setDraftState(from(value));
+			}, [
+				value,
+				draft,
+				from
+			]);
+			const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(patch(draft)) !== JSON.stringify(patch(from(value))), [
+				value,
+				draft,
+				from,
+				patch
+			]);
+			const setDraft = (next) => {
+				setDraftState(next);
+				setStatus(IDLE_STATUS);
+			};
+			const edit = (part) => {
+				if (draft === null) return;
+				setDraft({
+					...draft,
+					...part
+				});
+			};
+			const reset = () => {
+				if (value === void 0) return;
+				setDraft(from(value));
+			};
+			const save = () => {
+				if (draft === null) return;
+				setSaving(true);
+				const revision = scope.getSnapshot().revision;
+				api.update(patch(draft), revision).then(async () => {
+					await scope.load();
+					const next = scope.getSnapshot().value;
+					if (next !== void 0) setDraftState(from(next));
+					setStatus(IDLE_STATUS);
+				}).catch((error) => {
+					const message = error instanceof Error ? error.message : String(error);
+					setStatus({
+						kind: "error",
+						text: `${saveFailedLabel}${message}`
+					});
+				}).finally(() => setSaving(false));
+			};
+			return {
+				value,
+				draft,
+				dirty,
+				saving,
+				status,
+				disabled: !snapshot.writable,
+				setDraft,
+				edit,
+				reset,
+				save
+			};
+		}
+		//#endregion
+		//#region ../shared/src/client/fetch.ts
+		async function parse(res, guard) {
+			const body = await res.json();
+			if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`);
+			if (guard !== void 0 && !guard(body)) throw new Error(`响应结构不符合预期（${res.url}）`);
+			return body;
+		}
+		/** GET 同源 JSON 端点。 */
+		async function getJson(route, guard) {
+			return parse(await fetch(route, { credentials: "same-origin" }), guard);
+		}
+		/** POST 同源 JSON 端点（body 可省略）。 */
+		async function postJson(route, body, guard) {
+			return parse(await fetch(route, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: { "content-type": "application/json" },
+				...body === void 0 ? {} : { body: JSON.stringify(body) }
+			}), guard);
+		}
+		//#endregion
+		//#region ../shared/src/client/i18n.ts
+		/** 卡片通用文案（save/discard/unsaved/loading 等四插件共有键）。 */
+		const commonZh = {
+			save: "保存",
+			saving: "保存中…",
+			discard: "放弃",
+			unsaved: "未保存",
+			loading: "加载中…",
+			unavailable: "配置服务不可用。",
+			readOnly: "当前部署无 settings provider，配置为只读；请在 profile 的 cordis.patch.yml 行级配置。",
+			invalidNumber: "请输入正整数。",
+			collapse: "收起",
+			expand: "展开",
+			enabledOn: "已启用",
+			enabledOff: "未启用",
+			saveFailed: "保存失败，请检查填写内容。",
+			confirm: "确认",
+			cancel: "取消"
+		};
+		const commonEn = {
+			save: "Save",
+			saving: "Saving…",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			loading: "Loading…",
+			unavailable: "Settings service unavailable.",
+			readOnly: "No settings provider in this deployment; config is read-only. Configure it at the profile row in cordis.patch.yml.",
+			invalidNumber: "Enter a positive integer.",
+			collapse: "Collapse",
+			expand: "Expand",
+			enabledOn: "On",
+			enabledOff: "Off",
+			saveFailed: "Save failed; check the fields.",
+			confirm: "Confirm",
+			cancel: "Cancel"
+		};
+		/**
+		* own 覆盖同键合并（返回新对象，入参不可变）。
+		* 返回类型保留两侧键集合，调用方据此派生 DictKey。
+		*/
+		function mergeDict(base, own) {
+			return {
+				...base,
+				...own
+			};
+		}
+		//#endregion
+		//#region ../shared/src/client/scope.ts
+		/**
+		* remote.settings 直连实现的命名空间 scope（官方配置页 tab 同款模式）。
+		* 读：describe 取命名空间视图（脱敏 value/revision + 顶层 writable）；
+		* 刷新：remote `settings/document-updated`（按命名空间过滤）与
+		* `connection/reset`；generation 防旧读覆盖新发布。任何页面 origin
+		* （loopback 或 tailnet 信任域名）下行为一致。
+		* effect 归属调用方 fiber（label 需含插件名以便诊断）。
+		*/
+		function createSettingsScope(c, ns, label) {
+			const remote = c.get("remote");
+			let state = {
+				status: "loading",
+				value: void 0,
+				revision: void 0,
+				writable: false
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			let generation = 0;
+			const publish = (next) => {
+				state = next;
+				for (const listener of [...listeners]) listener();
+			};
+			const load = async () => {
+				const gen = ++generation;
+				let view;
+				try {
+					const response = await remote.settings.describe();
+					if (!response.ok) return;
+					view = response.value;
+				} catch {
+					return;
+				}
+				if (gen !== generation) return;
+				const namespace = view.namespaces.find((candidate) => candidate.ns === ns);
+				if (namespace === void 0) {
+					publish({
+						status: "unavailable",
+						value: void 0,
+						revision: void 0,
+						writable: view.writable
+					});
+					return;
+				}
+				publish({
+					status: "ready",
+					value: namespace.value,
+					revision: namespace.revision,
+					writable: view.writable
+				});
+			};
+			const refresh = (namespace) => {
+				if (namespace !== void 0 && namespace !== ns) return;
+				load();
+			};
+			const disposers = [remote.$on("settings/document-updated", refresh), c.on("connection/reset", () => {
+				load();
+			})];
+			c.effect(() => () => {
+				for (const dispose of disposers) dispose();
+			}, label);
+			load();
+			return {
+				getSnapshot: () => state,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				load
+			};
+		}
+		/** 以 remote.settings 构造命名空间绑定的 api 面。 */
+		function createNamespaceApi(remote, ns) {
+			return {
+				update: async (patch, expectedRevision) => {
+					const response = await remote.update(ns, patch, expectedRevision);
+					if (!response.ok) throw new Error(response.error.message ?? "settings update failed");
+				},
+				describe: async () => {
+					const response = await remote.describe();
+					if (!response.ok) throw new Error(response.error.message ?? "settings describe failed");
+					return response.value;
+				}
+			};
+		}
+		//#endregion
+		//#region ../shared/src/client/styles.ts
+		/**
+		* 配置分节样式工厂（各插件 client 的公共收编版）。
+		*
+		* 目标宿主 dsh 0.2.1-alpha.2：插件页把配置视图放进已有页面级内边距的容器里
+		* （`div.detailSections[data-plugin-config]` 或 `section.detailSection[data-plugin-config]`），
+		* 外层无边框——故这里输出的是**无边框分节**（小节标题 13px/600、字段 12px 0、
+		* 横向零内边距、页脚非 sticky），度量对齐官方设置页
+		* （`@deepseek-ai/dsh-client-ui-primitives` 的 settings-form）。
+		*
+		* 移动端与可达性（767px 断点 + pointer:coarse，对齐 ui-mobile-fit 约定）：
+		* - 窄屏 input/textarea 16px（防 iOS 聚焦缩放）、可点目标 ≥44px；
+		* - 页脚按钮等宽换行、状态文字独占一行。
+		* 沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载），不覆盖上游选择器。
+		* @module @dsh-plus/shared/client/styles
+		*/
+		/** 生成全套分节 CSS；prefix 为插件类名前缀（如 'dne'），extra 为插件特有规则。 */
+		function cardCss(prefix, extra = "") {
+			return `
+.${prefix}-section{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;padding:16px 0;display:flex}
+.${prefix}-sectionHead{align-items:center;gap:8px;min-width:0;display:flex}
+.${prefix}-sectionTitle{min-width:0;color:var(--dsw-alias-label-primary);flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.5}
+.${prefix}-sectionBadge{white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.${prefix}-sectionDesc{color:var(--dsw-alias-label-tertiary);margin:4px 0 0;font-size:12px;line-height:1.5}
+.${prefix}-sectionBody{flex-direction:column;min-width:0;display:flex}
+.${prefix}-sectionFooter{align-items:center;gap:8px;padding-top:16px;display:flex;flex-wrap:wrap}
+.${prefix}-pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.${prefix}-statusOn{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}
+.${prefix}-statusOff{color:var(--dsw-alias-label-tertiary)}
+.${prefix}-field{flex-direction:column;gap:6px;padding:12px 0;display:flex}
+.${prefix}-field+.${prefix}-field{border-top:1px solid var(--dsw-alias-border-l2)}
+.${prefix}-head{align-items:center;gap:8px;display:flex}
+.${prefix}-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}
+.${prefix}-badge{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.${prefix}-badgeSet{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}
+.${prefix}-badgeUnset{color:var(--dsw-alias-label-tertiary)}
+.${prefix}-input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;transition:border-color .18s,background .18s}
+.${prefix}-input:hover:not(:disabled):not(:focus-visible){border-color:var(--dsw-alias-label-dimmed)}
+.${prefix}-input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}
+.${prefix}-input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}
+.${prefix}-inputInvalid{border-color:var(--dsw-alias-label-error)}
+.${prefix}-select{appearance:none;background:var(--dsw-alias-bg-module-platform);border:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--dsw-alias-label-secondary) 50%),linear-gradient(135deg,var(--dsw-alias-label-secondary) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;height:34px;box-sizing:border-box;border-radius:8px;padding:0 30px 0 12px;transition:background-color .18s}
+.${prefix}-select:hover:not(:disabled){background-color:var(--dsw-alias-interactive-bg-hover)}
+.${prefix}-hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
+.${prefix}-invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}
+.${prefix}-checkRow{align-items:center;gap:10px;display:flex;padding:6px 0}
+.${prefix}-checkRow label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;cursor:pointer;flex:1;min-width:0}
+/* 自绘圆角扁平开关（官方 UI 无可见原生 checkbox，选择类全走胶囊/菜单） */
+.${prefix}-checkRow input{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;background:var(--dsw-alias-bg-module-platform);border:none;border-radius:999px;width:34px;height:20px;flex:none;cursor:pointer;transition:background .18s;margin:0}
+.${prefix}-checkRow input::after{content:"";position:absolute;top:2px;left:2px;background:var(--dsw-alias-label-primary);border-radius:999px;width:16px;height:16px;transition:left .18s cubic-bezier(.4,0,.2,1)}
+.${prefix}-checkRow input:checked{background:var(--dsw-alias-brand-primary)}
+.${prefix}-checkRow input:checked::after{left:16px;background:var(--dsw-alias-bg-base)}
+.${prefix}-checkRow input:disabled{opacity:.4;cursor:default}
+.${prefix}-checkRow input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}
+.${prefix}-groupLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600;padding:12px 0 2px;margin:0}
+.${prefix}-readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}
+.${prefix}-warn{color:var(--dsw-alias-label-error);margin:12px 0 0;font-size:12px;line-height:1.5}
+.${prefix}-status{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;margin:0;font-size:12px;line-height:1.5}
+.${prefix}-statusError{color:var(--dsw-alias-label-error)}
+.${prefix}-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}
+.${prefix}-btnGhost{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}
+.${prefix}-btnGhost:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}
+.${prefix}-btnPrimary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
+.${prefix}-btn:disabled{opacity:.4;cursor:default}
+.${prefix}-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
+@media (max-width:767px){
+.${prefix}-input,.${prefix}-select{font-size:16px;height:40px}
+.${prefix}-checkRow{min-height:44px;padding:8px 0}
+.${prefix}-status{flex-basis:100%;flex:none}
+.${prefix}-btn{min-height:44px;flex:1;min-width:96px}
+}
+@media (pointer:coarse){
+.${prefix}-btn{min-height:44px}
+.${prefix}-checkRow{min-height:44px}
+.${prefix}-input,.${prefix}-select{height:40px}
+}
+${extra}
+`;
+		}
+		/**
+		* 幂等注入样式标签（官方 data-plugin-css 约定）；返回新标签，
+		* 已存在或环境无 document 时返回 null（调用方 effect 卸载用）。
+		*/
+		function injectCardStyle(pluginId, css) {
+			if (typeof document === "undefined") return null;
+			const tagId = `${pluginId}/card.css`;
+			if (document.querySelector(`style[data-plugin-css=${JSON.stringify(tagId)}]`) !== null) return null;
+			const tag = document.createElement("style");
+			tag.dataset.plugin = pluginId;
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+			return tag;
+		}
+		//#endregion
+		//#region src/ns.ts
+		/**
+		* settings 命名空间字面量（纯常量，零依赖，浏览器半可安全引入）。
+		*
+		* 服务端以字面量参与 `Config` 的活动字段（dsh-settings 对命名空间做语法校验），
+		* 浏览器半把它作为配置卡片的注册键（插件页配置卡片挂在 row/bundle config 槽位上，
+		* 与命名空间解耦，见 shared/client/config-slots）；同一字面量两处共用，防止漂移。
+		* @module @dsh-plus/agent-preset-rea/ns
+		*/
+		const SETTINGS_NS = "dsh-plus-agent-preset-rea";
+		/** 解析值 → 草稿（类型不符一律回落默认）。 */
+		function draftFromValue(value) {
+			return {
+				personaPrefix: typeof value.personaPrefix === "string" ? value.personaPrefix : "",
+				proxyPort: typeof value.proxyPort === "number" ? String(value.proxyPort) : ""
+			};
+		}
+		/**
+		* 代理端口文本 → 端口号。
+		* @returns 空串按 0（不用代理）；非纯数字或越界返回 null（调用方据此判非法）。
+		*/
+		function parseProxyPort(text) {
+			const trimmed = text.trim();
+			if (trimmed === "") return 0;
+			if (!/^\d+$/.test(trimmed)) return null;
+			const port = Number(trimmed);
+			return Number.isInteger(port) && port >= 0 && port <= 65535 ? port : null;
+		}
+		/** 草稿 → 提交形状（只回写本卡片负责的字段）。 */
+		function toPatch(draft) {
+			return {
+				personaPrefix: draft.personaPrefix,
+				proxyPort: parseProxyPort(draft.proxyPort) ?? 0
+			};
+		}
+		//#endregion
+		//#region src/client/api.ts
+		/**
+		* 受管安装/更新的端点通道（状态查询 + 三类动作）。
+		* 配置读写仍走 `ctx.remote.settings` 直连（见 card.tsx），这里只补官方传输没有的动作。
+		*
+		* 响应都经类型谓词在边界收窄：宿主契约漂移时立即报错，而不是渲染期白屏。
+		* @module agent-preset-rea/client/api
+		*/
+		const ROUTE_BASE = "/dsh-plus/agent-preset-rea";
+		/** JobDto 守卫。 */
+		function isJob(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const job = value;
+			return typeof job["id"] === "number" && typeof job["kind"] === "string" && typeof job["state"] === "string" && Array.isArray(job["log"]) && typeof job["progress"] === "object" && job["progress"] !== null;
+		}
+		/** StatusDto 守卫（结构性字段缺席即判不符）。 */
+		function isStatus(value) {
+			if (typeof value !== "object" || value === null) return false;
+			const body = value;
+			const install = body["install"];
+			const skill = body["skill"];
+			const mcp = body["mcp"];
+			return typeof install === "object" && install !== null && typeof skill === "object" && skill !== null && typeof mcp === "object" && mcp !== null && typeof body["config"] === "object" && body["config"] !== null;
+		}
+		/** JobActionDto 守卫。 */
+		const isJobAction = (value) => {
+			if (typeof value !== "object" || value === null) return false;
+			const job = value["job"];
+			return job === null || job === void 0 || isJob(job);
+		};
+		/** 查询安装/skill/MCP 行状态与当前作业。 */
+		async function fetchStatus() {
+			return getJson(`${ROUTE_BASE}/status`, isStatus);
+		}
+		/**
+		* 启动作业。
+		* @param kind - `install` = 安装/更新 REA 包；`skill` = 拉取并替换 skill 副本。
+		* @param proxyPort - 草稿里当前填的代理端口（未保存也即时生效）。
+		*/
+		async function startJob(kind, proxyPort) {
+			return postJson(`${ROUTE_BASE}/${kind}`, { proxyPort }, isJobAction);
+		}
+		/** 取消当前作业。 */
+		async function cancelJob() {
+			return postJson(`${ROUTE_BASE}/cancel`, void 0, isJobAction);
+		}
+		//#endregion
+		//#region src/client/install.tsx
+		/**
+		* 卡片的「REA 安装与更新」区：只读状态表 + 三个动作（安装/更新 REA、更新 skill、
+		* 取消作业）+ 运行中作业的阶段进度条、已用时与日志尾部。
+		*
+		* 状态与作业都来自宿主半的同源端点（见 client/api.ts 与宿主 routes.ts）：这里只管
+		* 轮询与呈现。作业在跑时按 {@link PROGRESS_POLL_MS} 轮询——进度是宿主侧的真事实，
+		* 浏览器不自己造百分比。
+		* @module agent-preset-rea/client/install
+		*/
+		/** 作业运行中的状态轮询间隔（毫秒）。 */
+		const PROGRESS_POLL_MS = 1e3;
+		/** 错误对象 → 人话。 */
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		/** 起止时间 → 已用时文本。 */
+		function elapsedOf(job) {
+			const start = Date.parse(job.startedAt);
+			if (Number.isNaN(start)) return "—";
+			const end = job.finishedAt === null ? Date.now() : Date.parse(job.finishedAt);
+			const seconds = Math.max(0, Math.round((end - start) / 1e3));
+			if (seconds < 60) return `${seconds}s`;
+			return `${Math.floor(seconds / 60)}m${String(seconds % 60).padStart(2, "0")}s`;
+		}
+		/** 作业状态 → 徽标类名后缀（视觉区分运行中/成功/失败）。 */
+		const STATE_CLASS = {
+			running: "Running",
+			ok: "Ok",
+			error: "Error",
+			cancelled: "Cancelled"
+		};
+		/** 作业进度块：状态徽标 + 阶段 + 进度条 + 日志尾部。 */
+		function JobPanel(props) {
+			const { t, job } = props;
+			const stateKey = job.state === "running" ? "jobRunning" : job.state === "ok" ? "jobOk" : job.state === "error" ? "jobError" : "jobCancelled";
+			const lines = job.log.slice(-12);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "apr-job",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "apr-jobHead",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `apr-pill apr-pill${STATE_CLASS[job.state]}`,
+								children: t(stateKey)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "apr-jobTitle",
+								children: t(job.kind === "install" ? "jobInstall" : "jobSkill")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "apr-hint",
+								children: [
+									t("jobPhase"),
+									" ",
+									job.progress.step,
+									"/",
+									job.progress.steps,
+									"·",
+									job.progress.phase
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "apr-hint",
+								children: [
+									t("jobElapsed"),
+									" ",
+									elapsedOf(job)
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "apr-bar",
+						role: "progressbar",
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"aria-valuenow": job.progress.percent,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "apr-barFill",
+							style: { width: `${job.progress.percent}%` }
+						})
+					}),
+					job.error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "apr-error",
+						children: job.error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+						className: "apr-logBox",
+						open: job.state !== "ok",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+							className: "apr-logSummary",
+							children: t("jobLog")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: "apr-log",
+							children: lines.length === 0 ? t("jobLogEmpty") : lines.join("\n")
+						})]
+					})
+				]
+			});
+		}
+		/** 一行状态（键 + 值）。 */
+		function StatusRow(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "apr-installRow",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+					className: "apr-installKey",
+					children: props.label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+					className: "apr-installVal",
+					children: props.children
+				})]
+			});
+		}
+		/** 只读状态表：REA 包 / 受管目录 / skill 来源 / MCP 行形态。 */
+		function StatusTable(props) {
+			const { t, status } = props;
+			const skillLabel = status.skill.source === "updated" ? t("skillUpdated") : t("skillBundled");
+			const mcpLabel = !status.mcp.enabled ? status.config.mcpEnabled ? t("mcpMissing") : t("mcpOff") : status.mcp.mode === "custom" ? t("mcpCustom") : t("mcpInstalled");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+				className: "apr-install",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StatusRow, {
+						label: t("installPackage"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `apr-pill ${status.install.installed ? "apr-pillOk" : "apr-pillMiss"}`,
+								children: t(status.install.installed ? "installed" : "notInstalled")
+							}),
+							status.install.version === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "apr-mono",
+								children: status.install.version
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "apr-hint",
+								children: [
+									t("installTarget"),
+									" ",
+									status.config.reaVersion
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusRow, {
+						label: t("installPath"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+							className: "apr-mono",
+							children: status.install.root
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StatusRow, {
+						label: t("skillSource"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "apr-mono",
+								children: skillLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "apr-hint",
+								children: [
+									t("skillFiles"),
+									" ",
+									status.skill.files,
+									status.skill.version === null ? "" : ` · ${status.skill.version}`
+								]
+							}),
+							status.skill.updatedAt === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "apr-hint",
+								children: [
+									t("updatedAt"),
+									" ",
+									status.skill.updatedAt
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StatusRow, {
+						label: t("mcpRow"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "apr-mono",
+							children: mcpLabel
+						}), status.mcp.command === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("code", {
+							className: "apr-mono",
+							children: [
+								status.mcp.command,
+								" ",
+								status.mcp.args.join(" ")
+							]
+						})]
+					})
+				]
+			});
+		}
+		function InstallSection(props) {
+			const { t, disabled, proxyPort } = props;
+			const [status, setStatus] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const alive = (0, react.useRef)(true);
+			(0, react.useEffect)(() => () => {
+				alive.current = false;
+			}, []);
+			const load = (0, react.useCallback)(async () => {
+				try {
+					const next = await fetchStatus();
+					if (!alive.current) return;
+					setStatus(next);
+					setError(null);
+				} catch (failure) {
+					if (alive.current) setError(`${t("statusFailed")}${messageOf(failure)}`);
+				}
+			}, [t]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const running = status?.job?.state === "running";
+			(0, react.useEffect)(() => {
+				if (running !== true) return;
+				const timer = window.setInterval(() => {
+					load();
+				}, PROGRESS_POLL_MS);
+				return () => {
+					window.clearInterval(timer);
+				};
+			}, [running, load]);
+			const runAction = (0, react.useCallback)((action) => {
+				setBusy(true);
+				setError(null);
+				action().then((result) => {
+					if (!alive.current) return;
+					setStatus((prev) => prev === null ? prev : {
+						...prev,
+						job: result.job
+					});
+					load();
+				}).catch((failure) => {
+					if (alive.current) setError(`${t("actionFailed")}${messageOf(failure)}`);
+				}).finally(() => {
+					if (alive.current) setBusy(false);
+				});
+			}, [load, t]);
+			const blocked = disabled || busy || running === true;
+			const job = status?.job ?? null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "apr-field",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "apr-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "apr-label",
+							children: t("installSection")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							prefix: "apr",
+							label: t("refreshStatus"),
+							disabled: busy || running === true,
+							onClick: () => {
+								load();
+							}
+						})]
+					}),
+					status === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "apr-hint",
+						children: t("statusLoading")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusTable, {
+						t,
+						status
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "apr-btnRow",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								prefix: "apr",
+								variant: "primary",
+								label: t("installAction"),
+								disabled: blocked || proxyPort === null,
+								onClick: () => {
+									runAction(() => startJob("install", proxyPort ?? 0));
+								}
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								prefix: "apr",
+								label: t("skillAction"),
+								disabled: blocked || proxyPort === null,
+								onClick: () => {
+									runAction(() => startJob("skill", proxyPort ?? 0));
+								}
+							}),
+							running === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+								prefix: "apr",
+								label: t("cancelAction"),
+								disabled: busy,
+								onClick: () => {
+									runAction(() => cancelJob());
+								}
+							}) : null
+						]
+					})] }),
+					job === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JobPanel, {
+						t,
+						job
+					}),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "apr-error",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "apr-hint",
+						children: t("installHint")
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/card.tsx
+		/**
+		* 「逆向工程」预设配置卡片：提示词（活动字段）+ 代理端口（活动字段）+ 安装维护区。
+		*
+		* 经 injectPluginConfigCard 注册（插件页 plugins.row.config / plugins.bundle.config，
+		* view 分发 summary/page）；外壳与草稿语义走 @dsh-plus/shared/client 套件
+		* （CardChrome + useNamespaceDraft：staged 草稿、脏判定、revision fencing、
+		* Host 更新不覆盖在途编辑），安装维护区见 client/install.tsx。
+		*
+		* 两个活动字段（`Config` 里标 `.volatile()` 的）都在这里给出编辑器：
+		* - `personaPrefix`：system-prompt 的 persona 前缀段；
+		* - `proxyPort`：安装/更新时的本机代理端口。
+		* 其余字段（安装位置、MCP 参数、超时、附加 skill 根）属部署方平面，由 profile 的
+		* cordis.patch.yml 行级配置覆盖，卡片只读展示关键事实。
+		*
+		* 安装维护为什么不放在注册期自动做：启动期 `npx`/npm 安装会跑依赖安装脚本
+		* （原生 prebuild 下载），卡住即吊死预设激活与整个名册；因此改成显式动作
+		* ——后台作业 + 轮询实时进度，作业完成后宿主半换代注册，新建会话即用新事实。
+		* @module agent-preset-rea/client/card
+		*/
+		/** 卡片动作：放弃 / 保存（脏且可写且输入合法时才可用）。 */
+		function cardActions(options) {
+			return [{
+				key: "discard",
+				label: options.t("discard"),
+				disabled: !options.dirty || options.saving,
+				onClick: options.onDiscard
+			}, {
+				key: "save",
+				label: options.t(options.saving ? "saving" : "save"),
+				variant: "primary",
+				disabled: !options.dirty || options.saving || options.disabled || options.invalid,
+				onClick: options.onSave
+			}];
+		}
+		function ReaCard(props) {
+			const { t, scope, api } = props;
+			const state = useNamespaceDraft({
+				scope,
+				api,
+				from: draftFromValue,
+				patch: toPatch,
+				saveFailedLabel: t("saveFailed")
+			});
+			if (props.view === "summary") return t("summaryLine");
+			const draft = state.draft;
+			if (state.value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardLoading, {
+				prefix: "apr",
+				text: t("loading")
+			});
+			const disabled = state.disabled;
+			const port = parseProxyPort(draft.proxyPort);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CardChrome, {
+				prefix: "apr",
+				title: t("title"),
+				description: t("description"),
+				dirty: state.dirty,
+				dirtyLabel: t("unsaved"),
+				readOnlyNotice: disabled ? t("readOnly") : void 0,
+				status: state.status,
+				actions: cardActions({
+					t,
+					dirty: state.dirty,
+					saving: state.saving,
+					disabled,
+					invalid: port === null,
+					onDiscard: state.reset,
+					onSave: state.save
+				}),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "apr-field",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "apr-head",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: "apr-label",
+									htmlFor: "apr-prompt",
+									children: t("prompt")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								id: "apr-prompt",
+								className: "apr-textarea",
+								rows: 10,
+								spellCheck: false,
+								placeholder: t("promptPlaceholder"),
+								value: draft.personaPrefix,
+								disabled,
+								onChange: (event) => state.edit({ personaPrefix: event.target.value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "apr-hint",
+								children: t("promptHint")
+							}),
+							draft.personaPrefix.trim() === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "apr-hint",
+								children: t("promptEmpty")
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						prefix: "apr",
+						id: "apr-proxy",
+						label: t("proxyPort"),
+						hint: t("proxyPortHint"),
+						invalid: port === null,
+						invalidLabel: t("proxyPortInvalid"),
+						numeric: true,
+						value: draft.proxyPort,
+						disabled,
+						onEdit: (text) => state.edit({ proxyPort: text })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstallSection, {
+						t,
+						disabled,
+						proxyPort: port
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/i18n.ts
+		/**
+		* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
+		* 公共键（save/discard/unsaved 等）来自 shared 的 common 字典，本文件只维护业务键。
+		* @module @dsh-plus/agent-preset-rea/client/i18n
+		*/
+		const NS = "dsh-plus-agent-preset-rea";
+		const ownZh = {
+			title: "逆向工程预设",
+			description: "REA 提示词与安装维护：提示词留空即空 persona，工具指引与运行时上下文照常注入。",
+			summaryLine: "编辑「逆向工程」预设的提示词，并安装/更新 REA 与 skill",
+			prompt: "系统提示词（persona 前缀）",
+			promptHint: "写入 system-prompt 的 persona 前缀段，仅对「逆向工程」预设的新会话生效；留空 = 不注入 persona 段（官方工具指引、项目指令与运行时上下文不受影响）。保存后新建会话即用新值。",
+			promptPlaceholder: "例如：先做证据分级，再动手改二进制；每一步给出可复核的证据链……",
+			promptEmpty: "当前为空：该预设不注入 persona 段。",
+			saveFailed: "保存失败：",
+			installSection: "REA 安装与更新",
+			installHint: "安装/更新在后台执行：把 rea-agents 装进下面的受管目录（先装 staging 再换目录，失败不留半截安装树），作业完成后本预设自动换代——新建会话即带 mcp__rea__* 工具。安装位置与 MCP 命令属部署方平面（profile 的 cordis.patch.yml），此处只读展示。",
+			installPackage: "REA 包",
+			installPath: "受管安装目录",
+			installVersion: "版本",
+			installTarget: "目标版本",
+			installed: "已安装",
+			notInstalled: "未安装",
+			skillSource: "REA skill",
+			skillBundled: "随包副本",
+			skillUpdated: "手动更新副本",
+			skillFiles: "文件",
+			updatedAt: "更新时间",
+			mcpRow: "MCP 行",
+			mcpInstalled: "已挂载（受管安装入口）",
+			mcpCustom: "已挂载（显式 mcpCommand）",
+			mcpMissing: "未挂载：未安装 REA，该行已禁用（不会在启动期拉取）",
+			mcpOff: "已按配置关闭",
+			commandLabel: "命令",
+			refreshStatus: "刷新状态",
+			installAction: "安装 / 更新 REA",
+			skillAction: "更新 skill",
+			cancelAction: "取消作业",
+			statusLoading: "正在读取安装状态…",
+			statusFailed: "状态查询失败：",
+			actionFailed: "操作失败：",
+			jobRunning: "作业进行中",
+			jobOk: "作业完成",
+			jobError: "作业失败",
+			jobCancelled: "作业已取消",
+			jobInstall: "安装 REA",
+			jobSkill: "更新 skill",
+			jobPhase: "阶段",
+			jobLog: "日志",
+			jobStartedAt: "开始于",
+			jobFinishedAt: "结束于",
+			jobElapsed: "已用时",
+			jobLogEmpty: "（暂无输出）",
+			proxyPort: "安装代理端口",
+			proxyPortHint: "安装/更新时供 npm 与原生依赖（node-pty）prebuild 下载使用的本机代理端口；0 或留空 = 直连。未保存也用于本次安装，保存后长期生效。",
+			proxyPortInvalid: "代理端口必须是 0..65535 的整数。"
+		};
+		const ownEn = {
+			title: "Reverse-engineering preset",
+			description: "REA prompt and installation: an empty prompt means a blank persona; tool guidance and runtime context stay in place.",
+			summaryLine: "Edit the “逆向工程” prompt and install/update REA and its skill",
+			prompt: "System prompt (persona prefix)",
+			promptHint: "Written to the persona-prefix section of the system prompt for new sessions of this preset only. Empty means no persona section (official tool guidance, project instructions and runtime context are unaffected). New sessions pick up the saved value.",
+			promptPlaceholder: "e.g. Grade the evidence first, then patch the binary; every step needs a checkable chain of evidence…",
+			promptEmpty: "Currently empty: this preset injects no persona section.",
+			saveFailed: "Save failed: ",
+			installSection: "REA installation",
+			installHint: "Install/update runs in the background: rea-agents goes into the managed directory below (staged install, then directory swap, so a failure leaves no half tree). When the job finishes the preset re-registers — new sessions get the mcp__rea__* tools. The install location and MCP command belong to the deployment plane (profile cordis.patch.yml) and are shown read-only.",
+			installPackage: "REA package",
+			installPath: "Managed install dir",
+			installVersion: "Version",
+			installTarget: "Target version",
+			installed: "Installed",
+			notInstalled: "Not installed",
+			skillSource: "REA skill",
+			skillBundled: "Bundled copy",
+			skillUpdated: "Manually updated copy",
+			skillFiles: "Files",
+			updatedAt: "Updated at",
+			mcpRow: "MCP row",
+			mcpInstalled: "Mounted (managed install entry)",
+			mcpCustom: "Mounted (explicit mcpCommand)",
+			mcpMissing: "Not mounted: REA is not installed, the row stays disabled (nothing is fetched at boot)",
+			mcpOff: "Disabled by config",
+			commandLabel: "Command",
+			refreshStatus: "Refresh status",
+			installAction: "Install / update REA",
+			skillAction: "Update skill",
+			cancelAction: "Cancel job",
+			statusLoading: "Reading install status…",
+			statusFailed: "Status query failed: ",
+			actionFailed: "Action failed: ",
+			jobRunning: "Job running",
+			jobOk: "Job finished",
+			jobError: "Job failed",
+			jobCancelled: "Job cancelled",
+			jobInstall: "Install REA",
+			jobSkill: "Update skill",
+			jobPhase: "Phase",
+			jobLog: "Log",
+			jobStartedAt: "Started",
+			jobFinishedAt: "Finished",
+			jobElapsed: "Elapsed",
+			jobLogEmpty: "(no output yet)",
+			proxyPort: "Install proxy port",
+			proxyPortHint: "Local proxy port used by npm and by the native node-pty prebuild download during install/update; 0 or empty means direct. The unsaved value is used for the next install and applies permanently once saved.",
+			proxyPortInvalid: "Proxy port must be an integer in 0..65535."
+		};
+		const zh = mergeDict(commonZh, ownZh);
+		const en = mergeDict(commonEn, ownEn);
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* 配置卡片样式：基础规则走 @dsh-plus/shared/client 的 cardCss('apr')
+		* （按钮/字段/徽标等类名由共享控件生成，本文件**不**重复定义），这里只补
+		* 插件特有规则：提示词多行框、安装状态表、作业进度条与日志。
+		* 沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载）。
+		* 颜色与度量全部走官方主题变量（--dsw-alias-*），不写死色值。
+		* @module agent-preset-rea/client/styles
+		*/
+		const PLUGIN_ID = "@dsh-plus/agent-preset-rea";
+		const cardCssAll = cardCss("apr", `
+.apr-textarea{box-sizing:border-box;width:100%;min-height:180px;resize:vertical;font:inherit;font-size:13px;line-height:1.6;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px 12px;transition:border-color .18s,background .18s}
+.apr-textarea:hover:not(:disabled):not(:focus-visible){border-color:var(--dsw-alias-label-dimmed)}
+.apr-textarea:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}
+.apr-textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}
+.apr-textarea::placeholder{color:var(--dsw-alias-label-tertiary)}
+.apr-btnRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
+.apr-install{margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
+.apr-installRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
+.apr-installKey{flex:none;width:118px;margin:0;font-size:12px;color:var(--dsw-alias-label-tertiary)}
+.apr-installVal{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0;font-size:13px;color:var(--dsw-alias-label-primary)}
+.apr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}
+.apr-pill{flex:none;padding:2px 8px;border-radius:999px;font-size:11px;line-height:16px}
+.apr-pillOk{background:var(--dsw-alias-state-success-secondary);color:var(--dsw-alias-state-success-primary)}
+.apr-pillMiss,.apr-pillError,.apr-pillCancelled{background:var(--dsw-alias-state-error-secondary);color:var(--dsw-alias-state-error-primary)}
+.apr-pillRunning{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.apr-job{margin-top:12px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3)}
+.apr-jobHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.apr-jobTitle{font-size:13px;font-weight:500;color:var(--dsw-alias-label-primary)}
+.apr-bar{margin-top:8px;height:6px;border-radius:999px;background:var(--dsw-alias-interactive-bg-hover);overflow:hidden}
+.apr-barFill{height:100%;background:var(--dsw-alias-brand-primary);transition:width .3s}
+.apr-logBox{margin-top:8px}
+.apr-logSummary{font-size:12px;color:var(--dsw-alias-label-tertiary);cursor:pointer}
+.apr-log{margin:6px 0 0;max-height:200px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-label-tertiary)}
+.apr-error{margin:4px 0 0;font-size:12px;color:var(--dsw-alias-state-error-primary)}
+@media (max-width:767px){
+.apr-textarea{font-size:16px;min-height:140px}
+.apr-installKey{width:100%}
+}
+`);
+		/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */
+		function injectStyle() {
+			return injectCardStyle(PLUGIN_ID, cardCssAll);
+		}
+		//#endregion
+		//#region src/client/client.ts
+		const name = "dsh-plus-agent-preset-rea";
+		/** 浏览器半需要的 cordis 服务 key（loader 据此注入；package.json 的 dsh.client.inject 管包加载顺序）。 */
+		const inject = [
+			"slots",
+			"locale",
+			"remote",
+			"remote.settings"
+		];
+		function apply(ctx) {
+			const c = ctx;
+			const tag = injectStyle();
+			c.effect(() => () => {
+				tag?.remove();
+			}, "agent-preset-rea: style");
+			c.effect(() => c.locale.register(NS, {
+				zh,
+				en
+			}), "agent-preset-rea: locale");
+			const scope = createSettingsScope(c, SETTINGS_NS, "agent-preset-rea: settings scope");
+			const api = createNamespaceApi(c.get("remote").settings, SETTINGS_NS);
+			injectPluginConfigCard(c.slots, {
+				ns: SETTINGS_NS,
+				rowId: "dsh-plus-agent-preset-rea",
+				pkg: PLUGIN_ID,
+				component: ReaCard,
+				inject: () => ({
+					t: c.locale.bind(NS),
+					scope,
+					api
+				})
+			});
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});