@lmzhen/dsh-evolution-settings-ui 0.22.0 → 0.23.0

package/lib/client.js

@@ -89,7 +89,27 @@ window.__ModuleLoader__.load({
 					control: "number",
 					unit: "毫秒",
 					values: [],
-					valueLabels: []
+					valueLabels: [],
+					atLeast: ""
+				}, {
+					id: "approvalConfirm",
+					group: "write-caps",
+					doc: "What the confirmation before an APPROVE does: write straight through, ask first, or treat an unanswered prompt as a cancel. The same three words skillWriteConfirm uses for a skill write.",
+					label: "批准前先确认",
+					hint: "点「批准」时要不要再确认一次：直接执行 / 先确认 / 等待超时即取消。默认直接执行（不打断批量批准）。",
+					control: "select",
+					unit: "",
+					values: [
+						"auto",
+						"ask",
+						"timeout"
+					],
+					valueLabels: [
+						"直接执行",
+						"先确认",
+						"等待超时即取消"
+					],
+					atLeast: ""
 				}]
 			},
 			{
@@ -104,7 +124,8 @@ window.__ModuleLoader__.load({
 					control: "switch",
 					unit: "",
 					values: [],
-					valueLabels: []
+					valueLabels: [],
+					atLeast: ""
 				}]
 			},
 			{
@@ -120,7 +141,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "小时",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "staleAfterDays",
@@ -131,7 +153,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "天",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "archiveAfterDays",
@@ -142,7 +165,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "天",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: "staleAfterDays"
 					},
 					{
 						id: "minIdleHours",
@@ -153,7 +177,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "小时",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "minIdleFailOpen",
@@ -164,7 +189,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "llmReview",
@@ -175,7 +201,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "curatorReviewMaxTokens",
@@ -186,7 +213,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "token",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "curatorReviewTimeoutMs",
@@ -197,7 +225,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "毫秒",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "healthSoftBodyChars",
@@ -208,7 +237,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "healthStampDensityPerKb",
@@ -219,7 +249,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "处/KB",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "healthChurnMinPatches",
@@ -230,7 +261,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "处",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					}
 				]
 			},
@@ -247,7 +279,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "次",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "reviewMemoryInterval",
@@ -258,7 +291,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "次",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "skillReviewTrigger",
@@ -277,7 +311,8 @@ window.__ModuleLoader__.load({
 							"按间隔",
 							"按任务完成",
 							"两者"
-						]
+						],
+						atLeast: ""
 					},
 					{
 						id: "skillReviewCompletionMinToolCalls",
@@ -288,7 +323,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "次",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "reviewEnabled",
@@ -299,7 +335,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "reviewMode",
@@ -310,7 +347,8 @@ window.__ModuleLoader__.load({
 						control: "select",
 						unit: "",
 						values: ["subagent", "inject"],
-						valueLabels: ["交给子代理", "在当前会话里"]
+						valueLabels: ["交给子代理", "在当前会话里"],
+						atLeast: ""
 					},
 					{
 						id: "reviewWakeInject",
@@ -321,7 +359,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					}
 				]
 			},
@@ -338,7 +377,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "userChars",
@@ -349,7 +389,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "addDatePrefix",
@@ -360,7 +401,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "maxConsolidationFailures",
@@ -371,7 +413,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "次",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					}
 				]
 			},
@@ -387,7 +430,8 @@ window.__ModuleLoader__.load({
 					control: "number",
 					unit: "字符",
 					values: [],
-					valueLabels: []
+					valueLabels: [],
+					atLeast: ""
 				}]
 			},
 			{
@@ -403,7 +447,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "maxSkillFileBytes",
@@ -414,7 +459,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字节",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "maxSkillNameLength",
@@ -425,7 +471,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "maxDescriptionLength",
@@ -436,7 +483,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "字符",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "descriptionStrict",
@@ -447,7 +495,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "strictCrossSource",
@@ -458,7 +507,8 @@ window.__ModuleLoader__.load({
 						control: "switch",
 						unit: "",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					},
 					{
 						id: "citationPolicy",
@@ -469,7 +519,8 @@ window.__ModuleLoader__.load({
 						control: "select",
 						unit: "",
 						values: ["verify", "refuse"],
-						valueLabels: ["先检查", "直接拒绝"]
+						valueLabels: ["先检查", "直接拒绝"],
+						atLeast: ""
 					},
 					{
 						id: "supportFileCharPolicy",
@@ -480,7 +531,8 @@ window.__ModuleLoader__.load({
 						control: "select",
 						unit: "",
 						values: ["report", "enforce"],
-						valueLabels: ["只提醒", "拒绝写入"]
+						valueLabels: ["只提醒", "拒绝写入"],
+						atLeast: ""
 					},
 					{
 						id: "skillWriteConfirm",
@@ -499,7 +551,8 @@ window.__ModuleLoader__.load({
 							"不弹窗直接写入",
 							"一直等待回答",
 							"超时自动取消"
-						]
+						],
+						atLeast: ""
 					},
 					{
 						id: "skillWriteConfirmTimeoutSeconds",
@@ -510,7 +563,8 @@ window.__ModuleLoader__.load({
 						control: "number",
 						unit: "秒",
 						values: [],
-						valueLabels: []
+						valueLabels: [],
+						atLeast: ""
 					}
 				]
 			}
@@ -655,6 +709,17 @@ window.__ModuleLoader__.load({
 		* refusal is shown with the host's own sentence.
 		* @module @lmzhen/dsh-evolution-settings-ui/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" ? value : "auto";
+		}
 		/** Which word one age bucket gets; an unknown bucket falls back to the count form. */
 		const AGE_KEYS = Object.freeze({
 			now: "approvalAgeNow",
@@ -676,6 +741,8 @@ window.__ModuleLoader__.load({
 		*/
 		function PendingCard(props) {
 			const { t, api } = props;
+			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);
@@ -731,7 +798,7 @@ window.__ModuleLoader__.load({
 			const age = (row) => {
 				const key = AGE_KEYS[row.age.unit];
 				if (key === void 0) return String(row.age.n);
-				return t(key).replace("{n}", 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) => {
@@ -758,18 +825,27 @@ window.__ModuleLoader__.load({
 			};
 			/** 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" }, t("approvalPreviewReading"));
-				if (view.kind === "failed") return (0, react.createElement)("p", { className: "evolution-param-error" }, view.message);
-				if (view.kind === "unavailable") return (0, react.createElement)("p", { className: "evolution-param-error" }, t("approvalPreviewNone") + view.reason);
+				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"
+				}, view.message);
+				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").replace("{n}", String(view.answer.linesAdded))),
+					}, t("approvalDiffAdded", { n: view.answer.linesAdded })),
 					(0, react.createElement)("span", {
 						className: "evolution-param-fact",
 						key: "removed"
-					}, t("approvalDiffRemoved").replace("{n}", String(view.answer.linesRemoved))),
+					}, t("approvalDiffRemoved", { n: view.answer.linesRemoved })),
 					...view.answer.truncated ? [(0, react.createElement)("span", {
 						className: "evolution-param-fact",
 						key: "cut"
@@ -798,38 +874,79 @@ window.__ModuleLoader__.load({
 				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" }, t("approvalExecuting")), entry.claimedBy === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-hint" }, entry.claimedBy));
+				}, (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) => (0, react.createElement)("button", {
+				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)), (0, react.createElement)("div", { className: "evolution-param-actions" }, button("approvalApprove", "approve"), button("approvalReject", "reject"), (0, react.createElement)("button", {
+				}, (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" }, t("approvalLoading"));
-				if (state.view.kind === "empty") return (0, react.createElement)("p", { className: "evolution-param-note" }, t("approvalEmpty"));
-				if (state.view.kind === "failed") return (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("p", { className: "evolution-param-error" }, t("approvalFailed") + ": " + state.view.message), (0, react.createElement)("button", {
+				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" }, (0, react.createElement)("p", {
+					className: "evolution-param-error",
+					role: "status"
+				}, t("approvalFailed") + ": " + state.view.message), (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" }, state.notice));
+				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;
@@ -841,7 +958,7 @@ window.__ModuleLoader__.load({
 					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").replace("{n}", String(waiting))), running === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalRunningCount").replace("{n}", String(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", {
+			}, (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: () => {
@@ -867,7 +984,7 @@ window.__ModuleLoader__.load({
 		const zh = {
 			title: "自进化",
 			subtitle: "待你决定的写入在最上面；下面按功能列出你能改的参数，没有列出的由安装时的配置决定。",
-			overridden: "我改过",
+			overridden: "已覆盖",
 			deployment: "默认",
 			loading: "正在读取设置…",
 			unavailable: "这个功能没有启动（对应的插件没有安装）",
@@ -877,12 +994,21 @@ window.__ModuleLoader__.load({
 			apply: "保存",
 			reset: "恢复默认值",
 			empty: "这里没有可改项",
-			changed: "{n} 项已改",
+			changed: "{n} 项已覆盖",
 			discard: "放弃修改",
 			saving: "保存中…",
 			resetting: "恢复中…",
-			refused: "这个值没有被接受（界面上保持原样）。想看原因：运行 /evolution params 或 /evolution doctor。",
-			resetRefused: "恢复默认值没有生效（这一行还是你的值）。想看原因：运行 /evolution params 或 /evolution doctor。",
+			destHost: "保存去向：本机配置",
+			invalidNumber: "需要一个数字",
+			invalidSelect: "不在允许的取值里",
+			invalidAtLeast: "不能小于同组的 {n}",
+			approvalConfirmNamed: "即将批准：{n}",
+			approvalConfirmYes: "确认批准",
+			approvalConfirmNo: "取消",
+			destMemory: "保存去向：仅本次会话",
+			resetTo: "复位为 {value}",
+			refused: "这个值没有被接受（界面上保持原样）。想看原因：在对话里让它说明。",
+			resetRefused: "恢复默认值没有生效（这一行还是你的值）。想看原因：在对话里让它说明。",
 			cardReview: "会话回顾",
 			cardMemory: "长期记忆",
 			cardToolMemory: "记忆写入",
@@ -921,7 +1047,7 @@ window.__ModuleLoader__.load({
 		const en = {
 			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.",
-			overridden: "edited by you",
+			overridden: "Overridden",
 			deployment: "default",
 			loading: "reading settings…",
 			unavailable: "this feature is not running (its plugin is not installed)",
@@ -931,12 +1057,21 @@ window.__ModuleLoader__.load({
 			apply: "Save",
 			reset: "Reset to default",
 			empty: "nothing to change here",
-			changed: "{n} changed",
+			changed: "{n} overridden",
 			discard: "Discard",
 			saving: "Saving…",
 			resetting: "Resetting…",
-			refused: "The value was not accepted (the page keeps what you see). For the reason run /evolution params or /evolution doctor.",
-			resetRefused: "The reset did not take (this row still holds your value). For the reason run /evolution params or /evolution doctor.",
+			destHost: "Saved to: this machine",
+			invalidNumber: "Needs a number",
+			invalidSelect: "Not one of the allowed values",
+			invalidAtLeast: "must not be below {n}",
+			approvalConfirmNamed: "About to approve: {n}",
+			approvalConfirmYes: "Approve",
+			approvalConfirmNo: "Cancel",
+			destMemory: "Saved to: this session only",
+			resetTo: "Restores {value}",
+			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",
 			cardMemory: "Long-term memory",
 			cardToolMemory: "Writing memory",
@@ -991,45 +1126,33 @@ window.__ModuleLoader__.load({
 		* @param language - which dictionary to read; defaults to Chinese.
 		* @returns the copy this bundle carries.
 		*/
-		function message(key, language = "zh") {
+		function message(key, language = "en") {
 			return language === "zh" ? zh[key] : en[key];
 		}
-		//#endregion
-		//#region src/client/settle.ts
 		/**
-		* Structural equality for the values a parameter can hold.
-		*
-		* T5-10: the comparison walks the value instead of comparing serializations, because key ORDER is
-		* not part of an object's value — `{ a: 1, b: 2 }` and `{ b: 2, a: 1 }` are the same value, but
-		* their `JSON.stringify` output differs, and the card then read a save that HAD landed as refused
-		* (draft kept, error line shown). Array order IS part of an array's value, so arrays compare
-		* element-wise. `NaN` equals itself through the `Object.is` fast path; other primitives use `===`,
-		* which keeps `0` and `-0` equal exactly as the serialization comparison did.
-		* @param a - one side of the comparison.
-		* @param b - the other side.
-		* @returns true when the two are the same value.
+		* Fill one TEMPLATE's `{slot}` placeholders (G5 C4). The seat's translator takes the values, so the
+		* rule lives here instead of at every call site — `t('changed').replace('{n}', …)` used to be
+		* written seven times across three components. An UNKNOWN slot is left standing: a missing value
+		* must not print "undefined" into the operator's UI.
+		* @param template - the resolved copy, with `{slot}` placeholders.
+		* @param values - substitutions keyed by the slot name inside the braces.
+		* @returns the filled copy.
 		*/
-		function sameValue(a, b) {
-			if (Object.is(a, b)) return true;
-			if (a === null || b === null || typeof a !== "object" || typeof b !== "object") return a === b;
-			if (Array.isArray(a) || Array.isArray(b)) {
-				if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
-				return a.every((item, index) => sameValue(item, b[index]));
-			}
-			const left = a;
-			const right = b;
-			const keys = Object.keys(left);
-			return keys.length === Object.keys(right).length && keys.every((key) => Object.hasOwn(right, key) && sameValue(left[key], right[key]));
+		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/client/guards.ts
 		/**
-		* Whether every staged operation is visible in the user layer.
-		* @param pending - the operations awaiting a verdict.
-		* @param user - the user layer of the post-write snapshot; a non-section reads as empty.
-		* @returns true when each staged id now holds the requested value, or is gone after an `unset`.
+		* Is this a non-null, non-array object (what JSON calls an object)?
+		* @param value - the value to test.
+		* @returns whether it is a plain object.
 		*/
-		function landedSettlements(pending, user) {
-			const section = typeof user === "object" && user !== null && !Array.isArray(user) ? user : {};
-			return pending.every((entry) => entry.op === "unset" ? !Object.hasOwn(section, entry.id) : sameValue(section[entry.id], entry.want));
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
 		}
 		//#endregion
 		//#region src/client/ParamCard.ts
@@ -1074,17 +1197,62 @@ window.__ModuleLoader__.load({
 				return trimmed;
 			}
 		}
-		/** Whether a value is a plain section object. */
-		function isSection$1(value) {
-			return typeof value === "object" && value !== null && !Array.isArray(value);
+		/**
+		* U-4: whether one field's CURRENT text is a value the Host can take. The controls constrain their own
+		* domains (a number input sanitizes, a select only offers listed values), so the reachable case is a
+		* value the registry no longer lists — carried in the user layer and re-staged by any other edit.
+		* @param field - the generated field.
+		* @param text - the text the control holds right now.
+		* @param peer - U-4: the text the row this field declares `atLeast` against currently holds (absent
+		* when the field declares no relation, or when that row is not on this card).
+		* @returns the message key explaining the refusal, or null when the value is acceptable.
+		*/
+		function invalidReason(field, text, peer) {
+			const trimmed = text.trim();
+			if (trimmed === "") return null;
+			if (field.control === "number") {
+				if (!Number.isFinite(Number(trimmed))) return "invalidNumber";
+				if (field.atLeast !== "" && peer !== void 0 && peer.trim() !== "" && Number.isFinite(Number(peer))) {
+					if (Number(trimmed) < Number(peer)) return "invalidAtLeast";
+				}
+				return null;
+			}
+			if (field.control === "select") return field.values.includes(trimmed) ? null : "invalidSelect";
+			return null;
+		}
+		/**
+		* U-5: the value a reset would restore, spelled for a reader. Only primitives are shown: the seat's
+		* `base` may be a nested object, and `[object Object]` is worse than saying nothing.
+		* @param value - the seat's base value for one field.
+		* @returns its display string, or null when it is not a primitive.
+		*/
+		function resetToOf(value) {
+			if (value === null || value === void 0) return null;
+			if (typeof value === "string") return value;
+			if (typeof value === "number" || typeof value === "boolean") return String(value);
+			return null;
+		}
+		/**
+		* The DOM id a field's control, its label and its explanation node all share. ONE definition: the
+		* three call sites used to spell the string out, and the third one (the explanation node) referred to
+		* a local that only existed inside the control — a ReferenceError on every invalid value, which the
+		* unit-level fixture could not see because it never rendered one (independent review, P1-1).
+		*/
+		function controlId(field) {
+			return "evolution-param-" + field.id;
 		}
 		/** One field's control, typed from the registry. */
 		function FieldControl(props) {
 			const { field, text } = props;
+			const id = controlId(field);
 			const common = {
-				id: "evolution-param-" + field.id,
+				id,
 				disabled: props.disabled,
-				className: "evolution-param-input"
+				className: "evolution-param-input",
+				...props.invalid === null ? {} : {
+					"aria-invalid": "true",
+					"aria-describedby": id + "-invalid"
+				}
 			};
 			if (field.control === "switch") return (0, react.createElement)("input", {
 				...common,
@@ -1122,17 +1290,21 @@ window.__ModuleLoader__.load({
 		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: "evolution-param-" + field.id }, field.label === "" ? field.id : field.label), unit, (0, react.createElement)("span", {
+			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", {
 				className: "evolution-param-source",
-				"data-user": props.overridden ? "true" : "false"
-			}, props.overridden ? t("overridden") : t("deployment"))), FieldControl(props), (0, react.createElement)("p", { className: "evolution-param-hint" }, field.hint === "" ? field.doc : field.hint), props.overridden ? (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+				"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", {
+				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", {
 				type: "button",
 				className: "evolution-param-button",
 				disabled: props.disabled || props.clearing,
 				onClick: () => {
 					props.onClear(field.id);
 				}
-			}, props.clearing ? t("resetting") : t("reset"))) : null);
+			}, props.clearing ? t("resetting") : t("reset")), props.resetTo === null ? null : (0, react.createElement)("span", { className: "evolution-param-hint" }, t("resetTo", { value: props.resetTo }))) : null);
 		}
 		/**
 		* Render one row's card body from a supplied snapshot.
@@ -1147,10 +1319,16 @@ window.__ModuleLoader__.load({
 			const [error, setError] = (0, react.useState)("");
 			const [pending, setPending] = (0, react.useState)(null);
 			const [clearing, setClearing] = (0, react.useState)(null);
-			if (snapshot.status === "loading") return (0, react.createElement)("p", { className: "evolution-param-note" }, t("loading"));
-			if (snapshot.status === "unavailable") return (0, react.createElement)("p", { className: "evolution-param-note" }, t(snapshot.reason === "seat-missing" ? "seatMissing" : snapshot.reason === "projection-failed" ? "projectionFailed" : "unavailable"));
-			const user = isSection$1(snapshot.user) ? snapshot.user : {};
-			const value = isSection$1(snapshot.value) ? snapshot.value : {};
+			if (snapshot.status === "loading") return (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, t("loading"));
+			if (snapshot.status === "unavailable") return (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, t(snapshot.reason === "seat-missing" ? "seatMissing" : snapshot.reason === "projection-failed" ? "projectionFailed" : "unavailable"));
+			const user = isRecord(snapshot.user) ? snapshot.user : {};
+			const value = isRecord(snapshot.value) ? snapshot.value : {};
 			const disabled = !snapshot.writable;
 			const locked = disabled || busy || clearing !== null;
 			const titleKey = NAMESPACE_TITLES[namespace];
@@ -1158,6 +1336,12 @@ window.__ModuleLoader__.load({
 			const changed = fields.filter((field) => Object.hasOwn(user, field.id)).length;
 			const textOf = (field) => draft[field.id] ?? format(value[field.id]);
 			const dirty = fields.filter((field) => draft[field.id] !== void 0 && draft[field.id] !== format(value[field.id]));
+			const peerTextOf = (field) => {
+				if (field.atLeast === "") return void 0;
+				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 change = (id, next) => {
 				setDraft({
 					...draft,
@@ -1182,11 +1366,11 @@ window.__ModuleLoader__.load({
 				setPending(null);
 				setBusy(false);
 				setClearing(null);
-				if (!landedSettlements(pending, snapshot.user)) {
-					setError(t(pending.every((entry) => entry.op === "unset") ? "resetRefused" : "refused"));
+				if (!pending.accepted) {
+					setError(t(pending.resets ? "resetRefused" : "refused"));
 					return;
 				}
-				if (pending.some((entry) => entry.op === "set")) setDraft({});
+				if (!pending.resets) setDraft({});
 			}, [
 				pending,
 				snapshot.user,
@@ -1204,17 +1388,18 @@ window.__ModuleLoader__.load({
 				setClearing(field);
 				setError("");
 				(async () => {
+					let accepted;
 					try {
-						await clear(field);
+						accepted = await clear(field);
 					} catch (caught) {
 						setClearing(null);
 						setError(caught instanceof Error && caught.message !== "" ? caught.message : t("resetRefused"));
 						return;
 					}
-					setPending([{
-						op: "unset",
-						id: field
-					}]);
+					setPending({
+						accepted,
+						resets: true
+					});
 				})();
 			};
 			const save = () => {
@@ -1222,16 +1407,14 @@ window.__ModuleLoader__.load({
 				setError("");
 				(async () => {
 					try {
-						await mutateOnce(dirty.map((field) => ({
-							op: "set",
-							path: [field.id],
-							value: parseFor(field.control, textOf(field))
-						})));
-						setPending(dirty.map((field) => ({
-							op: "set",
-							id: field.id,
-							want: parseFor(field.control, textOf(field))
-						})));
+						setPending({
+							accepted: await mutateOnce(dirty.map((field) => ({
+								op: "set",
+								path: [field.id],
+								value: parseFor(field.control, textOf(field))
+							}))),
+							resets: false
+						});
 					} catch (caught) {
 						setBusy(false);
 						setError(caught instanceof Error && caught.message !== "" ? caught.message : t("refused"));
@@ -1245,20 +1428,34 @@ 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").replace("{n}", String(changed))), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, disabled ? (0, react.createElement)("p", { className: "evolution-param-note" }, t("readonly")) : null, fields.length === 0 ? (0, react.createElement)("p", { className: "evolution-param-note" }, t("empty")) : fields.map((field) => (0, react.createElement)(FieldBlock, {
+			}, (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" }, snapshot.mode === "memory" ? t("destMemory") : t("destHost")), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), open ? (0, react.createElement)("div", { className: "evolution-param-body" }, disabled ? (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, t("readonly")) : null, fields.length === 0 ? (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, 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, {
 				key: field.id,
 				field,
 				text: textOf(field),
 				overridden: Object.hasOwn(user, field.id),
 				disabled: locked,
 				clearing: clearing === field.id,
+				resetTo: resetToOf(snapshot.base?.[field.id]),
+				invalid: invalidReason(field, textOf(field), peerTextOf(field)),
 				t,
 				onChange: change,
 				onClear: reset
-			})), error === "" ? null : (0, react.createElement)("p", { className: "evolution-param-error" }, error), fields.length === 0 ? null : (0, react.createElement)("div", { className: "evolution-param-footer" }, (0, react.createElement)("button", {
+			})]), 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", {
 				type: "button",
 				className: "evolution-param-button",
-				disabled: busy || dirty.length === 0,
+				disabled: busy || dirty.length === 0 || blocked,
 				onClick: () => {
 					setDraft({});
 					setError("");
@@ -1296,6 +1493,8 @@ window.__ModuleLoader__.load({
 			value: void 0,
 			user: void 0,
 			writable: false,
+			base: void 0,
+			mode: "host",
 			reason: "seat-missing"
 		});
 		/** What a card shows when the seat served the row but projecting it failed. A frozen constant
@@ -1306,17 +1505,11 @@ window.__ModuleLoader__.load({
 			value: void 0,
 			user: void 0,
 			writable: false,
+			base: void 0,
+			mode: "host",
 			reason: "projection-failed"
 		});
 		/**
-		* Whether a value is a plain section object.
-		* @param value - the value to test.
-		* @returns true for a non-null, non-array object.
-		*/
-		function isSection(value) {
-			return typeof value === "object" && value !== null && !Array.isArray(value);
-		}
-		/**
 		* Project one platform snapshot into the card's own shape.
 		* @param snapshot - the seat's snapshot.
 		* @returns the card's snapshot, with the reason an unavailable one is unavailable.
@@ -1324,9 +1517,11 @@ window.__ModuleLoader__.load({
 		function sectionSnapshotOf(snapshot) {
 			return {
 				status: snapshot.status,
-				value: isSection(snapshot.value) ? snapshot.value : void 0,
+				value: isRecord(snapshot.value) ? snapshot.value : void 0,
 				user: snapshot.user,
 				writable: snapshot.writable,
+				base: isRecord(snapshot.base) ? snapshot.base : void 0,
+				mode: snapshot.mode,
 				...snapshot.status === "unavailable" ? { reason: "not-served" } : {}
 			};
 		}
@@ -1432,10 +1627,16 @@ window.__ModuleLoader__.load({
 			const form = () => probe()?.get(namespace);
 			return {
 				mutateOnce: async (ops) => {
-					await form()?.mutate(ops);
+					const seat = form();
+					if (seat === void 0) return false;
+					await seat.mutate(ops);
+					return true;
 				},
 				clear: async (field) => {
-					await form()?.unset(field);
+					const seat = form();
+					if (seat === void 0) return false;
+					await seat.unset(field);
+					return true;
 				}
 			};
 		}
@@ -1485,7 +1686,7 @@ window.__ModuleLoader__.load({
 		* @returns how many of them the user overrode.
 		*/
 		function overridden(user, fields) {
-			const layer = isSection(user) ? user : {};
+			const layer = isRecord(user) ? user : {};
 			return fields.filter((field) => Object.hasOwn(layer, field.id)).length;
 		}
 		/**
@@ -1495,23 +1696,22 @@ window.__ModuleLoader__.load({
 		*/
 		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" }, t("seatMissing"));
+			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);
-			if (view === "summary") return changed === 0 ? null : (0, react.createElement)("span", null, t("changed").replace("{n}", String(changed)));
+			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) => {
-					await form.mutate(ops, form.state.revision);
-				},
-				clear: async (field) => {
-					await form.mutate([{
-						op: "unset",
-						path: [field]
-					}], form.state.revision);
-				}
+				mutateOnce: async (ops) => form.mutate(ops, form.state.revision),
+				clear: async (field) => form.mutate([{
+					op: "unset",
+					path: [field]
+				}], form.state.revision)
 			});
 		}
 		//#endregion
@@ -1560,7 +1760,7 @@ window.__ModuleLoader__.load({
 		* @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)("div", {
+			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.23.0 · Web settings cards for the evolution family's parameter namespaces"), (0, react.createElement)("div", {
 				key: PENDING_CARD_KEY,
 				className: "evolution-params-group"
 			}, face.renderSlot(CARD_SLOT, {}, { entryKey: PENDING_CARD_KEY })), ...CLIENT_PARAM_SECTIONS.map((section_) => (0, react.createElement)("div", {
@@ -1608,6 +1808,7 @@ window.__ModuleLoader__.load({
 			".evolution-params{display:flex;flex-direction:column}",
 			".evolution-params-title{margin:0 0 var(--evo-space-4);color:var(--dsw-alias-label-primary);font-size:var(--evo-type-lg);font-weight:600;line-height:var(--evo-leading-base)}",
 			".evolution-params-subtitle{margin:0 0 var(--evo-space-16);color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
+			".evolution-params-about{margin:0 0 var(--evo-space-16);color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs)}",
 			".evolution-param-card{border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-1);margin-bottom:var(--evo-space-12)}",
 			".evolution-param-head{display:flex;align-items:center;gap:var(--evo-space-8);width:100%;padding:var(--evo-space-12) var(--evo-space-14);background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}",
 			".evolution-param-head:hover{background:var(--dsw-alias-interactive-bg-hover)}",
@@ -1615,6 +1816,8 @@ window.__ModuleLoader__.load({
 			".evolution-param-count{color:var(--dsw-alias-brand-primary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
 			".evolution-param-chevron{color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
 			".evolution-param-body{padding:0 var(--evo-space-14) var(--evo-space-12);border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}",
+			".evolution-param-dest{color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs)}",
+			".evolution-param-group{margin:var(--evo-space-12) 0 0;font-size:var(--evo-type-sm);font-weight:600;color:var(--dsw-alias-label-secondary);text-transform:none}",
 			".evolution-param-field{display:flex;flex-direction:column;gap:var(--evo-space-6);padding:var(--evo-space-12) 0}",
 			".evolution-param-field+.evolution-param-field{border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}",
 			".evolution-param-label{display:flex;align-items:center;gap:var(--evo-space-6);color:var(--dsw-alias-label-primary);font-size:var(--evo-type-body);font-weight:500;line-height:var(--evo-leading-base)}",
@@ -1622,18 +1825,20 @@ window.__ModuleLoader__.load({
 			".evolution-param-hint{margin:0;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-sm);line-height:var(--evo-leading-base)}",
 			".evolution-param-value{color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
 			".evolution-param-input{width:100%;box-sizing:border-box;padding:var(--evo-space-8) var(--evo-space-10);border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:var(--evo-type-body);line-height:var(--evo-leading-base)}",
-			".evolution-param-input:focus{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
+			".evolution-param-input:focus-visible{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
 			".evolution-param-input:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
 			".evolution-param-source{display:inline-flex;align-items:center;height:var(--evo-space-20);padding:0 var(--evo-space-6);border-radius:var(--evo-radius-chip);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-xs);line-height:var(--evo-space-20)}",
 			".evolution-param-source[data-user=\"true\"]{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}",
 			".evolution-param-actions{display:flex;justify-content:flex-end;gap:var(--evo-space-8);padding-top:var(--evo-space-12)}",
 			".evolution-param-button{padding:var(--evo-space-6) var(--evo-space-12);border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font-size:var(--evo-type-sm);line-height:var(--evo-leading-base);cursor:pointer}",
 			".evolution-param-button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}",
+			".evolution-param-button[data-tone=\"outline\"]{border-color:var(--dsw-alias-border-l2)}",
+			".evolution-param-button[data-tone=\"ghost\"]{border-color:transparent;background:transparent}",
 			".evolution-param-button[data-primary=\"true\"]{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:transparent}",
 			".evolution-param-button[data-primary=\"true\"]:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}",
 			".evolution-param-button:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
 			".evolution-param-select{width:100%;box-sizing:border-box;padding:var(--evo-space-8) var(--evo-space-10);border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:var(--evo-type-sm);line-height:var(--evo-leading-base)}",
-			".evolution-param-select:focus{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
+			".evolution-param-select:focus-visible{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
 			".evolution-param-select:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
 			".evolution-param-check{width:var(--evo-space-16);height:var(--evo-space-16);margin:0;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}",
 			".evolution-param-check:disabled{cursor:default;opacity:.5}",
@@ -1696,7 +1901,7 @@ window.__ModuleLoader__.load({
 				}
 			}, "evolution-settings: dictionaries");
 			let bound = null;
-			const t = (key) => {
+			const translate = (key) => {
 				if (!registered) return message(key);
 				if (bound === null) try {
 					bound = seam.locale.bind(NS);
@@ -1705,11 +1910,14 @@ window.__ModuleLoader__.load({
 				}
 				return bound(key);
 			};
+			const t = (key, values) => values === void 0 ? translate(key) : fill(translate(key), values);
 			const probe = () => ctx.get("configForms");
 			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"], () => {
 				sources.revive();
 			});
@@ -1750,7 +1958,8 @@ window.__ModuleLoader__.load({
 					key: PENDING_CARD_KEY,
 					inject: () => ({
 						t,
-						api
+						api,
+						confirmMode
 					})
 				}, PendingCard);
 			});