@lmzhen/dsh-evolution-ui 0.32.6 → 0.34.0

package/lib/client.js

@@ -815,326 +815,6 @@ window.__ModuleLoader__.load({
 			}
 		];
 		//#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. */
-		function Block(props) {
-			const tone = props.tone ?? "neutral";
-			return (0, react.createElement)("div", {
-				"data-tone": tone,
-				...tone === "fail" ? { role: "alert" } : {}
-			}, props.title === void 0 ? null : (0, react.createElement)("div", { "data-tone-title": tone }, props.title), props.children);
-		}
-		/** One classified failure as a reader-facing sentence. */
-		function failureText(failure, t) {
-			switch (failure.kind) {
-				case "unauthenticated": return t("failureUnauthorized");
-				case "forbidden": return t("failureForbidden");
-				case "unmounted": return t("failureUnmounted");
-				case "server": return failure.status === 0 ? t("failureServer") : t("failureServer") + " (HTTP " + String(failure.status) + ")";
-				case "refused": return failure.message;
-			}
-		}
-		/** The failed-state block: sentence + (when the surface exists but is unreachable) the command fallback. */
-		function FailureBlock(props) {
-			const hint = props.fallback === void 0 ? null : (0, react.createElement)("div", { "data-tone-hint": "true" }, props.t("fallbackHint", { command: props.fallback.command }));
-			return Block({
-				tone: "fail",
-				title: failureText(props.failure, props.t),
-				children: hint
-			});
-		}
-		//#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 [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);
-				});
-			};
-			(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);
-		}
-		//#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
-			};
-			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/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.
-		*/
-		const FALLBACKS = {
-			approval: { command: "/evolution pending … /evolution approve <id> … /evolution reject <id> … /evolution release <id>" },
-			"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
 		/**
 		* Copy for the evolution settings section and its parameter cards.
@@ -1172,10 +852,14 @@ window.__ModuleLoader__.load({
 			invalidSelect: "不在允许的取值里",
 			invalidAtLeast: "不能小于同组的 {n}",
 			approvalConfirmNamed: "即将批准：{n}",
+			approvalRawSummary: "原始摘要",
 			approvalConfirmYes: "确认批准",
 			approvalConfirmNo: "取消",
 			resetTo: "复位为 {value}",
 			saved: "已保存。",
+			saveReadbackFailed: "写入已被接受，但回读失败；点刷新重读后再确认。",
+			readbackStale: "显示的是最后一次成功读取的值；当前回读失败，刷新后可能变化。",
+			saveConflict: "这个值没有被接受：设置已被其他页面修改。请重读后再保存。",
 			resetDone: "已恢复默认值。",
 			refused: "这个值没有被接受（界面上保持原样）。想看原因：在对话里让它说明。",
 			resetRefused: "恢复默认值没有生效（这一行还是你的值）。想看原因：在对话里让它说明。",
@@ -1243,6 +927,8 @@ window.__ModuleLoader__.load({
 			diagStatusUnknown: "未知",
 			diagRemedy: "建议：",
 			diagNoRows: "没有可显示的运行状态",
+			diagPurpose: "用途：检查插件挂载、平台服务和数据面是否正常，不修改任何状态。",
+			diagFooter: "诊断 schema v{version} · 生成于 {at}",
 			stateLoading: "正在读取…",
 			failureUnauthorized: "需要登录：重新打开这个页面完成登录后再试。",
 			failureForbidden: "平台拒绝了这个请求（身份不是 owner）。",
@@ -1274,10 +960,14 @@ window.__ModuleLoader__.load({
 			invalidSelect: "Not one of the allowed values",
 			invalidAtLeast: "must not be below {n}",
 			approvalConfirmNamed: "About to approve: {n}",
+			approvalRawSummary: "Raw summary",
 			approvalConfirmYes: "Approve",
 			approvalConfirmNo: "Cancel",
 			resetTo: "Restores {value}",
 			saved: "Saved.",
+			saveReadbackFailed: "The write was accepted, but reading it back failed; refresh and confirm.",
+			readbackStale: "Showing the last successfully read values; the current re-read failed and may change after refresh.",
+			saveConflict: "The value was not accepted: settings changed in another page. Re-read before saving again.",
 			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.",
@@ -1345,6 +1035,8 @@ window.__ModuleLoader__.load({
 			diagStatusUnknown: "unknown",
 			diagRemedy: "Suggested: ",
 			diagNoRows: "no runtime status to show",
+			diagPurpose: "Purpose: check plugin mounting, platform services and data planes; nothing is changed.",
+			diagFooter: "diagnostics schema v{version} · generated {at}",
 			stateLoading: "reading…",
 			failureUnauthorized: "Sign-in is required: reopen this page and sign in, then retry.",
 			failureForbidden: "The platform refused this request (not the owner principal).",
@@ -1589,7 +1281,7 @@ window.__ModuleLoader__.load({
 		* @returns the card.
 		*/
 		function ParamCardView(props) {
-			const { t, fields, mutateOnce, clear, namespace, snapshot } = props;
+			const { t, fields, mutateOnce, saveOnce, clear, namespace, snapshot } = props;
 			const lang = props.lang?.() ?? "zh";
 			const [open, setOpen] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)({});
@@ -1616,8 +1308,12 @@ window.__ModuleLoader__.load({
 				setPending(null);
 				setBusy(false);
 				setClearing(null);
+				if (pending.readbackFailed === true) {
+					setError(t("saveReadbackFailed"));
+					return;
+				}
 				if (!pending.accepted) {
-					setError(t(pending.resets ? "resetRefused" : "refused"));
+					setError(t(pending.resets ? "resetRefused" : pending.kind === "conflict" ? "saveConflict" : "refused"));
 					return;
 				}
 				if (pending.accepted) if (pending.resets) {
@@ -1708,12 +1404,19 @@ window.__ModuleLoader__.load({
 				setNote("");
 				(async () => {
 					try {
+						const ops = dirty.map((field) => ({
+							op: "set",
+							path: [keyOf(field)],
+							value: parseFor(field.control, textOf(field))
+						}));
+						const result = saveOnce === void 0 ? {
+							written: await mutateOnce(ops),
+							readback: "ok"
+						} : await saveOnce(ops);
 						setPending({
-							accepted: await mutateOnce(dirty.map((field) => ({
-								op: "set",
-								path: [keyOf(field)],
-								value: parseFor(field.control, textOf(field))
-							}))),
+							accepted: result.written && result.readback === "ok",
+							readbackFailed: result.written && result.readback === "failed",
+							...result.kind === void 0 ? {} : { kind: result.kind },
 							resets: false
 						});
 					} catch (caught) {
@@ -1729,7 +1432,11 @@ 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-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)), snapshot.stale === true ? (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status",
+				"data-role": "stale-note"
+			}, t("readbackStale")) : null, disabled ? (0, react.createElement)("p", {
 				className: "evolution-param-note",
 				role: "status"
 			}, t("readonly")) : null, fields.length === 0 ? (0, react.createElement)("p", {
@@ -1787,17 +1494,6 @@ window.__ModuleLoader__.load({
 		* @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,
@@ -1812,7 +1508,7 @@ window.__ModuleLoader__.load({
 			revive: () => {}
 		};
 		function PluginParamCard(props) {
-			const source = props.hooks?.paramSection ?? pluginSources.get(props.namespace) ?? MISSING_SOURCE;
+			const source = props.hooks?.paramSection ?? MISSING_SOURCE;
 			const snapshot = (0, react.useSyncExternalStore)(source.subscribe, source.getSnapshot, source.getSnapshot);
 			return ParamCardView({
 				namespace: props.namespace,
@@ -1820,16 +1516,114 @@ window.__ModuleLoader__.load({
 				t: props.t,
 				...props.lang === void 0 ? {} : { lang: props.lang },
 				mutateOnce: props.mutateOnce,
+				...props.saveOnce === void 0 ? {} : { saveOnce: props.saveOnce },
 				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";
+		//#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] ?? ""));
+		}
+		function injectStyles$1(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();
+			};
+		}
+		/**
+		* 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.
+		*/
+		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 () => {};
+				}
+			}, spec.namespace + ": locale");
+			ctx.effect(() => injectStyles$1(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;
+				}
+			};
+			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.children === void 0 ? {} : { children: spec.children },
+					...spec.store === void 0 ? {} : { store: spec.store }
+				}, spec.component);
+			});
+		}
+		//#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/settings-seat.ts
 		const SETTINGS_DESCRIBE = ROUTES.settings.describe;
@@ -1893,34 +1687,51 @@ window.__ModuleLoader__.load({
 				...EMPTY,
 				reason: "seat-missing"
 			};
+			let lastReady;
+			let generation = 0;
 			const listeners = /* @__PURE__ */ new Set();
-			let started = false;
-			let listening = false;
+			let remoteOff;
 			const notify = () => {
 				for (const listener of listeners) listener();
 			};
-			const refresh = async () => {
-				snapshot = await describe(namespace);
+			const absorb = (next) => {
+				if (next.status === "ready") {
+					lastReady = next;
+					snapshot = next;
+				} else if (lastReady !== void 0) snapshot = {
+					...lastReady,
+					stale: true,
+					reason: next.reason ?? "readback-failed"
+				};
+				else snapshot = next;
 				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 refresh = async () => {
+				const ticket = ++generation;
+				const next = await describe(namespace);
+				if (ticket !== generation) return;
+				absorb(next);
+			};
+			const remote = () => ctx.get?.("remote");
+			const stopRemote = () => {
+				remoteOff?.();
+				remoteOff = void 0;
+			};
+			const startRemote = () => {
+				if (remoteOff !== void 0) return;
+				remoteOff = remote()?.$on?.("settings/document-updated", (changed) => {
+					if (changed === namespace) refresh();
+				});
 			};
 			const form = {
 				getSnapshot: () => snapshot,
 				subscribe: (listener) => {
 					listeners.add(listener);
-					start();
+					startRemote();
+					refresh();
 					return () => {
 						listeners.delete(listener);
+						if (listeners.size === 0) stopRemote();
 					};
 				},
 				set: async (field, value) => await form.mutate([{
@@ -1934,35 +1745,39 @@ window.__ModuleLoader__.load({
 				}]),
 				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();
+					if (outcome.snapshot !== void 0) absorb(outcome.snapshot);
+					else await refresh();
 					return outcome.ok;
+				},
+				refresh,
+				dispose: () => {
+					stopRemote();
+					listeners.clear();
 				}
 			};
 			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/*.
+		* Build one seat per client registration; every form's remote listener is released by
+		* the caller's effect. No module-level WeakMap: a replaced registration must not share
+		* a dead seat with the previous one.
 		*/
-		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 {
+				get(namespace) {
+					let form = forms.get(namespace);
+					if (form === void 0) {
+						form = createForm(namespace, ctx);
+						forms.set(namespace, form);
+					}
+					return form;
+				},
+				dispose: () => {
+					for (const form of forms.values()) form.dispose?.();
+					forms.clear();
 				}
-				return form;
-			} };
-			seats.set(ctx, seat);
-			return seat;
+			};
 		}
 		//#endregion
 		//#region ../evolution-client-kit/src/action.ts
@@ -1972,6 +1787,53 @@ window.__ModuleLoader__.load({
 		* @module @lmzhen/dsh-evolution-client-kit
 		*/
 		//#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.
+		*/
+		const FALLBACKS = {
+			approval: { command: "/evolution pending … /evolution approve <id> … /evolution reject <id> … /evolution release <id>" },
+			"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 ../evolution-client-kit/src/generated/states.generated.ts
+		/** A neutral/ warn/ fail block; a fail block is role=alert so assistive tech announces it. */
+		function Block(props) {
+			const tone = props.tone ?? "neutral";
+			return (0, react.createElement)("div", {
+				"data-tone": tone,
+				...tone === "fail" ? { role: "alert" } : {}
+			}, props.title === void 0 ? null : (0, react.createElement)("div", { "data-tone-title": tone }, props.title), props.children);
+		}
+		/** One classified failure as a reader-facing sentence. */
+		function failureText(failure, t) {
+			switch (failure.kind) {
+				case "unauthenticated": return t("failureUnauthorized");
+				case "forbidden": return t("failureForbidden");
+				case "unmounted": return t("failureUnmounted");
+				case "server": return failure.status === 0 ? t("failureServer") : t("failureServer") + " (HTTP " + String(failure.status) + ")";
+				case "refused": return failure.message;
+			}
+		}
+		/** The failed-state block: sentence + (when the surface exists but is unreachable) the command fallback. */
+		function FailureBlock(props) {
+			const hint = props.fallback === void 0 ? null : (0, react.createElement)("div", { "data-tone-hint": "true" }, props.t("fallbackHint", { command: props.fallback.command }));
+			return Block({
+				tone: "fail",
+				title: failureText(props.failure, props.t),
+				children: hint
+			});
+		}
+		//#endregion
 		//#region ../evolution-client-kit/src/tokens.ts
 		/**
 		* The scale, declared on one element so it never leaks into the host shell.
@@ -1981,29 +1843,8 @@ window.__ModuleLoader__.load({
 		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
-		*/
-		/**
-		* 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 })));
-		}
+		/** Stylesheet for {@link PAGE_SURFACE_CLASS}; consumers append it to their own CSS. */
+		const PAGE_SURFACE_CSS = ".evolution-page-surface{min-height:100%;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary)}";
 		//#endregion
 		//#region src/panels/settings/source.ts
 		/** What a card shows when this UI found no settings seat at all. */
@@ -2038,7 +1879,8 @@ window.__ModuleLoader__.load({
 				user: snapshot.user,
 				writable: snapshot.writable,
 				base: isRecord(snapshot.base) ? snapshot.base : void 0,
-				...snapshot.status === "unavailable" ? { reason: snapshot.reason ?? "not-served" } : {}
+				...snapshot.status === "unavailable" ? { reason: snapshot.reason ?? "not-served" } : {},
+				...snapshot.stale === true ? { stale: true } : {}
 			};
 		}
 		/**
@@ -2141,12 +1983,50 @@ window.__ModuleLoader__.load({
 		*/
 		function writeFaceFor(probe, namespace) {
 			const form = () => probe()?.get(namespace);
+			const saveOnce = async (ops) => {
+				const seat = form();
+				if (seat === void 0) return {
+					written: false,
+					readback: "failed",
+					kind: "transport"
+				};
+				let written = false;
+				try {
+					written = await seat.mutate(ops);
+				} catch (failure) {
+					return {
+						written: false,
+						readback: "failed",
+						kind: "transport",
+						failure
+					};
+				}
+				if (!written) return {
+					written: false,
+					readback: "failed",
+					kind: "conflict"
+				};
+				try {
+					await seat.refresh?.();
+				} catch {}
+				const snapshot = seat.getSnapshot();
+				if (snapshot.status !== "ready") return {
+					written: true,
+					readback: "failed",
+					kind: "transport"
+				};
+				return {
+					written: true,
+					readback: snapshot.stale === true ? "failed" : "ok",
+					...snapshot.stale === true ? { kind: "transport" } : {}
+				};
+			};
 			return {
 				mutateOnce: async (ops) => {
-					const seat = form();
-					if (seat === void 0) return false;
-					return await seat.mutate(ops);
+					if (form() === void 0) return false;
+					return (await saveOnce(ops)).written;
 				},
+				saveOnce,
 				clear: async (field) => {
 					const seat = form();
 					if (seat === void 0) return false;
@@ -2283,7 +2163,7 @@ window.__ModuleLoader__.load({
 		* @param host - the document to inject into; defaults to the global one.
 		* @returns the disposal; a no-op when there is no document or the tag was already present.
 		*/
-		function injectStyles$1(host) {
+		function injectStyles(host) {
 			const doc = host ?? globalThis.document;
 			if (doc === void 0) return () => {};
 			doc.querySelector("style[data-plugin-css=\"@lmzhen/dsh-evolution-ui/settings.css\"]")?.remove?.();
@@ -2305,7 +2185,7 @@ window.__ModuleLoader__.load({
 		* @param ctx - client cordis context.
 		*/
 		function apply$2(ctx) {
-			ctx.effect(() => injectStyles$1(), "evolution-settings-ui: styles");
+			ctx.effect(() => injectStyles(), "evolution-settings-ui: styles");
 			const seam = ctx;
 			let registered = false;
 			ctx.effect(() => {
@@ -2348,54 +2228,132 @@ window.__ModuleLoader__.load({
 			ctx.inject?.(["remote"], () => {
 				sources.revive();
 			});
-			seam.slots.inject("settings.section", function* () {
-				yield seam.slots.register({
-					name: "settings.section",
-					id: SECTION_ID,
-					order: 25,
-					label: () => t("title"),
-					locale: NS$1,
-					children: { [CARD_SLOT]: {
-						kind: "keyed",
-						scope: "root"
-					} }
-				}, SettingsSection);
-			});
-			for (const [index, section] of CLIENT_PARAM_SECTIONS.entries()) {
+			const cards = CLIENT_PARAM_SECTIONS.map((section) => {
 				const source = sources.sourceFor(section.seatKey);
-				registerPluginParamSource(section.namespace, source);
-				const { mutateOnce, clear } = writeFaceFor(probe, section.namespace);
-				const face = () => ({
+				const { mutateOnce, saveOnce, clear } = writeFaceFor(probe, section.namespace);
+				return {
 					namespace: section.namespace,
 					fields: section.fields,
 					t,
 					lang: language,
 					mutateOnce,
+					saveOnce,
 					clear,
 					hooks: { paramSection: source }
-				});
-				seam.slots.inject("settings.plugin.item", function* () {
-					yield seam.slots.register({
-						name: "settings.plugin.item",
-						id: section.namespace,
-						order: index * 10,
-						locale: NS$1,
-						inject: face
-					}, PluginParamCard);
-				});
+				};
+			});
+			seam.slots.inject("settings.plugins.tab", function* () {
+				yield seam.slots.register({
+					name: "settings.plugins.tab",
+					id: SECTION_ID,
+					order: 25,
+					label: () => t("title"),
+					locale: NS$1,
+					inject: () => ({ cards })
+				}, EvolutionSettingsTab);
+			});
+		}
+		/** One family tab: every parameter card lives inside the platform's Plugins page. */
+		function EvolutionSettingsTab(props) {
+			return (0, react.createElement)("div", { className: "evolution-settings-tab" }, ...props.cards.map((face, index) => (0, react.createElement)(PluginParamCard, {
+				key: face.namespace + ":" + String(index),
+				...face
+			})));
+		}
+		//#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";
 			}
-			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
@@ -2600,8 +2558,7 @@ window.__ModuleLoader__.load({
 		* 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";
+			return (typeof user === "object" && user !== null ? user.approvalConfirm : void 0) === "auto" ? "auto" : "ask";
 		}
 		/** Which word one age bucket gets; an unknown bucket falls back to the count form. */
 		const AGE_KEYS = Object.freeze({
@@ -2638,7 +2595,7 @@ window.__ModuleLoader__.load({
 		function PendingCard(props) {
 			const { t, api } = props;
 			const translate = (key, values) => t(key, values);
-			const confirmMode = props.confirmMode?.() ?? "auto";
+			const confirmMode = props.confirmMode?.() ?? "ask";
 			const [armed, setArmed] = (0, react.useState)(null);
 			const [state, setState] = (0, react.useState)(INITIAL_PENDING_STATE);
 			const [open, setOpen] = (0, react.useState)(true);
@@ -2664,6 +2621,8 @@ window.__ModuleLoader__.load({
 			* read, because a half-list would read as a complete window.
 			*/
 			const readTicket = (0, react.useRef)(0);
+			const previewTicket = (0, react.useRef)(0);
+			const actionTickets = (0, react.useRef)(/* @__PURE__ */ new Map());
 			const load = async () => {
 				apply(loading);
 				const ticket = readTicket.current + 1;
@@ -2691,9 +2650,13 @@ window.__ModuleLoader__.load({
 				};
 			}, []);
 			const decide = (id, action) => {
+				if (latest.current.busy.includes(id)) return;
+				const ticket = (actionTickets.current.get(id) ?? 0) + 1;
+				actionTickets.current.set(id, ticket);
 				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 (actionTickets.current.get(id) !== ticket) return;
 					if (!answer.ok) {
 						apply((current) => noticed(endAction(current, id), failureText(answer.failure, translate)));
 						return;
@@ -2709,7 +2672,9 @@ window.__ModuleLoader__.load({
 			};
 			/** Ask the host what this record would store; the answer lands only if the row is still open. */
 			const loadPreview = async (id) => {
+				const ticket = ++previewTicket.current;
 				const answer = await api.preview(id);
+				if (ticket !== previewTicket.current || latest.current.open !== id) return;
 				const view = answer.ok ? answer.data.available ? {
 					kind: "ready",
 					answer: answer.data
@@ -2763,7 +2728,13 @@ window.__ModuleLoader__.load({
 					}, t("approvalDiffCut"))] : []
 				];
 				const lines = [];
+				const multiHunk = view.answer.hunks.length > 1 || view.answer.hunks.some((hunk) => hunk.path !== view.answer.path);
 				for (const [hunkIndex, hunk] of view.answer.hunks.entries()) {
+					if (multiHunk) lines.push((0, react.createElement)("div", {
+						key: "hunk-" + String(hunkIndex),
+						className: "evolution-param-hunk-path",
+						"data-role": "hunk-path"
+					}, hunk.path));
 					for (const [index, line] of hunk.oldText.split("\n").entries()) {
 						if (hunk.oldText === "" && line === "") continue;
 						lines.push((0, react.createElement)("div", {
@@ -2821,7 +2792,7 @@ window.__ModuleLoader__.load({
 				}, (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", {
+				}, summaryLine(entry))), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), summaryLine(entry) === entry.summary ? null : (0, react.createElement)("details", { className: "evolution-param-details" }, (0, react.createElement)("summary", null, t("approvalRawSummary")), (0, react.createElement)("p", { className: "evolution-param-hint" }, entry.summary)), 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", {
@@ -2900,6 +2871,23 @@ window.__ModuleLoader__.load({
 			}, state.refreshing ? t("diagRefreshing") : t("approvalRefresh"))), 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 src/panels/history/client/messages.ts
 		/**
 		* Panel copy, in a zh/en dictionary registered through the platform’s locale seat.
@@ -2919,6 +2907,7 @@ window.__ModuleLoader__.load({
 			"workbench.pending": "待批",
 			"workbench.merge": "合并",
 			"workbench.health": "健康",
+			"workbench.diagnostics": "诊断",
 			hint: "每次技能写入留下的内容版本。回退只改 SKILL.md 正文，标记、使用计数与策展状态不变。内容相同的版本会同时标「当前」。",
 			search: "按名字或描述筛选",
 			"search.none": "没有匹配的技能。",
@@ -3010,6 +2999,7 @@ window.__ModuleLoader__.load({
 			"workbench.pending": "Pending",
 			"workbench.merge": "Merge",
 			"workbench.health": "Health",
+			"workbench.diagnostics": "Diagnostics",
 			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.",
@@ -3784,16 +3774,18 @@ window.__ModuleLoader__.load({
 			* @param name - the skill to open.
 			* @param onFailure - what to do with a failed read.
 			*/
-			const showVersions = (name, onFailure = failed) => {
+			const showVersions = (name, onFailure = failed, keepContent = false) => {
 				const ticket = readTicket.current + 1;
 				readTicket.current = ticket;
 				setSelected(name);
-				setPayload(void 0);
-				setVersionsFailed(void 0);
-				setPending(void 0);
-				setExpanded(void 0);
-				setDiffs(/* @__PURE__ */ new Map());
-				setBodies(/* @__PURE__ */ new Map());
+				if (!keepContent) {
+					setPayload(void 0);
+					setVersionsFailed(void 0);
+					setPending(void 0);
+					setExpanded(void 0);
+					setDiffs(/* @__PURE__ */ new Map());
+					setBodies(/* @__PURE__ */ new Map());
+				}
 				face.loadVersions(name).then((next) => {
 					if (readTicket.current === ticket) {
 						setPayload(next);
@@ -3816,7 +3808,7 @@ window.__ModuleLoader__.load({
 			/** What the refresh control does: both reads again, and the sentence stays. */
 			const refresh = () => {
 				reloadSkills();
-				if (selected !== void 0) showVersions(selected);
+				if (selected !== void 0) showVersions(selected, failed, true);
 			};
 			(0, react.useEffect)(() => {
 				if (face.focusSkill === void 0 || face.focusSkill === "") return;
@@ -3981,6 +3973,137 @@ window.__ModuleLoader__.load({
 			return next;
 		}
 		//#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 [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);
+				});
+			};
+			(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, (0, react.createElement)("p", {
+					className: "evolution-param-note",
+					"data-role": "diag-purpose"
+				}, t("diagPurpose")), (0, react.createElement)("p", {
+					className: "evolution-param-hint",
+					"data-role": "diag-footer"
+				}, t("diagFooter", {
+					version: String(view.schemaVersion),
+					at: new Date(view.generatedAt).toLocaleString()
+				})));
+			};
+			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/history/client/Workbench.ts
 		/**
 		* The family's one task page. G3 owns the history view; later groups add health
@@ -3989,11 +4112,6 @@ window.__ModuleLoader__.load({
 		*/
 		/** 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;
-		}
 		/**
 		* Render the workbench page. The platform keeps it mounted; this component only
 		* consumes a new explicit revision exactly once.
@@ -4001,41 +4119,41 @@ window.__ModuleLoader__.load({
 		* @returns the page surface.
 		*/
 		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);
+			const state = (0, react.useSyncExternalStore)(props.store.subscribe, props.store.getState, props.store.getState);
+			const view = state.view;
+			const selectedSkill = state.selectedSkill;
+			const focusRevision = state.focusRevision;
+			const openHistory = (skill) => {
+				props.store.openHistory(skill);
+			};
+			const hasMerge = props.hasView?.("merge") ?? true;
+			const hasHealth = props.hasView?.("health") ?? true;
 			(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]);
+				if (view === "merge" && !hasMerge || view === "health" && !hasHealth) props.store.setView("history");
+			}, [
+				view,
+				hasMerge,
+				hasHealth,
+				props.store
+			]);
 			const viewOrder = [
 				"history",
 				"pending",
 				"merge",
-				"health"
-			];
+				"health",
+				"diagnostics"
+			].filter((value) => (value !== "merge" || hasMerge) && (value !== "health" || hasHealth));
 			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);
+				props.store.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
@@ -4052,7 +4170,7 @@ window.__ModuleLoader__.load({
 				"aria-controls": "evo-workbench-panel",
 				"data-active": view === "history" ? "true" : void 0,
 				onClick: () => {
-					setView("history");
+					props.store.setView("history");
 				},
 				onKeyDown: (event) => {
 					onTabKey(event, "history");
@@ -4066,7 +4184,7 @@ window.__ModuleLoader__.load({
 				"aria-controls": "evo-workbench-panel",
 				"data-active": view === "pending" ? "true" : void 0,
 				onClick: () => {
-					setView("pending");
+					props.store.setView("pending");
 				},
 				onKeyDown: (event) => {
 					onTabKey(event, "pending");
@@ -4080,7 +4198,7 @@ window.__ModuleLoader__.load({
 				"aria-controls": "evo-workbench-panel",
 				"data-active": view === "merge" ? "true" : void 0,
 				onClick: () => {
-					setView("merge");
+					props.store.setView("merge");
 				},
 				onKeyDown: (event) => {
 					onTabKey(event, "merge");
@@ -4094,12 +4212,26 @@ window.__ModuleLoader__.load({
 				"aria-controls": "evo-workbench-panel",
 				"data-active": view === "health" ? "true" : void 0,
 				onClick: () => {
-					setView("health");
+					props.store.setView("health");
 				},
 				onKeyDown: (event) => {
 					onTabKey(event, "health");
 				}
-			}, props.t("workbench.health")))), (0, react.createElement)("div", {
+			}, props.t("workbench.health")), (0, react.createElement)("button", {
+				id: "evo-workbench-tab-diagnostics",
+				type: "button",
+				role: "tab",
+				tabIndex: view === "diagnostics" ? 0 : -1,
+				"aria-selected": view === "diagnostics" ? "true" : "false",
+				"aria-controls": "evo-workbench-panel",
+				"data-active": view === "diagnostics" ? "true" : void 0,
+				onClick: () => {
+					props.store.setView("diagnostics");
+				},
+				onKeyDown: (event) => {
+					onTabKey(event, "diagnostics");
+				}
+			}, props.t("workbench.diagnostics")))), (0, react.createElement)("div", {
 				className: "evo-workbench-body",
 				id: "evo-workbench-panel",
 				role: "tabpanel"
@@ -4107,27 +4239,30 @@ window.__ModuleLoader__.load({
 				...props.history,
 				focusSkill: selectedSkill,
 				focusRevision
-			}) : view === "pending" ? (0, react.createElement)(PendingCard, props.pending) : null, (0, react.createElement)("div", {
+			}) : view === "pending" ? (0, react.createElement)(PendingCard, props.pending) : view === "diagnostics" ? (0, react.createElement)(DiagnosticsCard, props.diagnostics) : null, (0, react.createElement)("div", {
 				hidden: view !== "merge" && view !== "health",
 				className: "evo-workbench-feature"
-			}, props.renderSlot?.("evolution.workbench.view", { activeView: view }) ?? null)));
+			}, props.renderSlot?.("evolution.workbench.view", {
+				activeView: view,
+				openHistory
+			}) ?? 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"));
+		/** The sidebar icon; the platform renders the row label, tooltip and active state. */
+		function WorkbenchIcon(props) {
+			const size = props.size ?? 16;
+			return (0, react.createElement)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, (0, react.createElement)("path", {
+				d: "M2 3.5h12M2 8h12M2 12.5h8",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": props.active === true ? 1.7 : 1.4,
+				"stroke-linecap": "round"
+			}));
 		}
 		/** Workbench shell and sidebar row; colours come from the platform tokens. */
 		const WORKBENCH_CSS = [
@@ -4140,62 +4275,87 @@ window.__ModuleLoader__.load({
 			".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)}",
+			".evo-workbench-body>.evolution-param-card{flex:1;min-width:0;overflow:auto}",
 			"@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();
+		//#region src/panels/history/client/WorkbenchStore.ts
+		function createWorkbenchStore(initial = {
+			view: "history",
+			focusRevision: 0
+		}) {
+			let state = initial;
+			const listeners = /* @__PURE__ */ new Set();
+			const emit = (next) => {
+				state = next;
+				for (const listener of listeners) listener();
+			};
+			return {
+				getState: () => state,
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				setView(view) {
+					if (state.view !== view) emit({
+						...state,
+						view
+					});
+				},
+				openHistory(skill) {
+					emit({
+						view: "history",
+						...skill === void 0 ? {} : { selectedSkill: skill },
+						focusRevision: state.focusRevision + 1
+					});
+				},
+				clearSelection() {
+					const { selectedSkill: _selected, ...rest } = state;
+					emit({
+						...rest,
+						focusRevision: state.focusRevision + 1
+					});
+				}
 			};
 		}
+		//#endregion
+		//#region src/panels/history/client/index.ts
 		/**
-		* Register the locale namespace, the workbench page, and its sidebar entry.
+		* Register the locale namespace, the workbench main occupant and its sidebar row.
 		* @param ctx - client cordis context.
 		*/
 		function apply$1(ctx) {
-			const seam = ctx;
 			const api = createSkillHistoryApi();
-			let registered = false;
-			ctx.effect(() => {
+			const settingsSeat = createSettingsSeat(ctx);
+			ctx.effect(() => () => {
+				settingsSeat.dispose?.();
+			}, "evolution-ui: settings seat");
+			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 {
-					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 () => {};
+					return (ctx.slots?.entries?.("evolution.workbench.view") ?? []).some((entry) => entry.options?.id === (view === "merge" ? "merge" : "skill-health"));
+				} catch {
+					return false;
 				}
-			}, "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;
+			};
+			const pendingT = (key, values) => {
+				let template;
 				try {
-					return seam.locale.bind(NS)(key);
+					template = ctx.locale.bind(NS$1)(key);
 				} catch {
-					return own;
+					template = message(key);
 				}
+				return values === void 0 ? template : fill(template, values);
 			};
-			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 = () => ({
+			const historyFace = (t) => ({
 				t,
 				format: (key, values) => t(key, values),
 				loadSkills: api.skills,
@@ -4209,61 +4369,44 @@ window.__ModuleLoader__.load({
 					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);
+			const diagnosticsFace = () => ({
+				t: pendingT,
+				api: createDiagnosticsApi((input, init) => fetch(input, init)),
+				fallback: FALLBACKS.diagnostics
 			});
-			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);
+			const workbenchStore = createWorkbenchStore();
+			registerSidebarPanel(ctx, {
+				id: WORKBENCH_ID,
+				order: 35,
+				namespace: NS,
+				dictionaries: {
+					zh,
+					en
+				},
+				styles: {
+					css: CSS + WORKBENCH_CSS + PAGE_SURFACE_CSS,
+					tagId: CSS_TAG_ID
+				},
+				icon: WorkbenchIcon,
+				component: WorkbenchPage,
+				body: (t) => ({
+					t,
+					store: workbenchStore,
+					history: historyFace(t),
+					pending: pendingFace(),
+					diagnostics: diagnosticsFace(),
+					hasView
+				}),
+				children: { "evolution.workbench.view": {
+					kind: "list",
+					scope: "root"
+				} }
 			});
 		}
 		//#endregion