@lmzhen/dsh-evolution-ui 0.32.4 → 0.32.6

package/lib/client.js

@@ -5,163 +5,6 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
-		//#region ../evolution-client-kit/src/generated/routes.generated.ts
-		/**
-		* Every family host path, generated from evolution-core's HOST_ROUTES (the ONE declaration).
-		* A browser half cannot import the host package at runtime (client bundles keep @deepseek-ai/*
-		* external), so the table is mirrored here mechanically; a rename in core regenerates all three
-		* client copies, and the generator's --check makes a stale copy red.
-		*/
-		const ROUTES = {
-			approval: {
-				pending: "/api/dsh-evolution/approval/pending",
-				preview: "/api/dsh-evolution/approval/preview",
-				approve: "/api/dsh-evolution/approval/approve",
-				reject: "/api/dsh-evolution/approval/reject"
-			},
-			"skill-history": {
-				skills: "/api/dsh-evolution/skill-history/skills",
-				versions: "/api/dsh-evolution/skill-history/versions",
-				diff: "/api/dsh-evolution/skill-history/versions/diff",
-				body: "/api/dsh-evolution/skill-history/versions/body",
-				undo: "/api/dsh-evolution/skill-history/undo",
-				health: "/api/dsh-evolution/skill-history/health"
-			},
-			"skill-health": { rows: "/api/dsh-evolution/skill-health/rows" },
-			merge: {
-				view: "/api/dsh-evolution/merge/view",
-				rows: "/api/dsh-evolution/merge/rows",
-				run: "/api/dsh-evolution/merge/run",
-				runs: "/api/dsh-evolution/merge/runs",
-				body: "/api/dsh-evolution/merge/body",
-				history: "/api/dsh-evolution/merge/history"
-			},
-			diagnostics: { view: "/api/dsh-evolution/diagnostics" }
-		};
-		//#endregion
-		//#region ../evolution-client-kit/src/generated/route-client.generated.ts
-		/** Classify a non-2xx status: 401/403/404 keep their own kind, everything else is a server answer. */
-		function classify(status) {
-			if (status === 401) return {
-				kind: "unauthenticated",
-				status: 401
-			};
-			if (status === 403) return {
-				kind: "forbidden",
-				status: 403
-			};
-			if (status === 404) return {
-				kind: "unmounted",
-				status: 404
-			};
-			return {
-				kind: "server",
-				status
-			};
-		}
-		/**
-		* One request, no retries and no body parsing for the platform's admission answers.
-		* @param doFetch - the fetch in use (the browser's, or a spec's stub).
-		* @param path - the exact route path from the generated ROUTES table.
-		* @param init - standard RequestInit.
-		* @returns the data, or the classified failure (network/parse failures read as 'server').
-		*/
-		async function requestJson(doFetch, path, init) {
-			let response;
-			try {
-				response = await doFetch(path, init);
-			} catch (error) {
-				return {
-					ok: false,
-					failure: {
-						kind: "server",
-						status: 0,
-						detail: error instanceof Error ? error.message : String(error)
-					}
-				};
-			}
-			if (!response.ok) return {
-				ok: false,
-				failure: classify(response.status)
-			};
-			let body;
-			try {
-				body = await response.json();
-			} catch {
-				return {
-					ok: false,
-					failure: {
-						kind: "server",
-						status: response.status
-					}
-				};
-			}
-			if (typeof body === "object" && body !== null) {
-				const record = body;
-				if (record.ok === true) return {
-					ok: true,
-					data: record.data
-				};
-				const nested = record.error;
-				const errorRecord = typeof nested === "object" && nested !== null ? nested : void 0;
-				const code = typeof record.code === "string" && record.code !== "" ? record.code : typeof errorRecord?.code === "string" ? errorRecord.code : void 0;
-				const message = typeof record.message === "string" && record.message !== "" ? record.message : typeof errorRecord?.message === "string" ? errorRecord.message : void 0;
-				if (record.ok === false && code !== void 0 && message !== void 0 && message !== "") return {
-					ok: false,
-					failure: {
-						kind: "refused",
-						code,
-						message
-					}
-				};
-			}
-			return {
-				ok: false,
-				failure: {
-					kind: "server",
-					status: response.status
-				}
-			};
-		}
-		/** The one-sentence rendering legacy callers attach to a classified failure. */
-		function failureMessage(failure) {
-			switch (failure.kind) {
-				case "refused": return failure.message;
-				case "server": return failure.status === 0 ? failure.detail === void 0 || failure.detail === "" ? "网络错误：无法连接宿主" : failure.detail : "HTTP " + String(failure.status);
-				case "unauthenticated": return "HTTP 401";
-				case "forbidden": return "HTTP 403";
-				case "unmounted": return "HTTP 404";
-			}
-		}
-		//#endregion
-		//#region src/panels/settings/api.ts
-		/**
-		* The approval routes this bundle calls, and the ONE place a request is made.
-		*
-		* Structural types on purpose: the browser half cannot import the host package at runtime, so the row
-		* shape is declared by what the route hands over. Every answer — including a refusal — is parsed the
-		* same way, because a refusal is a business answer the card shows as a sentence, not a transport error.
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/api
-		*/
-		/**
-		* Build the approval face over one fetch implementation.
-		* @param doFetch - the fetch to use (the platform's global in the browser, a fake in a spec).
-		* @returns the three calls the pending card makes.
-		*/
-		function createApprovalApi(doFetch) {
-			const post = async (path, id) => await requestJson(doFetch, path, {
-				method: "POST",
-				headers: { "content-type": "application/json" },
-				body: JSON.stringify({ id })
-			});
-			return {
-				pending: async (status) => await requestJson(doFetch, status === void 0 ? ROUTES.approval.pending : ROUTES.approval.pending + "?status=" + status),
-				approve: async (id) => await post(ROUTES.approval.approve, id),
-				reject: async (id) => await post(ROUTES.approval.reject, id),
-				preview: async (id) => await requestJson(doFetch, ROUTES.approval.preview + "?id=" + encodeURIComponent(id))
-			};
-		}
-		//#endregion
 		//#region src/panels/settings/generated-params.ts
 		const CLIENT_PARAM_SECTIONS = [
 			{
@@ -171,37 +14,55 @@ window.__ModuleLoader__.load({
 					{
 						id: "evolution-approval.enabled",
 						group: "deployment",
+						groupLabel: "默认",
+						groupLabelEn: "Defaults",
 						doc: "Master approval switch: run the approval pipeline for foreground writes.",
 						label: "启用批准流水线",
+						labelEn: "Enable approval pipeline",
 						hint: "关闭后前台写入不再经批准。",
+						hintEn: "Master approval switch: run the approval pipeline for foreground writes.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "evolution-approval.pendingTtlMs",
 						group: "deployment",
+						groupLabel: "默认",
+						groupLabelEn: "Defaults",
 						doc: "How long a staged write may wait before it expires: expired writes are closed as rejected and are NEVER executed; 0 (the default) means the window never expires.",
 						label: "待批过期时间",
+						labelEn: "Pending expiry",
 						hint: "一条待批写入最多等多久：超时就按「拒绝」关掉（不会执行，写效果不会落地）；0 = 永不过期（默认）。",
+						hintEn: "How long a staged write may wait before it expires: expired writes are closed as rejected and are NEVER executed; 0 (the default) means the window never expires.",
 						control: "number",
 						unit: "毫秒",
+						unitEn: "ms",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "approvalConfirm",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "What the confirmation before an APPROVE does: execute immediately, or ask first.",
 						label: "批准前先确认",
+						labelEn: "Confirm before approving",
 						hint: "点「批准」时要不要再确认一次：直接执行 / 先确认。默认直接执行（不打断批量批准）。",
+						hintEn: "What the confirmation before an APPROVE does: execute immediately, or ask first.",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: ["auto", "ask"],
 						valueLabels: ["直接执行", "先确认"],
+						valueLabelsEn: ["Execute directly", "Ask first"],
 						atLeast: ""
 					}
 				]
@@ -212,13 +73,19 @@ window.__ModuleLoader__.load({
 				fields: [{
 					id: "evolution-commands.maintainHandoffOnSettle",
 					group: "deployment",
+					groupLabel: "默认",
+					groupLabelEn: "Defaults",
 					doc: "Hand the maintenance report to the model automatically once a scan settles successfully (the same injection as maintain handoff); off by default — enabling it costs one extra model call per successful run.",
 					label: "扫描完成后自动交接",
+					labelEn: "Hand off after a scan",
 					hint: "维护扫描成功结束后，自动把报告交给模型（等同 maintain handoff）；默认关闭，每次成功扫描会多花一次模型调用。",
+					hintEn: "Hand the maintenance report to the model automatically once a scan settles successfully (the same injection as maintain handoff); off by default — enabling it costs one extra model call per successful run.",
 					control: "switch",
 					unit: "",
+					unitEn: "",
 					values: [],
 					valueLabels: [],
+					valueLabelsEn: [],
 					atLeast: ""
 				}]
 			},
@@ -229,133 +96,199 @@ window.__ModuleLoader__.load({
 					{
 						id: "curatorIntervalHours",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Minimum hours between deterministic curation passes.",
 						label: "自动整理间隔",
+						labelEn: "Tidy-up interval",
 						hint: "两次自动整理之间至少间隔多少小时。",
+						hintEn: "Minimum hours between deterministic curation passes.",
 						control: "number",
 						unit: "小时",
+						unitEn: "hours",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "staleAfterDays",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Inactive days before a skill counts as stale.",
 						label: "多久没用算过时",
+						labelEn: "Days until stale",
 						hint: "技能连续多少天没被用到就算过时。",
+						hintEn: "Inactive days before a skill counts as stale.",
 						control: "number",
 						unit: "天",
+						unitEn: "days",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "archiveAfterDays",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Inactive days before a stale skill is archived (must be >= staleAfterDays).",
 						label: "过时后归档",
+						labelEn: "Archive after stale",
 						hint: "过时技能再过多少天移入归档（不能小于上一项）。",
+						hintEn: "Inactive days before a stale skill is archived (must be >= staleAfterDays).",
 						control: "number",
 						unit: "天",
+						unitEn: "days",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: "staleAfterDays"
 					},
 					{
 						id: "minIdleHours",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Idle hours required before an automatic curation pass runs.",
 						label: "最少空闲时长",
+						labelEn: "Minimum idle time",
 						hint: "你至少多少小时没用，才运行自动整理。",
+						hintEn: "Idle hours required before an automatic curation pass runs.",
 						control: "number",
 						unit: "小时",
+						unitEn: "hours",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "minIdleFailOpen",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Let the idle gate open when the activity probe is unavailable.",
 						label: "检测不到活动也运行",
+						labelEn: "Run without activity signal",
 						hint: "无法判断你是否空闲时，仍然运行自动整理。",
+						hintEn: "Let the idle gate open when the activity probe is unavailable.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "llmReview",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Enable the LLM nomination pass on top of the deterministic lifecycle.",
 						label: "用模型挑选",
+						labelEn: "Let the model nominate",
 						hint: "在固定规则之外，再用模型挑一遍候选项。",
+						hintEn: "Enable the LLM nomination pass on top of the deterministic lifecycle.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "curatorReviewMaxTokens",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Token budget of the curator LLM review.",
 						label: "模型处理上限",
+						labelEn: "Model token budget",
 						hint: "每次用模型挑选时最多消耗多少 token。",
+						hintEn: "Token budget of the curator LLM review.",
 						control: "number",
 						unit: "token",
+						unitEn: "tokens",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "curatorReviewTimeoutMs",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Wall-clock bound of the curator LLM review.",
 						label: "模型处理超时",
+						labelEn: "Model review timeout",
 						hint: "一次模型挑选最长允许运行多久。",
+						hintEn: "Wall-clock bound of the curator LLM review.",
 						control: "number",
 						unit: "毫秒",
+						unitEn: "ms",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "healthSoftBodyChars",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Body character line the health view judges against.",
 						label: "正文长度参考值",
+						labelEn: "Body length reference",
 						hint: "技能正文超过多少字符算偏长（只用于健康提示）。",
+						hintEn: "Body character line the health view judges against.",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "healthStampDensityPerKb",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Stamp density per KB that flags log-like content in a body.",
 						label: "日志化判定阈值",
+						labelEn: "Log-like density threshold",
 						hint: "每 KB 出现多少个时间标记，就判为「像日志」。",
+						hintEn: "Stamp density per KB that flags log-like content in a body.",
 						control: "number",
 						unit: "处/KB",
+						unitEn: "per KB",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "healthChurnMinPatches",
 						group: "curator",
+						groupLabel: "技能整理",
+						groupLabelEn: "Skill tidy-up",
 						doc: "Patches without a read that flag a write-ghost skill.",
 						label: "只写不读判定次数",
+						labelEn: "Write-only threshold",
 						hint: "连续多少次改动都没有被读取，就判为「只写不读」。",
+						hintEn: "Patches without a read that flag a write-ghost skill.",
 						control: "number",
 						unit: "处",
+						unitEn: "patches",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					}
 				]
@@ -367,37 +300,55 @@ window.__ModuleLoader__.load({
 					{
 						id: "mergeApproval",
 						group: "merge",
+						groupLabel: "合并",
+						groupLabelEn: "Merge",
 						doc: "Pause after round 1 and put the pair in the pending queue instead of authoring round 2 automatically.",
 						label: "合并审批",
+						labelEn: "Merge approval",
 						hint: "开启后，第一轮判定完先停下、进入待批准清单；关闭则直接进入第二轮合并。",
+						hintEn: "Pause after round 1 and put the pair in the pending queue instead of authoring round 2 automatically.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "mergeSkippedTtlDays",
 						group: "merge",
+						groupLabel: "合并",
+						groupLabelEn: "Merge",
 						doc: "Days a skipped pair stays out of screening; 0 means it never expires.",
 						label: "无需合并保留天数",
+						labelEn: "Keep skipped pairs",
 						hint: "判定无需合并的对，多少天内不再参与筛选；0 表示一直保留。",
+						hintEn: "Days a skipped pair stays out of screening; 0 means it never expires.",
 						control: "number",
 						unit: "天",
+						unitEn: "days",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "mergeRunTimeoutMinutes",
 						group: "merge",
+						groupLabel: "合并",
+						groupLabelEn: "Merge",
 						doc: "Wall-clock budget of one merge run; 0 means no limit.",
 						label: "单次运行上限",
+						labelEn: "Run time limit",
 						hint: "一次合并运行最多持续多少分钟；0 表示不设上限。",
+						hintEn: "Wall-clock budget of one merge run; 0 means no limit.",
 						control: "number",
 						unit: "分钟",
+						unitEn: "min",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					}
 				]
@@ -409,35 +360,52 @@ window.__ModuleLoader__.load({
 					{
 						id: "reviewSkillInterval",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Tool calls between skill-review injections: a turn advances by its tool-call count (a turn with none counts as one), or by 1 when the turn itself used a skill.",
 						label: "技能检查间隔",
+						labelEn: "Skill review interval",
 						hint: "每累计多少次工具调用检查一次技能：一轮按该轮工具调用数累加（一轮没有工具调用也算 1 次），本轮本身用到技能则只算 1 次。",
+						hintEn: "Tool calls between skill-review injections: a turn advances by its tool-call count (a turn with none counts as one), or by 1 when the turn itself used a skill.",
 						control: "number",
 						unit: "次",
+						unitEn: "calls",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "reviewMemoryInterval",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Tool calls between memory-review injections: a turn advances by its tool-call count (a turn with none counts as one), or by 1 when the turn itself touched memory.",
 						label: "记忆检查间隔",
+						labelEn: "Memory review interval",
 						hint: "每累计多少次工具调用检查一次记忆：一轮按该轮工具调用数累加（一轮没有工具调用也算 1 次），本轮本身用到记忆则只算 1 次。",
+						hintEn: "Tool calls between memory-review injections: a turn advances by its tool-call count (a turn with none counts as one), or by 1 when the turn itself touched memory.",
 						control: "number",
 						unit: "次",
+						unitEn: "calls",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "skillReviewTrigger",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Which channel may inject a skill review (cadence, completion, both).",
 						label: "技能检查时机",
+						labelEn: "Skill review trigger",
 						hint: "什么时候检查技能：按间隔／按任务完成／两者。",
+						hintEn: "Which channel may inject a skill review (cadence, completion, both).",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: [
 							"cadence",
 							"completion",
@@ -448,66 +416,101 @@ window.__ModuleLoader__.load({
 							"按任务完成",
 							"两者"
 						],
+						valueLabelsEn: [
+							"By interval",
+							"On completion",
+							"Both"
+						],
 						atLeast: ""
 					},
 					{
 						id: "skillReviewCompletionMinToolCalls",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Tool calls a task needs before the completion channel injects.",
 						label: "完成时的最少工具调用",
+						labelEn: "Minimum tool calls on completion",
 						hint: "选「按任务完成」时，任务至少用了几次工具才检查。",
+						hintEn: "Tool calls a task needs before the completion channel injects.",
 						control: "number",
 						unit: "次",
+						unitEn: "calls",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "reviewEnabled",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Master switch for the review plugin.",
 						label: "启用自动检查",
+						labelEn: "Enable automatic review",
 						hint: "关闭后不再自动回顾会话。",
+						hintEn: "Master switch for the review plugin.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "reviewMode",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Run the review in the parent session (inject), on a subagent, or in a background branch.",
 						label: "运行位置",
+						labelEn: "Review location",
 						hint: "在哪里运行检查：在当前会话里／交给子代理／后台分支。",
+						hintEn: "Run the review in the parent session (inject), on a subagent, or in a background branch.",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: ["inject", "branch"],
 						valueLabels: ["在当前会话里", "后台分支"],
+						valueLabelsEn: ["In this session", "Background branch"],
 						atLeast: ""
 					},
 					{
 						id: "reviewWakeInject",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Deliver the deferred review as a waking follow-up message.",
 						label: "延后结果发提醒",
+						labelEn: "Notify on deferred result",
 						hint: "会话空闲时，把延后的检查结果作为一条提醒发给你。",
+						hintEn: "Deliver the deferred review as a waking follow-up message.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "reviewNotice",
 						group: "review",
+						groupLabel: "审查",
+						groupLabelEn: "Review",
 						doc: "Deliver result notices into the parent conversation.",
 						label: "结果通知",
+						labelEn: "Result notice",
 						hint: "关闭后检查结果不再写进对话；检查本身照常运行，结果留在审计记录里。",
+						hintEn: "Deliver result notices into the parent conversation.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					}
 				]
@@ -519,49 +522,73 @@ window.__ModuleLoader__.load({
 					{
 						id: "memoryChars",
 						group: "memory",
+						groupLabel: "记忆",
+						groupLabelEn: "Memory",
 						doc: "Character budget the memory store enforces for MEMORY.md.",
 						label: "记忆库上限",
+						labelEn: "Memory store limit",
 						hint: "长期记忆文件（MEMORY.md）最多多少字符。",
+						hintEn: "Character budget the memory store enforces for MEMORY.md.",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "userChars",
 						group: "memory",
+						groupLabel: "记忆",
+						groupLabelEn: "Memory",
 						doc: "Character budget the memory store enforces for USER.md.",
 						label: "用户画像上限",
+						labelEn: "User profile limit",
 						hint: "用户画像文件（USER.md）最多多少字符。",
+						hintEn: "Character budget the memory store enforces for USER.md.",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "addDatePrefix",
 						group: "memory",
+						groupLabel: "记忆",
+						groupLabelEn: "Memory",
 						doc: "Prefix stored memory entries with their date heading.",
 						label: "记忆条目加日期",
+						labelEn: "Prefix memory entries with date",
 						hint: "写入时在条目开头加上日期。",
+						hintEn: "Prefix stored memory entries with their date heading.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "maxConsolidationFailures",
 						group: "memory",
+						groupLabel: "记忆",
+						groupLabelEn: "Memory",
 						doc: "Consolidation failures one turn tolerates before the tool gives up.",
 						label: "合并失败重试",
+						labelEn: "Consolidation retries",
 						hint: "合并记忆连续失败多少次后停止。",
+						hintEn: "Consolidation failures one turn tolerates before the tool gives up.",
 						control: "number",
 						unit: "次",
+						unitEn: "calls",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					}
 				]
@@ -572,13 +599,19 @@ window.__ModuleLoader__.load({
 				fields: [{
 					id: "entryPreviewChars",
 					group: "memory",
+					groupLabel: "记忆",
+					groupLabelEn: "Memory",
 					doc: "Characters of one memory entry shown in a tool result preview.",
 					label: "记忆预览长度",
+					labelEn: "Memory preview length",
 					hint: "列表里每条记忆最多显示多少字符。",
+					hintEn: "Characters of one memory entry shown in a tool result preview.",
 					control: "number",
 					unit: "字符",
+					unitEn: "chars",
 					values: [],
 					valueLabels: [],
+					valueLabelsEn: [],
 					atLeast: ""
 				}]
 			},
@@ -589,107 +622,160 @@ window.__ModuleLoader__.load({
 					{
 						id: "skillContentChars",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Character cap on a SKILL.md body (tighten-only).",
 						label: "技能文件正文上限",
+						labelEn: "Skill body limit",
 						hint: "技能 Markdown 正文最多多少字符（只能调小）。",
+						hintEn: "Character cap on a SKILL.md body (tighten-only).",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "maxSkillFileBytes",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Byte cap on one support file (tighten-only).",
 						label: "附带文件大小上限",
+						labelEn: "Support file size limit",
 						hint: "技能附带文件单个最大多少字节（只能调小）。",
+						hintEn: "Byte cap on one support file (tighten-only).",
 						control: "number",
 						unit: "字节",
+						unitEn: "bytes",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "maxSkillNameLength",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Character cap on a skill name (tighten-only).",
 						label: "技能名长度上限",
+						labelEn: "Skill name length limit",
 						hint: "技能名最多多少字符（只能调小）。",
+						hintEn: "Character cap on a skill name (tighten-only).",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "maxDescriptionLength",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Character cap on a skill description (tighten-only).",
 						label: "技能描述长度上限",
+						labelEn: "Description length limit",
 						hint: "技能描述最多多少字符（只能调小）。",
+						hintEn: "Character cap on a skill description (tighten-only).",
 						control: "number",
 						unit: "字符",
+						unitEn: "chars",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "descriptionStrict",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Refuse a description over the authoring bar instead of advising.",
 						label: "描述不合规即拒绝",
+						labelEn: "Reject invalid descriptions",
 						hint: "描述不符合要求时直接拒绝写入（默认只提醒）。",
+						hintEn: "Refuse a description over the authoring bar instead of advising.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "strictCrossSource",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Refuse writes whose catalog entry resolves outside the family.",
 						label: "引用外部内容即拒绝",
+						labelEn: "Reject external references",
 						hint: "技能引用了本插件之外的文件时拒绝写入。",
+						hintEn: "Refuse writes whose catalog entry resolves outside the family.",
 						control: "switch",
 						unit: "",
+						unitEn: "",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					},
 					{
 						id: "citationPolicy",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Refuse a move that would leave a dangling reference, or verify it.",
 						label: "引用检查方式",
+						labelEn: "Citation check",
 						hint: "移动或合并技能时怎么处理引用：先检查／直接拒绝。",
+						hintEn: "Refuse a move that would leave a dangling reference, or verify it.",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: ["verify", "refuse"],
 						valueLabels: ["先检查", "直接拒绝"],
+						valueLabelsEn: ["Verify first", "Refuse"],
 						atLeast: ""
 					},
 					{
 						id: "supportFileCharPolicy",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Warn about an oversize support file, or refuse the write.",
 						label: "附带文件超限时",
+						labelEn: "Oversize support file",
 						hint: "附带文件超出上限时：只提醒／拒绝写入。",
+						hintEn: "Warn about an oversize support file, or refuse the write.",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: ["report", "enforce"],
 						valueLabels: ["只提醒", "拒绝写入"],
+						valueLabelsEn: ["Warn only", "Refuse write"],
 						atLeast: ""
 					},
 					{
 						id: "skillWriteConfirm",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "What the one confirmation before a create or a bare delete does: write straight through, wait for an answer, or cancel the write when nobody answers within the timeout.",
 						label: "写入前是否确认",
+						labelEn: "Confirm before writing",
 						hint: "新建或删除技能前要不要问你：直接写入／一直等你回答／超时未答就取消这次写入。",
+						hintEn: "What the one confirmation before a create or a bare delete does: write straight through, wait for an answer, or cancel the write when nobody answers within the timeout.",
 						control: "select",
 						unit: "",
+						unitEn: "",
 						values: [
 							"auto",
 							"ask",
@@ -700,63 +786,34 @@ window.__ModuleLoader__.load({
 							"一直等待回答",
 							"超时自动取消"
 						],
+						valueLabelsEn: [
+							"Write directly",
+							"Wait for answer",
+							"Cancel on timeout"
+						],
 						atLeast: ""
 					},
 					{
 						id: "skillWriteConfirmTimeoutSeconds",
 						group: "write-caps",
+						groupLabel: "写入上限",
+						groupLabelEn: "Write limits",
 						doc: "Seconds the confirmation waits for an answer in timeout mode before the write is cancelled.",
 						label: "确认等待秒数",
+						labelEn: "Confirmation timeout",
 						hint: "选「超时自动取消」时，等多少秒没人回答就取消这次写入。",
+						hintEn: "Seconds the confirmation waits for an answer in timeout mode before the write is cancelled.",
 						control: "number",
 						unit: "秒",
+						unitEn: "s",
 						values: [],
 						valueLabels: [],
+						valueLabelsEn: [],
 						atLeast: ""
 					}
 				]
 			}
 		];
-		/** Every (bundle, row) pair the Plugins page can open a configuration page for. */
-		const CLIENT_ROW_SEATS = [
-			{
-				bundle: "@lmzhen/dsh-evolution-all",
-				rows: [
-					"evolution-approval",
-					"evolution-commands",
-					"evolution-curator",
-					"evolution-merge",
-					"evolution-review",
-					"memory-files",
-					"tool-memory",
-					"tool-skill-manage"
-				]
-			},
-			{
-				bundle: "@lmzhen/dsh-evolution-host",
-				rows: [
-					"evolution-approval",
-					"evolution-commands",
-					"evolution-curator",
-					"evolution-merge",
-					"evolution-review",
-					"memory-files"
-				]
-			},
-			{
-				bundle: "@lmzhen/dsh-evolution-preset",
-				rows: [
-					"evolution-approval",
-					"evolution-commands",
-					"evolution-curator",
-					"evolution-merge",
-					"evolution-review",
-					"memory-files",
-					"tool-memory",
-					"tool-skill-manage"
-				]
-			}
-		];
 		//#endregion
 		//#region ../evolution-client-kit/src/generated/states.generated.ts
 		/** A neutral/ warn/ fail block; a fail block is role=alert so assistive tech announces it. */
@@ -787,521 +844,295 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/panels/settings/pending-state.ts
-		/** The state a card mounts in: still loading, nothing in flight, nothing said yet. */
-		const INITIAL_PENDING_STATE = {
-			view: { kind: "loading" },
-			busy: [],
-			notice: null,
-			open: null,
-			preview: null
-		};
-		/** Open one row's preview: the row is now the open one and its answer is on the way. */
-		function expanded(state, id) {
-			return {
-				...state,
-				open: id,
-				preview: { kind: "loading" }
-			};
-		}
-		/** Close whatever preview is open. */
-		function collapsed(state) {
-			return {
-				...state,
-				open: null,
-				preview: null
-			};
-		}
+		//#region src/panels/settings/DiagnosticsCard.ts
 		/**
-		* A preview answer arrived. An answer for a row the reader has already left is DROPPED: it would
-		* otherwise paint one row's diff under another row's heading.
+		* The diagnostics card (W7 S7): the settings face of the SAME DiagnosticsView the CLI and the
+		* `/api/dsh-evolution/diagnostics` route answer.
+		*
+		* Read-only by construction: it fetches once on mount and only refetches on an explicit Refresh; a
+		* failed read renders the shared FailureBlock with the command-face fallback. The client owns no
+		* key list and no status vocabulary: it renders the host view's frozen runtime rows and leads with
+		* a plain-language summary. The view's documentation facts are a CLI/JSON concern and are
+		* deliberately NOT rendered here (0.27.2 real-machine feedback: a settings page is not a spec
+		* sheet; the runtime window is the whole reading).
+		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/DiagnosticsCard
 		*/
-		function previewArrived(state, id, view) {
-			return state.open === id ? {
-				...state,
-				preview: view
-			} : state;
-		}
-		/** The first load, or a refresh after a decision: back to loading, keeping no stale rows. */
-		function loading(state) {
+		/** Which word one status gets (the frozen W1 status set). */
+		const STATUS_KEYS = Object.freeze({
+			ok: "diagStatusOk",
+			warn: "diagStatusWarn",
+			fail: "diagStatusFail",
+			unknown: "diagStatusUnknown"
+		});
+		/** The summary word for a badge status (the same frozen set; ok has no count). */
+		const SUMMARY_KEYS = Object.freeze({
+			ok: "diagSummaryOk",
+			warn: "diagSummaryWarn",
+			fail: "diagSummaryFail",
+			unknown: "diagSummaryUnknown"
+		});
+		/** The one status the card leads with: fail > warn > unknown > ok. */
+		function summaryOf(rows) {
+			const count = (status) => rows.filter((row) => row.status === status).length;
+			for (const status of [
+				"fail",
+				"warn",
+				"unknown"
+			]) {
+				const n = count(status);
+				if (n > 0) return {
+					status,
+					count: n
+				};
+			}
 			return {
-				...state,
-				view: { kind: "loading" }
+				status: "ok",
+				count: 0
 			};
 		}
 		/**
-		* A list arrived. An empty list is its OWN state — the reader is told the window is clear rather than
-		* being shown the same line a slow answer shows.
+		* Render the card.
+		* @param props - the copy seat, the host call and the command fallback.
+		* @returns the card.
 		*/
-		function loaded(state, rows) {
-			return {
-				...state,
-				view: rows.length === 0 ? { kind: "empty" } : {
-					kind: "ready",
-					rows
-				}
+		function DiagnosticsCard(props) {
+			const { t, api } = props;
+			const translate = (key, values) => t(key, values);
+			const [state, setState] = (0, react.useState)({ phase: "loading" });
+			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const [open, setOpen] = (0, react.useState)(false);
+			const ticket = (0, react.useRef)(0);
+			const read = (keepView) => {
+				const current = ticket.current + 1;
+				ticket.current = current;
+				if (keepView) setRefreshing(true);
+				else setState({ phase: "loading" });
+				api.view().then((answer) => {
+					if (ticket.current !== current) return;
+					setState(answer.ok ? {
+						phase: "ready",
+						view: answer.data
+					} : {
+						phase: "failed",
+						failure: answer.failure
+					});
+				}).finally(() => {
+					if (ticket.current === current) setRefreshing(false);
+				});
 			};
-		}
-		/** The list could not be read: the classified failure stays on screen next to a retry control. */
-		function failed(state, failure) {
-			return {
-				...state,
-				view: {
-					kind: "failed",
-					failure
+			(0, react.useEffect)(() => {
+				read(false);
+			}, []);
+			const refresh = () => {
+				read(true);
+			};
+			const summary = state.phase === "ready" ? summaryOf(state.view.runtime) : void 0;
+			const header = (0, react.createElement)("button", {
+				type: "button",
+				className: "evolution-param-head",
+				"aria-expanded": open ? "true" : "false",
+				onClick: () => {
+					setOpen(!open);
 				}
+			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, t("diagTitle")), summary === void 0 ? null : (0, react.createElement)("span", {
+				className: "evo-diag-badge",
+				"data-status": summary.status
+			}, t(SUMMARY_KEYS[summary.status], summary.count === 0 ? void 0 : { n: summary.count })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼"));
+			const runtime = (view) => view.runtime.length === 0 ? null : (0, react.createElement)("div", {}, (0, react.createElement)("h3", { className: "evolution-param-group" }, t("diagRuntimeTitle")), (0, react.createElement)("div", { className: "evo-diag-list" }, ...view.runtime.map((row) => (0, react.createElement)("div", {
+				key: "runtime-" + row.key,
+				className: "evo-diag-item",
+				"data-kind": "runtime",
+				"data-status": row.status
+			}, (0, react.createElement)("div", { className: "evo-diag-row-head" }, (0, react.createElement)("span", { className: "evo-diag-dot" }), (0, react.createElement)("span", { className: "evo-diag-label" }, row.label), (0, react.createElement)("span", { className: "evo-diag-status" }, t(STATUS_KEYS[row.status]))), row.detail === void 0 ? null : (0, react.createElement)("span", { className: "evo-diag-detail" }, row.detail), row.remedy === void 0 ? null : (0, react.createElement)("span", { className: "evo-diag-remedy" }, t("diagRemedy") + row.remedy)))));
+			const body = () => {
+				if (state.phase === "loading") return (0, react.createElement)("p", { className: "evolution-param-loading" }, t("stateLoading"));
+				if (state.phase === "failed") return FailureBlock({
+					failure: state.failure,
+					t: translate,
+					fallback: props.fallback
+				});
+				const view = state.view;
+				return (0, react.createElement)("div", {}, (0, react.createElement)("p", { className: "evolution-param-note" }, t("diagSubtitle")), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+					type: "button",
+					className: "evolution-param-button",
+					onClick: refresh,
+					disabled: refreshing,
+					"data-action": "diag-refresh"
+				}, t(refreshing ? "diagRefreshing" : "diagRefresh"))), runtime(view), view.runtime.length === 0 ? (0, react.createElement)("p", { className: "evolution-param-note" }, t("diagNoRows")) : null);
 			};
+			return (0, react.createElement)("section", {
+				className: "evolution-param-card",
+				"data-card": "diagnostics"
+			}, header, open ? (0, react.createElement)("div", { className: "evolution-param-body" }, body()) : null);
 		}
-		/** Mark one record as having an action in flight (its buttons are disabled until it ends). */
-		function beginAction(state, id) {
-			return state.busy.includes(id) ? state : {
-				...state,
-				busy: [...state.busy, id]
+		//#endregion
+		//#region ../evolution-client-kit/src/generated/routes.generated.ts
+		/**
+		* Every family host path, generated from evolution-core's HOST_ROUTES (the ONE declaration).
+		* A browser half cannot import the host package at runtime (client bundles keep @deepseek-ai/*
+		* external), so the table is mirrored here mechanically; a rename in core regenerates all three
+		* client copies, and the generator's --check makes a stale copy red.
+		*/
+		const ROUTES = {
+			approval: {
+				pending: "/api/dsh-evolution/approval/pending",
+				preview: "/api/dsh-evolution/approval/preview",
+				approve: "/api/dsh-evolution/approval/approve",
+				reject: "/api/dsh-evolution/approval/reject",
+				release: "/api/dsh-evolution/approval/release"
+			},
+			"skill-history": {
+				skills: "/api/dsh-evolution/skill-history/skills",
+				versions: "/api/dsh-evolution/skill-history/versions",
+				diff: "/api/dsh-evolution/skill-history/versions/diff",
+				body: "/api/dsh-evolution/skill-history/versions/body",
+				undo: "/api/dsh-evolution/skill-history/undo",
+				health: "/api/dsh-evolution/skill-history/health"
+			},
+			"skill-health": { rows: "/api/dsh-evolution/skill-health/rows" },
+			merge: {
+				view: "/api/dsh-evolution/merge/view",
+				rows: "/api/dsh-evolution/merge/rows",
+				run: "/api/dsh-evolution/merge/run",
+				runs: "/api/dsh-evolution/merge/runs",
+				body: "/api/dsh-evolution/merge/body",
+				history: "/api/dsh-evolution/merge/history"
+			},
+			diagnostics: { view: "/api/dsh-evolution/diagnostics" },
+			settings: {
+				describe: "/api/dsh-evolution/settings/describe",
+				mutate: "/api/dsh-evolution/settings/mutate"
+			}
+		};
+		//#endregion
+		//#region ../evolution-client-kit/src/generated/route-client.generated.ts
+		/** Classify a non-2xx status: 401/403/404 keep their own kind, everything else is a server answer. */
+		function classify(status) {
+			if (status === 401) return {
+				kind: "unauthenticated",
+				status: 401
+			};
+			if (status === 403) return {
+				kind: "forbidden",
+				status: 403
+			};
+			if (status === 404) return {
+				kind: "unmounted",
+				status: 404
 			};
-		}
-		/** The action ended, whatever it answered. */
-		function endAction(state, id) {
 			return {
-				...state,
-				busy: state.busy.filter((candidate) => candidate !== id)
+				kind: "server",
+				status
 			};
 		}
-		/** One refusal or failure line under the list; `null` clears it (a later success does). */
-		function noticed(state, message) {
+		/**
+		* One request, no retries and no body parsing for the platform's admission answers.
+		* @param doFetch - the fetch in use (the browser's, or a spec's stub).
+		* @param path - the exact route path from the generated ROUTES table.
+		* @param init - standard RequestInit.
+		* @returns the data, or the classified failure (network/parse failures read as 'server').
+		*/
+		async function requestJson(doFetch, path, init) {
+			let response;
+			try {
+				response = await doFetch(path, init);
+			} catch (error) {
+				return {
+					ok: false,
+					failure: {
+						kind: "server",
+						status: 0,
+						detail: error instanceof Error ? error.message : String(error)
+					}
+				};
+			}
+			if (!response.ok) return {
+				ok: false,
+				failure: classify(response.status)
+			};
+			let body;
+			try {
+				body = await response.json();
+			} catch {
+				return {
+					ok: false,
+					failure: {
+						kind: "server",
+						status: response.status
+					}
+				};
+			}
+			if (typeof body === "object" && body !== null) {
+				const record = body;
+				if (record.ok === true) return {
+					ok: true,
+					data: record.data
+				};
+				const nested = record.error;
+				const errorRecord = typeof nested === "object" && nested !== null ? nested : void 0;
+				const code = typeof record.code === "string" && record.code !== "" ? record.code : typeof errorRecord?.code === "string" ? errorRecord.code : void 0;
+				const message = typeof record.message === "string" && record.message !== "" ? record.message : typeof errorRecord?.message === "string" ? errorRecord.message : void 0;
+				if (record.ok === false && code !== void 0 && message !== void 0 && message !== "") return {
+					ok: false,
+					failure: {
+						kind: "refused",
+						code,
+						message
+					}
+				};
+			}
 			return {
-				...state,
-				notice: message
+				ok: false,
+				failure: {
+					kind: "server",
+					status: response.status
+				}
 			};
 		}
+		/** The one-sentence rendering legacy callers attach to a classified failure. */
+		function failureMessage(failure) {
+			switch (failure.kind) {
+				case "refused": return failure.message;
+				case "server": return failure.status === 0 ? failure.detail === void 0 || failure.detail === "" ? "网络错误：无法连接宿主" : failure.detail : "HTTP " + String(failure.status);
+				case "unauthenticated": return "HTTP 401";
+				case "forbidden": return "HTTP 403";
+				case "unmounted": return "HTTP 404";
+			}
+		}
 		//#endregion
-		//#region src/panels/settings/PendingCard.ts
+		//#region src/panels/settings/diagnostics-state.ts
 		/**
-		* The "writes awaiting approval" card: the staged write window, with the two decisions on each row.
-		*
-		* It is a card in the SAME section and wears the SAME shell as the parameter cards (header with title,
-		* count and chevron; body of field blocks; a button row per block), so nothing here invents a second
-		* visual language. Two things differ on purpose: the data comes from the host's approval routes rather
-		* than the settings transport, and its three states are distinct — "reading", "nothing staged" and "the
-		* read failed" each say so in their own words (E7: merging the first two is what made an empty panel
-		* look like lost data).
+		* The diagnostics card's data face (W7 S7): ONE request to `HOST_ROUTES.diagnostics.view` through the
+		* GENERATED route client, and the four-state answer the card renders.
 		*
-		* Every decision re-reads the window instead of predicting the outcome: the host owns the state, and a
-		* refusal is shown with the host's own sentence.
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/PendingCard
+		* The Host route is the SAME `buildDoctorView` the CLI prints (W6/W8), so this client owns no facts
+		* and no computation — it only renders.
+		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/diagnostics-state
 		*/
 		/**
-		* U-6: the registry's gate word, read out of a section's user layer. ONE definition, exported so the
-		* mapping itself is judgeable: the entry does the wiring, this does the reading. Anything that is not
-		* one of the two explicit words falls back to the shipped default (`auto`) — a document written by a
-		* future version must not silently turn the confirmation ON, and a typo must not turn it off. The
-		* independent review flagged that this reader had no case at all (P2-11).
+		* Build the diagnostics face over one fetch implementation.
+		* @param doFetch - the browser fetch, or a spec stub.
 		*/
-		function confirmModeFrom(user) {
-			const value = typeof user === "object" && user !== null ? user.approvalConfirm : void 0;
-			return value === "ask" || value === "timeout" ? "ask" : "auto";
+		function createDiagnosticsApi(doFetch = fetch) {
+			return { view: async () => await requestJson(doFetch, ROUTES.diagnostics.view, { headers: { accept: "application/json" } }) };
 		}
-		/** Which word one age bucket gets; an unknown bucket falls back to the count form. */
-		const AGE_KEYS = Object.freeze({
-			now: "approvalAgeNow",
-			minutes: "approvalAgeMinutes",
-			hours: "approvalAgeHours",
-			days: "approvalAgeDays",
-			months: "approvalAgeMonths"
-		});
-		/** Which word one staged kind gets. */
-		const KIND_KEYS = Object.freeze({
-			memory: "approvalKindMemory",
-			skill: "approvalKindSkill",
-			capability: "approvalKindCapability"
-		});
+		//#endregion
+		//#region ../evolution-client-kit/src/generated/fallbacks.generated.ts
 		/**
-		* Render the pending window.
-		* @param props - the copy seat and the host calls.
-		* @returns the card.
-		*/
-		function PendingCard(props) {
-			const { t, api } = props;
-			const translate = (key, values) => t(key, values);
-			const confirmMode = props.confirmMode?.() ?? "auto";
-			const [armed, setArmed] = (0, react.useState)(null);
-			const [state, setState] = (0, react.useState)(INITIAL_PENDING_STATE);
-			const [open, setOpen] = (0, react.useState)(true);
-			const latest = (0, react.useRef)(state);
-			const apply = (next) => {
-				const value = next(latest.current);
-				latest.current = value;
-				setState(value);
-			};
-			/**
-			* Read the window the card is about: the writes WAITING and the writes RUNNING.
-			*
-			* T4-05/A47: the route has always taken `?status=` — the CLI asks for both lists — but this card
-			* asked for neither, so a record whose approve died between the claim and the decision showed as
-			* "nothing is waiting for a decision" while `/evolution pending` and doctor listed it. The two
-			* answers are ordered the way the CLI orders them (waiting first); either one failing fails the
-			* read, because a half-list would read as a complete window.
-			*/
-			const readTicket = (0, react.useRef)(0);
-			const load = async () => {
-				apply(loading);
-				const ticket = readTicket.current + 1;
-				readTicket.current = ticket;
-				const [waiting, running] = await Promise.all([api.pending(), api.pending("executing")]);
-				if (readTicket.current !== ticket) return;
-				if (!waiting.ok) {
-					apply((current) => failed(current, waiting.failure));
-					return;
-				}
-				if (!running.ok) {
-					apply((current) => failed(current, running.failure));
-					return;
-				}
-				apply((current) => loaded(current, [...waiting.data, ...running.data]));
-			};
-			(0, react.useEffect)(() => {
-				load();
-				const onFocus = () => {
-					load();
-				};
-				window.addEventListener("focus", onFocus);
-				return () => {
-					window.removeEventListener("focus", onFocus);
-				};
-			}, []);
-			const decide = (id, action) => {
-				apply((current) => beginAction(current, id));
-				(async () => {
-					const answer = action === "approve" ? await api.approve(id) : await api.reject(id);
-					if (!answer.ok) {
-						apply((current) => noticed(endAction(current, id), failureText(answer.failure, translate)));
-						return;
-					}
-					apply((current) => noticed(endAction(current, id), null));
-					await load();
-				})();
-			};
-			const age = (row) => {
-				const key = AGE_KEYS[row.age.unit];
-				if (key === void 0) return String(row.age.n);
-				return t(key, { n: row.age.n });
-			};
-			/** Ask the host what this record would store; the answer lands only if the row is still open. */
-			const loadPreview = async (id) => {
-				const answer = await api.preview(id);
-				const view = answer.ok ? answer.data.available ? {
-					kind: "ready",
-					answer: answer.data
-				} : {
-					kind: "unavailable",
-					reason: answer.data.reason
-				} : {
-					kind: "failed",
-					failure: answer.failure
-				};
-				apply((current) => previewArrived(current, id, view));
-			};
-			const togglePreview = (id) => {
-				if (state.open === id) {
-					apply(collapsed);
-					return;
-				}
-				apply((current) => expanded(current, id));
-				loadPreview(id);
-			};
-			/** The facts line, then the source view: the same shape the history panel's diff uses. */
-			const preview = (view) => {
-				if (view.kind === "loading") return (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalPreviewReading"));
-				if (view.kind === "failed") return (0, react.createElement)("p", {
-					className: "evolution-param-error",
-					role: "status"
-				}, failureText(view.failure, translate));
-				if (view.kind === "unavailable") return (0, react.createElement)("p", {
-					className: "evolution-param-error",
-					role: "status"
-				}, t("approvalPreviewNone") + view.reason);
-				const facts = [
-					(0, react.createElement)("span", {
-						className: "evolution-param-fact",
-						key: "added"
-					}, t("approvalDiffAdded", { n: view.answer.linesAdded })),
-					(0, react.createElement)("span", {
-						className: "evolution-param-fact",
-						key: "removed"
-					}, t("approvalDiffRemoved", { n: view.answer.linesRemoved })),
-					...view.answer.truncated ? [(0, react.createElement)("span", {
-						className: "evolution-param-fact",
-						key: "cut"
-					}, t("approvalDiffCut"))] : []
-				];
-				const lines = [];
-				for (const [hunkIndex, hunk] of view.answer.hunks.entries()) {
-					for (const [index, line] of hunk.oldText.split("\n").entries()) {
-						if (hunk.oldText === "" && line === "") continue;
-						lines.push((0, react.createElement)("div", {
-							key: "old-" + String(hunkIndex) + "-" + String(index),
-							className: "evolution-param-line-del"
-						}, "- " + line));
-					}
-					for (const [index, line] of hunk.newText.split("\n").entries()) {
-						if (hunk.newText === "" && line === "") continue;
-						lines.push((0, react.createElement)("div", {
-							key: "new-" + String(hunkIndex) + "-" + String(index),
-							className: "evolution-param-line-add"
-						}, "+ " + line));
-					}
-				}
-				return (0, react.createElement)("div", null, (0, react.createElement)("p", { className: "evolution-param-facts" }, ...facts), (0, react.createElement)("pre", { className: "evolution-param-diff" }, ...lines.length === 0 ? ["±"] : lines));
-			};
-			const row = (entry) => {
-				if (entry.status === "executing") return (0, react.createElement)("div", {
-					className: "evolution-param-field",
-					key: entry.id
-				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", { className: "evolution-param-value" }, entry.summary)), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalExecuting")), entry.claimedBy === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-hint" }, entry.claimedBy));
-				const busy = state.busy.includes(entry.id);
-				const button = (label, action, tone) => (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					disabled: busy,
-					...tone === "primary" ? { "data-primary": "true" } : { "data-tone": tone },
-					onClick: () => {
-						if (action === "approve" && confirmMode === "ask" && armed !== entry.id) {
-							setArmed(entry.id);
-							return;
-						}
-						setArmed(null);
-						decide(entry.id, action);
-					}
-				}, busy ? t("approvalLoading") : t(label));
-				return (0, react.createElement)("div", {
-					className: "evolution-param-field",
-					key: entry.id
-				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", { className: "evolution-param-value" }, entry.summary)), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), armed === entry.id ? (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, (0, react.createElement)("span", { className: "evolution-param-value" }, t("approvalConfirmNamed", { n: entry.summary })), (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					"data-confirm": "yes",
-					"data-primary": "true",
-					onClick: () => {
-						setArmed(null);
-						decide(entry.id, "approve");
-					}
-				}, t("approvalConfirmYes")), (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					"data-tone": "ghost",
-					onClick: () => {
-						setArmed(null);
-					}
-				}, t("approvalConfirmNo"))) : null, (0, react.createElement)("div", { className: "evolution-param-actions" }, button("approvalApprove", "approve", "primary"), button("approvalReject", "reject", "outline"), (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					"data-tone": "ghost",
-					onClick: () => {
-						togglePreview(entry.id);
-					}
-				}, state.open === entry.id ? t("approvalPreviewClose") : t("approvalPreview"))), state.open === entry.id && state.preview !== null ? preview(state.preview) : null);
-			};
-			const body = () => {
-				if (state.view.kind === "loading") return (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalLoading"));
-				if (state.view.kind === "empty") return (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalEmpty"));
-				if (state.view.kind === "failed") return (0, react.createElement)("div", { className: "evolution-param-actions" }, FailureBlock({
-					failure: state.view.failure,
-					t: translate,
-					fallback: props.fallback
-				}), (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					onClick: () => {
-						load();
-					}
-				}, t("approvalRetry")));
-				return (0, react.createElement)("div", null, ...state.view.rows.map(row), state.notice === null ? null : (0, react.createElement)("p", {
-					className: "evolution-param-error",
-					role: "status"
-				}, state.notice));
-			};
-			const rows = state.view.kind === "ready" ? state.view.rows : [];
-			const waiting = rows.filter((entry) => entry.status !== "executing").length;
-			const running = rows.length - waiting;
-			return (0, react.createElement)("section", { className: "evolution-param-card" }, (0, react.createElement)("button", {
-				className: "evolution-param-head",
-				type: "button",
-				onClick: () => {
-					setOpen(!open);
-				},
-				"aria-expanded": open
-			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, t("approvalTitle")), waiting === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalCount", { n: waiting })), running === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalRunningCount", { n: running })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
-				className: "evolution-param-button",
-				type: "button",
-				onClick: () => {
-					load();
-				}
-			}, t("approvalRefresh"))), body()) : null);
-		}
-		//#endregion
-		//#region src/panels/settings/DiagnosticsCard.ts
-		/**
-		* The diagnostics card (W7 S7): the settings face of the SAME DiagnosticsView the CLI and the
-		* `/api/dsh-evolution/diagnostics` route answer.
-		*
-		* Read-only by construction: it fetches once on mount and only refetches on an explicit Refresh; a
-		* failed read renders the shared FailureBlock with the command-face fallback. The client owns no
-		* key list and no status vocabulary: it renders the host view's frozen runtime rows and leads with
-		* a plain-language summary. The view's documentation facts are a CLI/JSON concern and are
-		* deliberately NOT rendered here (0.27.2 real-machine feedback: a settings page is not a spec
-		* sheet; the runtime window is the whole reading).
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/DiagnosticsCard
-		*/
-		/** Which word one status gets (the frozen W1 status set). */
-		const STATUS_KEYS = Object.freeze({
-			ok: "diagStatusOk",
-			warn: "diagStatusWarn",
-			fail: "diagStatusFail",
-			unknown: "diagStatusUnknown"
-		});
-		/** The summary word for a badge status (the same frozen set; ok has no count). */
-		const SUMMARY_KEYS = Object.freeze({
-			ok: "diagSummaryOk",
-			warn: "diagSummaryWarn",
-			fail: "diagSummaryFail",
-			unknown: "diagSummaryUnknown"
-		});
-		/** The one status the card leads with: fail > warn > unknown > ok. */
-		function summaryOf(rows) {
-			const count = (status) => rows.filter((row) => row.status === status).length;
-			for (const status of [
-				"fail",
-				"warn",
-				"unknown"
-			]) {
-				const n = count(status);
-				if (n > 0) return {
-					status,
-					count: n
-				};
-			}
-			return {
-				status: "ok",
-				count: 0
-			};
-		}
-		/**
-		* Render the card.
-		* @param props - the copy seat, the host call and the command fallback.
-		* @returns the card.
-		*/
-		function DiagnosticsCard(props) {
-			const { t, api } = props;
-			const translate = (key, values) => t(key, values);
-			const [state, setState] = (0, react.useState)({ phase: "loading" });
-			const [open, setOpen] = (0, react.useState)(true);
-			const ticket = (0, react.useRef)(0);
-			const read = (keepView) => {
-				const current = ticket.current + 1;
-				ticket.current = current;
-				if (!keepView) setState({ phase: "loading" });
-				api.view().then((answer) => {
-					if (ticket.current !== current) return;
-					setState(answer.ok ? {
-						phase: "ready",
-						view: answer.data
-					} : {
-						phase: "failed",
-						failure: answer.failure
-					});
-				});
-			};
-			(0, react.useEffect)(() => {
-				read(false);
-			}, []);
-			const refresh = () => {
-				read(true);
-			};
-			const summary = state.phase === "ready" ? summaryOf(state.view.runtime) : void 0;
-			const header = (0, react.createElement)("button", {
-				type: "button",
-				className: "evolution-param-head",
-				"aria-expanded": open ? "true" : "false",
-				onClick: () => {
-					setOpen(!open);
-				}
-			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, t("diagTitle")), summary === void 0 ? null : (0, react.createElement)("span", {
-				className: "evo-diag-badge",
-				"data-status": summary.status
-			}, t(SUMMARY_KEYS[summary.status], summary.count === 0 ? void 0 : { n: summary.count })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼"));
-			const runtime = (view) => view.runtime.length === 0 ? null : (0, react.createElement)("div", {}, (0, react.createElement)("h3", { className: "evolution-param-group" }, t("diagRuntimeTitle")), (0, react.createElement)("div", { className: "evo-diag-list" }, ...view.runtime.map((row) => (0, react.createElement)("div", {
-				key: "runtime-" + row.key,
-				className: "evo-diag-item",
-				"data-kind": "runtime",
-				"data-status": row.status
-			}, (0, react.createElement)("div", { className: "evo-diag-row-head" }, (0, react.createElement)("span", { className: "evo-diag-dot" }), (0, react.createElement)("span", { className: "evo-diag-label" }, row.label), (0, react.createElement)("span", { className: "evo-diag-status" }, t(STATUS_KEYS[row.status]))), row.detail === void 0 ? null : (0, react.createElement)("span", { className: "evo-diag-detail" }, row.detail), row.remedy === void 0 ? null : (0, react.createElement)("span", { className: "evo-diag-remedy" }, t("diagRemedy") + row.remedy)))));
-			const body = () => {
-				if (state.phase === "loading") return (0, react.createElement)("p", { className: "evolution-param-loading" }, t("stateLoading"));
-				if (state.phase === "failed") return FailureBlock({
-					failure: state.failure,
-					t: translate,
-					fallback: props.fallback
-				});
-				const view = state.view;
-				return (0, react.createElement)("div", {}, (0, react.createElement)("p", { className: "evolution-param-note" }, t("diagSubtitle")), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
-					type: "button",
-					className: "evolution-param-button",
-					onClick: refresh,
-					"data-action": "diag-refresh"
-				}, t("diagRefresh"))), runtime(view), view.runtime.length === 0 ? (0, react.createElement)("p", { className: "evolution-param-note" }, t("diagNoRows")) : null);
-			};
-			return (0, react.createElement)("section", {
-				className: "evolution-param-card",
-				"data-card": "diagnostics"
-			}, header, open ? (0, react.createElement)("div", { className: "evolution-param-body" }, body()) : null);
-		}
-		//#endregion
-		//#region src/panels/settings/diagnostics-state.ts
-		/**
-		* The diagnostics card's data face (W7 S7): ONE request to `HOST_ROUTES.diagnostics.view` through the
-		* GENERATED route client, and the four-state answer the card renders.
-		*
-		* The Host route is the SAME `buildDoctorView` the CLI prints (W6/W8), so this client owns no facts
-		* and no computation — it only renders.
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/diagnostics-state
-		*/
-		/**
-		* Build the diagnostics face over one fetch implementation.
-		* @param doFetch - the browser fetch, or a spec stub.
-		*/
-		function createDiagnosticsApi(doFetch = fetch) {
-			return { view: async () => await requestJson(doFetch, ROUTES.diagnostics.view, { headers: { accept: "application/json" } }) };
-		}
-		//#endregion
-		//#region ../evolution-client-kit/src/generated/fallbacks.generated.ts
-		/**
-		* The command-face fallback for every Host surface, generated from evolution-commands'
-		* COMMAND_FALLBACKS (the ONE home). When the platform's connection carrier is absent (E-325) the
-		* panels render this hint instead of a bare HTTP failure — same use case, command face.
+		* The command-face fallback for every Host surface, generated from evolution-commands'
+		* COMMAND_FALLBACKS (the ONE home). When the platform's connection carrier is absent (E-325) the
+		* panels render this hint instead of a bare HTTP failure — same use case, command face.
 		*/
 		const FALLBACKS = {
 			approval: { command: "/evolution pending … /evolution approve <id> … /evolution reject <id> … /evolution release <id>" },
-			"skill-history": { command: "/evolution restore <name> [v]（查看：/evolution skills history <name>）" },
+			"skill-history": { command: "/evolution skill undo <name> [--to v<N>]（查看：/evolution skill history <name>）" },
 			"skill-health": { command: "/evolution skills refresh（健康行：/evolution doctor）" },
 			merge: { command: "/evolution merge status / pending / approve <id> / report" },
 			diagnostics: {
 				command: "/evolution doctor",
 				platformCli: "dsh --json /evolution doctor"
-			}
+			},
+			settings: { command: "/evolution policy set <id> <value>（查看：/evolution policy）" }
 		};
 		//#endregion
 		//#region src/panels/settings/messages.ts
@@ -1321,6 +1152,7 @@ window.__ModuleLoader__.load({
 		const zh$1 = {
 			title: "自进化",
 			subtitle: "待你决定的写入在最上面；下面按功能列出你能改的参数，没有列出的由安装时的配置决定。",
+			aboutPurpose: "自进化设置与技能历史",
 			overridden: "已覆盖",
 			deployment: "默认",
 			loading: "正在读取设置…",
@@ -1343,6 +1175,8 @@ window.__ModuleLoader__.load({
 			approvalConfirmYes: "确认批准",
 			approvalConfirmNo: "取消",
 			resetTo: "复位为 {value}",
+			saved: "已保存。",
+			resetDone: "已恢复默认值。",
 			refused: "这个值没有被接受（界面上保持原样）。想看原因：在对话里让它说明。",
 			resetRefused: "恢复默认值没有生效（这一行还是你的值）。想看原因：在对话里让它说明。",
 			cardReview: "会话回顾",
@@ -1365,10 +1199,22 @@ window.__ModuleLoader__.load({
 			approvalCount: "{n} 项待批",
 			approvalRunningCount: "{n} 项执行中",
 			approvalRefresh: "刷新",
-			approvalExecuting: "执行中：这条的写效果可能已经落地，不要重复批准；要清掉它请用拒绝。",
+			approvalApproving: "批准中…",
+			approvalRejecting: "拒绝中…",
+			approvalExecuting: "执行中：写效果可能已经落地，不要重复批准。先核验效果，再用「放回待批」释放占用；释放不会停止或撤销在途写入。",
+			approvalRelease: "放回待批",
+			approvalReleasing: "释放中…",
 			approvalKindMemory: "记忆",
 			approvalKindSkill: "技能",
 			approvalKindCapability: "能力",
+			approvalVerbAdd: "新增",
+			approvalVerbCreate: "创建",
+			approvalVerbUpdate: "更新",
+			approvalVerbRemove: "移除",
+			approvalVerbDelete: "删除",
+			approvalVerbArchive: "归档",
+			approvalVerbRestore: "恢复",
+			approvalVerbMerge: "合并",
 			approvalAgeNow: "刚刚",
 			approvalAgeMinutes: "{n} 分钟前",
 			approvalAgeHours: "{n} 小时前",
@@ -1378,6 +1224,7 @@ window.__ModuleLoader__.load({
 			approvalPreviewClose: "收起",
 			approvalPreviewReading: "正在读取预览…",
 			approvalPreviewNone: "看不了预览：",
+			approvalPreviewPath: "文件：{path}",
 			approvalDiffAdded: "{n} 行新增",
 			approvalDiffRemoved: "{n} 行删除",
 			approvalDiffCut: "改动区域已截断",
@@ -1407,6 +1254,7 @@ window.__ModuleLoader__.load({
 		const en$1 = {
 			title: "Self-evolution",
 			subtitle: "Writes waiting for your decision come first; the changeable parameters are listed by feature below, and anything not listed comes from the deployment configuration.",
+			aboutPurpose: "Self-evolution settings and skill history",
 			overridden: "Overridden",
 			deployment: "default",
 			loading: "reading settings…",
@@ -1429,6 +1277,8 @@ window.__ModuleLoader__.load({
 			approvalConfirmYes: "Approve",
 			approvalConfirmNo: "Cancel",
 			resetTo: "Restores {value}",
+			saved: "Saved.",
+			resetDone: "Default restored.",
 			refused: "The value was not accepted (the page keeps what you see). For the reason, ask in the conversation.",
 			resetRefused: "The reset did not take (this row still holds your value). For the reason, ask in the conversation.",
 			cardReview: "Session review",
@@ -1451,10 +1301,22 @@ window.__ModuleLoader__.load({
 			approvalCount: "{n} waiting",
 			approvalRunningCount: "{n} running",
 			approvalRefresh: "Refresh",
-			approvalExecuting: "Running: this write may already have landed — do not approve it twice; reject it to clear it.",
+			approvalApproving: "approving…",
+			approvalRejecting: "rejecting…",
+			approvalExecuting: "Running: the effect may already have landed; do not approve it twice. Verify it, then use Release to put the claim back; release does not stop or undo the in-flight write.",
+			approvalRelease: "Release",
+			approvalReleasing: "releasing…",
 			approvalKindMemory: "memory",
 			approvalKindSkill: "skill",
 			approvalKindCapability: "capability",
+			approvalVerbAdd: "add",
+			approvalVerbCreate: "create",
+			approvalVerbUpdate: "update",
+			approvalVerbRemove: "remove",
+			approvalVerbDelete: "delete",
+			approvalVerbArchive: "archive",
+			approvalVerbRestore: "restore",
+			approvalVerbMerge: "merge",
 			approvalAgeNow: "just now",
 			approvalAgeMinutes: "{n} min ago",
 			approvalAgeHours: "{n} h ago",
@@ -1464,6 +1326,7 @@ window.__ModuleLoader__.load({
 			approvalPreviewClose: "Hide",
 			approvalPreviewReading: "reading the preview…",
 			approvalPreviewNone: "no preview: ",
+			approvalPreviewPath: "File: {path}",
 			approvalDiffAdded: "{n} lines added",
 			approvalDiffRemoved: "{n} lines removed",
 			approvalDiffCut: "the changed region is truncated",
@@ -1507,10 +1370,10 @@ window.__ModuleLoader__.load({
 		/**
 		* Resolve one message without the locale seat (tests and the fallback path).
 		* @param key - the message key.
-		* @param language - which dictionary to read; defaults to English (the platform FALLBACK_LOCALE).
+		* @param language - which dictionary to read; defaults to zh, matching the platform FALLBACK_LOCALE.
 		* @returns the copy this bundle carries.
 		*/
-		function message(key, language = "en") {
+		function message(key, language = "zh") {
 			return language === "zh" ? zh$1[key] : en$1[key];
 		}
 		/**
@@ -1522,7 +1385,7 @@ window.__ModuleLoader__.load({
 		* @param values - substitutions keyed by the slot name inside the braces.
 		* @returns the filled copy.
 		*/
-		function fill$1(template, values) {
+		function fill(template, values) {
 			return template.replace(/\{(\w+)\}/g, (match, slot) => {
 				const value = values[slot];
 				return value === void 0 ? match : String(value);
@@ -1555,6 +1418,18 @@ window.__ModuleLoader__.load({
 		* typed from the registry (\`control\`), so booleans are switches, enums are
 		* selects and numbers are numeric inputs with the unit shown beside the label.
 		*/
+		/** Resolve one field's user-language label. */
+		function labelOf(field, lang) {
+			return lang === "en" ? field.labelEn ?? field.label : field.label;
+		}
+		/** Resolve one field's user-language hint. */
+		function hintOf(field, lang) {
+			return lang === "en" ? field.hintEn ?? field.doc : field.hint;
+		}
+		/** Resolve one field's user-language group heading. */
+		function groupOf(field, lang) {
+			return lang === "en" ? field.groupLabelEn ?? field.group : field.groupLabel ?? field.group;
+		}
 		/**
 		* The NAMESPACE-RELATIVE key of one registry field.
 		*
@@ -1644,7 +1519,7 @@ window.__ModuleLoader__.load({
 		}
 		/** One field's control, typed from the registry. */
 		function FieldControl(props) {
-			const { field, text } = props;
+			const { field, text, lang } = props;
 			const id = controlId(field);
 			const common = {
 				id,
@@ -1677,7 +1552,7 @@ window.__ModuleLoader__.load({
 			}, text), ...field.values.map((value, index) => (0, react.createElement)("option", {
 				key: value,
 				value
-			}, field.valueLabels[index] ?? value))]);
+			}, (lang === "en" ? field.valueLabelsEn ?? field.valueLabels : field.valueLabels)[index] ?? value))]);
 			return (0, react.createElement)("input", {
 				...common,
 				type: field.control === "number" ? "number" : "text",
@@ -1689,16 +1564,17 @@ window.__ModuleLoader__.load({
 		}
 		/** One parameter field: label, control, hint, and its reset-to-deployment action. */
 		function FieldBlock(props) {
-			const { field, t } = props;
-			const unit = field.unit === "" ? null : (0, react.createElement)("span", { className: "evolution-param-unit" }, "（" + field.unit + "）");
-			return (0, react.createElement)("div", { className: "evolution-param-field" }, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("label", { htmlFor: controlId(field) }, field.label === "" ? field.id : field.label), unit, props.overridden ? (0, react.createElement)("span", {
+			const { field, t, lang } = props;
+			const unitText = lang === "en" ? field.unitEn ?? field.unit : field.unit;
+			const unit = unitText === "" ? null : (0, react.createElement)("span", { className: "evolution-param-unit" }, (lang === "en" ? " (" : "（") + unitText + (lang === "en" ? ")" : "）"));
+			return (0, react.createElement)("div", { className: "evolution-param-field" }, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("label", { htmlFor: controlId(field) }, labelOf(field, lang) === "" ? field.id : labelOf(field, lang)), unit, props.overridden ? (0, react.createElement)("span", {
 				className: "evolution-param-source",
 				"data-user": "true"
-			}, t("overridden")) : null), FieldControl(props), (0, react.createElement)("p", { className: "evolution-param-hint" }, field.hint === "" ? field.doc : field.hint), props.invalid === null ? null : (0, react.createElement)("p", {
+			}, t("overridden")) : null), FieldControl(props), (0, react.createElement)("p", { className: "evolution-param-hint" }, hintOf(field, lang) === "" ? field.doc : hintOf(field, lang)), props.invalid === null ? null : (0, react.createElement)("p", {
 				id: controlId(field) + "-invalid",
 				className: "evolution-param-error",
 				role: "status"
-			}, t(props.invalid)), props.overridden ? (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+			}, props.invalid), props.overridden ? (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
 				type: "button",
 				className: "evolution-param-button",
 				disabled: props.disabled || props.clearing,
@@ -1714,10 +1590,12 @@ window.__ModuleLoader__.load({
 		*/
 		function ParamCardView(props) {
 			const { t, fields, mutateOnce, clear, namespace, snapshot } = props;
+			const lang = props.lang?.() ?? "zh";
 			const [open, setOpen] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)({});
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)("");
+			const [note, setNote] = (0, react.useState)("");
 			const [pending, setPending] = (0, react.useState)(null);
 			const [clearing, setClearing] = (0, react.useState)(null);
 			/**
@@ -1742,7 +1620,19 @@ window.__ModuleLoader__.load({
 					setError(t(pending.resets ? "resetRefused" : "refused"));
 					return;
 				}
-				if (!pending.resets) setDraft({});
+				if (pending.accepted) if (pending.resets) {
+					const id = pending.field;
+					setDraft((current) => {
+						if (id === void 0) return current;
+						const next = { ...current };
+						delete next[id];
+						return next;
+					});
+					setNote(t("resetDone"));
+				} else {
+					setDraft({});
+					setNote(t("saved"));
+				}
 			}, [
 				pending,
 				snapshot.user,
@@ -1772,7 +1662,12 @@ window.__ModuleLoader__.load({
 				const related = fields.find((candidate) => candidate.id === field.atLeast);
 				return related === void 0 ? void 0 : textOf(related);
 			};
-			const blocked = fields.some((field) => invalidReason(field, textOf(field), peerTextOf(field)) !== null);
+			const invalidText = (field) => {
+				const reason = invalidReason(field, textOf(field), peerTextOf(field));
+				if (reason === null) return null;
+				return reason === "invalidAtLeast" ? t(reason, { n: peerTextOf(field) ?? "" }) : t(reason);
+			};
+			const blocked = fields.some((field) => invalidText(field) !== null);
 			const change = (id, next) => {
 				setDraft({
 					...draft,
@@ -1790,6 +1685,7 @@ window.__ModuleLoader__.load({
 			const reset = (field) => {
 				setClearing(field);
 				setError("");
+				setNote("");
 				(async () => {
 					let accepted;
 					try {
@@ -1801,13 +1697,15 @@ window.__ModuleLoader__.load({
 					}
 					setPending({
 						accepted,
-						resets: true
+						resets: true,
+						field
 					});
 				})();
 			};
 			const save = () => {
 				setBusy(true);
 				setError("");
+				setNote("");
 				(async () => {
 					try {
 						setPending({
@@ -1831,7 +1729,7 @@ window.__ModuleLoader__.load({
 				onClick: () => {
 					setOpen(!open);
 				}
-			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, title), changed === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("changed", { n: changed })), (0, react.createElement)("span", { className: "evolution-param-dest" }, t("writeTargetHost")), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, hintKey === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-note" }, t(hintKey)), disabled ? (0, react.createElement)("p", {
+			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, title), changed === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("changed", { n: changed })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, hintKey === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-note" }, t(hintKey)), disabled ? (0, react.createElement)("p", {
 				className: "evolution-param-note",
 				role: "status"
 			}, t("readonly")) : null, fields.length === 0 ? (0, react.createElement)("p", {
@@ -1840,25 +1738,29 @@ window.__ModuleLoader__.load({
 			}, t("empty")) : fields.flatMap((field, index) => [index === 0 || fields[index - 1]?.group !== field.group ? (0, react.createElement)("h3", {
 				key: "group-" + field.group,
 				className: "evolution-param-group"
-			}, field.group) : null, (0, react.createElement)(FieldBlock, {
+			}, groupOf(field, lang)) : null, (0, react.createElement)(FieldBlock, {
 				key: field.id,
 				field,
+				lang,
 				text: textOf(field),
 				overridden: Object.hasOwn(user, keyOf(field)),
 				disabled: locked,
 				clearing: clearing === field.id,
 				resetTo: resetToOf(snapshot.base?.[keyOf(field)]),
-				invalid: invalidReason(field, textOf(field), peerTextOf(field)),
+				invalid: invalidText(field),
 				t,
 				onChange: change,
 				onClear: reset
 			})]), error === "" ? null : (0, react.createElement)("p", {
 				className: "evolution-param-error",
 				role: "status"
-			}, error), fields.length === 0 ? null : (0, react.createElement)("div", { className: "evolution-param-footer" }, (0, react.createElement)("button", {
+			}, error), note === "" ? null : (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, note), fields.length === 0 ? null : (0, react.createElement)("div", { className: "evolution-param-footer" }, (0, react.createElement)("button", {
 				type: "button",
 				className: "evolution-param-button",
-				disabled: busy || dirty.length === 0 || blocked,
+				disabled: busy || dirty.length === 0,
 				onClick: () => {
 					setDraft({});
 					setError("");
@@ -1872,21 +1774,235 @@ window.__ModuleLoader__.load({
 			}, busy ? t("saving") : t("apply")))) : null);
 		}
 		/**
-		* The card as our own section renders it: the row state comes from the hook seat the
-		* renderer binds out of the inject face's `hooks` compartment (components never hold a
-		* subscription of their own).
-		* @param props - the card data, its callbacks, and the bound row hook.
-		* @returns the card.
+		* The card as our own section renders it: the row state comes from the hook seat the
+		* renderer binds out of the inject face's `hooks` compartment (components never hold a
+		* subscription of their own).
+		* @param props - the card data, its callbacks, and the bound row hook.
+		* @returns the card.
+		*/
+		/**
+		* Platform card-face wrapper: `settings.plugin.item` injects the face but does NOT bind
+		* the `use<Name>` hook compartment, so this component owns the one stable external-store
+		* subscription the section card gets from its renderer.
+		* @param props - the injected card face.
+		* @returns the card with its live row snapshot.
+		*/
+		const pluginSources = /* @__PURE__ */ new Map();
+		/**
+		* Register a plugin-surface form source by namespace. The platform's
+		* `settings.plugin.item` slot does not bind the card's `hooks` compartment, so
+		* the owning settings apply hands the stable source here instead.
+		* @param namespace - settings namespace.
+		* @param source - the stable external-store source.
+		*/
+		function registerPluginParamSource(namespace, source) {
+			pluginSources.set(namespace, source);
+		}
+		const MISSING_SNAPSHOT = {
+			status: "unavailable",
+			value: void 0,
+			user: void 0,
+			writable: false,
+			base: void 0,
+			reason: "seat-missing"
+		};
+		const MISSING_SOURCE = {
+			getSnapshot: () => MISSING_SNAPSHOT,
+			subscribe: () => () => {},
+			revive: () => {}
+		};
+		function PluginParamCard(props) {
+			const source = props.hooks?.paramSection ?? pluginSources.get(props.namespace) ?? MISSING_SOURCE;
+			const snapshot = (0, react.useSyncExternalStore)(source.subscribe, source.getSnapshot, source.getSnapshot);
+			return ParamCardView({
+				namespace: props.namespace,
+				fields: props.fields,
+				t: props.t,
+				...props.lang === void 0 ? {} : { lang: props.lang },
+				mutateOnce: props.mutateOnce,
+				clear: props.clear,
+				snapshot
+			});
+		}
+		//#endregion
+		//#region src/panels/settings/seam.ts
+		/** Our card slot, hosted by the section this bundle registers. */
+		const CARD_SLOT = "evolution.namespace.card";
+		/** The diagnostics card's slot key: read-only, no settings namespace (its data comes from HOST_ROUTES.diagnostics). */
+		const DIAGNOSTICS_CARD_KEY = "diagnostics";
+		//#endregion
+		//#region ../evolution-client-kit/src/settings-seat.ts
+		const SETTINGS_DESCRIBE = ROUTES.settings.describe;
+		const SETTINGS_MUTATE = ROUTES.settings.mutate;
+		const EMPTY = Object.freeze({
+			status: "unavailable",
+			value: void 0,
+			user: void 0,
+			writable: false,
+			base: void 0,
+			revision: void 0,
+			reason: "transport"
+		});
+		function snapshotFrom(value, ns) {
+			if (typeof value !== "object" || value === null) return EMPTY;
+			const list = value.namespaces;
+			if (!Array.isArray(list)) return EMPTY;
+			const item = list.find((candidate) => typeof candidate === "object" && candidate !== null && candidate.ns === ns);
+			return item === void 0 ? {
+				...EMPTY,
+				reason: "not-served"
+			} : item;
+		}
+		async function describe(namespace) {
+			try {
+				const response = await fetch(SETTINGS_DESCRIBE, { headers: { accept: "application/json" } });
+				if (!response.ok) return EMPTY;
+				const body = await response.json();
+				if (body.ok !== true) return EMPTY;
+				return snapshotFrom(body.data, namespace);
+			} catch {
+				return EMPTY;
+			}
+		}
+		async function write(namespace, ops, expectedRevision) {
+			try {
+				const response = await fetch(SETTINGS_MUTATE, {
+					method: "POST",
+					headers: {
+						"content-type": "application/json",
+						accept: "application/json"
+					},
+					body: JSON.stringify({
+						ns: namespace,
+						ops,
+						...expectedRevision === void 0 ? {} : { expectedRevision }
+					})
+				});
+				if (!response.ok) return { ok: false };
+				const body = await response.json();
+				return {
+					ok: body.ok === true,
+					snapshot: snapshotFrom(body.data, namespace)
+				};
+			} catch {
+				return { ok: false };
+			}
+		}
+		function createForm(namespace, ctx) {
+			let snapshot = {
+				...EMPTY,
+				reason: "seat-missing"
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			let started = false;
+			let listening = false;
+			const notify = () => {
+				for (const listener of listeners) listener();
+			};
+			const refresh = async () => {
+				snapshot = await describe(namespace);
+				notify();
+			};
+			const start = () => {
+				if (started) return;
+				started = true;
+				if (!listening) {
+					listening = true;
+					(ctx.get?.("remote"))?.$on?.("settings/document-updated", (changed) => {
+						if (changed === namespace) refresh();
+					});
+				}
+				refresh();
+			};
+			const form = {
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					start();
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				set: async (field, value) => await form.mutate([{
+					op: "set",
+					path: [field],
+					value
+				}]),
+				unset: async (field) => await form.mutate([{
+					op: "unset",
+					path: [field]
+				}]),
+				mutate: async (ops, expectedRevision) => {
+					const outcome = await write(namespace, ops, expectedRevision ?? snapshot.revision);
+					if (outcome.snapshot !== void 0) {
+						snapshot = outcome.snapshot;
+						notify();
+					} else await refresh();
+					return outcome.ok;
+				}
+			};
+			return form;
+		}
+		/**
+		* Build one cached form per family namespace over the family settings routes.
+		* @param ctx - the client plugin context (remote subscription is optional).
+		* @returns the seat; each namespace is served by /api/dsh-evolution/settings/*.
+		*/
+		const seats = /* @__PURE__ */ new WeakMap();
+		function createSettingsSeat(ctx) {
+			const cached = seats.get(ctx);
+			if (cached !== void 0) return cached;
+			const forms = /* @__PURE__ */ new Map();
+			const seat = { get(namespace) {
+				let form = forms.get(namespace);
+				if (form === void 0) {
+					form = createForm(namespace, ctx);
+					forms.set(namespace, form);
+				}
+				return form;
+			} };
+			seats.set(ctx, seat);
+			return seat;
+		}
+		//#endregion
+		//#region ../evolution-client-kit/src/action.ts
+		/**
+		* Command-only actions. Approval decisions are a separate host API and must never
+		* be represented as a copyable command here.
+		* @module @lmzhen/dsh-evolution-client-kit
+		*/
+		//#endregion
+		//#region ../evolution-client-kit/src/tokens.ts
+		/**
+		* The scale, declared on one element so it never leaks into the host shell.
+		* @param scope - the selector the custom properties are declared on.
+		* @returns the declaration block to put in the stylesheet.
+		*/
+		function tokenVars(scope) {
+			return scope + "{--evo-type-lg:calc(1em + 2px);--evo-type-body:1em;--evo-type-sm:calc(1em - 1px);--evo-type-xs:calc(1em - 2px);--evo-space-2:2px;--evo-space-4:4px;--evo-space-6:6px;--evo-space-8:8px;--evo-space-10:10px;--evo-space-12:12px;--evo-space-14:14px;--evo-space-16:16px;--evo-space-20:20px;--evo-radius-chip:4px;--evo-radius-control:8px;--evo-radius-surface:12px;--evo-radius-pill:999px;--evo-hairline-width:.5px;--evo-hairline-marker:2px;--evo-measure-read:80ch;--evo-leading-base:1.5;--evo-tone-quiet:var(--dsw-alias-label-secondary);--evo-tone-primary:var(--dsw-alias-brand-primary);--evo-tone-danger:var(--dsw-alias-state-error-primary);--evo-tone-success:var(--dsw-alias-state-success-primary);--evo-focus-ring:2px solid var(--dsw-alias-label-primary);--evo-focus-offset:-2px;--evo-cap-aside:280px;--evo-cap-block:260px}";
+		}
+		//#endregion
+		//#region src/panels/settings/SettingsSection.ts
+		/**
+		* The section shell: title, one-line explanation, then one card per namespace — with the staged-write
+		* window's card ahead of them all, because it is the only card here that waits on a decision.
+		*
+		* This is the shape the platform's own settings sections use — a heading plus the
+		* child slots it declared in its registration. The cards themselves are separate
+		* registrations keyed by namespace, so a namespace the Host does not serve simply
+		* renders nothing and a deployment that drops this row loses the whole section.
+		* @module @lmzhen/dsh-evolution-ui/panels/settings/client
 		*/
-		function ParamCard(props) {
-			return ParamCardView({
-				namespace: props.namespace,
-				fields: props.fields,
-				t: props.t,
-				mutateOnce: props.mutateOnce,
-				clear: props.clear,
-				snapshot: props.useParamSection((state) => state)
-			});
+		/**
+		* Render the section.
+		* @param face - the shell's inject face: translator and child-slot renderer.
+		* @returns the section element.
+		*/
+		function SettingsSection(face) {
+			return (0, react.createElement)("div", { className: "evolution-params" }, (0, react.createElement)("h2", { className: "evolution-params-title" }, face.t("title")), (0, react.createElement)("p", { className: "evolution-params-subtitle" }, face.t("subtitle")), (0, react.createElement)("p", { className: "evolution-params-about" }, "0.32.6 · " + face.t("aboutPurpose")), (0, react.createElement)("div", {
+				key: DIAGNOSTICS_CARD_KEY,
+				className: "evolution-params-group"
+			}, face.renderSlot(CARD_SLOT, {}, { entryKey: DIAGNOSTICS_CARD_KEY })));
 		}
 		//#endregion
 		//#region src/panels/settings/source.ts
@@ -1922,7 +2038,7 @@ window.__ModuleLoader__.load({
 				user: snapshot.user,
 				writable: snapshot.writable,
 				base: isRecord(snapshot.base) ? snapshot.base : void 0,
-				...snapshot.status === "unavailable" ? { reason: "not-served" } : {}
+				...snapshot.status === "unavailable" ? { reason: snapshot.reason ?? "not-served" } : {}
 			};
 		}
 		/**
@@ -1981,7 +2097,7 @@ window.__ModuleLoader__.load({
 				const seat = probe();
 				if (seat === void 0) return;
 				const next = seat.get(namespace);
-				if (next === form) return;
+				if (next === void 0 || next === form) return;
 				offForm?.();
 				offForm = void 0;
 				form = next;
@@ -2066,122 +2182,6 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/panels/settings/RowConfigCard.ts
-		/**
-		* The Plugins page's per-row configuration entry for a family row.
-		*
-		* The page owns the settings subscription — it re-renders the entry — and passes the row's
-		* form in, so this component renders the SAME card body as our own section, fed by the
-		* page's state instead of the bound hook and therefore holding no subscription of its own.
-		* `summary` answers the page's one-line slot: a row's description fallback, which stays
-		* empty until the row actually overrides something, exactly as the page expects.
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client
-		*/
-		/**
-		* Count the keys this row's user layer holds.
-		* @param user - the raw user section, as the page reports it.
-		* @param fields - the row's fields.
-		* @returns how many of them the user overrode.
-		*/
-		function overridden(user, fields, namespace) {
-			const layer = isRecord(user) ? user : {};
-			return fields.filter((field) => Object.hasOwn(layer, fieldKeyOf(namespace, field))).length;
-		}
-		/**
-		* Render one row's configuration entry.
-		* @param props - the page's view/form seat plus this row's face.
-		* @returns the entry; `summary` renders nothing for an untouched row (the page then keeps the row's own description).
-		*/
-		function RowConfigCard(props) {
-			const { t, fields, namespace, view, form } = props;
-			if (form === void 0) return view === "summary" ? null : (0, react.createElement)("p", {
-				className: "evolution-param-note",
-				role: "status"
-			}, t("seatMissing"));
-			const changed = overridden(form.state.user, fields, namespace);
-			if (view === "summary") return changed === 0 ? null : (0, react.createElement)("span", null, t("changed", { n: changed }));
-			return ParamCardView({
-				namespace,
-				fields,
-				t,
-				snapshot: sectionSnapshotOf(form.state),
-				mutateOnce: async (ops) => form.mutate(ops, form.state.revision),
-				clear: async (field) => form.mutate([{
-					op: "unset",
-					path: [field]
-				}], form.state.revision)
-			});
-		}
-		//#endregion
-		//#region src/panels/settings/seam.ts
-		/** Our card slot, hosted by the section this bundle registers. */
-		const CARD_SLOT = "evolution.namespace.card";
-		/** The Plugins page's per-row configuration seat (declared by `ui-plugin-manager`). */
-		const ROW_CONFIG_SLOT = "plugins.row.config";
-		/**
-		* The key the Plugins page files a row's configuration under.
-		*
-		* Spelled here because the page's own helper cannot be imported (a value import from
-		* another plugin's client half is forbidden):
-		* `ui-plugin-manager`'s config-ledger module is the definition this mirrors.
-		* @param bundle - the bundle package name that declares the row.
-		* @param rowId - the row id that bundle's patch declares.
-		* @returns the `plugins.row.config` key.
-		*/
-		function rowConfigKey(bundle, rowId) {
-			return bundle + "#" + rowId;
-		}
-		/**
-		* The pending-window card's slot key.
-		*
-		* The section pairs cards by key and the parameter cards use their settings namespace; this card has no
-		* namespace (its data comes from the host's approval routes), so it carries a key of its own. The constant
-		* lives HERE and not in `index.ts` because the SECTION has to name it too, and `index.ts` already imports
-		* the section — one definition in the module both sides already share is what keeps that pair acyclic.
-		*/
-		const PENDING_CARD_KEY = "approval-pending";
-		/** The diagnostics card's slot key: read-only, no settings namespace (its data comes from HOST_ROUTES.diagnostics). */
-		const DIAGNOSTICS_CARD_KEY = "diagnostics";
-		//#endregion
-		//#region src/panels/settings/SettingsSection.ts
-		/**
-		* The section shell: title, one-line explanation, then one card per namespace — with the staged-write
-		* window's card ahead of them all, because it is the only card here that waits on a decision.
-		*
-		* This is the shape the platform's own settings sections use — a heading plus the
-		* child slots it declared in its registration. The cards themselves are separate
-		* registrations keyed by namespace, so a namespace the Host does not serve simply
-		* renders nothing and a deployment that drops this row loses the whole section.
-		* @module @lmzhen/dsh-evolution-ui/panels/settings/client
-		*/
-		/**
-		* Render the section.
-		* @param face - the shell's inject face: translator and child-slot renderer.
-		* @returns the section element.
-		*/
-		function SettingsSection(face) {
-			return (0, react.createElement)("div", { className: "evolution-params" }, (0, react.createElement)("h2", { className: "evolution-params-title" }, face.t("title")), (0, react.createElement)("p", { className: "evolution-params-subtitle" }, face.t("subtitle")), (0, react.createElement)("p", { className: "evolution-params-about" }, "0.32.4 · Web UI umbrella for the evolution family: settings and skill-history panels"), (0, react.createElement)("div", {
-				key: PENDING_CARD_KEY,
-				className: "evolution-params-group"
-			}, face.renderSlot(CARD_SLOT, {}, { entryKey: PENDING_CARD_KEY })), (0, react.createElement)("div", {
-				key: DIAGNOSTICS_CARD_KEY,
-				className: "evolution-params-group"
-			}, face.renderSlot(CARD_SLOT, {}, { entryKey: DIAGNOSTICS_CARD_KEY })), ...CLIENT_PARAM_SECTIONS.map((section_) => (0, react.createElement)("div", {
-				key: section_.namespace,
-				className: "evolution-params-group"
-			}, face.renderSlot(CARD_SLOT, {}, { entryKey: section_.namespace }))));
-		}
-		//#endregion
-		//#region ../evolution-client-kit/src/tokens.ts
-		/**
-		* The scale, declared on one element so it never leaks into the host shell.
-		* @param scope - the selector the custom properties are declared on.
-		* @returns the declaration block to put in the stylesheet.
-		*/
-		function tokenVars(scope) {
-			return scope + "{--evo-type-lg:calc(1em + 2px);--evo-type-body:1em;--evo-type-sm:calc(1em - 1px);--evo-type-xs:calc(1em - 2px);--evo-space-2:2px;--evo-space-4:4px;--evo-space-6:6px;--evo-space-8:8px;--evo-space-10:10px;--evo-space-12:12px;--evo-space-14:14px;--evo-space-16:16px;--evo-space-20:20px;--evo-radius-chip:4px;--evo-radius-control:8px;--evo-radius-surface:12px;--evo-radius-pill:999px;--evo-hairline-width:.5px;--evo-hairline-marker:2px;--evo-measure-read:80ch;--evo-leading-base:1.5;--evo-tone-quiet:var(--dsw-alias-label-secondary);--evo-tone-primary:var(--dsw-alias-brand-primary);--evo-tone-danger:var(--dsw-alias-state-error-primary);--evo-tone-success:var(--dsw-alias-state-success-primary);--evo-focus-ring:2px solid var(--dsw-alias-label-primary);--evo-focus-offset:-2px;--evo-cap-aside:280px;--evo-cap-block:260px}";
-		}
-		//#endregion
 		//#region src/panels/settings/styles.ts
 		/**
 		* The section's stylesheet.
@@ -2258,18 +2258,18 @@ window.__ModuleLoader__.load({
 			".evo-diag-badge[data-status=\"ok\"]{color:var(--dsw-alias-state-success-primary)}",
 			".evo-diag-badge[data-status=\"warn\"]{color:var(--dsw-alias-state-warn-primary)}",
 			".evo-diag-badge[data-status=\"fail\"]{color:var(--dsw-alias-state-error-primary)}",
-			".evo-diag-badge[data-status=\"unknown\"]{color:var(--dsw-alias-state-idle-primary)}",
+			".evo-diag-badge[data-status=\"unknown\"]{color:var(--dsw-alias-label-tertiary)}",
 			".evo-diag-list{display:flex;flex-direction:column}",
 			".evo-diag-item{padding:var(--evo-space-12) 0}",
 			".evo-diag-item+.evo-diag-item{border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}",
 			".evo-diag-label{display:block;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
 			".evo-diag-row-head{display:flex;align-items:baseline;gap:var(--evo-space-6);flex-wrap:wrap}",
-			".evo-diag-dot{width:var(--evo-space-6);height:var(--evo-space-6);border-radius:var(--evo-radius-pill);background:var(--evo-diag-tone,var(--dsw-alias-state-idle-primary));flex:none}",
-			".evo-diag-status{color:var(--evo-diag-tone,var(--dsw-alias-state-idle-primary));font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
+			".evo-diag-dot{width:var(--evo-space-6);height:var(--evo-space-6);border-radius:var(--evo-radius-pill);background:var(--evo-diag-tone,var(--dsw-alias-label-tertiary));flex:none}",
+			".evo-diag-status{color:var(--evo-diag-tone,var(--dsw-alias-label-tertiary));font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
 			".evo-diag-item[data-status=\"ok\"]{--evo-diag-tone:var(--dsw-alias-state-success-primary)}",
 			".evo-diag-item[data-status=\"warn\"]{--evo-diag-tone:var(--dsw-alias-state-warn-primary)}",
 			".evo-diag-item[data-status=\"fail\"]{--evo-diag-tone:var(--dsw-alias-state-error-primary)}",
-			".evo-diag-item[data-status=\"unknown\"]{--evo-diag-tone:var(--dsw-alias-state-idle-primary)}",
+			".evo-diag-item[data-status=\"unknown\"]{--evo-diag-tone:var(--dsw-alias-label-tertiary)}",
 			".evo-diag-detail{display:block;margin:var(--evo-space-2) 0 0;color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base);overflow-wrap:anywhere}",
 			".evo-diag-remedy{display:block;margin:var(--evo-space-4) 0 0;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}"
 		].join("\n");
@@ -2331,15 +2331,21 @@ window.__ModuleLoader__.load({
 				}
 				return bound(key);
 			};
-			const t = (key, values) => values === void 0 ? translate(key) : fill$1(translate(key), values);
-			const probe = () => ctx.get("configForms");
+			const t = (key, values) => values === void 0 ? translate(key) : fill(translate(key), values);
+			const language = () => {
+				try {
+					return ctx.locale?.getLocale?.().active === "en" ? "en" : "zh";
+				} catch {
+					return "zh";
+				}
+			};
+			const seat = createSettingsSeat(ctx);
+			const probe = () => seat;
 			const sources = createSourceCache(probe);
 			ctx.effect(() => () => {
 				sources.dispose();
 			}, "evolution-settings: sources");
-			const approvalSource = sources.sourceFor("evolution-approval");
-			const confirmMode = () => confirmModeFrom(approvalSource.getSnapshot().user);
-			ctx.inject?.(["configForms"], () => {
+			ctx.inject?.(["remote"], () => {
 				sources.revive();
 			});
 			seam.slots.inject("settings.section", function* () {
@@ -2355,179 +2361,543 @@ window.__ModuleLoader__.load({
 					} }
 				}, SettingsSection);
 			});
-			seam.slots.inject(CARD_SLOT, function* () {
-				for (const section of CLIENT_PARAM_SECTIONS) {
-					const source = sources.sourceFor(section.seatKey);
-					const { mutateOnce, clear } = writeFaceFor(probe, section.namespace);
-					const face = () => ({
-						namespace: section.namespace,
-						fields: section.fields,
-						t,
-						mutateOnce,
-						clear,
-						hooks: { paramSection: source }
-					});
+			for (const [index, section] of CLIENT_PARAM_SECTIONS.entries()) {
+				const source = sources.sourceFor(section.seatKey);
+				registerPluginParamSource(section.namespace, source);
+				const { mutateOnce, clear } = writeFaceFor(probe, section.namespace);
+				const face = () => ({
+					namespace: section.namespace,
+					fields: section.fields,
+					t,
+					lang: language,
+					mutateOnce,
+					clear,
+					hooks: { paramSection: source }
+				});
+				seam.slots.inject("settings.plugin.item", function* () {
 					yield seam.slots.register({
-						name: CARD_SLOT,
-						key: section.namespace,
+						name: "settings.plugin.item",
+						id: section.namespace,
+						order: index * 10,
+						locale: NS$1,
 						inject: face
-					}, ParamCard);
+					}, PluginParamCard);
+				});
+			}
+			seam.slots.inject(CARD_SLOT, function* () {
+				const diagApi = createDiagnosticsApi((input, init) => fetch(input, init));
+				yield seam.slots.register({
+					name: CARD_SLOT,
+					key: DIAGNOSTICS_CARD_KEY,
+					inject: () => ({
+						t,
+						api: diagApi,
+						fallback: FALLBACKS.diagnostics
+					})
+				}, DiagnosticsCard);
+			});
+		}
+		//#endregion
+		//#region src/panels/history/client/api.ts
+		/**
+		* The host routes this bundle calls, and the ONE place a request is made.
+		*
+		* G5/W7: the paths come from the generated client route table (rendered from evolution-core
+		* HOST_ROUTES), and the transport classifier is the shared generated route-client — the browser half
+		* can no longer drift from the host table or grow a second HTTP vocabulary.
+		* @module @lmzhen/dsh-evolution-ui/panels/history/client
+		*/
+		/** Route paths: the generated mirror of the host's HOST_ROUTES (one declaration in core). */
+		const HOST_ROUTES = ROUTES["skill-history"];
+		/**
+		* A refusal the host reported, carrying its own sentence (the curator's, not ours) and the classified
+		* four-state failure so the panel can render the shared failure block (G5/W7 S6b).
+		*/
+		var SkillHistoryRefusal = class extends Error {
+			failure;
+			constructor(failure) {
+				super(failureMessage(failure));
+				this.name = "SkillHistoryRefusal";
+				this.failure = failure;
+			}
+		};
+		/**
+		* Build the panel's face over one fetch implementation.
+		* @param fetchImpl - the fetch to use; a spec passes a stub.
+		* @returns the three callbacks the component receives through its inject face.
+		*/
+		function createSkillHistoryApi(fetchImpl = fetch) {
+			const request = async (path, init) => {
+				const answer = await requestJson(fetchImpl, path, init);
+				if (!answer.ok) throw new SkillHistoryRefusal(answer.failure);
+				return answer.data;
+			};
+			return {
+				skills: async () => await request(HOST_ROUTES.skills),
+				versions: async (name) => await request(HOST_ROUTES.versions + "?name=" + encodeURIComponent(name)),
+				diff: async (name, v) => await request(HOST_ROUTES.diff + "?name=" + encodeURIComponent(name) + "&v=" + String(v)),
+				body: async (name, v) => await request(HOST_ROUTES.body + "?name=" + encodeURIComponent(name) + "&v=" + String(v)),
+				undo: async (name, v, unitId) => {
+					return (await request(HOST_ROUTES.undo, {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(unitId !== void 0 && unitId !== "" ? {
+							name,
+							unitId
+						} : v === void 0 ? { name } : {
+							name,
+							v
+						})
+					})).message;
+				}
+			};
+		}
+		//#endregion
+		//#region src/panels/settings/api.ts
+		/**
+		* The approval routes this bundle calls, and the ONE place a request is made.
+		*
+		* Structural types on purpose: the browser half cannot import the host package at runtime, so the row
+		* shape is declared by what the route hands over. Every answer — including a refusal — is parsed the
+		* same way, because a refusal is a business answer the card shows as a sentence, not a transport error.
+		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/api
+		*/
+		/**
+		* Build the approval face over one fetch implementation.
+		* @param doFetch - the fetch to use (the platform's global in the browser, a fake in a spec).
+		* @returns the three calls the pending card makes.
+		*/
+		function createApprovalApi(doFetch) {
+			const post = async (path, id) => await requestJson(doFetch, path, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ id })
+			});
+			return {
+				pending: async (status) => await requestJson(doFetch, status === void 0 ? ROUTES.approval.pending : ROUTES.approval.pending + "?status=" + status),
+				approve: async (id) => await post(ROUTES.approval.approve, id),
+				reject: async (id) => await post(ROUTES.approval.reject, id),
+				release: async (id) => await post(ROUTES.approval.release, id),
+				preview: async (id) => await requestJson(doFetch, ROUTES.approval.preview + "?id=" + encodeURIComponent(id))
+			};
+		}
+		//#endregion
+		//#region src/panels/settings/pending-state.ts
+		/** The state a card mounts in: still loading, nothing in flight, nothing said yet. */
+		const INITIAL_PENDING_STATE = {
+			view: { kind: "loading" },
+			busy: [],
+			notice: null,
+			refreshing: false,
+			open: null,
+			preview: null
+		};
+		/** Open one row's preview: the row is now the open one and its answer is on the way. */
+		function expanded(state, id) {
+			return {
+				...state,
+				open: id,
+				preview: { kind: "loading" }
+			};
+		}
+		/** Close whatever preview is open. */
+		function collapsed(state) {
+			return {
+				...state,
+				open: null,
+				preview: null
+			};
+		}
+		/**
+		* A preview answer arrived. An answer for a row the reader has already left is DROPPED: it would
+		* otherwise paint one row's diff under another row's heading.
+		*/
+		function previewArrived(state, id, view) {
+			return state.open === id ? {
+				...state,
+				preview: view
+			} : state;
+		}
+		/** The first load, or a refresh after a decision: back to loading, keeping no stale rows. */
+		function loading(state) {
+			if (state.view.kind === "ready" || state.view.kind === "empty") return {
+				...state,
+				refreshing: true
+			};
+			return {
+				...state,
+				view: { kind: "loading" },
+				refreshing: true
+			};
+		}
+		/**
+		* A list arrived. An empty list is its OWN state — the reader is told the window is clear rather than
+		* being shown the same line a slow answer shows.
+		*/
+		function loaded(state, rows) {
+			return {
+				...state,
+				refreshing: false,
+				view: rows.length === 0 ? { kind: "empty" } : {
+					kind: "ready",
+					rows
 				}
-				const api = createApprovalApi((input, init) => fetch(input, init));
-				yield seam.slots.register({
-					name: CARD_SLOT,
-					key: PENDING_CARD_KEY,
-					inject: () => ({
-						t,
-						api,
-						confirmMode,
-						fallback: FALLBACKS.approval
-					})
-				}, PendingCard);
-				const diagApi = createDiagnosticsApi((input, init) => fetch(input, init));
-				yield seam.slots.register({
-					name: CARD_SLOT,
-					key: DIAGNOSTICS_CARD_KEY,
-					inject: () => ({
-						t,
-						api: diagApi,
-						fallback: FALLBACKS.diagnostics
-					})
-				}, DiagnosticsCard);
-			});
-			seam.slots.inject(ROW_CONFIG_SLOT, function* () {
-				for (const seat of CLIENT_ROW_SEATS) for (const rowId of seat.rows) {
-					const section = CLIENT_PARAM_SECTIONS.find((candidate) => candidate.namespace === rowId);
-					if (section === void 0) continue;
-					const face = () => ({
-						namespace: rowId,
-						fields: section.fields,
-						t
-					});
-					yield seam.slots.register({
-						name: ROW_CONFIG_SLOT,
-						key: rowConfigKey(seat.bundle, rowId),
-						inject: face
-					}, RowConfigCard);
+			};
+		}
+		/** The list could not be read: the classified failure stays on screen next to a retry control. */
+		function failed(state, failure) {
+			return {
+				...state,
+				refreshing: false,
+				view: {
+					kind: "failed",
+					failure
 				}
-			});
+			};
 		}
-		//#endregion
-		//#region ../evolution-client-kit/src/panel.ts
-		function interpolate(text, values) {
-			if (values === void 0) return text;
-			return text.replace(/\{(\w+)\}/g, (_match, key) => String(values[key] ?? ""));
+		/** Mark one record as having an action in flight (its buttons are disabled until it ends). */
+		function beginAction(state, id) {
+			return state.busy.includes(id) ? state : {
+				...state,
+				busy: [...state.busy, id]
+			};
 		}
-		function injectStyles(doc, css, tagId) {
-			if (doc === void 0) return () => {};
-			doc.querySelector("style[data-plugin-css=\"" + tagId + "\"]")?.remove();
-			const tag = doc.createElement("style");
-			tag.setAttribute("data-plugin-css", tagId);
-			tag.textContent = css;
-			doc.head.append(tag);
-			return () => {
-				tag.remove();
+		/** The action ended, whatever it answered. */
+		function endAction(state, id) {
+			return {
+				...state,
+				busy: state.busy.filter((candidate) => candidate !== id)
+			};
+		}
+		/** One refusal or failure line under the list; `null` clears it (a later success does). */
+		function noticed(state, message) {
+			return {
+				...state,
+				notice: message
 			};
 		}
+		//#endregion
+		//#region src/panels/settings/PendingCard.ts
+		/**
+		* The "writes awaiting approval" card: the staged write window, with the two decisions on each row.
+		*
+		* It is a card in the SAME section and wears the SAME shell as the parameter cards (header with title,
+		* count and chevron; body of field blocks; a button row per block), so nothing here invents a second
+		* visual language. Two things differ on purpose: the data comes from the host's approval routes rather
+		* than the settings transport, and its three states are distinct — "reading", "nothing staged" and "the
+		* read failed" each say so in their own words (E7: merging the first two is what made an empty panel
+		* look like lost data).
+		*
+		* Every decision re-reads the window instead of predicting the outcome: the host owns the state, and a
+		* refusal is shown with the host's own sentence.
+		* @module @lmzhen/dsh-evolution-ui/panels/settings/client/PendingCard
+		*/
+		/**
+		* U-6: the registry's gate word, read out of a section's user layer. ONE definition, exported so the
+		* mapping itself is judgeable: the entry does the wiring, this does the reading. Anything that is not
+		* one of the two explicit words falls back to the shipped default (`auto`) — a document written by a
+		* future version must not silently turn the confirmation ON, and a typo must not turn it off. The
+		* independent review flagged that this reader had no case at all (P2-11).
+		*/
+		function confirmModeFrom(user) {
+			const value = typeof user === "object" && user !== null ? user.approvalConfirm : void 0;
+			return value === "ask" || value === "timeout" ? "ask" : "auto";
+		}
+		/** Which word one age bucket gets; an unknown bucket falls back to the count form. */
+		const AGE_KEYS = Object.freeze({
+			now: "approvalAgeNow",
+			minutes: "approvalAgeMinutes",
+			hours: "approvalAgeHours",
+			days: "approvalAgeDays",
+			months: "approvalAgeMonths"
+		});
+		/** Which word one staged kind gets. */
+		/** Verbs the host can report; unknown verbs fall back to the raw word. */
+		const VERB_KEYS = Object.freeze({
+			add: "approvalVerbAdd",
+			create: "approvalVerbCreate",
+			update: "approvalVerbUpdate",
+			replace: "approvalVerbUpdate",
+			patch: "approvalVerbUpdate",
+			remove: "approvalVerbRemove",
+			delete: "approvalVerbDelete",
+			archive: "approvalVerbArchive",
+			restore: "approvalVerbRestore",
+			merge: "approvalVerbMerge"
+		});
+		const KIND_KEYS = Object.freeze({
+			memory: "approvalKindMemory",
+			skill: "approvalKindSkill",
+			capability: "approvalKindCapability"
+		});
 		/**
-		* Register one sidebar row and its main body under one lifecycle.
-		* @param ctx - the client context carrying the slots and locale seats.
-		* @param spec - the feature-specific row/body descriptor.
+		* Render the pending window.
+		* @param props - the copy seat and the host calls.
+		* @returns the card.
 		*/
-		function registerSidebarPanel(ctx, spec) {
-			const seam = ctx;
-			let registered = false;
-			ctx.effect(() => {
-				try {
-					const dispose = seam.locale.register(spec.namespace, spec.dictionaries);
-					registered = true;
-					return dispose;
-				} catch (error) {
-					ctx.logger.warn(spec.namespace + ": the locale seat refused the dictionary (" + String(error) + "); the panel falls back to the bundle copy");
-					return () => {};
+		function PendingCard(props) {
+			const { t, api } = props;
+			const translate = (key, values) => t(key, values);
+			const confirmMode = props.confirmMode?.() ?? "auto";
+			const [armed, setArmed] = (0, react.useState)(null);
+			const [state, setState] = (0, react.useState)(INITIAL_PENDING_STATE);
+			const [open, setOpen] = (0, react.useState)(true);
+			const viewKind = state.view.kind;
+			const rowCount = state.view.kind === "ready" ? state.view.rows.length : 0;
+			(0, react.useEffect)(() => {
+				if (viewKind === "empty") setOpen(false);
+				else if (viewKind === "ready" && rowCount > 0) setOpen(true);
+			}, [viewKind, rowCount]);
+			const latest = (0, react.useRef)(state);
+			const apply = (next) => {
+				const value = next(latest.current);
+				latest.current = value;
+				setState(value);
+			};
+			/**
+			* Read the window the card is about: the writes WAITING and the writes RUNNING.
+			*
+			* T4-05/A47: the route has always taken `?status=` — the CLI asks for both lists — but this card
+			* asked for neither, so a record whose approve died between the claim and the decision showed as
+			* "nothing is waiting for a decision" while `/evolution pending` and doctor listed it. The two
+			* answers are ordered the way the CLI orders them (waiting first); either one failing fails the
+			* read, because a half-list would read as a complete window.
+			*/
+			const readTicket = (0, react.useRef)(0);
+			const load = async () => {
+				apply(loading);
+				const ticket = readTicket.current + 1;
+				readTicket.current = ticket;
+				const [waiting, running] = await Promise.all([api.pending(), api.pending("executing")]);
+				if (readTicket.current !== ticket) return;
+				if (!waiting.ok) {
+					apply((current) => failed(current, waiting.failure));
+					return;
 				}
-			}, spec.namespace + ": locale");
-			ctx.effect(() => injectStyles(typeof document === "undefined" ? void 0 : document, spec.styles.css, spec.styles.tagId), spec.namespace + ": styles");
-			const fallback = spec.dictionaries[spec.fallback ?? "zh"];
-			const lookup = (key) => {
-				const own = fallback[key] ?? key;
-				if (!registered) return own;
-				try {
-					return seam.locale.bind(spec.namespace)(key);
-				} catch {
-					return own;
+				if (!running.ok) {
+					apply((current) => failed(current, running.failure));
+					return;
+				}
+				apply((current) => loaded(current, [...waiting.data, ...running.data]));
+			};
+			(0, react.useEffect)(() => {
+				load();
+				const onFocus = () => {
+					load();
+				};
+				window.addEventListener("focus", onFocus);
+				return () => {
+					window.removeEventListener("focus", onFocus);
+				};
+			}, []);
+			const decide = (id, action) => {
+				apply((current) => beginAction(current, id));
+				(async () => {
+					const answer = action === "approve" ? await api.approve(id) : action === "reject" ? await api.reject(id) : await api.release(id);
+					if (!answer.ok) {
+						apply((current) => noticed(endAction(current, id), failureText(answer.failure, translate)));
+						return;
+					}
+					apply((current) => noticed(endAction(current, id), null));
+					await load();
+				})();
+			};
+			const age = (row) => {
+				const key = AGE_KEYS[row.age.unit];
+				if (key === void 0) return String(row.age.n);
+				return t(key, { n: row.age.n });
+			};
+			/** Ask the host what this record would store; the answer lands only if the row is still open. */
+			const loadPreview = async (id) => {
+				const answer = await api.preview(id);
+				const view = answer.ok ? answer.data.available ? {
+					kind: "ready",
+					answer: answer.data
+				} : {
+					kind: "unavailable",
+					reason: answer.data.reason
+				} : {
+					kind: "failed",
+					failure: answer.failure
+				};
+				apply((current) => previewArrived(current, id, view));
+			};
+			const togglePreview = (id) => {
+				if (state.open === id) {
+					apply(collapsed);
+					return;
+				}
+				apply((current) => expanded(current, id));
+				loadPreview(id);
+			};
+			/** The facts line, then the source view: the same shape the history panel's diff uses. */
+			const preview = (view) => {
+				if (view.kind === "loading") return (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					role: "status"
+				}, t("approvalPreviewReading"));
+				if (view.kind === "failed") return (0, react.createElement)("p", {
+					className: "evolution-param-error",
+					role: "status"
+				}, failureText(view.failure, translate));
+				if (view.kind === "unavailable") return (0, react.createElement)("p", {
+					className: "evolution-param-error",
+					role: "status"
+				}, t("approvalPreviewNone") + view.reason);
+				const facts = [
+					(0, react.createElement)("span", {
+						className: "evolution-param-fact",
+						key: "path"
+					}, t("approvalPreviewPath", { path: view.answer.path })),
+					(0, react.createElement)("span", {
+						className: "evolution-param-fact",
+						key: "added"
+					}, t("approvalDiffAdded", { n: view.answer.linesAdded })),
+					(0, react.createElement)("span", {
+						className: "evolution-param-fact",
+						key: "removed"
+					}, t("approvalDiffRemoved", { n: view.answer.linesRemoved })),
+					...view.answer.truncated ? [(0, react.createElement)("span", {
+						className: "evolution-param-fact",
+						key: "cut"
+					}, t("approvalDiffCut"))] : []
+				];
+				const lines = [];
+				for (const [hunkIndex, hunk] of view.answer.hunks.entries()) {
+					for (const [index, line] of hunk.oldText.split("\n").entries()) {
+						if (hunk.oldText === "" && line === "") continue;
+						lines.push((0, react.createElement)("div", {
+							key: "old-" + String(hunkIndex) + "-" + String(index),
+							className: "evolution-param-line-del"
+						}, "- " + line));
+					}
+					for (const [index, line] of hunk.newText.split("\n").entries()) {
+						if (hunk.newText === "" && line === "") continue;
+						lines.push((0, react.createElement)("div", {
+							key: "new-" + String(hunkIndex) + "-" + String(index),
+							className: "evolution-param-line-add"
+						}, "+ " + line));
+					}
 				}
+				return (0, react.createElement)("div", null, (0, react.createElement)("p", { className: "evolution-param-facts" }, ...facts), (0, react.createElement)("pre", { className: "evolution-param-diff" }, ...lines.length === 0 ? ["±"] : lines));
+			};
+			const summaryLine = (entry) => entry.verb === void 0 || entry.target === void 0 ? entry.summary : t(VERB_KEYS[entry.verb] ?? "approvalVerbUpdate") + " " + entry.target + (entry.operationCount !== void 0 && entry.operationCount > 1 ? " ×" + String(entry.operationCount) : "");
+			const row = (entry) => {
+				if (entry.status === "executing") return (0, react.createElement)("div", {
+					className: "evolution-param-field",
+					key: entry.id
+				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", {
+					className: "evolution-param-value",
+					title: entry.summary
+				}, summaryLine(entry))), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					role: "status"
+				}, t("approvalExecuting")), entry.claimedBy === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-hint" }, entry.claimedBy), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					disabled: state.busy.includes(entry.id),
+					onClick: () => {
+						decide(entry.id, "release");
+					}
+				}, state.busy.includes(entry.id) ? t("approvalReleasing") : t("approvalRelease"))));
+				const busy = state.busy.includes(entry.id);
+				const button = (label, action, tone) => (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					disabled: busy,
+					...tone === "primary" ? { "data-primary": "true" } : { "data-tone": tone },
+					onClick: () => {
+						if (action === "approve" && confirmMode === "ask" && armed !== entry.id) {
+							setArmed(entry.id);
+							return;
+						}
+						setArmed(null);
+						decide(entry.id, action);
+					}
+				}, busy ? t(action === "approve" ? "approvalApproving" : "approvalRejecting") : t(label));
+				return (0, react.createElement)("div", {
+					className: "evolution-param-field",
+					key: entry.id
+				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", {
+					className: "evolution-param-value",
+					title: entry.summary
+				}, summaryLine(entry))), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), armed === entry.id ? (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					role: "status"
+				}, (0, react.createElement)("span", { className: "evolution-param-value" }, t("approvalConfirmNamed", { n: summaryLine(entry) })), (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					"data-confirm": "yes",
+					"data-primary": "true",
+					onClick: () => {
+						setArmed(null);
+						decide(entry.id, "approve");
+					}
+				}, t("approvalConfirmYes")), (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					"data-tone": "ghost",
+					onClick: () => {
+						setArmed(null);
+					}
+				}, t("approvalConfirmNo"))) : null, (0, react.createElement)("div", { className: "evolution-param-actions" }, button("approvalApprove", "approve", "primary"), button("approvalReject", "reject", "outline"), (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					"data-tone": "ghost",
+					onClick: () => {
+						togglePreview(entry.id);
+					}
+				}, state.open === entry.id ? t("approvalPreviewClose") : t("approvalPreview"))), state.open === entry.id && state.preview !== null ? preview(state.preview) : null);
 			};
-			const t = (key, values) => interpolate(lookup(key), values);
-			const label = () => lookup("entry.label");
-			seam.slots.inject("sidebar.panellist", function* () {
-				yield seam.slots.register({
-					name: "sidebar.panellist",
-					id: spec.id,
-					order: spec.order,
-					label
-				}, spec.icon);
-				yield seam.slots.register({
-					name: "main",
-					key: spec.id,
-					inject: () => spec.body(t)
-				}, spec.component);
-			});
-		}
-		//#endregion
-		//#region src/panels/history/client/api.ts
-		/**
-		* The host routes this bundle calls, and the ONE place a request is made.
-		*
-		* G5/W7: the paths come from the generated client route table (rendered from evolution-core
-		* HOST_ROUTES), and the transport classifier is the shared generated route-client — the browser half
-		* can no longer drift from the host table or grow a second HTTP vocabulary.
-		* @module @lmzhen/dsh-evolution-ui/panels/history/client
-		*/
-		/** Route paths: the generated mirror of the host's HOST_ROUTES (one declaration in core). */
-		const HOST_ROUTES = ROUTES["skill-history"];
-		/**
-		* A refusal the host reported, carrying its own sentence (the curator's, not ours) and the classified
-		* four-state failure so the panel can render the shared failure block (G5/W7 S6b).
-		*/
-		var SkillHistoryRefusal = class extends Error {
-			failure;
-			constructor(failure) {
-				super(failureMessage(failure));
-				this.name = "SkillHistoryRefusal";
-				this.failure = failure;
-			}
-		};
-		/**
-		* Build the panel's face over one fetch implementation.
-		* @param fetchImpl - the fetch to use; a spec passes a stub.
-		* @returns the three callbacks the component receives through its inject face.
-		*/
-		function createSkillHistoryApi(fetchImpl = fetch) {
-			const request = async (path, init) => {
-				const answer = await requestJson(fetchImpl, path, init);
-				if (!answer.ok) throw new SkillHistoryRefusal(answer.failure);
-				return answer.data;
+			const body = () => {
+				if (state.view.kind === "loading") return (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					role: "status"
+				}, t("approvalLoading"));
+				if (state.view.kind === "empty") return (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					role: "status"
+				}, t("approvalEmpty"));
+				if (state.view.kind === "failed") return (0, react.createElement)("div", { className: "evolution-param-actions" }, FailureBlock({
+					failure: state.view.failure,
+					t: translate,
+					fallback: props.fallback
+				}), (0, react.createElement)("button", {
+					className: "evolution-param-button",
+					type: "button",
+					onClick: () => {
+						load();
+					}
+				}, t("approvalRetry")));
+				return (0, react.createElement)("div", null, ...state.view.rows.map(row), state.notice === null ? null : (0, react.createElement)("p", {
+					className: "evolution-param-error",
+					role: "status"
+				}, state.notice));
 			};
-			return {
-				skills: async () => await request(HOST_ROUTES.skills),
-				versions: async (name) => await request(HOST_ROUTES.versions + "?name=" + encodeURIComponent(name)),
-				diff: async (name, v) => await request(HOST_ROUTES.diff + "?name=" + encodeURIComponent(name) + "&v=" + String(v)),
-				body: async (name, v) => await request(HOST_ROUTES.body + "?name=" + encodeURIComponent(name) + "&v=" + String(v)),
-				undo: async (name, v, unitId) => {
-					return (await request(HOST_ROUTES.undo, {
-						method: "POST",
-						headers: { "content-type": "application/json" },
-						body: JSON.stringify(unitId !== void 0 && unitId !== "" ? {
-							name,
-							unitId
-						} : v === void 0 ? { name } : {
-							name,
-							v
-						})
-					})).message;
+			const rows = state.view.kind === "ready" ? state.view.rows : [];
+			const waiting = rows.filter((entry) => entry.status !== "executing").length;
+			const running = rows.length - waiting;
+			return (0, react.createElement)("section", {
+				className: "evolution-param-card",
+				"data-confirm-mode": confirmMode
+			}, (0, react.createElement)("button", {
+				className: "evolution-param-head",
+				type: "button",
+				onClick: () => {
+					setOpen(!open);
+				},
+				"aria-expanded": open
+			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, t("approvalTitle")), state.view.kind === "empty" ? (0, react.createElement)("span", {
+				className: "evolution-param-count",
+				role: "status"
+			}, t("approvalEmpty")) : null, waiting === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalCount", { n: waiting })), running === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalRunningCount", { n: running })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+				className: "evolution-param-button",
+				type: "button",
+				disabled: state.refreshing,
+				onClick: () => {
+					load();
 				}
-			};
+			}, state.refreshing ? t("diagRefreshing") : t("approvalRefresh"))), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, body()) : null);
 		}
 		//#endregion
 		//#region src/panels/history/client/messages.ts
@@ -2545,6 +2915,10 @@ window.__ModuleLoader__.load({
 		const zh = {
 			"entry.label": "技能历史",
 			title: "技能历史",
+			"workbench.history": "技能历史",
+			"workbench.pending": "待批",
+			"workbench.merge": "合并",
+			"workbench.health": "健康",
 			hint: "每次技能写入留下的内容版本。回退只改 SKILL.md 正文，标记、使用计数与策展状态不变。内容相同的版本会同时标「当前」。",
 			search: "按名字或描述筛选",
 			"search.none": "没有匹配的技能。",
@@ -2568,7 +2942,7 @@ window.__ModuleLoader__.load({
 			"failure.unmounted": "该功能没有挂载。",
 			"failure.server": "读取失败，可以重试。",
 			"fallback.hint": "可以改用命令：{command}",
-			"undo.confirm": "确认回退",
+			"undo.confirm": "确认回退（会写入一版，可再回退）",
 			"undo.no": "取消",
 			current: "当前",
 			"versions.count": "{n} 个版本",
@@ -2589,6 +2963,7 @@ window.__ModuleLoader__.load({
 			"markdown.footnotes": "脚注",
 			"diff.hide": "收起差异",
 			"diff.loading": "读取差异…",
+			"preview.loading": "读取预览…",
 			"diff.against": "与 v{n} 比较",
 			"diff.first": "这是第一版，整篇都是新增",
 			"diff.truncated": "差异过长，只显示前一部分",
@@ -2631,6 +3006,10 @@ window.__ModuleLoader__.load({
 		const en = {
 			"entry.label": "Skill history",
 			title: "Skill history",
+			"workbench.history": "Skill history",
+			"workbench.pending": "Pending",
+			"workbench.merge": "Merge",
+			"workbench.health": "Health",
 			hint: "The content versions every skill write leaves behind. Restoring changes the SKILL.md body only: markers, usage counts and curation state stay as they are. Versions holding the same content are all marked “current”.",
 			search: "Filter by name or description",
 			"search.none": "No skill matches.",
@@ -2654,7 +3033,7 @@ window.__ModuleLoader__.load({
 			"failure.unmounted": "This feature is not mounted.",
 			"failure.server": "The read failed; you can retry.",
 			"fallback.hint": "Command fallback: {command}",
-			"undo.confirm": "Confirm restore",
+			"undo.confirm": "Confirm restore (writes a new version; can be undone)",
 			"undo.no": "Cancel",
 			current: "Current",
 			"versions.count": "{n} versions",
@@ -2675,6 +3054,7 @@ window.__ModuleLoader__.load({
 			"markdown.footnotes": "Footnotes",
 			"diff.hide": "Hide diff",
 			"diff.loading": "Loading the diff…",
+			"preview.loading": "Loading the preview…",
 			"diff.against": "compared with v{n}",
 			"diff.first": "first version: everything is new",
 			"diff.truncated": "the change is long; only its beginning is shown",
@@ -2713,19 +3093,6 @@ window.__ModuleLoader__.load({
 			error: "Could not load",
 			"error.hint": "The panel could not reach the host routes — usually a plugin/host version mismatch. Restart DeepSeek Harness and retry; if it persists, ask in the conversation."
 		};
-		/**
-		* Fill one TEMPLATE’s `{n}` slots. The seat resolves the key, this fills it, so the panel needs
-		* only the seat plus this rule and never learns which language it is rendering.
-		* @param template - the copy, with `{slot}` placeholders.
-		* @param values - the substitutions, keyed by the slot name inside the braces.
-		* @returns the filled copy.
-		*/
-		function fill(template, values) {
-			return template.replace(/\{(\w+)\}/g, (match, slot) => {
-				const value = values[slot];
-				return value === void 0 ? match : String(value);
-			});
-		}
 		//#endregion
 		//#region src/panels/history/client/styles.ts
 		/**
@@ -2815,7 +3182,8 @@ window.__ModuleLoader__.load({
 			".evo-doc-add{border-left-color:var(--evo-tone-success)}",
 			".evo-doc-tag{position:absolute;left:var(--evo-space-8);top:var(--evo-space-8);color:var(--dsw-alias-label-tertiary)}",
 			".evo-doc-line-add{color:var(--evo-tone-success)}",
-			".evo-doc-line-del{color:var(--evo-tone-danger)}"
+			".evo-doc-line-del{color:var(--evo-tone-danger)}",
+			"@media (max-width:720px){.evo-hist-root{flex-direction:column}.evo-hist-aside{flex:0 0 auto;width:100%;max-height:42%;border-right:0;border-bottom:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}.evo-hist-row{max-width:none}}"
 		].join("\n");
 		//#endregion
 		//#region src/panels/history/client/atoms.ts
@@ -3261,7 +3629,7 @@ window.__ModuleLoader__.load({
 		*/
 		function PreviewBody(props) {
 			const { face, body } = props;
-			if (body.kind === "loading") return note({ children: face.t("diff.loading") });
+			if (body.kind === "loading") return note({ children: face.t("preview.loading") });
 			if (body.kind === "failed") return note({
 				error: true,
 				children: body.message
@@ -3377,7 +3745,9 @@ window.__ModuleLoader__.load({
 			const [diffs, setDiffs] = (0, react.useState)(/* @__PURE__ */ new Map());
 			const [bodies, setBodies] = (0, react.useState)(/* @__PURE__ */ new Map());
 			const readTicket = (0, react.useRef)(0);
-			const failed = (error) => {
+			const failureSource = (0, react.useRef)(void 0);
+			const failed = (error, source = "read") => {
+				failureSource.current = source;
 				setNoteError(true);
 				setNoteText(face.t("error.hint") + "\n" + face.t("error") + ": " + (error instanceof Error ? error.message : String(error)));
 				setFailure(error instanceof SkillHistoryRefusal ? error.failure : {
@@ -3389,11 +3759,22 @@ window.__ModuleLoader__.load({
 				setNoteError(false);
 				setNoteText(message);
 			};
+			/** A successful read clears only the read failure; a write result is not erased by a later read. */
+			const clearReadFailure = () => {
+				if (failureSource.current !== "read") return;
+				failureSource.current = void 0;
+				setFailure(void 0);
+				setNoteError(false);
+				setNoteText(void 0);
+			};
 			/** The sentence one failed read carries, in ONE place: every reader below reports the same way. */
 			const failedMessage = (error) => face.t("error") + ": " + (error instanceof Error ? error.message : String(error));
 			/** Read the skills again, keeping the sentence: a re-read is not an answer to anything. */
 			const reloadSkills = () => {
-				face.loadSkills().then(setSkills).catch(failed).finally(() => {
+				face.loadSkills().then((next) => {
+					setSkills(next);
+					clearReadFailure();
+				}).catch(failed).finally(() => {
 					setSkillsLoaded(true);
 				});
 			};
@@ -3414,7 +3795,10 @@ window.__ModuleLoader__.load({
 				setDiffs(/* @__PURE__ */ new Map());
 				setBodies(/* @__PURE__ */ new Map());
 				face.loadVersions(name).then((next) => {
-					if (readTicket.current === ticket) setPayload(next);
+					if (readTicket.current === ticket) {
+						setPayload(next);
+						clearReadFailure();
+					}
 				}).catch((error) => {
 					if (readTicket.current !== ticket) return;
 					setVersionsFailed(failedMessage(error));
@@ -3434,6 +3818,10 @@ window.__ModuleLoader__.load({
 				reloadSkills();
 				if (selected !== void 0) showVersions(selected);
 			};
+			(0, react.useEffect)(() => {
+				if (face.focusSkill === void 0 || face.focusSkill === "") return;
+				showVersions(face.focusSkill);
+			}, [face.focusSkill, face.focusRevision]);
 			const restore = (v, unitId) => {
 				if (selected === void 0) return;
 				if (pending !== v) {
@@ -3448,7 +3836,9 @@ window.__ModuleLoader__.load({
 						setNoteText(message + "\n" + face.t("error") + ": " + (error instanceof Error ? error.message : String(error)));
 					});
 					succeeded(message);
-				}).catch(failed);
+				}).catch((error) => {
+					failed(error, "write");
+				});
 			};
 			/**
 			* Expand one row, or collapse it: one row is open at a time, and each kind keeps its own lazy read.
@@ -3591,61 +3981,289 @@ window.__ModuleLoader__.load({
 			return next;
 		}
 		//#endregion
-		//#region src/panels/history/client/ids.ts
-		const PANEL_ID = "skill-history";
-		function PanelIcon(props = {}) {
-			const size = typeof props.size === "number" && props.size > 0 ? props.size : 18;
-			return (0, react.createElement)("svg", {
-				"aria-hidden": "true",
-				width: String(size),
-				height: String(size),
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			}, (0, react.createElement)("circle", {
-				cx: "8",
-				cy: "8",
-				r: "5.75"
-			}), (0, react.createElement)("path", { d: "M8 4.75V8l2.25 1.5" }));
+		//#region src/panels/history/client/Workbench.ts
+		/**
+		* The family's one task page. G3 owns the history view; later groups add health
+		* without creating another page or a second navigation registry.
+		* @module @lmzhen/dsh-evolution-ui/panels/history/client
+		*/
+		/** Stable page id used by the sidebar row, the page slot key, and navigation params. */
+		const WORKBENCH_ID = "evolution.workbench";
+		/** Convert a navigation params value to a skill name only when it is a non-empty string. */
+		function skillOf(params) {
+			const value = params?.["skillName"];
+			return typeof value === "string" && value !== "" ? value : void 0;
 		}
 		/**
-		* Register the locale namespace, the panel row and the panel body.
-		* @param ctx - the client cordis context.
+		* Render the workbench page. The platform keeps it mounted; this component only
+		* consumes a new explicit revision exactly once.
+		* @param props - page owner props plus the injected history face.
+		* @returns the page surface.
 		*/
-		function apply$1(ctx) {
-			const api = createSkillHistoryApi();
-			registerSidebarPanel(ctx, {
-				id: PANEL_ID,
-				order: 35,
-				namespace: NS,
-				dictionaries: {
-					zh,
-					en
+		function WorkbenchPage(props) {
+			const [selectedSkill, setSelectedSkill] = (0, react.useState)(void 0);
+			const [view, setView] = (0, react.useState)("history");
+			const lastRevision = (0, react.useRef)(void 0);
+			(0, react.useEffect)(() => {
+				if (props.revision === void 0 || props.revision === lastRevision.current) return;
+				lastRevision.current = props.revision;
+				const requested = props.params?.["view"];
+				if (requested === "pending" || requested === "merge" || requested === "health") {
+					setView(requested);
+					return;
+				}
+				setView("history");
+				const skill = skillOf(props.params);
+				if (skill !== void 0) setSelectedSkill(skill);
+			}, [props.params, props.revision]);
+			const viewOrder = [
+				"history",
+				"pending",
+				"merge",
+				"health"
+			];
+			const onTabKey = (event, current) => {
+				const delta = event.key === "ArrowRight" ? 1 : event.key === "ArrowLeft" ? -1 : 0;
+				if (delta === 0 && event.key !== "Home" && event.key !== "End") return;
+				event.preventDefault();
+				const index = viewOrder.indexOf(current);
+				const next = event.key === "Home" ? viewOrder[0] : event.key === "End" ? viewOrder[viewOrder.length - 1] : viewOrder[(index + delta + viewOrder.length) % viewOrder.length];
+				setView(next);
+				requestAnimationFrame(() => {
+					document.getElementById("evo-workbench-tab-" + next)?.focus();
+				});
+			};
+			const hasMerge = props.hasView?.("merge") ?? true;
+			const hasHealth = props.hasView?.("health") ?? true;
+			const focusRevision = props.revision === lastRevision.current ? props.revision : void 0;
+			return (0, react.createElement)("section", {
+				className: "evolution-page-surface evo-workbench",
+				"data-page": view
+			}, (0, react.createElement)("div", { className: "evo-workbench-head" }, (0, react.createElement)("h1", { className: "evo-workbench-title" }, props.t("entry.label")), (0, react.createElement)("div", {
+				className: "evo-workbench-tabs",
+				role: "tablist",
+				"aria-label": props.t("entry.label")
+			}, (0, react.createElement)("button", {
+				id: "evo-workbench-tab-history",
+				type: "button",
+				role: "tab",
+				tabIndex: view === "history" ? 0 : -1,
+				"aria-selected": view === "history" ? "true" : "false",
+				"aria-controls": "evo-workbench-panel",
+				"data-active": view === "history" ? "true" : void 0,
+				onClick: () => {
+					setView("history");
 				},
-				fallback: "en",
-				styles: {
-					css: CSS,
-					tagId: CSS_TAG_ID
+				onKeyDown: (event) => {
+					onTabKey(event, "history");
+				}
+			}, props.t("workbench.history")), (0, react.createElement)("button", {
+				id: "evo-workbench-tab-pending",
+				type: "button",
+				role: "tab",
+				tabIndex: view === "pending" ? 0 : -1,
+				"aria-selected": view === "pending" ? "true" : "false",
+				"aria-controls": "evo-workbench-panel",
+				"data-active": view === "pending" ? "true" : void 0,
+				onClick: () => {
+					setView("pending");
 				},
-				icon: PanelIcon,
-				component: SkillHistoryPanel,
-				body: (t) => ({
-					t,
-					format: (key, values) => fill(t(key), values),
-					loadSkills: api.skills,
-					loadVersions: api.versions,
-					loadDiff: api.diff,
-					loadBody: api.body,
-					undo: api.undo,
-					markdownWords: {
-						copy: t("markdown.copy"),
-						copied: t("markdown.copied"),
-						footnotes: t("markdown.footnotes")
-					}
-				})
+				onKeyDown: (event) => {
+					onTabKey(event, "pending");
+				}
+			}, props.t("workbench.pending")), !hasMerge ? null : (0, react.createElement)("button", {
+				id: "evo-workbench-tab-merge",
+				type: "button",
+				role: "tab",
+				tabIndex: view === "merge" ? 0 : -1,
+				"aria-selected": view === "merge" ? "true" : "false",
+				"aria-controls": "evo-workbench-panel",
+				"data-active": view === "merge" ? "true" : void 0,
+				onClick: () => {
+					setView("merge");
+				},
+				onKeyDown: (event) => {
+					onTabKey(event, "merge");
+				}
+			}, props.t("workbench.merge")), !hasHealth ? null : (0, react.createElement)("button", {
+				id: "evo-workbench-tab-health",
+				type: "button",
+				role: "tab",
+				tabIndex: view === "health" ? 0 : -1,
+				"aria-selected": view === "health" ? "true" : "false",
+				"aria-controls": "evo-workbench-panel",
+				"data-active": view === "health" ? "true" : void 0,
+				onClick: () => {
+					setView("health");
+				},
+				onKeyDown: (event) => {
+					onTabKey(event, "health");
+				}
+			}, props.t("workbench.health")))), (0, react.createElement)("div", {
+				className: "evo-workbench-body",
+				id: "evo-workbench-panel",
+				role: "tabpanel"
+			}, view === "history" ? (0, react.createElement)(SkillHistoryPanel, {
+				...props.history,
+				focusSkill: selectedSkill,
+				focusRevision
+			}) : view === "pending" ? (0, react.createElement)(PendingCard, props.pending) : null, (0, react.createElement)("div", {
+				hidden: view !== "merge" && view !== "health",
+				className: "evo-workbench-feature"
+			}, props.renderSlot?.("evolution.workbench.view", { activeView: view }) ?? null)));
+		}
+		/**
+		* Render the sidebar entry that opens the workbench.
+		* @param props - active page id, opener, and copy.
+		* @returns the row button.
+		*/
+		function WorkbenchNav(props) {
+			const active = props.activePageId === WORKBENCH_ID;
+			return (0, react.createElement)("button", {
+				type: "button",
+				className: "evo-workbench-nav",
+				"data-active": active ? "true" : void 0,
+				"aria-current": active ? "page" : void 0,
+				onClick: () => {
+					props.openPage(WORKBENCH_ID);
+				}
+			}, props.t("entry.label"));
+		}
+		/** Workbench shell and sidebar row; colours come from the platform tokens. */
+		const WORKBENCH_CSS = [
+			tokenVars(".evo-workbench"),
+			".evo-workbench{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}",
+			".evo-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:var(--evo-space-16);padding:var(--evo-space-12) var(--evo-space-16);border-bottom:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}",
+			".evo-workbench-tabs{display:flex;gap:var(--evo-space-4)}",
+			".evo-workbench-tabs button{padding:var(--evo-space-4) var(--evo-space-8);border:0;border-radius:var(--evo-radius-control);background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:var(--evo-type-sm);cursor:pointer}",
+			".evo-workbench-tabs button[data-active=\"true\"]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}",
+			".evo-workbench-tabs button:focus-visible{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
+			".evo-workbench-title{margin:0;font-size:var(--evo-type-lg);font-weight:600;line-height:var(--evo-leading-base)}",
+			".evo-workbench-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}",
+			".evo-workbench-nav{display:flex;width:100%;align-items:center;gap:var(--evo-space-8);padding:var(--evo-space-6) var(--evo-space-12);border:0;border-radius:var(--evo-radius-control);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:var(--evo-type-sm);text-align:left;cursor:pointer}",
+			".evo-workbench-nav:hover,.evo-workbench-nav[data-active=\"true\"]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}",
+			".evo-workbench-nav:focus-visible{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
+			"@media (max-width:720px){.evo-workbench-head{flex-wrap:wrap}.evo-workbench-tabs{flex-wrap:wrap}}"
+		].join("");
+		//#endregion
+		//#region src/panels/history/client/index.ts
+		function injectStyles(documentRef, css) {
+			if (documentRef === void 0) return () => {};
+			documentRef.querySelector("style[data-plugin-css=\"@lmzhen/dsh-evolution-ui/panel.css\"]")?.remove();
+			const tag = documentRef.createElement("style");
+			tag.setAttribute("data-plugin-css", CSS_TAG_ID);
+			tag.textContent = css;
+			documentRef.head.appendChild(tag);
+			return () => {
+				tag.remove();
+			};
+		}
+		/**
+		* Register the locale namespace, the workbench page, and its sidebar entry.
+		* @param ctx - client cordis context.
+		*/
+		function apply$1(ctx) {
+			const seam = ctx;
+			const api = createSkillHistoryApi();
+			let registered = false;
+			ctx.effect(() => {
+				try {
+					const dispose = seam.locale.register(NS, {
+						zh,
+						en
+					});
+					registered = true;
+					return dispose;
+				} catch (error) {
+					ctx.logger.warn("evolution-skill-history: the locale seat refused the dictionary (" + String(error) + "); the workbench falls back to the bundle copy");
+					return () => {};
+				}
+			}, "evolution-skill-history: locale");
+			ctx.effect(() => injectStyles(typeof document === "undefined" ? void 0 : document, CSS + WORKBENCH_CSS), "evolution-skill-history: styles");
+			const fallback = zh;
+			const lookup = (key) => {
+				const own = fallback[key] ?? key;
+				if (!registered) return own;
+				try {
+					return seam.locale.bind(NS)(key);
+				} catch {
+					return own;
+				}
+			};
+			const t = (key, values) => {
+				const template = lookup(key);
+				if (values === void 0) return template;
+				return template.replace(/\{(\w+)\}/g, (match, slot) => values[slot] === void 0 ? match : String(values[slot]));
+			};
+			const historyFace = () => ({
+				t,
+				format: (key, values) => t(key, values),
+				loadSkills: api.skills,
+				loadVersions: api.versions,
+				loadDiff: api.diff,
+				loadBody: api.body,
+				undo: api.undo,
+				markdownWords: {
+					copy: t("markdown.copy"),
+					copied: t("markdown.copied"),
+					footnotes: t("markdown.footnotes")
+				}
+			});
+			const pendingT = (key, values) => {
+				let template;
+				try {
+					template = seam.locale.bind(NS$1)(key);
+				} catch {
+					template = message(key);
+				}
+				return values === void 0 ? template : fill(template, values);
+			};
+			const settingsSeat = createSettingsSeat(ctx);
+			let approvalConfirmMode = "ask";
+			const approvalForm = settingsSeat.get("evolution-approval");
+			const stopApprovalWatch = approvalForm?.subscribe(() => {
+				approvalConfirmMode = confirmModeFrom(approvalForm.getSnapshot().user);
+			});
+			if (stopApprovalWatch !== void 0) ctx.effect(() => stopApprovalWatch, "evolution-history: approval confirm mode");
+			const confirmMode = () => approvalConfirmMode;
+			const hasView = (view) => {
+				try {
+					return (seam.slots.entries?.("evolution.workbench.view") ?? []).some((entry) => entry.options?.id === (view === "merge" ? "merge" : "skill-health"));
+				} catch {
+					return false;
+				}
+			};
+			const pendingFace = () => ({
+				t: pendingT,
+				api: createApprovalApi((input, init) => fetch(input, init)),
+				confirmMode,
+				fallback: FALLBACKS.approval
+			});
+			const label = () => t("entry.label");
+			seam.slots.inject("sidebar.pages", function* () {
+				yield seam.slots.register({
+					name: "sidebar.pages",
+					id: WORKBENCH_ID,
+					order: 35,
+					label,
+					inject: () => ({ t })
+				}, WorkbenchNav);
+			});
+			seam.slots.inject("layout.page", function* () {
+				yield seam.slots.register({
+					name: "layout.page",
+					key: WORKBENCH_ID,
+					children: { "evolution.workbench.view": {
+						kind: "list",
+						scope: "root"
+					} },
+					inject: () => ({
+						t,
+						history: historyFace(),
+						pending: pendingFace(),
+						hasView
+					})
+				}, WorkbenchPage);
 			});
 		}
 		//#endregion