@lmzhen/dsh-evolution-ui 0.35.0 → 0.36.0

package/lib/client.js

@@ -831,9 +831,12 @@ window.__ModuleLoader__.load({
 		/** Chinese copy (the family's primary language). */
 		const zh$1 = {
 			title: "自进化",
+			"group.write": "写入与审批",
+			"group.organize": "自动整理",
+			"group.memory": "记忆与回顾",
 			subtitle: "待你决定的写入在最上面；下面按功能列出你能改的参数，没有列出的由安装时的配置决定。",
 			aboutPurpose: "自进化设置与技能历史",
-			overridden: "已覆盖",
+			overridden: "已修改",
 			deployment: "默认",
 			loading: "正在读取设置…",
 			unavailable: "这个功能没有启动（对应的插件没有安装）",
@@ -843,7 +846,7 @@ window.__ModuleLoader__.load({
 			apply: "保存",
 			reset: "复位",
 			empty: "这里没有可改项",
-			changed: "{n} 项已覆盖",
+			changed: "{n} 项已修改",
 			discard: "放弃修改",
 			saving: "保存中…",
 			resetting: "复位中…",
@@ -875,7 +878,12 @@ window.__ModuleLoader__.load({
 			mergeCardHint: "写入审批=使用中生成/修改；合并审批=两轮工作流。",
 			approvalTitle: "待批写入",
 			approvalLoading: "正在读取待批项…",
-			approvalEmpty: "没有待批的写入",
+			approvalEmpty: "没有待处理的写入",
+			approvalEmptyDescription: "当前没有需要你确认的技能变更。新的写入会在这里显示来源、内容和影响范围。",
+			approvalHistory: "查看技能历史",
+			approvalFactKind: "类型",
+			approvalFactAge: "时间",
+			approvalFactTarget: "对象",
 			approvalFailed: "待批项读取失败",
 			approvalRetry: "重试",
 			approvalApprove: "批准",
@@ -915,6 +923,9 @@ window.__ModuleLoader__.load({
 			diagTitle: "诊断",
 			diagSubtitle: "运行状态的只读自查；不会改动任何东西。",
 			diagRuntimeTitle: "运行状态",
+			diagComplete: "没有需要处理的异常",
+			diagOtherIssues: "其他 {n} 项异常",
+			diagNormal: "其他 {n} 项正常",
 			diagSummaryOk: "运行正常",
 			diagSummaryWarn: "{n} 项需要注意",
 			diagSummaryFail: "{n} 项异常",
@@ -939,9 +950,12 @@ window.__ModuleLoader__.load({
 		/** English copy, key for key with {@link zh}. */
 		const en$1 = {
 			title: "Self-evolution",
+			"group.write": "Writes and approval",
+			"group.organize": "Automatic tidy-up",
+			"group.memory": "Memory and review",
 			subtitle: "Writes waiting for your decision come first; the changeable parameters are listed by feature below, and anything not listed comes from the deployment configuration.",
 			aboutPurpose: "Self-evolution settings and skill history",
-			overridden: "Overridden",
+			overridden: "Modified",
 			deployment: "default",
 			loading: "reading settings…",
 			unavailable: "this feature is not running (its plugin is not installed)",
@@ -951,7 +965,7 @@ window.__ModuleLoader__.load({
 			apply: "Save",
 			reset: "Reset",
 			empty: "nothing to change here",
-			changed: "{n} overridden",
+			changed: "{n} modified",
 			discard: "Discard",
 			saving: "Saving…",
 			resetting: "Resetting…",
@@ -983,7 +997,12 @@ window.__ModuleLoader__.load({
 			mergeCardHint: "Write approval = generate/modify while in use; merge approval = the two-round workflow.",
 			approvalTitle: "Writes awaiting approval",
 			approvalLoading: "reading the pending window…",
-			approvalEmpty: "nothing is waiting for a decision",
+			approvalEmpty: "Nothing is waiting",
+			approvalEmptyDescription: "There are no skill changes to confirm. New writes will show their source, content and impact here.",
+			approvalHistory: "View skill history",
+			approvalFactKind: "Kind",
+			approvalFactAge: "Time",
+			approvalFactTarget: "Target",
 			approvalFailed: "the pending window could not be read",
 			approvalRetry: "Retry",
 			approvalApprove: "Approve",
@@ -1023,6 +1042,9 @@ window.__ModuleLoader__.load({
 			diagTitle: "Diagnostics",
 			diagSubtitle: "A read-only check of the runtime state; nothing here changes anything.",
 			diagRuntimeTitle: "Runtime status",
+			diagComplete: "Nothing needs attention",
+			diagOtherIssues: "Other {n} issues",
+			diagNormal: "Other {n} normal checks",
 			diagSummaryOk: "All healthy",
 			diagSummaryWarn: "{n} need attention",
 			diagSummaryFail: "{n} failing",
@@ -1262,20 +1284,20 @@ window.__ModuleLoader__.load({
 			return (0, react.createElement)("div", { className: "evolution-param-field" }, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("label", { htmlFor: controlId(field) }, labelOf(field, lang) === "" ? field.id : labelOf(field, lang)), unit, props.overridden ? (0, react.createElement)("span", {
 				className: "evolution-param-source",
 				"data-user": "true"
-			}, t("overridden")) : null), FieldControl(props), (0, react.createElement)("p", { className: "evolution-param-hint" }, hintOf(field, lang) === "" ? field.doc : hintOf(field, lang)), props.invalid === null ? null : (0, react.createElement)("p", {
-				id: controlId(field) + "-invalid",
-				className: "evolution-param-error",
-				role: "status"
-			}, props.invalid), props.overridden ? (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+			}, t("overridden")) : null, props.overridden ? (0, react.createElement)("button", {
 				type: "button",
-				className: "evolution-param-button",
+				className: "evolution-param-reset",
 				disabled: props.disabled || props.clearing,
 				"data-role": "reset",
 				title: props.resetTo === null ? void 0 : t("resetTo", { value: props.resetTo }),
 				onClick: () => {
 					props.onClear(field.id);
 				}
-			}, props.clearing ? t("resetting") : t("reset"))) : null);
+			}, props.clearing ? t("resetting") : t("reset")) : null), FieldControl(props), (0, react.createElement)("p", { className: "evolution-param-hint" }, hintOf(field, lang) === "" ? field.doc : hintOf(field, lang)), props.invalid === null ? null : (0, react.createElement)("p", {
+				id: controlId(field) + "-invalid",
+				className: "evolution-param-error",
+				role: "status"
+			}, props.invalid));
 		}
 		/**
 		* Render one row's card body from a supplied snapshot.
@@ -1524,6 +1546,36 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/panels/settings/settings-groups.ts
+		const GROUP_OF = Object.freeze({
+			"evolution-approval": "write",
+			"evolution-merge": "write",
+			"tool-skill-manage": "write",
+			"evolution-curator": "organize",
+			"evolution-commands": "organize",
+			"memory-files": "memory",
+			"tool-memory": "memory",
+			"evolution-review": "memory"
+		});
+		/** Stable display order for the three task groups. */
+		const SETTINGS_GROUP_ORDER = [
+			"write",
+			"organize",
+			"memory"
+		];
+		/**
+		* Partition existing parameter cards by task. Unknown namespaces fall into organize so a future row
+		* is visible rather than silently dropped.
+		* @param cards - cards carrying only their namespace and payload.
+		* @returns groups in display order, omitting empty groups.
+		*/
+		function groupParamCards(cards) {
+			return SETTINGS_GROUP_ORDER.map((group) => ({
+				group,
+				items: cards.filter((card) => (GROUP_OF[card.namespace] ?? "organize") === group)
+			})).filter((entry) => entry.items.length > 0);
+		}
+		//#endregion
 		//#region ../evolution-client-kit/src/panel.ts
 		function interpolate(text, values) {
 			if (values === void 0) return text;
@@ -1804,6 +1856,105 @@ window.__ModuleLoader__.load({
 		//#region ../evolution-client-kit/src/notice.ts
 		/** One inline state notice: semantic tone plus text, no surface-specific styling. */
 		//#endregion
+		//#region ../evolution-client-kit/src/presentation/decision-frame.ts
+		/** One decision card: title, facts, at most one primary, secondary actions and details. */
+		function actionButton$1(action, role) {
+			return (0, react.createElement)("button", {
+				key: action.id,
+				type: "button",
+				"data-role": role === "primary" ? "decision-primary" : "decision-secondary",
+				"data-action": action.id,
+				"aria-busy": action.busy === true ? "true" : void 0,
+				...action.attributes ?? {},
+				disabled: action.disabled === true || action.busy === true,
+				title: action.title ?? action.label,
+				onClick: () => {
+					if (action.disabled !== true && action.busy !== true) action.onSelect();
+				}
+			}, action.label);
+		}
+		/**
+		* Render the one-card decision surface. The model has a singular primary on purpose.
+		* @param props - decision model and optional surface class.
+		* @returns the decision frame.
+		*/
+		function DecisionFrame({ decision, className }) {
+			const secondary = decision.secondary ?? [];
+			return (0, react.createElement)("section", {
+				"data-role": "decision-frame",
+				...className === void 0 ? {} : { className }
+			}, (0, react.createElement)("h2", { "data-role": "decision-title" }, decision.title), decision.summary === void 0 || decision.summary === "" ? null : (0, react.createElement)("p", { "data-role": "decision-summary" }, decision.summary), decision.facts.length === 0 ? null : (0, react.createElement)("dl", { "data-role": "decision-facts" }, decision.facts.map((fact) => (0, react.createElement)("div", {
+				key: fact.label,
+				"data-role": "decision-fact"
+			}, (0, react.createElement)("dt", null, fact.label), (0, react.createElement)("dd", null, fact.value)))), decision.details === void 0 ? null : (0, react.createElement)("div", { "data-role": "decision-details" }, decision.details), decision.primary === void 0 && secondary.length === 0 ? null : (0, react.createElement)("div", { "data-role": "decision-actions" }, decision.primary === void 0 ? null : actionButton$1(decision.primary, "primary"), secondary.map((action) => actionButton$1(action, "secondary"))));
+		}
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/task-banner.ts
+		/** A read-only task hint; it deliberately has no primary action. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/chips.ts
+		/** Read-only status chips and toggleable filter chips. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/empty-state.ts
+		/** A compact completed/empty state with at most one primary next step. */
+		function actionButton(action, role) {
+			return (0, react.createElement)("button", {
+				key: action.id,
+				type: "button",
+				"data-role": role === "primary" ? "empty-primary" : "empty-secondary",
+				"data-action": action.id,
+				...action.attributes ?? {},
+				disabled: action.disabled === true || action.busy === true,
+				title: action.title ?? action.label,
+				onClick: () => {
+					if (action.disabled !== true && action.busy !== true) action.onSelect();
+				}
+			}, action.label);
+		}
+		/** Render a quiet empty state; loading/failure remain the caller's separate states. */
+		function EmptyState({ title, description, tone = "neutral", primary, secondary, className }) {
+			const actions = primary === void 0 && secondary === void 0 ? null : (0, react.createElement)("div", { "data-role": "empty-actions" }, primary === void 0 ? null : actionButton(primary, "primary"), secondary === void 0 ? null : actionButton(secondary, "secondary"));
+			return (0, react.createElement)("section", {
+				"data-role": "empty-state",
+				"data-tone": tone,
+				...className === void 0 ? {} : { className }
+			}, (0, react.createElement)("h2", { "data-role": "empty-title" }, title), description === void 0 || description === "" ? null : (0, react.createElement)("p", { "data-role": "empty-description" }, description), actions);
+		}
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/disclosure-group.ts
+		/** A native details group for normal/secondary facts. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/time-text.ts
+		/** The one local-time presentation used by reading surfaces. */
+		//#endregion
+		//#region ../evolution-client-kit/src/presentation/action-menu.ts
+		/**
+		* The one seam onto the platform's menu material, plus a small fallback for deployments
+		* without the primitive row. No page owns a second menu implementation.
+		*/
+		const PLATFORM_UI_MODULE$1 = "@deepseek-ai/dsh-client-ui-primitives";
+		/**
+		* Accept only the two component functions; a namespace row without them is not a menu.
+		* @param row - the module row's exports.
+		* @returns the two components, or undefined.
+		*/
+		function menuPrimitivesFrom(row) {
+			const surface = row.MenuSurface;
+			const item = row.MenuItemButton;
+			if (typeof surface !== "function" || typeof item !== "function") return void 0;
+			return {
+				MenuSurface: surface,
+				MenuItemButton: item
+			};
+		}
+		(() => {
+			try {
+				return menuPrimitivesFrom(require(PLATFORM_UI_MODULE$1));
+			} catch {
+				return;
+			}
+		})();
+		//#endregion
 		//#region ../evolution-client-kit/src/action.ts
 		/**
 		* Command-only actions. Approval decisions are a separate host API and must never
@@ -2113,6 +2264,8 @@ window.__ModuleLoader__.load({
 		const CSS$1 = [
 			tokenVars(".evolution-params,.evolution-param-card"),
 			".evolution-params{display:flex;flex-direction:column}",
+			".evolution-settings-tab{display:flex;flex-direction:column;gap:var(--evo-space-8)}",
+			".evolution-settings-group{margin:var(--evo-space-12) 0 0;font-size:var(--evo-type-sm);font-weight:600;color:var(--dsw-alias-label-secondary)}",
 			".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)}",
@@ -2120,7 +2273,7 @@ window.__ModuleLoader__.load({
 			".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)}",
 			".evolution-param-card-title{flex:1;min-width:0;color:var(--dsw-alias-label-primary);font-size:var(--evo-type-sm);font-weight:500;line-height:var(--evo-leading-base)}",
-			".evolution-param-count{color:var(--dsw-alias-brand-primary);font-size:var(--evo-type-xs);line-height:var(--evo-leading-base)}",
+			".evolution-param-count{color:var(--dsw-alias-label-tertiary);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)}",
@@ -2135,7 +2288,10 @@ window.__ModuleLoader__.load({
 			".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-source[data-user=\"true\"]{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-xs)}",
+			".evolution-param-reset{margin-left:auto;padding:0;border:0;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:var(--evo-type-xs);cursor:pointer}",
+			".evolution-param-reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}",
+			".evolution-param-reset:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
 			".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)}",
@@ -2144,6 +2300,32 @@ window.__ModuleLoader__.load({
 			".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-approval-item{padding:var(--evo-space-10) 0;border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}",
+			".evolution-approval-item:first-of-type{border-top:0}",
+			".evolution-approval-decision{display:flex;flex-direction:column;gap:var(--evo-space-8);padding: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)}",
+			".evolution-approval-decision [data-role=\"decision-title\"]{margin:0;font-size:var(--evo-type-sm);font-weight:600;line-height:var(--evo-leading-base)}",
+			".evolution-approval-decision [data-role=\"decision-summary\"]{margin:0;color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-xs)}",
+			".evolution-approval-decision [data-role=\"decision-facts\"]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--evo-space-4) var(--evo-space-12);margin:0;font-size:var(--evo-type-xs)}",
+			".evolution-approval-decision [data-role=\"decision-fact\"]{display:contents}",
+			".evolution-approval-decision dt{color:var(--dsw-alias-label-tertiary)}",
+			".evolution-approval-decision dd{margin:0;color:var(--dsw-alias-label-primary);min-width:0;overflow-wrap:anywhere}",
+			".evolution-approval-decision [data-role=\"decision-actions\"]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--evo-space-8);padding-top:var(--evo-space-8)}",
+			".evolution-approval-decision [data-role=\"decision-primary\"],.evolution-approval-decision [data-role=\"decision-secondary\"]{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);cursor:pointer}",
+			".evolution-approval-decision [data-role=\"decision-primary\"]{background:var(--dsw-alias-button-primary-fill);border-color:transparent;color:var(--dsw-alias-label-primary-foreground)}",
+			".evolution-approval-decision [data-role=\"decision-primary\"]:disabled,.evolution-approval-decision [data-role=\"decision-secondary\"]:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
+			".evolution-approval-decision [data-role=\"decision-details\"] details{margin:0}",
+			".evolution-approval-decision [data-role=\"decision-details\"] summary{cursor:pointer;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs)}",
+			".evolution-approval-item [data-role=\"empty-state\"]{padding:var(--evo-space-20) var(--evo-space-16);text-align:center}",
+			".evolution-approval-item [data-role=\"empty-title\"]{margin:0 0 var(--evo-space-6);font-size:var(--evo-type-lg)}",
+			".evolution-approval-item [data-role=\"empty-description\"]{margin:0 auto var(--evo-space-12);max-width:34em;color:var(--dsw-alias-label-secondary);font-size:var(--evo-type-sm)}",
+			".evolution-approval-item [data-role=\"empty-actions\"]{display:flex;justify-content:center;gap:var(--evo-space-8)}",
+			".evolution-approval-item [data-role=\"empty-primary\"]{padding:var(--evo-space-6) var(--evo-space-12);border:0;border-radius:var(--evo-radius-control);background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);font-size:var(--evo-type-sm);cursor:pointer}",
+			".evolution-approval-item [data-role=\"empty-secondary\"]{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:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:var(--evo-type-sm);cursor:pointer}",
+			".evo-diag-issue{padding:var(--evo-space-10) var(--evo-space-12);border:var(--evo-hairline-width) solid var(--dsw-alias-state-warn-primary);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-1)}",
+			".evo-diag-issue[data-status=\"fail\"]{border-color:var(--dsw-alias-state-error-primary)}",
+			".evo-diag-complete{padding:var(--evo-space-10) var(--evo-space-12);border:var(--evo-hairline-width) solid var(--dsw-alias-state-success-primary);border-radius:var(--evo-radius-control);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-state-success-primary)}",
+			".evo-diag-group{display:flex;flex-direction:column;gap:var(--evo-space-4);margin-top:var(--evo-space-8)}",
+			".evo-diag-group>summary{cursor:pointer;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs)}",
 			".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-visible{outline:var(--evo-focus-ring);outline-offset:var(--evo-focus-offset)}",
 			".evolution-param-select:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}",
@@ -2279,10 +2461,14 @@ window.__ModuleLoader__.load({
 		}
 		/** 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, {
+			return (0, react.createElement)("div", { className: "evolution-settings-tab" }, ...groupParamCards(props.cards).flatMap(({ group, items }) => [(0, react.createElement)("h3", {
+				key: "group-" + group,
+				className: "evolution-settings-group",
+				"data-role": "settings-group"
+			}, message("group." + group)), ...items.map((face, index) => (0, react.createElement)(PluginParamCard, {
 				key: face.namespace + ":" + String(index),
 				...face
-			})));
+			}))]));
 		}
 		//#endregion
 		//#region ../evolution-client-kit/src/generated/route-client.generated.ts
@@ -2626,7 +2812,7 @@ window.__ModuleLoader__.load({
 			const viewKind = state.view.kind;
 			const rowCount = state.view.kind === "ready" ? state.view.rows.length : 0;
 			(0, react.useEffect)(() => {
-				if (viewKind === "empty") setOpen(false);
+				if (viewKind === "empty") setOpen(true);
 				else if (viewKind === "ready" && rowCount > 0) setOpen(true);
 			}, [viewKind, rowCount]);
 			const latest = (0, react.useRef)(state);
@@ -2778,81 +2964,115 @@ window.__ModuleLoader__.load({
 			};
 			const summaryLine = (entry) => entry.verb === void 0 || entry.target === void 0 ? entry.summary : t(VERB_KEYS[entry.verb] ?? "approvalVerbUpdate") + " " + entry.target + (entry.operationCount !== void 0 && entry.operationCount > 1 ? " ×" + String(entry.operationCount) : "");
 			const row = (entry) => {
-				if (entry.status === "executing") return (0, react.createElement)("div", {
-					className: "evolution-param-field",
-					key: entry.id
-				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", {
-					className: "evolution-param-value",
-					title: entry.summary
-				}, summaryLine(entry))), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalExecuting")), entry.claimedBy === void 0 ? null : (0, react.createElement)("p", { className: "evolution-param-hint" }, entry.claimedBy), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
-					disabled: state.busy.includes(entry.id),
-					onClick: () => {
+				const busy = state.busy.includes(entry.id);
+				const executing = entry.status === "executing";
+				const confirming = armed === entry.id;
+				const title = summaryLine(entry);
+				const facts = [
+					{
+						label: t("approvalFactKind"),
+						value: t(KIND_KEYS[entry.kind])
+					},
+					{
+						label: t("approvalFactAge"),
+						value: age(entry)
+					},
+					...entry.target === void 0 ? [] : [{
+						label: t("approvalFactTarget"),
+						value: entry.target
+					}]
+				];
+				const raw = title === entry.summary ? void 0 : (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));
+				const previewAction = {
+					id: "preview-" + entry.id,
+					label: state.open === entry.id ? t("approvalPreviewClose") : t("approvalPreview"),
+					onSelect: () => {
+						togglePreview(entry.id);
+					}
+				};
+				const primary = executing ? {
+					id: "release-" + entry.id,
+					label: busy ? t("approvalReleasing") : t("approvalRelease"),
+					disabled: busy,
+					onSelect: () => {
 						decide(entry.id, "release");
 					}
-				}, state.busy.includes(entry.id) ? t("approvalReleasing") : t("approvalRelease"))));
-				const busy = state.busy.includes(entry.id);
-				const button = (label, action, tone) => (0, react.createElement)("button", {
-					className: "evolution-param-button",
-					type: "button",
+				} : confirming ? {
+					id: "confirm-" + entry.id,
+					label: t("approvalConfirmYes"),
+					attributes: { "data-confirm": "yes" },
+					onSelect: () => {
+						setArmed(null);
+						decide(entry.id, "approve");
+					}
+				} : {
+					id: "approve-" + entry.id,
+					label: busy ? t("approvalApproving") : t("approvalApprove"),
 					disabled: busy,
-					...tone === "primary" ? { "data-primary": "true" } : { "data-tone": tone },
-					onClick: () => {
-						if (action === "approve" && confirmMode === "ask" && armed !== entry.id) {
+					onSelect: () => {
+						if (confirmMode === "ask") {
 							setArmed(entry.id);
 							return;
 						}
-						setArmed(null);
-						decide(entry.id, action);
-					}
-				}, busy ? t(action === "approve" ? "approvalApproving" : "approvalRejecting") : t(label));
-				return (0, react.createElement)("div", {
-					className: "evolution-param-field",
-					key: entry.id
-				}, (0, react.createElement)("div", { className: "evolution-param-label" }, (0, react.createElement)("span", { className: "evolution-param-source" }, t(KIND_KEYS[entry.kind])), (0, react.createElement)("span", {
-					className: "evolution-param-value",
-					title: entry.summary
-				}, summaryLine(entry))), (0, react.createElement)("p", { className: "evolution-param-hint" }, age(entry)), 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", {
-					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: () => {
+				};
+				const secondary = executing ? [] : confirming ? [{
+					id: "cancel-" + entry.id,
+					label: t("approvalConfirmNo"),
+					onSelect: () => {
 						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);
+				}] : [{
+					id: "reject-" + entry.id,
+					label: busy ? t("approvalRejecting") : t("approvalReject"),
+					disabled: busy,
+					onSelect: () => {
+						decide(entry.id, "reject");
+					}
+				}, previewAction];
+				const summary = executing ? t("approvalExecuting") : confirming ? t("approvalConfirmNamed", { n: title }) : void 0;
+				return (0, react.createElement)("div", {
+					className: "evolution-approval-item",
+					key: entry.id
+				}, (0, react.createElement)(DecisionFrame, {
+					className: "evolution-approval-decision",
+					decision: {
+						title,
+						...summary === void 0 ? {} : { summary },
+						facts,
+						primary,
+						...secondary.length === 0 ? {} : { secondary },
+						...raw === void 0 ? {} : { details: raw }
 					}
-				}, state.open === entry.id ? t("approvalPreviewClose") : t("approvalPreview"))), state.open === entry.id && state.preview !== null ? preview(state.preview) : null);
+				}), state.open === entry.id && state.preview !== null ? preview(state.preview) : null);
 			};
 			const body = () => {
 				if (state.view.kind === "loading") return (0, react.createElement)("p", {
 					className: "evolution-param-note",
 					role: "status"
 				}, t("approvalLoading"));
-				if (state.view.kind === "empty") return (0, react.createElement)("p", {
-					className: "evolution-param-note",
-					role: "status"
-				}, t("approvalEmpty"));
+				if (state.view.kind === "empty") {
+					const primary = props.onHistory === void 0 ? void 0 : {
+						id: "approval-history",
+						label: t("approvalHistory"),
+						onSelect: props.onHistory
+					};
+					return (0, react.createElement)("div", { role: "status" }, (0, react.createElement)(EmptyState, {
+						title: t("approvalEmpty"),
+						description: t("approvalEmptyDescription"),
+						tone: "ok",
+						...primary === void 0 ? {} : { primary },
+						secondary: {
+							id: "approval-refresh",
+							label: state.refreshing ? t("diagRefreshing") : t("approvalRefresh"),
+							busy: state.refreshing,
+							onSelect: () => {
+								load();
+							}
+						}
+					}));
+				}
 				if (state.view.kind === "failed") return (0, react.createElement)("div", { className: "evolution-param-actions" }, FailureBlock({
 					failure: state.view.failure,
 					t: translate,
@@ -2882,10 +3102,7 @@ window.__ModuleLoader__.load({
 					setOpen(!open);
 				},
 				"aria-expanded": open
-			}, (0, react.createElement)("span", { className: "evolution-param-card-title" }, t("approvalTitle")), state.view.kind === "empty" ? (0, react.createElement)("span", {
-				className: "evolution-param-count",
-				role: "status"
-			}, t("approvalEmpty")) : null, waiting === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalCount", { n: waiting })), running === 0 ? null : (0, react.createElement)("span", { className: "evolution-param-count" }, t("approvalRunningCount", { n: running })), (0, react.createElement)("span", { className: "evolution-param-chevron" }, open ? "▲" : "▼")), (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
+			}, (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 ? "▲" : "▼")), state.view.kind === "empty" ? null : (0, react.createElement)("div", { className: "evolution-param-actions" }, (0, react.createElement)("button", {
 				className: "evolution-param-button",
 				type: "button",
 				disabled: state.refreshing,
@@ -2928,6 +3145,7 @@ window.__ModuleLoader__.load({
 			"entry.label": "技能历史",
 			title: "技能历史",
 			bodyTitle: "正文版本",
+			"workbench.title": "自进化",
 			"workbench.history": "技能历史",
 			"workbench.pending": "待批",
 			"workbench.merge": "合并",
@@ -2937,6 +3155,8 @@ window.__ModuleLoader__.load({
 			search: "按名字或描述筛选",
 			"search.none": "没有匹配的技能。",
 			"group.content": "正文版本",
+			"group.current": "当前版本",
+			"group.history": "历史版本",
 			"group.support": "文件版本（不可回退）",
 			"group.support.note": "附带文件的字节与正文共用一份索引；回退不恢复它们。",
 			"empty.skills": "还没有技能留下过内容版本。",
@@ -2959,6 +3179,7 @@ window.__ModuleLoader__.load({
 			"undo.confirm": "确认回退（会写入一版，可再回退）",
 			"undo.confirmUnit": "确认回退整个跨技能写入单元（会写入一版，可再回退）",
 			"undo.no": "取消",
+			more: "更多",
 			current: "当前",
 			"versions.count": "{n} 个版本",
 			"row.version": "v{n}",
@@ -2968,8 +3189,8 @@ window.__ModuleLoader__.load({
 			"row.delta.down": "（-{n} 字符）",
 			"diff.show": "差异",
 			"diff.source": "源码",
-			"preview.show": "预览",
-			"preview.hide": "收起预览",
+			"preview.show": "查看正文",
+			"preview.hide": "收起正文",
 			"preview.truncated": "正文过长：只显示前 {shown} 个字符（共 {total} 个）",
 			"path.unrecorded": "（路径未记录）",
 			"diff.rendered": "渲染",
@@ -3023,6 +3244,7 @@ window.__ModuleLoader__.load({
 			"entry.label": "Skill history",
 			title: "Skill history",
 			bodyTitle: "Body versions",
+			"workbench.title": "Self-evolution",
 			"workbench.history": "Skill history",
 			"workbench.pending": "Pending",
 			"workbench.merge": "Merge",
@@ -3032,6 +3254,8 @@ window.__ModuleLoader__.load({
 			search: "Filter by name or description",
 			"search.none": "No skill matches.",
 			"group.content": "Body versions",
+			"group.current": "Current version",
+			"group.history": "History",
 			"group.support": "File versions (not restorable)",
 			"group.support.note": "Support-file bytes share this index with the body; restoring the body does not bring them back.",
 			"empty.skills": "No skill has recorded a content version yet.",
@@ -3054,6 +3278,7 @@ window.__ModuleLoader__.load({
 			"undo.confirm": "Confirm restore (writes a new version; can be undone)",
 			"undo.confirmUnit": "Confirm restoring the whole cross-skill unit (writes a new version; can be undone)",
 			"undo.no": "Cancel",
+			more: "More",
 			current: "Current",
 			"versions.count": "{n} versions",
 			"row.version": "v{n}",
@@ -3063,8 +3288,8 @@ window.__ModuleLoader__.load({
 			"row.delta.down": "(-{n} chars)",
 			"diff.show": "Diff",
 			"diff.source": "Source",
-			"preview.show": "Preview",
-			"preview.hide": "Hide preview",
+			"preview.show": "View body",
+			"preview.hide": "Hide body",
 			"preview.truncated": "the body is long: showing the first {shown} of {total} characters",
 			"path.unrecorded": "(path not recorded)",
 			"diff.rendered": "Rendered",
@@ -3177,12 +3402,23 @@ window.__ModuleLoader__.load({
 			".evo-hist-note[data-error=\"true\"]{color:var(--evo-tone-danger);background:var(--dsw-alias-bg-layer-2);border:var(--evo-hairline-width) solid var(--evo-tone-danger);border-radius:var(--evo-radius-control);padding:var(--evo-space-8) var(--evo-space-10)}",
 			".evo-hist-icon{flex:none;margin-top:.15em}",
 			".evo-hist-group{margin:var(--evo-space-16) 0 var(--evo-space-4);font-size:var(--evo-type-sm);font-weight:600;color:var(--dsw-alias-label-secondary)}",
-			".evo-hist-row{display:flex;align-items:flex-start;gap:var(--evo-space-8);padding:var(--evo-space-8) 0;border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);max-width:calc(var(--evo-measure-read) * 1.5);color:var(--dsw-alias-label-primary)}",
+			".evo-hist-reader{max-width:calc(var(--evo-measure-read) * 1.5);margin-top:var(--evo-space-8);padding: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)}",
+			".evo-hist-current{padding-bottom:var(--evo-space-6)}",
+			".evo-hist-current .evo-hist-group{margin-top:0}",
+			".evo-hist-current .evo-hist-row{max-width:none}",
+			".evo-hist-reader .evo-hist-group{margin-top:var(--evo-space-12)}",
+			".evo-hist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:\"body actions\" \"expanded expanded\";align-items:start;gap:var(--evo-space-4) var(--evo-space-8);padding:var(--evo-space-8) 0;border-top:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);max-width:calc(var(--evo-measure-read) * 1.5);color:var(--dsw-alias-label-primary)}",
 			".evo-hist-row:first-of-type{border-top:0}",
-			".evo-hist-row-body{flex:1 1 auto;min-width:0}",
+			".evo-hist-row-body{grid-area:body;min-width:0}",
 			".evo-hist-row-title{display:flex;align-items:baseline;gap:var(--evo-space-8);min-width:0}",
 			".evo-hist-row-summary{margin-top:var(--evo-space-2);line-height:var(--evo-leading-base)}",
-			".evo-hist-actions{display:flex;flex:none;align-items:center;gap:var(--evo-space-6)}",
+			".evo-hist-actions{grid-area:actions;display:flex;align-items:center;gap:var(--evo-space-6)}",
+			".evo-hist-row-expanded{grid-area:expanded;min-width:0}",
+			".evo-hist-more{position:relative;display:inline-flex;align-items:center}",
+			".evo-hist-more>summary{list-style:none;cursor:pointer;color:var(--dsw-alias-label-tertiary);font-size:var(--evo-type-xs);padding:var(--evo-space-2) var(--evo-space-4)}",
+			".evo-hist-more>summary::-webkit-details-marker{display:none}",
+			".evo-hist-more[open]>summary{color:var(--dsw-alias-label-secondary)}",
+			".evo-hist-more>button{margin-left:var(--evo-space-2)}",
 			".evo-hist-chip{flex:none;padding:var(--evo-space-2) var(--evo-space-8);border-radius:var(--evo-radius-pill);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}",
 			".evo-hist-button{display:inline-flex;flex:none;align-items:center;gap:var(--evo-space-2);font:inherit;padding:var(--evo-space-4) var(--evo-space-10);border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2);border-radius:var(--evo-radius-control);background:transparent;color:var(--evo-tone-quiet);cursor:pointer}",
 			".evo-hist-button[data-kind=\"toggle\"],.evo-hist-button[data-kind=\"switch\"]{padding:var(--evo-space-2) var(--evo-space-4);border-color:transparent;color:var(--evo-tone-quiet)}",
@@ -3204,6 +3440,7 @@ window.__ModuleLoader__.load({
 			".evo-doc-tag{position:absolute;left:var(--evo-space-8);top:var(--evo-space-8);color:var(--dsw-alias-label-tertiary)}",
 			".evo-doc-line-add{color:var(--evo-tone-success)}",
 			".evo-doc-line-del{color:var(--evo-tone-danger)}",
+			"@media (max-width:1100px){.evo-hist-row{grid-template-columns:minmax(0,1fr);grid-template-areas:\"body\" \"actions\" \"expanded\"}.evo-hist-actions{flex-wrap:wrap;justify-content:flex-start}}",
 			"@media (max-width:900px){.evo-hist-root{flex-direction:column}.evo-hist-aside{flex:0 0 auto;width:100%;max-height:42%;border-right:0;border-bottom:var(--evo-hairline-width) solid var(--dsw-alias-border-l2)}.evo-hist-row{max-width:none}}"
 		].join("\n");
 		//#endregion
@@ -3378,46 +3615,73 @@ window.__ModuleLoader__.load({
 		*/
 		function versionRow(props) {
 			const { copy, row, confirming, open, expanded, onRestore, onCancel, onToggle } = props;
+			const current = row.undoable === false;
 			const actions = [];
-			if (row.undoable === false) actions.push(chip({
+			if (current) actions.push(chip({
 				key: "current",
 				children: copy.t("current")
 			}));
-			if (row.undoable === true) {
-				if (confirming) actions.push(button({
-					key: "cancel",
-					onClick: onCancel,
-					children: copy.t("undo.no")
-				}));
-				actions.push(button({
-					key: "undo",
-					tone: confirming ? "primary" : "quiet",
-					onClick: onRestore,
-					children: confirming ? copy.t(row.unitId === void 0 ? "undo.confirm" : "undo.confirmUnit") : copy.t("undo")
-				}));
-			}
-			if (row.undoable === true || row.charsDelta !== void 0) actions.push(button({
-				key: "diff",
-				kind: "toggle",
-				expanded: open === "diff",
-				onClick: () => {
-					onToggle("diff");
-				},
-				children: open === "diff" ? copy.t("diff.hide") : copy.t("diff.show")
-			}));
-			actions.push(button({
+			if (current) actions.push(button({
 				key: "preview",
 				kind: "toggle",
+				tone: "primary",
 				expanded: open === "preview",
 				onClick: () => {
 					onToggle("preview");
 				},
 				children: open === "preview" ? copy.t("preview.hide") : copy.t("preview.show")
 			}));
+			if (current && row.charsDelta !== void 0) actions.push(button({
+				key: "diff",
+				kind: "toggle",
+				expanded: open === "diff",
+				onClick: () => {
+					onToggle("diff");
+				},
+				children: open === "diff" ? copy.t("diff.hide") : copy.t("diff.show")
+			}));
+			if (!current) {
+				actions.push(button({
+					key: "preview",
+					kind: "toggle",
+					expanded: open === "preview",
+					onClick: () => {
+						onToggle("preview");
+					},
+					children: open === "preview" ? copy.t("preview.hide") : copy.t("preview.show")
+				}));
+				const more = [];
+				if (row.undoable === true) {
+					if (confirming) more.push(button({
+						key: "cancel",
+						onClick: onCancel,
+						children: copy.t("undo.no")
+					}));
+					more.push(button({
+						key: "undo",
+						tone: confirming ? "primary" : "quiet",
+						onClick: onRestore,
+						children: confirming ? copy.t(row.unitId === void 0 ? "undo.confirm" : "undo.confirmUnit") : copy.t("undo")
+					}));
+				}
+				if (row.undoable === true || row.charsDelta !== void 0) more.push(button({
+					key: "diff",
+					kind: "toggle",
+					expanded: open === "diff",
+					onClick: () => {
+						onToggle("diff");
+					},
+					children: open === "diff" ? copy.t("diff.hide") : copy.t("diff.show")
+				}));
+				if (more.length > 0) actions.push((0, react.createElement)("details", {
+					key: "more",
+					className: "evo-hist-more"
+				}, (0, react.createElement)("summary", null, copy.t("more")), ...more));
+			}
 			return (0, react.createElement)("div", {
 				key: String(row.v),
 				className: "evo-hist-row"
-			}, (0, react.createElement)("div", { className: "evo-hist-row-body" }, cellLine(row.cells.title, copy, "evo-hist-row-title", { time: localTime(row.at) }), row.cells.meta.length === 0 ? null : cellLine(row.cells.meta, copy, "evo-hist-row-summary"), expanded), (0, react.createElement)("div", { className: "evo-hist-actions" }, actions));
+			}, (0, react.createElement)("div", { className: "evo-hist-row-body" }, cellLine(row.cells.title, copy, "evo-hist-row-title", { time: localTime(row.at) }), row.cells.meta.length === 0 ? null : cellLine(row.cells.meta, copy, "evo-hist-row-summary")), (0, react.createElement)("div", { className: "evo-hist-actions" }, actions), expanded === null || expanded === void 0 ? null : (0, react.createElement)("div", { className: "evo-hist-row-expanded" }, expanded));
 		}
 		/**
 		* One group's heading, and the note that explains the group.
@@ -3715,6 +3979,25 @@ window.__ModuleLoader__.load({
 			] }), toggle), diffView(face, diff.diff, mode));
 		}
 		//#endregion
+		//#region src/panels/history/client/history-presentation.ts
+		/**
+		* Split a version payload without inventing a version. The host marks current rows with
+		* `undoable: false`; if an older payload lacks that marker, the first content row is the current one.
+		* @param payload - content and support chains from the host.
+		* @returns the display model.
+		*/
+		function historyViewModel(payload) {
+			const marked = payload.content.filter((row) => row.undoable === false);
+			const current = marked.length > 0 ? marked : payload.content.slice(0, 1);
+			const currentVersions = new Set(current.map((row) => row.v));
+			return {
+				current,
+				older: payload.content.filter((row) => !currentVersions.has(row.v)),
+				support: payload.support,
+				hasAny: payload.content.length > 0 || payload.support.length > 0
+			};
+		}
+		//#endregion
 		//#region src/panels/history/client/Panel.ts
 		/**
 		* The panel: one read, one open skill, one open row — and the faces that draw them.
@@ -3790,6 +4073,36 @@ window.__ModuleLoader__.load({
 			};
 			/** The sentence one failed read carries, in ONE place: every reader below reports the same way. */
 			const failedMessage = (error) => face.t("error") + ": " + (error instanceof Error ? error.message : String(error));
+			/** Load one version body under the shared read ticket; used by the current default and the toggle. */
+			const loadPreview = (name, v) => {
+				const ticket = readTicket.current + 1;
+				readTicket.current = ticket;
+				setBodies((current) => new Map(current).set(v, {
+					kind: "loading",
+					ticket
+				}));
+				face.loadBody(name, v).then((body) => {
+					if (readTicket.current !== ticket) {
+						setBodies((current) => dropIfTicket(current, v, ticket));
+						return;
+					}
+					setBodies((current) => new Map(current).set(v, {
+						kind: "ready",
+						body,
+						ticket
+					}));
+				}).catch((error) => {
+					if (readTicket.current !== ticket) {
+						setBodies((current) => dropIfTicket(current, v, ticket));
+						return;
+					}
+					setBodies((current) => new Map(current).set(v, {
+						kind: "failed",
+						message: failedMessage(error),
+						ticket
+					}));
+				});
+			};
 			/** Read the skills again, keeping the sentence: a re-read is not an answer to anything. */
 			const reloadSkills = () => {
 				face.loadSkills().then((next) => {
@@ -3818,9 +4131,17 @@ window.__ModuleLoader__.load({
 					setBodies(/* @__PURE__ */ new Map());
 				}
 				face.loadVersions(name).then((next) => {
-					if (readTicket.current === ticket) {
-						setPayload(next);
-						clearReadFailure();
+					if (readTicket.current !== ticket) return;
+					setPayload(next);
+					clearReadFailure();
+					if (keepContent) return;
+					const current = historyViewModel(next).current[0];
+					if (current !== void 0) {
+						setExpanded({
+							v: current.v,
+							kind: "preview"
+						});
+						loadPreview(name, current.v);
 					}
 				}).catch((error) => {
 					if (readTicket.current !== ticket) return;
@@ -3910,36 +4231,13 @@ window.__ModuleLoader__.load({
 					});
 					return;
 				}
-				setBodies((current) => new Map(current).set(v, {
-					kind: "loading",
-					ticket
-				}));
-				face.loadBody(name, v).then((body) => {
-					if (readTicket.current !== ticket) {
-						setBodies((current) => dropIfTicket(current, v, ticket));
-						return;
-					}
-					setBodies((current) => new Map(current).set(v, {
-						kind: "ready",
-						body,
-						ticket
-					}));
-				}).catch((error) => {
-					if (readTicket.current !== ticket) {
-						setBodies((current) => dropIfTicket(current, v, ticket));
-						return;
-					}
-					setBodies((current) => new Map(current).set(v, {
-						kind: "failed",
-						message: failedMessage(error),
-						ticket
-					}));
-				});
+				loadPreview(name, v);
 			};
 			(0, react.useEffect)(reloadSkills, []);
 			const needle = query.trim().toLowerCase();
 			const visible = (0, react.useMemo)(() => needle === "" ? skills : skills.filter((skill) => skill.name.toLowerCase().includes(needle) || skill.description.toLowerCase().includes(needle)), [skills, needle]);
 			const loaded = payload !== void 0;
+			const model = payload === void 0 ? void 0 : historyViewModel(payload);
 			/** Drop the pending confirmation: the control that opened it must not be the only way out. */
 			const cancelRestore = () => {
 				setPending(void 0);
@@ -3983,7 +4281,23 @@ window.__ModuleLoader__.load({
 			})))), (0, react.createElement)("div", { className: "evo-hist-main" }, panelHead(face, refresh, selected ?? face.t("bodyTitle")), notice(noteText, noteError), failure === void 0 ? null : (0, react.createElement)("div", { className: "evo-hist-failure" }, failureBlock(face.t, failure)), selected === void 0 ? [emptyState(face.t(skills.length === 0 ? skillsLoaded ? "empty.skills" : "loading" : "empty.pick"), "empty"), (0, react.createElement)("p", {
 				key: "hint",
 				className: "evo-hist-hint"
-			}, face.t("hint"))] : loaded ? null : emptyState(versionsFailed === void 0 ? face.t("loading") : `${face.t("empty.versions.failed")} — ${versionsFailed}`), loaded ? (0, react.createElement)("div", null, group(face.t("group.content"), payload.content, void 0), group(face.t("group.support"), payload.support, face.t("group.support.note")), payload.content.length === 0 && payload.support.length === 0 ? (0, react.createElement)("p", { className: "evo-hist-hint" }, face.t("empty.versions")) : null) : null));
+			}, face.t("hint"))] : loaded ? null : emptyState(versionsFailed === void 0 ? face.t("loading") : `${face.t("empty.versions.failed")} — ${versionsFailed}`), loaded && model !== void 0 ? (0, react.createElement)("div", { className: "evo-hist-reader" }, model.current.length === 0 ? null : (0, react.createElement)("section", {
+				key: "current",
+				className: "evo-hist-current"
+			}, ...groupHeading(face.t("group.current"), void 0), ...model.current.map((row) => versionRow({
+				copy: face,
+				row,
+				confirming: pending === row.v,
+				open: expanded !== void 0 && expanded.v === row.v ? expanded.kind : void 0,
+				expanded: expandedOf(row),
+				onRestore: () => {
+					restore(row.v, row.unitId);
+				},
+				onCancel: cancelRestore,
+				onToggle: (kind) => {
+					toggle(row.v, kind);
+				}
+			}))), group(face.t("group.history"), model.older, void 0), model.support.length === 0 ? null : group(face.t("group.support"), model.support, face.t("group.support.note")), model.hasAny ? null : (0, react.createElement)("p", { className: "evo-hist-hint" }, face.t("empty.versions"))) : null));
 		}
 		/**
 		* Drop a superseded lazy read ONLY if the entry still belongs to that read.
@@ -4031,6 +4345,24 @@ window.__ModuleLoader__.load({
 			fail: "diagSummaryFail",
 			unknown: "diagSummaryUnknown"
 		});
+		/**
+		* Split the frozen runtime rows without dropping one. The top issue follows the same fail > warn > unknown order.
+		* @param rows - runtime rows from the host view.
+		* @returns the reading shape used by the card.
+		*/
+		function diagnosticsReading(rows) {
+			const order = [
+				"fail",
+				"warn",
+				"unknown"
+			];
+			const issues = [...rows].filter((row) => row.status !== "ok").sort((a, b) => order.indexOf(a.status) - order.indexOf(b.status));
+			return {
+				topIssue: issues[0],
+				otherIssues: issues.slice(1),
+				normal: rows.filter((row) => row.status === "ok")
+			};
+		}
 		/** The one status the card leads with: fail > warn > unknown > ok. */
 		function summaryOf(rows) {
 			const count = (status) => rows.filter((row) => row.status === status).length;
@@ -4106,12 +4438,30 @@ window.__ModuleLoader__.load({
 				className: "evo-diag-badge",
 				"data-status": summary.status
 			}, t(SUMMARY_KEYS[summary.status], summary.count === 0 ? void 0 : { n: summary.count })), focusRow === void 0 ? null : (0, react.createElement)("span", { "data-role": "diag-focus" }, focusRow.label), (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 runtime = (view) => {
+				if (view.runtime.length === 0) return null;
+				const reading = diagnosticsReading(view.runtime);
+				const rowNode = (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));
+				return (0, react.createElement)("div", {}, (0, react.createElement)("h3", { className: "evolution-param-group" }, t("diagRuntimeTitle")), reading.topIssue === void 0 ? (0, react.createElement)("div", {
+					className: "evo-diag-complete",
+					"data-role": "diag-complete"
+				}, t("diagComplete")) : (0, react.createElement)("div", {
+					className: "evo-diag-issue",
+					"data-role": "diag-issue",
+					"data-status": reading.topIssue.status
+				}, rowNode(reading.topIssue)), reading.otherIssues.length === 0 ? null : (0, react.createElement)("details", {
+					className: "evo-diag-group",
+					"data-role": "diag-other-issues"
+				}, (0, react.createElement)("summary", null, t("diagOtherIssues", { n: reading.otherIssues.length })), ...reading.otherIssues.map(rowNode)), reading.normal.length === 0 ? null : (0, react.createElement)("details", {
+					className: "evo-diag-group",
+					"data-role": "diag-normal"
+				}, (0, react.createElement)("summary", null, t("diagNormal", { n: reading.normal.length })), ...reading.normal.map(rowNode)));
+			};
 			const body = () => {
 				if (state.phase === "loading") return (0, react.createElement)("p", { className: "evolution-param-loading" }, t("stateLoading"));
 				if (state.phase === "failed") return FailureBlock({
@@ -4147,6 +4497,69 @@ window.__ModuleLoader__.load({
 			}, header, open ? (0, react.createElement)("div", { className: "evolution-param-body" }, body()) : null);
 		}
 		//#endregion
+		//#region src/panels/history/client/WorkbenchStore.ts
+		/**
+		* Resolve the first landing from task counts. Pending outranks merge; no task lands on history.
+		* @param counts - read-only task counts.
+		* @param hasMerge - whether the merge view is mounted.
+		* @returns the view to open when the user has not chosen one.
+		*/
+		function resolveDefaultView(counts, hasMerge) {
+			if (counts.pending > 0) return "pending";
+			if (hasMerge && counts.merge > 0) return "merge";
+			return "history";
+		}
+		function createWorkbenchStore(initial = {
+			view: "history",
+			focusRevision: 0,
+			explicitView: false
+		}) {
+			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 || state.explicitView !== true) emit({
+						...state,
+						view,
+						explicitView: true
+					});
+				},
+				setDefaultView(view) {
+					if (state.explicitView !== true && state.view !== view) emit({
+						...state,
+						view,
+						explicitView: false
+					});
+				},
+				openHistory(skill) {
+					emit({
+						view: "history",
+						...skill === void 0 ? {} : { selectedSkill: skill },
+						focusRevision: state.focusRevision + 1,
+						explicitView: true
+					});
+				},
+				clearSelection() {
+					const { selectedSkill: _selected, ...rest } = state;
+					emit({
+						...rest,
+						focusRevision: state.focusRevision + 1
+					});
+				}
+			};
+		}
+		//#endregion
 		//#region src/panels/history/client/Workbench.ts
 		/**
 		* The family's one task page. G3 owns the history view; later groups add health
@@ -4172,13 +4585,29 @@ window.__ModuleLoader__.load({
 			const hasMerge = props.hasView?.("merge") ?? true;
 			const hasHealth = props.hasView?.("health") ?? true;
 			(0, react.useEffect)(() => {
-				if (view === "merge" && !hasMerge || view === "health" && !hasHealth) props.store.setView("history");
+				if (view === "merge" && !hasMerge || view === "health" && !hasHealth) props.store.setDefaultView("history");
 			}, [
 				view,
 				hasMerge,
 				hasHealth,
 				props.store
 			]);
+			(0, react.useEffect)(() => {
+				const load = props.loadTaskCounts;
+				if (load === void 0 || state.explicitView === true) return;
+				let live = true;
+				load().then((counts) => {
+					if (live) props.store.setDefaultView(resolveDefaultView(counts, hasMerge));
+				}).catch(() => {});
+				return () => {
+					live = false;
+				};
+			}, [
+				props.loadTaskCounts,
+				state.explicitView,
+				hasMerge,
+				props.store
+			]);
 			const viewOrder = [
 				"history",
 				"pending",
@@ -4200,7 +4629,10 @@ window.__ModuleLoader__.load({
 			return (0, react.createElement)("section", {
 				className: "evolution-page-surface evo-workbench",
 				"data-page": view
-			}, (0, react.createElement)("div", { className: "evo-workbench-head" }, (0, react.createElement)("h1", { className: "evo-workbench-title" }, props.t("entry.label")), (0, react.createElement)("div", {
+			}, (0, react.createElement)("div", { className: "evo-workbench-head" }, (0, react.createElement)("h1", {
+				className: "evo-workbench-title",
+				"data-view": view
+			}, props.t("workbench.title")), (0, react.createElement)("div", {
 				className: "evo-workbench-tabs",
 				role: "tablist",
 				"aria-label": props.t("entry.label")
@@ -4282,7 +4714,12 @@ window.__ModuleLoader__.load({
 				...props.history,
 				focusSkill: selectedSkill,
 				focusRevision
-			}) : view === "pending" ? (0, react.createElement)(PendingCard, props.pending) : view === "diagnostics" ? (0, react.createElement)(DiagnosticsCard, props.diagnostics) : null, (0, react.createElement)("div", {
+			}) : view === "pending" ? (0, react.createElement)(PendingCard, {
+				...props.pending,
+				onHistory: () => {
+					openHistory(void 0);
+				}
+			}) : 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", {
@@ -4318,52 +4755,14 @@ 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-feature{display:flex;flex:1;min-width:0;min-height:0}",
+			".evo-workbench-feature[hidden]{display:none}",
+			".evo-workbench-feature>*{flex:1;min-width:0}",
+			".evo-workbench-feature .evolution-merge-panel,.evo-workbench-feature .evolution-skill-health-panel{flex:1 1 auto;min-width:0}",
 			".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/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 main occupant and its sidebar row.
@@ -4412,9 +4811,10 @@ window.__ModuleLoader__.load({
 					footnotes: t("markdown.footnotes")
 				}
 			});
+			const approvalApi = createApprovalApi((input, init) => fetch(input, init));
 			const pendingFace = () => ({
 				t: pendingT,
-				api: createApprovalApi((input, init) => fetch(input, init)),
+				api: approvalApi,
 				confirmMode,
 				fallback: FALLBACKS.approval
 			});
@@ -4423,6 +4823,26 @@ window.__ModuleLoader__.load({
 				api: createDiagnosticsApi((input, init) => fetch(input, init)),
 				fallback: FALLBACKS.diagnostics
 			});
+			const loadTaskCounts = async () => {
+				const pending = approvalApi.pending().then((answer) => answer.ok ? answer.data.length : 0).catch(() => 0);
+				const merge = (async () => {
+					try {
+						const response = await fetch(ROUTES.merge.view, { headers: { accept: "application/json" } });
+						if (!response.ok) return 0;
+						const body = await response.json();
+						const raw = body.ok === true ? body.data : body;
+						const count = Number(raw?.counts?.active?.pending ?? raw?.counts?.pending ?? 0);
+						return Number.isFinite(count) && count > 0 ? count : 0;
+					} catch {
+						return 0;
+					}
+				})();
+				const [pendingCount, mergeCount] = await Promise.all([pending, merge]);
+				return {
+					pending: pendingCount,
+					merge: mergeCount
+				};
+			};
 			const workbenchStore = createWorkbenchStore();
 			registerSidebarPanel(ctx, {
 				id: WORKBENCH_ID,
@@ -4444,7 +4864,8 @@ window.__ModuleLoader__.load({
 					history: historyFace(t),
 					pending: pendingFace(),
 					diagnostics: diagnosticsFace(),
-					hasView
+					hasView,
+					loadTaskCounts
 				}),
 				children: { "evolution.workbench.view": {
 					kind: "list",