@lmzhen/dsh-evolution-merge-ui 0.30.18 → 0.30.19

package/lib/client.js

@@ -7,10 +7,7 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		//#endregion
 		//#region src/client/api.ts
-		/**
-		* The two read routes this panel uses. Parses the frozen wireVersion=1 envelopes
-		* and maps them to the panel view types; the panel never sees a path or a raw host body.
-		*/
+		/** Read-only merge wire client. Classifies every failure and never writes. */
 		const HOST_ROUTES = {
 			approval: {
 				pending: "/api/dsh-evolution/approval/pending",
@@ -37,6 +34,38 @@ window.__ModuleLoader__.load({
 			},
 			diagnostics: { view: "/api/dsh-evolution/diagnostics" }
 		}.merge;
+		const isBlocked = (failure) => failure.kind === "blocked";
+		const asReadiness = (value) => {
+			const raw = typeof value === "object" && value !== null ? value : {};
+			const steps = Array.isArray(raw.steps) ? raw.steps.filter((step) => typeof step === "string") : void 0;
+			return {
+				...typeof raw.ok === "boolean" ? { ok: raw.ok } : {},
+				...typeof raw.code === "string" ? { code: raw.code } : {},
+				...typeof raw.message === "string" ? { message: raw.message } : {},
+				...steps === void 0 ? {} : { steps }
+			};
+		};
+		const asPlatformWrite = (value) => {
+			if (typeof value === "boolean") return {
+				enabled: value,
+				capability: true
+			};
+			if (typeof value !== "object" || value === null) return void 0;
+			const raw = value;
+			const enabled = typeof raw.enabled === "boolean" ? raw.enabled : typeof raw.value === "boolean" ? raw.value : void 0;
+			const capability = typeof raw.capability === "boolean" ? raw.capability : typeof raw.available === "boolean" ? raw.available : true;
+			return enabled === void 0 ? void 0 : {
+				enabled,
+				capability
+			};
+		};
+		const problem = (code, status, wireCode, message) => ({
+			kind: "problem",
+			code,
+			status,
+			...wireCode === void 0 ? {} : { wireCode },
+			...message === void 0 ? {} : { message }
+		});
 		async function requestWire(path) {
 			let response;
 			try {
@@ -44,39 +73,16 @@ window.__ModuleLoader__.load({
 			} catch {
 				return {
 					ok: false,
-					failure: {
-						kind: "server",
-						status: 0
-					}
+					failure: problem("server", 0)
 				};
 			}
 			if (response.status === 401) return {
 				ok: false,
-				failure: {
-					kind: "unauthenticated",
-					status: 401
-				}
+				failure: problem("unauthenticated", 401)
 			};
 			if (response.status === 403) return {
 				ok: false,
-				failure: {
-					kind: "forbidden",
-					status: 403
-				}
-			};
-			if (response.status === 404) return {
-				ok: false,
-				failure: {
-					kind: "unmounted",
-					status: 404
-				}
-			};
-			if (!response.ok) return {
-				ok: false,
-				failure: {
-					kind: "server",
-					status: response.status
-				}
+				failure: problem("forbidden", 403)
 			};
 			let body;
 			try {
@@ -84,34 +90,64 @@ window.__ModuleLoader__.load({
 			} catch {
 				return {
 					ok: false,
-					failure: {
-						kind: "server",
-						status: response.status
-					}
+					failure: problem("server", response.status)
 				};
 			}
 			const record = body;
-			if (record.wireVersion !== 1) return {
+			const code = typeof record.code === "string" ? record.code : void 0;
+			const message = typeof record.message === "string" ? record.message : void 0;
+			if (code === "E-323" || message?.startsWith("E-323") === true) return {
 				ok: false,
-				failure: {
-					kind: "server",
-					status: response.status
-				}
+				failure: problem("capability", response.status, code, message)
 			};
-			if (typeof record.code === "string") return {
+			if (response.status === 503 && code === "merge-state-blocked" && typeof record.readiness === "object" && record.readiness !== null) return {
 				ok: false,
 				failure: {
-					kind: "refused",
-					code: record.code,
-					message: typeof record.message === "string" ? record.message : record.code
+					kind: "blocked",
+					code,
+					readiness: asReadiness(record.readiness)
 				}
 			};
+			if (response.status === 404) {
+				if (code === "E-325") return {
+					ok: false,
+					failure: problem("unmounted", 404, code, message)
+				};
+				if (code === "merge-body-missing" || code === "merge-body-not-found") return {
+					ok: false,
+					failure: problem("body-missing", 404, code, message)
+				};
+				return {
+					ok: false,
+					failure: problem("unmounted", 404, code, message)
+				};
+			}
+			if (response.status === 400 && code === "merge-bad-query") return {
+				ok: false,
+				failure: problem("bad-query", 400, code, message)
+			};
+			if (!response.ok) return {
+				ok: false,
+				failure: problem("server", response.status, code, message)
+			};
+			if (record.wireVersion !== 1) return {
+				ok: false,
+				failure: problem("wire-version", response.status, code, message)
+			};
+			if (code === "merge-body-missing" || code === "merge-body-not-found") return {
+				ok: false,
+				failure: problem("body-missing", response.status, code, message)
+			};
+			if (code !== void 0) return {
+				ok: false,
+				failure: problem("refused", response.status, code, message)
+			};
 			return {
 				ok: true,
 				payload: body
 			};
 		}
-		const escapeHtml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		const toPlatformWrite = (facts) => asPlatformWrite(facts.approval.platformWrite ?? facts.platformWrite);
 		const toRun = (run) => ({
 			id: run.id,
 			state: run.state,
@@ -121,8 +157,47 @@ window.__ModuleLoader__.load({
 				done: run.progress.done,
 				total: run.progress.total
 			} },
-			startedAt: run.startedAt
+			startedAt: run.startedAt,
+			...run.endedAt === void 0 ? {} : { endedAt: run.endedAt },
+			...run.failure === void 0 ? {} : { failure: {
+				stage: run.failure.stage,
+				code: run.failure.code,
+				retryable: run.failure.retryable,
+				...run.failure.detail === void 0 ? {} : { detail: run.failure.detail }
+			} },
+			...run.parentRunId === void 0 ? {} : { parentRunId: run.parentRunId },
+			...run.currentPairKey === void 0 ? {} : { currentPairKey: run.currentPairKey },
+			...run.resultRef === void 0 ? {} : { resultRef: run.resultRef },
+			actions: (run.actions ?? []).map((action) => ({
+				id: action.id,
+				command: action.command,
+				confirm: action.confirm === true,
+				enabled: action.enabled !== false,
+				...action.disabledReason === void 0 ? {} : { disabledReason: action.disabledReason }
+			}))
 		});
+		const stageOf = (row) => {
+			const normalize = (raw) => {
+				if (typeof raw === "string") return raw === "reserved" || raw === "present" || raw === "expired" || raw === "lost" || raw === "absent" ? { state: raw } : void 0;
+				if (raw === void 0) return void 0;
+				if (raw.state === "reserved" || raw.state === "present" || raw.state === "expired" || raw.state === "lost" || raw.state === "absent") return {
+					state: raw.state,
+					...raw.expiresAt === void 0 ? {} : { expiresAt: raw.expiresAt }
+				};
+				if (raw.state === "kept") return {
+					state: "present",
+					...raw.expiresAt === void 0 ? {} : { expiresAt: raw.expiresAt }
+				};
+			};
+			const stage = normalize(row.stage);
+			const staging = normalize(row.staging);
+			if (stage === void 0) return staging;
+			const expiresAt = stage.expiresAt ?? (staging?.state === stage.state ? staging.expiresAt : void 0);
+			return expiresAt === void 0 ? stage : {
+				...stage,
+				expiresAt
+			};
+		};
 		const toRow = (row) => ({
 			id: row.id,
 			pairKey: row.id,
@@ -139,31 +214,31 @@ window.__ModuleLoader__.load({
 				...row.target.actual === void 0 ? {} : { targetActual: row.target.actual },
 				...row.target.created === void 0 ? {} : { targetCreated: row.target.created }
 			},
-			...row.staging?.state === void 0 ? {} : { stagingState: row.staging.state },
-			...row.verifySubState === void 0 ? {} : { verifySubState: row.verifySubState },
-			...row.skipKind === void 0 ? {} : { skipKind: row.skipKind },
-			...row.bodies === void 0 ? {} : { bodies: row.bodies.map((body) => ({
-				name: body.name,
-				side: body.side
-			})) },
 			...row.confidence === void 0 ? {} : { confidence: row.confidence },
-			...row.expiresAt === void 0 ? {} : { expiresAt: row.expiresAt },
-			...row.summary === void 0 ? {} : { summary: [
-				row.summary.a,
-				row.summary.b,
-				row.summary.rationale
-			].filter((value) => value !== null) },
+			...row.summary === void 0 ? {} : { summary: {
+				a: row.summary.a,
+				b: row.summary.b,
+				rationale: row.summary.rationale
+			} },
 			...row.reason === void 0 ? {} : { reason: row.reason },
-			...row.origin === void 0 ? {} : { origin: row.origin === "system" ? "agent" : row.origin },
+			...row.reasonCode === void 0 ? {} : { reasonCode: row.reasonCode },
+			...row.origin === void 0 ? {} : { origin: row.origin },
+			...row.attempts === void 0 ? {} : { attempts: row.attempts },
+			...row.expiresAt === void 0 ? {} : { stagingExpiresAt: row.expiresAt },
+			...row.expired === void 0 ? {} : { expired: row.expired.kind },
+			...stageOf(row) === void 0 ? {} : { stageView: stageOf(row) },
 			...row.failure === void 0 ? {} : { failure: {
 				stage: row.failure.stage,
 				code: row.failure.code,
 				message: row.failure.detail ?? row.failure.code,
 				retryable: row.failure.retryable
 			} },
-			...row.staging?.expiresAt === void 0 ? {} : { stagingExpiresAt: row.staging.expiresAt },
-			...row.expired === void 0 ? {} : { expired: row.expired.kind },
-			...row.attempts === void 0 ? {} : { attempts: row.attempts },
+			...row.verifySubState === void 0 ? {} : { verifySubState: row.verifySubState },
+			...row.skipKind === void 0 ? {} : { skipKind: row.skipKind },
+			...row.bodies === void 0 ? {} : { bodies: row.bodies.map((body) => ({
+				name: body.name,
+				side: body.side
+			})) },
 			actions: row.actions.map((action) => ({
 				id: action.id,
 				command: action.command,
@@ -176,6 +251,7 @@ window.__ModuleLoader__.load({
 			const answer = await requestWire(HOST_ROUTES.view);
 			if (!answer.ok) return answer;
 			const facts = answer.payload;
+			const platformWrite = toPlatformWrite(facts);
 			return {
 				ok: true,
 				payload: {
@@ -195,7 +271,10 @@ window.__ModuleLoader__.load({
 					notes: [...facts.notes],
 					degraded: facts.degraded,
 					...facts.last === null && facts.active === null ? {} : { latestRun: toRun(facts.last ?? facts.active) },
-					approval: facts.approval.mergeApproval
+					approval: {
+						mergeApproval: facts.approval.mergeApproval,
+						...platformWrite === void 0 ? {} : { platformWrite }
+					}
 				}
 			};
 		}
@@ -204,30 +283,42 @@ window.__ModuleLoader__.load({
 			if (!answer.ok) return answer;
 			if (answer.payload.queue !== queue || answer.payload.expiredOnly !== expiredOnly) return {
 				ok: false,
-				failure: {
-					kind: "server",
-					status: 200
-				}
+				failure: problem("server", 200)
 			};
 			return {
 				ok: true,
 				payload: {
 					queue: answer.payload.queue,
+					expiredOnly: answer.payload.expiredOnly,
 					items: answer.payload.rows.map(toRow),
+					counts: answer.payload.counts,
 					...answer.payload.nextCursor === void 0 ? {} : { nextCursor: answer.payload.nextCursor }
 				}
 			};
 		}
-		async function body(id, side) {
-			const answer = await requestWire(HOST_ROUTES.body + "?id=" + encodeURIComponent(id) + "&side=" + side);
-			return answer.ok ? {
+		async function body(name, side) {
+			const answer = await requestWire(HOST_ROUTES.body + "?name=" + encodeURIComponent(name) + "&side=" + side);
+			if (!answer.ok) {
+				if (answer.failure.kind === "problem" && answer.failure.code === "bad-query" && (answer.failure.message ?? "").includes("multiple merge rows")) return {
+					ok: false,
+					failure: {
+						...answer.failure,
+						code: "body-ambiguous"
+					}
+				};
+				return answer;
+			}
+			return {
 				ok: true,
 				payload: {
-					content: answer.payload.text,
+					name: answer.payload.name,
+					side: answer.payload.side,
+					text: answer.payload.text,
 					markdown: answer.payload.markdown,
-					html: escapeHtml(answer.payload.text)
+					truncated: answer.payload.truncated,
+					totalBytes: answer.payload.totalBytes
 				}
-			} : answer;
+			};
 		}
 		async function history() {
 			const answer = await requestWire(HOST_ROUTES.history);
@@ -237,6 +328,7 @@ window.__ModuleLoader__.load({
 					name: item.name,
 					kind: item.kind,
 					reason: item.reason,
+					...item.reasonCode === void 0 ? {} : { reasonCode: item.reasonCode },
 					lastVersion: item.lastVersion,
 					archivedAt: new Date(item.archivedAt).toISOString(),
 					...item.sourceRunId === void 0 ? {} : { sourceRunId: item.sourceRunId }
@@ -266,6 +358,7 @@ window.__ModuleLoader__.load({
 			"tab.fuse": "待合并",
 			"tab.skipped": "无需合并",
 			"empty.verify": "没有待判断的对。",
+			"empty.scope": "这里只做两轮合成；机械追加属于 skill 管理，不进入合并队列。",
 			"empty.pending": "没有待批准的合并。",
 			"empty.fuse": "没有待合并的对。",
 			"empty.skipped": "没有标记为无需合并的对。",
@@ -275,11 +368,20 @@ window.__ModuleLoader__.load({
 			"approval.on": "审批开：合并前需人工批准。",
 			"approval.off": "审批关：合并自动执行。",
 			"failed": "读取失败，保留上次结果。",
+			"blocked.title": "合并状态未就绪",
+			"blocked.hint": "迁移/备份修复后刷新；面板不会自动降级。",
+			"blocked.doctor": "复制诊断命令",
+			"blocked.detail": "查看原始信息",
+			"blocked.reason.migration-blocked": "合并状态需要迁移，面板已暂停读取。",
+			"blocked.reason.needs-repair": "合并状态需要修复，面板已暂停读取。",
+			"blocked.reason.forward-only": "合并状态版本过新，当前面板暂不支持。",
+			"blocked.reason.unknown": "合并状态未就绪，面板已暂停读取。",
 			"stage.decide": "判定",
 			"stage.author": "合并",
 			"stage.validate": "检查",
 			"stage.commit": "提交",
 			"row.target": "目标",
+			"row.actualTarget": "实际目标",
 			"row.confidence": "置信度",
 			"row.attempts": "尝试",
 			"row.origin": "来源",
@@ -329,10 +431,14 @@ window.__ModuleLoader__.load({
 			"failureUnauthorized": "未登录",
 			"failureForbidden": "无权访问",
 			"failureUnmounted": "宿主未挂载",
+			"failureCapability": "子代理通道不可用",
+			"failureCapabilityHint": "先运行全局诊断，或复制下方命令继续处理。preset/host-only 形态没有面板时仍可用这些命令兜底。",
+			"failureBodyAmbiguous": "同名技能匹配到多行，无法确定读取哪一个；请用唯一名称或从具体行打开。",
 			"fallbackHint": "可复制命令见下方",
 			"body.missing": "正文不存在或不可读。",
 			"expired.target-taken": "目标已被占用",
 			"expired.source-changed": "源已变更",
+			"expired.source-gone": "源已缺失",
 			"expired.skipped-ttl": "跳过已到期",
 			"history.kind.merged": "已合并",
 			"history.kind.deleted": "已删除",
@@ -346,6 +452,89 @@ window.__ModuleLoader__.load({
 			"state.fuse": "待合并",
 			"state.skipped": "已跳过"
 		};
+		Object.assign(zh, {
+			"stage.screening": "筛选",
+			"stage.settle": "结算",
+			"stage.state.reserved": "已预留",
+			"stage.state.present": "已暂存",
+			"stage.state.expired": "已过期",
+			"stage.state.lost": "暂存丢失",
+			"stage.state.absent": "无暂存",
+			"origin.system": "系统",
+			"row.id": "编号",
+			"row.requestedTarget": "请求目标",
+			"row.stage": "合并暂存",
+			"row.summaryA": "摘要 A",
+			"row.summaryB": "摘要 B",
+			"row.rationale": "理由",
+			"row.notProvided": "未提供",
+			"row.fullId": "完整编号",
+			"row.actions": "操作",
+			"action.unavailable": "不可用",
+			"history.reason.target-taken": "目标已被占用",
+			"history.reason.source-changed": "源已变更",
+			"history.reason.skipped-ttl": "跳过已到期",
+			"history.reason.validation-failed": "检查失败",
+			"history.reason.merge-over-limit": "超过限制",
+			"history.reason.source-gone": "源已缺失",
+			"history.reason.merged": "已合并",
+			"history.reason.archived": "已归档",
+			"history.reason.unknown": "原因未提供",
+			"history.lastVersion": "最后版本",
+			"history.archivedAt": "归档时间",
+			"body.truncated": "正文过长，已截断。",
+			"body.empty": "正文为空。",
+			"body.totalBytes": "总字节",
+			"body.live": "当前版本",
+			"body.archive": "归档版本",
+			"failureWireVersion": "宿主返回了不兼容的数据版本，请升级页面。",
+			"failureBadQuery": "请求已失效，请刷新后重试。",
+			"failureBodyMissing": "正文不存在或不可读。",
+			"failureRefused": "宿主拒绝了这次读取。",
+			"failureDetails": "查看详情",
+			"failureFallback": "可复制命令见下方",
+			"settings.title": "审批设置",
+			"settings.hint": "两段审批分开显示；值来自宿主能力，不从另一项推导。",
+			"settings.mergeApproval": "合并审批",
+			"settings.platformWrite": "平台写入审批",
+			"settings.on": "开",
+			"settings.off": "关",
+			"settings.capabilityMissing": "宿主未提供该能力",
+			"settings.capabilityDisabled": "当前部署不可用",
+			"settings.readonly": "只读显示；修改请到平台设置页。",
+			"run.title": "运行",
+			"run.id": "运行编号",
+			"run.state": "状态",
+			"run.stage": "阶段",
+			"run.progress": "进度",
+			"run.endedAt": "结束时间",
+			"run.failure": "失败",
+			"run.currentPair": "当前对",
+			"run.parent": "父运行",
+			"run.report": "报告",
+			"run.noReport": "暂无报告",
+			"run.resultRef": "报告位置",
+			"run.actions": "运行操作",
+			"run.running": "运行中",
+			"run.ended": "已结束",
+			"run.cancelled": "已取消",
+			"run.failed": "失败",
+			"run.succeeded": "成功",
+			"run.awaiting": "等待审批",
+			"run.awaiting-approval": "等待审批",
+			"run.undone": "已撤销",
+			"run.superseded": "已失效",
+			"run.interrupted": "已中断",
+			"run.orphan": "孤立",
+			"error.title": "读取失败",
+			"error.retry": "重试",
+			"error.raw": "原始信息",
+			"doctor.open": "打开全局诊断",
+			"sort.updatedAt": "按更新时间",
+			"sort.score": "按分数",
+			"pin": "置顶",
+			"unpin": "取消置顶"
+		});
 		const en = {
 			"entry.label": "Skill merge",
 			"title": "Skill merge",
@@ -363,6 +552,7 @@ window.__ModuleLoader__.load({
 			"tab.fuse": "Ready to merge",
 			"tab.skipped": "Skipped",
 			"empty.verify": "No pairs to judge.",
+			"empty.scope": "This panel only performs two-round synthesis; mechanical append belongs to skill management and does not enter the merge queue.",
 			"empty.pending": "No pending merges.",
 			"empty.fuse": "No pairs ready to merge.",
 			"empty.skipped": "No pairs marked as not worth merging.",
@@ -372,11 +562,20 @@ window.__ModuleLoader__.load({
 			"approval.on": "Approval on: merges wait for a human.",
 			"approval.off": "Approval off: merges run automatically.",
 			"failed": "Read failed; keeping the last result.",
+			"blocked.title": "Merge state blocked",
+			"blocked.hint": "Fix the migration/backup, then refresh. The panel does not fall back automatically.",
+			"blocked.doctor": "Copy diagnostics command",
+			"blocked.detail": "Show host message",
+			"blocked.reason.migration-blocked": "Merge state needs migration; the panel is paused.",
+			"blocked.reason.needs-repair": "Merge state needs repair; the panel is paused.",
+			"blocked.reason.forward-only": "Merge state was written by a newer version; this panel cannot read it.",
+			"blocked.reason.unknown": "Merge state is not ready; the panel is paused.",
 			"stage.decide": "Decide",
 			"stage.author": "Author",
 			"stage.validate": "Validate",
 			"stage.commit": "Commit",
 			"row.target": "Target",
+			"row.actualTarget": "Actual target",
 			"row.confidence": "Confidence",
 			"row.attempts": "Attempts",
 			"row.origin": "Origin",
@@ -426,10 +625,14 @@ window.__ModuleLoader__.load({
 			"failureUnauthorized": "Not signed in",
 			"failureForbidden": "Forbidden",
 			"failureUnmounted": "Host not mounted",
+			"failureCapability": "Subagent channel unavailable",
+			"failureCapabilityHint": "Run global diagnostics first, or copy a command below to continue. The command fallback also covers preset/host-only shapes without a panel.",
+			"failureBodyAmbiguous": "The skill name matches multiple rows, so the body is ambiguous. Use a unique name or open it from a specific row.",
 			"fallbackHint": "Copy the command below",
 			"body.missing": "Body missing or unreadable.",
 			"expired.target-taken": "target taken",
 			"expired.source-changed": "source changed",
+			"expired.source-gone": "source gone",
 			"expired.skipped-ttl": "skip expired",
 			"history.kind.merged": "Merged",
 			"history.kind.deleted": "Deleted",
@@ -443,6 +646,117 @@ window.__ModuleLoader__.load({
 			"state.fuse": "Ready to merge",
 			"state.skipped": "Skipped"
 		};
+		Object.assign(en, {
+			"stage.screening": "Screen",
+			"stage.settle": "Settle",
+			"stage.state.reserved": "Reserved",
+			"stage.state.present": "Staged",
+			"stage.state.expired": "Expired",
+			"stage.state.lost": "Staging lost",
+			"stage.state.absent": "Not staged",
+			"origin.system": "System",
+			"row.id": "ID",
+			"row.requestedTarget": "Requested target",
+			"row.stage": "Merge staging",
+			"row.summaryA": "Summary A",
+			"row.summaryB": "Summary B",
+			"row.rationale": "Rationale",
+			"row.notProvided": "not provided",
+			"row.fullId": "Full ID",
+			"row.actions": "Actions",
+			"action.unavailable": "Unavailable",
+			"history.reason.target-taken": "target taken",
+			"history.reason.source-changed": "source changed",
+			"history.reason.skipped-ttl": "skip expired",
+			"history.reason.validation-failed": "validation failed",
+			"history.reason.merge-over-limit": "over limit",
+			"history.reason.source-gone": "source gone",
+			"history.reason.merged": "merged",
+			"history.reason.archived": "archived",
+			"history.reason.unknown": "reason not provided",
+			"history.lastVersion": "Last version",
+			"history.archivedAt": "Archived at",
+			"body.truncated": "Body is truncated.",
+			"body.empty": "Body is empty.",
+			"body.totalBytes": "Total bytes",
+			"body.live": "Live",
+			"body.archive": "Archive",
+			"failureWireVersion": "The host returned an incompatible data version; reload the page.",
+			"failureBadQuery": "This request is stale; refresh and retry.",
+			"failureBodyMissing": "Body missing or unreadable.",
+			"failureRefused": "The host refused this read.",
+			"failureDetails": "Show details",
+			"failureFallback": "Copy a command below",
+			"settings.title": "Approvals",
+			"settings.hint": "Two independent approval values; each comes from host capability, never derived from the other.",
+			"settings.mergeApproval": "Merge approval",
+			"settings.platformWrite": "Platform write approval",
+			"settings.on": "On",
+			"settings.off": "Off",
+			"settings.capabilityMissing": "Host did not provide this capability",
+			"settings.capabilityDisabled": "Not available in this deployment",
+			"settings.readonly": "Read-only here; edit in platform settings.",
+			"run.title": "Run",
+			"run.id": "Run ID",
+			"run.state": "State",
+			"run.stage": "Stage",
+			"run.progress": "Progress",
+			"run.endedAt": "Ended at",
+			"run.failure": "Failure",
+			"run.currentPair": "Current pair",
+			"run.parent": "Parent run",
+			"run.report": "Report",
+			"run.noReport": "No report yet",
+			"run.resultRef": "Report location",
+			"run.actions": "Run actions",
+			"run.running": "Running",
+			"run.ended": "Ended",
+			"run.cancelled": "Cancelled",
+			"run.failed": "Failed",
+			"run.succeeded": "Succeeded",
+			"run.awaiting": "Awaiting approval",
+			"run.awaiting-approval": "Awaiting approval",
+			"run.undone": "Undone",
+			"run.superseded": "Superseded",
+			"run.interrupted": "Interrupted",
+			"run.orphan": "Orphan",
+			"error.title": "Read failed",
+			"error.retry": "Retry",
+			"error.raw": "Raw message",
+			"doctor.open": "Open global diagnostics",
+			"sort.updatedAt": "Last updated",
+			"sort.score": "Score",
+			"pin": "Pin",
+			"unpin": "Unpin"
+		});
+		Object.assign(zh, {
+			"settings.saved": "已保存",
+			"settings.saveFailed": "保存失败",
+			"settings.openPlatform": "打开平台设置",
+			"settings.live": "可直接在此保存；platformWrite 能力来自宿主。"
+		});
+		Object.assign(en, {
+			"settings.saved": "Saved",
+			"settings.saveFailed": "Save failed",
+			"settings.openPlatform": "Open platform settings",
+			"settings.live": "Save directly here; platformWrite capability comes from the host."
+		});
+		Object.assign(zh, { "settings.platformWriteLinkHint": "此开关属于平台设置，这里只读；请到平台设置修改。" });
+		Object.assign(en, { "settings.platformWriteLinkHint": "This switch belongs to platform settings; this card is read-only. Change it in platform settings." });
+		Object.assign(zh, {
+			"sort.drag": "拖动排序",
+			"sort.menu": "行排序",
+			"sort.pinTop": "置顶",
+			"sort.pinBottom": "置底",
+			"sort.cancel": "取消"
+		});
+		Object.assign(en, {
+			"sort.drag": "Drag to reorder",
+			"sort.menu": "Row order",
+			"sort.pinTop": "Pin to top",
+			"sort.pinBottom": "Pin to bottom",
+			"sort.cancel": "Cancel"
+		});
 		//#endregion
 		//#region src/client/styles.ts
 		const CSS_TAG_ID = "evolution-merge-panel";
@@ -465,320 +779,1043 @@ window.__ModuleLoader__.load({
 			".evolution-merge-panel [data-role=\"failure\"] { display:flex; flex-direction:column; gap:var(--evo-space-6); }",
 			".evolution-merge-panel [data-role=\"failure\"] [data-tone=\"fail\"] { color:var(--dsw-alias-state-error-primary); }",
 			".evolution-merge-panel [data-role=\"fallback\"] { display:flex; gap:var(--evo-space-6); flex-wrap:wrap; }",
-			".evolution-merge-panel [data-role=\"overlay\"] { position:relative; 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-merge-panel [data-role=\"overlay\"] { position:fixed; z-index:60; top:8vh; left:50%; transform:translateX(-50%); width:min(820px, calc(100vw - 64px)); max-height:78vh; overflow:auto; 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); box-shadow:0 0 var(--evo-space-8) var(--dsw-alias-border-l2); }",
+			".evolution-merge-panel [data-role=\"overlay-head\"] { display:flex; align-items:center; justify-content:space-between; gap:var(--evo-space-8); }",
 			".evolution-merge-panel [data-role=\"overlay-title\"] { margin:0; font-size:var(--evo-type-lg); }",
 			".evolution-merge-panel [data-role=\"rows\"] { display:flex; flex-direction:column; gap:var(--evo-space-6); }",
-			".evolution-merge-panel [data-role=\"row\"] { display:grid; grid-template-columns:1fr auto; gap:var(--evo-space-8); padding:var(--evo-space-8); border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2); border-radius:var(--evo-radius-control); }",
+			".evolution-merge-panel [data-role=\"row\"] { display:grid; grid-template-columns:1fr auto; gap:var(--evo-space-8); padding:var(--evo-space-8); border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2); border-radius:var(--evo-radius-control); cursor:grab; }",
+			".evolution-merge-panel [data-role=\"row\"]:active { cursor:grabbing; }",
 			".evolution-merge-panel [data-role=\"row-label\"] { font-weight:600; }",
 			".evolution-merge-panel [data-role=\"row-meta\"] { color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
 			".evolution-merge-panel [data-role=\"note\"] { color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"blocked\"] { display:flex; flex-direction:column; gap:var(--evo-space-8); padding:var(--evo-space-12); border:var(--evo-hairline-width) solid var(--dsw-alias-state-warning-primary); border-left-width:var(--evo-hairline-width); border-radius:var(--evo-radius-control); background:var(--dsw-alias-bg-layer-1); }",
+			".evolution-merge-panel [data-role=\"blocked-title\"] { margin:0; font-size:var(--evo-type-lg); font-weight:600; color:var(--dsw-alias-state-warning-primary); }",
+			".evolution-merge-panel [data-role=\"blocked-reason\"] { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }",
+			".evolution-merge-panel [data-role=\"blocked-hint\"] { margin:0; color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"blocked-actions\"] { display:flex; gap:var(--evo-space-6); flex-wrap:wrap; }",
+			".evolution-merge-panel [data-role=\"content\"] { display:flex; flex-direction:column; gap:var(--evo-space-12); }",
+			".evolution-merge-panel [data-role=\"settings-card\"] { display:flex; flex-direction:column; gap:var(--evo-space-6); padding: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-1); }",
+			".evolution-merge-panel [data-role=\"settings-title\"] { margin:0; font-size:var(--evo-type-sm); }",
+			".evolution-merge-panel [data-role=\"settings-hint\"], .evolution-merge-panel [data-role=\"settings-readonly\"] { margin:0; color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"settings-section\"] { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; column-gap:var(--evo-space-8); }",
+			".evolution-merge-panel [data-role=\"settings-section\"][data-disabled=\"true\"] { color:var(--dsw-alias-label-tertiary); }",
+			".evolution-merge-panel [data-role=\"settings-toggle\"] { margin:0; }",
+			".evolution-merge-panel [data-role=\"settings-value\"] { font-weight:600; min-width:2.5em; text-align:right; }",
+			".evolution-merge-panel [data-role=\"settings-note\"] { grid-column:1/-1; color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"settings-link\"] { grid-column:1/-1; color:var(--dsw-alias-brand-primary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"run-strip\"] { display:flex; gap:var(--evo-space-8); flex-wrap:wrap; align-items:center; font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"run-failure\"] { color:var(--dsw-alias-state-error-primary); }",
+			".evolution-merge-panel [data-role=\"stage-badge\"] { display:inline-block; margin-top:var(--evo-space-4); padding:0 var(--evo-space-4); border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2); border-radius:var(--evo-radius-control); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"stage-badge\"][data-tone=\"warn\"] { color:var(--dsw-alias-state-warning-primary); }",
+			".evolution-merge-panel [data-role=\"stage-badge\"][data-tone=\"fail\"] { color:var(--dsw-alias-state-error-primary); border-color:var(--dsw-alias-state-error-primary); }",
+			".evolution-merge-panel [data-role=\"row-id\"] { color:var(--dsw-alias-label-tertiary); font-size:var(--evo-type-xs); }",
+			".evolution-merge-panel [data-role=\"pending-summary\"] { display:flex; flex-direction:column; gap:var(--evo-space-4); margin-top:var(--evo-space-4); }",
+			".evolution-merge-panel [data-role=\"pending-summary-slot\"] { display:flex; gap:var(--evo-space-6); }",
+			".evolution-merge-panel [data-role=\"pending-summary-label\"] { color:var(--dsw-alias-label-tertiary); min-width:calc(var(--evo-space-16) * 2); }",
+			".evolution-merge-panel [data-role=\"body-text\"] { white-space:pre-wrap; overflow-wrap:anywhere; max-height:50vh; overflow:auto; }",
+			".evolution-merge-panel [data-role=\"overlay\"] { display:flex; flex-direction:column; gap:var(--evo-space-6); padding:var(--evo-space-10); border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2); border-radius:var(--evo-radius-control); }",
+			".evolution-merge-panel button:focus-visible, .evolution-merge-panel a:focus-visible { outline:2px solid var(--dsw-alias-brand-primary); outline-offset:2px; }",
+			".evolution-merge-panel [data-role=\"sort-menu\"] { position:fixed; z-index:70; display:flex; flex-direction:column; min-width:var(--evo-measure-read); padding:var(--evo-space-4); border:var(--evo-hairline-width) solid var(--dsw-alias-border-l2); border-radius:var(--evo-radius-control); background:var(--dsw-alias-bg-layer-1); box-shadow:0 0 var(--evo-space-6) var(--dsw-alias-border-l2); }",
+			".evolution-merge-panel [data-role=\"sort-menu\"] button { text-align:left; }",
 			".evolution-merge-panel [data-role=\"refresh\"] { align-self:flex-start; }"
 		].join("\n");
 		//#endregion
-		//#region src/client/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;
+		//#region src/client/sorting.ts
+		/** Workspace scope for one tab. A missing panel workspace is the local scope. */
+		function resolveWorkspaceId(workspaceId) {
+			const value = workspaceId?.trim() ?? "";
+			return value === "" ? "local" : value;
+		}
+		/** Stable localStorage key for one workspace and queue. */
+		function rowOrderKey(workspaceId, queue) {
+			return "dsh-evolution-merge.row-order.v1:" + encodeURIComponent(resolveWorkspaceId(workspaceId)) + ":" + queue;
+		}
+		function defaultStorage() {
+			try {
+				return globalThis.localStorage;
+			} catch {
+				return;
 			}
 		}
-		/** 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
-			});
+		function normalize(raw) {
+			if (raw === null) return [];
+			try {
+				const value = JSON.parse(raw);
+				if (!Array.isArray(value)) return [];
+				const ids = [];
+				const seen = /* @__PURE__ */ new Set();
+				for (const item of value) {
+					if (typeof item !== "string" || item === "" || seen.has(item)) continue;
+					seen.add(item);
+					ids.push(item);
+				}
+				return ids;
+			} catch {
+				return [];
+			}
 		}
-		//#endregion
-		//#region src/client/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 restore <name> [v]（查看：/evolution skills 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"
+		/** One tab's persisted order; failures degrade to an empty (wire) order. */
+		function createRowOrderStore(storage = defaultStorage()) {
+			return {
+				read(workspaceId, queue) {
+					if (storage === void 0) return [];
+					try {
+						return normalize(storage.getItem(rowOrderKey(workspaceId, queue)));
+					} catch {
+						return [];
+					}
+				},
+				write(workspaceId, queue, ids) {
+					if (storage === void 0) return;
+					try {
+						storage.setItem(rowOrderKey(workspaceId, queue), JSON.stringify(ids));
+					} catch {}
+				}
+			};
+		}
+		/** Apply persisted ids first, then append unknown rows in their wire order. */
+		function orderRows(rows, order) {
+			if (order.length === 0) return rows;
+			const byId = new Map(rows.map((row) => [row.id, row]));
+			const out = [];
+			const seen = /* @__PURE__ */ new Set();
+			for (const id of order) {
+				const row = byId.get(id);
+				if (row === void 0 || seen.has(id)) continue;
+				seen.add(id);
+				out.push(row);
 			}
-		};
+			for (const row of rows) if (!seen.has(row.id)) out.push(row);
+			return out;
+		}
+		/** Move one visible row before another; unknown ids leave the order unchanged. */
+		function moveRow(order, fromId, beforeId) {
+			if (!order.includes(fromId)) return order;
+			const rest = order.filter((id) => id !== fromId);
+			if (beforeId === void 0) return [...rest, fromId];
+			const index = rest.indexOf(beforeId);
+			if (index < 0) return [...rest, fromId];
+			return [
+				...rest.slice(0, index),
+				fromId,
+				...rest.slice(index)
+			];
+		}
+		/** Pin one visible row to the top or bottom of the full visible order. */
+		function pinRow(order, id, edge) {
+			if (!order.includes(id)) return order;
+			const rest = order.filter((item) => item !== id);
+			return edge === "top" ? [id, ...rest] : [...rest, id];
+		}
+		//#endregion
+		//#region src/client/fallbacks.ts
+		/** Static command-face fallback for a Facts read failure; the API fallback is unavailable then. */
+		const FALLBACK_COMMANDS = [
+			"/evolution merge scan",
+			"/evolution merge pair <a> <b>",
+			"/evolution merge pending",
+			"/evolution merge pending --expired",
+			"/evolution merge skipped",
+			"/evolution merge candidates",
+			"/evolution merge status",
+			"/evolution merge report",
+			"/evolution doctor"
+		];
 		//#endregion
 		//#region src/client/Panel.ts
-		/**
-		* The merge panel body: three queues, counts, and a read-only row list. Actions are
-		* intentionally copied commands, not buttons that write from the browser.
-		*/
+		/** Batch 4 merge panel: keyed read store, four tabs, local overlays, localized errors. */
+		async function saveSetting(form, field, value) {
+			try {
+				return await form.set(field, value);
+			} catch {
+				return false;
+			}
+		}
 		const QUEUES = [
 			"verify",
 			"pending",
 			"fuse",
 			"skipped"
 		];
-		function failure(t, failure) {
-			if (failure.kind === "refused" && failure.code === "merge-body-missing") return FailureBlock({
-				failure: {
-					...failure,
-					message: t("body.missing")
-				},
-				t,
-				fallback: FALLBACKS["merge"]
-			});
-			return FailureBlock({
-				failure,
-				t,
-				fallback: FALLBACKS["merge"]
+		const DOCTOR_COMMAND = "/evolution doctor";
+		function problemKey(problem) {
+			switch (problem.code) {
+				case "unauthenticated": return "failureUnauthorized";
+				case "forbidden": return "failureForbidden";
+				case "unmounted": return "failureUnmounted";
+				case "capability": return "failureCapability";
+				case "body-ambiguous": return "failureBodyAmbiguous";
+				case "wire-version": return "failureWireVersion";
+				case "body-missing": return "failureBodyMissing";
+				case "bad-query": return "failureBadQuery";
+				case "refused": return "failureRefused";
+				case "server": return "failureServer";
+			}
+		}
+		function reasonText(t, reasonCode, fallback) {
+			if (reasonCode === void 0) return fallback;
+			const key = "history.reason." + reasonCode;
+			const text = t(key);
+			return text === key ? fallback : text;
+		}
+		function blockedReasonKey(failure) {
+			const code = failure.readiness.code ?? failure.code;
+			if (code.endsWith("needs-repair")) return "blocked.reason.needs-repair";
+			if (code.endsWith("forward-only")) return "blocked.reason.forward-only";
+			if (code.endsWith("migration-blocked")) return "blocked.reason.migration-blocked";
+			return "blocked.reason.unknown";
+		}
+		function failureNode(t, failure, fallback, copy) {
+			if (isBlocked(failure)) {
+				const raw = failure.readiness.message;
+				return (0, react.createElement)("div", {
+					"data-role": "blocked",
+					role: "alert",
+					"data-block-code": failure.code,
+					"data-readiness-code": failure.readiness.code ?? ""
+				}, (0, react.createElement)("h3", { "data-role": "blocked-title" }, t("blocked.title")), (0, react.createElement)("p", {
+					"data-role": "blocked-reason",
+					title: raw ?? t(blockedReasonKey(failure))
+				}, t(blockedReasonKey(failure))), (0, react.createElement)("p", { "data-role": "blocked-hint" }, t("blocked.hint")), raw === void 0 ? null : (0, react.createElement)("details", { "data-role": "blocked-detail" }, (0, react.createElement)("summary", null, t("blocked.detail")), (0, react.createElement)("p", { "data-role": "blocked-raw" }, raw)), (0, react.createElement)("div", { "data-role": "blocked-actions" }, (0, react.createElement)("button", {
+					type: "button",
+					"data-role": "doctor",
+					onClick: () => {
+						copy(DOCTOR_COMMAND);
+					}
+				}, t("blocked.doctor")), (0, react.createElement)("button", {
+					type: "button",
+					"data-role": "refresh",
+					onClick: () => {
+						window.dispatchEvent(new Event("evolution-merge:refresh"));
+					}
+				}, t("refresh"))));
+			}
+			const capability = failure.code === "capability";
+			return (0, react.createElement)("div", {
+				"data-role": capability ? "capability-failure" : "failure",
+				"data-error-code": failure.code,
+				"data-status": String(failure.status)
+			}, (0, react.createElement)("p", {
+				"data-role": "failure-title",
+				title: failure.message
+			}, t(problemKey(failure))), capability ? (0, react.createElement)("p", { "data-role": "capability-hint" }, t("failureCapabilityHint")) : null, failure.message === void 0 ? null : (0, react.createElement)("details", { "data-role": "failure-detail" }, (0, react.createElement)("summary", null, t("failureDetails")), (0, react.createElement)("p", { "data-role": "failure-raw" }, failure.message)), fallback.length === 0 ? null : (0, react.createElement)("div", { "data-role": "fallback" }, fallback.map((command) => (0, react.createElement)("button", {
+				key: command,
+				type: "button",
+				"data-role": "fallback-command",
+				onClick: () => {
+					copy(command);
+				}
+			}, command))));
+		}
+		function summaryNode(row, t) {
+			if (row.state !== "pending" || row.summary === void 0) return null;
+			return (0, react.createElement)("div", { "data-role": "pending-summary" }, [
+				["row.summaryA", row.summary.a],
+				["row.summaryB", row.summary.b],
+				["row.rationale", row.summary.rationale]
+			].map(([label, value]) => (0, react.createElement)("div", {
+				key: label,
+				"data-role": "pending-summary-slot"
+			}, (0, react.createElement)("span", { "data-role": "pending-summary-label" }, t(label)), (0, react.createElement)("span", { "data-role": "pending-summary-value" }, value === null || value === "" ? t("row.noSummary") : value))));
+		}
+		function stageNode(row, t) {
+			const stage = row.stageView;
+			if (stage === void 0) return null;
+			const tone = stage.state === "lost" ? "fail" : stage.state === "expired" || stage.state === "reserved" ? "warn" : "neutral";
+			const expiry = stage.expiresAt === void 0 ? "" : " · " + t("row.expires") + " " + new Date(stage.expiresAt).toLocaleString();
+			return (0, react.createElement)("span", {
+				"data-role": "stage-badge",
+				"data-stage": stage.state,
+				"data-tone": tone
+			}, t("stage.state." + stage.state) + expiry);
+		}
+		function runNode(view, t, copy) {
+			const run = view.latestRun;
+			if (run === void 0) return null;
+			const report = run.actions.find((action) => action.id === "report");
+			const reportEnabled = report?.enabled === true;
+			return (0, react.createElement)("div", {
+				"data-role": "run-strip",
+				"data-run-state": run.state
+			}, (0, react.createElement)("span", {
+				"data-role": "run-id",
+				title: run.id
+			}, t("run.id") + " " + run.id), (0, react.createElement)("span", { "data-role": "run-state" }, t("run.state") + " " + t("run." + run.state)), run.stage === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-stage" }, t("stage." + run.stage)), run.progress === null || run.progress === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-progress" }, t("run.progress") + " " + String(run.progress.done) + "/" + String(run.progress.total)), run.endedAt === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-ended" }, t("run.endedAt") + " " + new Date(run.endedAt).toLocaleString()), run.failure === void 0 ? null : (0, react.createElement)("span", {
+				"data-role": "run-failure",
+				title: run.failure.detail
+			}, t("run.failure") + " " + run.failure.code), run.currentPairKey === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-current-pair" }, t("run.currentPair") + " " + run.currentPairKey), run.parentRunId === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-parent" }, t("run.parent") + " " + run.parentRunId), run.resultRef === void 0 ? null : (0, react.createElement)("span", {
+				"data-role": "run-result-ref",
+				title: run.resultRef
+			}, t("run.resultRef")), (0, react.createElement)("button", {
+				type: "button",
+				"data-role": "run-report",
+				"data-action": "report",
+				disabled: !reportEnabled,
+				title: reportEnabled ? report?.command ?? t("run.report") : t("run.noReport"),
+				onClick: () => {
+					if (reportEnabled && report !== void 0) copy(report.command);
+				}
+			}, t("run.report")), ...run.actions.filter((action) => action.id !== "report").map((action) => (0, react.createElement)("button", {
+				key: action.id,
+				type: "button",
+				"data-role": "run-action",
+				"data-action": action.id,
+				disabled: !action.enabled,
+				title: action.disabledReason === void 0 ? action.command : t("disabled." + action.disabledReason),
+				onClick: () => {
+					if (action.enabled) copy(action.command);
+				}
+			}, t("action." + action.id))));
+		}
+		function ReadOnlySetting({ section, label, value, disabled, missing, note, link, t }) {
+			const text = missing ? t("settings.capabilityMissing") : disabled ? t("settings.capabilityDisabled") : value === true ? t("settings.on") : t("settings.off");
+			return (0, react.createElement)("div", {
+				"data-role": "settings-section",
+				"data-section": section,
+				"data-disabled": missing || disabled ? "true" : "false"
+			}, (0, react.createElement)("span", { "data-role": "settings-label" }, label), (0, react.createElement)("span", {
+				"data-role": "settings-value",
+				"data-value": missing ? "missing" : disabled ? "unavailable" : value === true ? "on" : "off"
+			}, text), note === void 0 ? null : (0, react.createElement)("span", { "data-role": "settings-note" }, note), link === true ? (0, react.createElement)("a", {
+				"data-role": "settings-link",
+				href: "#/settings",
+				onClick: () => {
+					window.dispatchEvent(new KeyboardEvent("keydown", {
+						key: ",",
+						code: "Comma",
+						ctrlKey: true,
+						altKey: true,
+						bubbles: true
+					}));
+				}
+			}, t("settings.openPlatform")) : null);
+		}
+		function EditableSetting({ form, field, label, fallback, capability, t }) {
+			const subscribe = (0, react.useCallback)((listener) => form.subscribe(listener), [form]);
+			const readSnapshot = (0, react.useCallback)(() => form["getSnapshot"](), [form]);
+			const snapshot = (0, react.useSyncExternalStore)(subscribe, readSnapshot, readSnapshot);
+			const fieldPresent = snapshot.status !== "ready" || snapshot.value === void 0 || Object.prototype.hasOwnProperty.call(snapshot.value, field);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [saved, setSaved] = (0, react.useState)(void 0);
+			const value = snapshot.status === "ready" && typeof snapshot.value?.[field] === "boolean" ? snapshot.value[field] : fallback;
+			const disabled = !capability || busy || snapshot.status !== "ready" || !snapshot.writable;
+			const toggle = async () => {
+				if (disabled) return;
+				setBusy(true);
+				setSaved(void 0);
+				const ok = await saveSetting(form, field, !value);
+				setBusy(false);
+				setSaved(ok ? "saved" : "failed");
+			};
+			if (!fieldPresent) return (0, react.createElement)(ReadOnlySetting, {
+				section: "platform-write",
+				label,
+				value: fallback,
+				disabled: !capability,
+				missing: false,
+				note: t("settings.platformWriteLinkHint"),
+				link: true,
+				t
 			});
+			return (0, react.createElement)("div", {
+				"data-role": "settings-section",
+				"data-section": field === "mergeApproval" ? "merge-approval" : "platform-write",
+				...disabled ? { "data-disabled": "true" } : {}
+			}, (0, react.createElement)("label", { "data-role": "settings-label" }, label), (0, react.createElement)("input", {
+				type: "checkbox",
+				role: "switch",
+				"data-role": "settings-toggle",
+				"data-field": field,
+				"data-value": value ? "on" : "off",
+				checked: value,
+				disabled,
+				onChange: () => {
+					toggle();
+				}
+			}), (0, react.createElement)("span", { "data-role": "settings-value" }, value ? t("settings.on") : t("settings.off")), ...saved === void 0 ? [] : [(0, react.createElement)("span", {
+				"data-role": "settings-save-state",
+				"data-save": saved
+			}, t(saved === "saved" ? "settings.saved" : "settings.saveFailed"))]);
+		}
+		function SettingsCard({ view, settings, t }) {
+			const platform = view.approval.platformWrite;
+			const platformCapability = platform?.capability ?? settings?.platform !== void 0;
+			const platformFallback = platform?.enabled ?? false;
+			const mergeCapability = settings?.merge !== void 0;
+			const mergeFallback = view.approval.mergeApproval;
+			return (0, react.createElement)("div", { "data-role": "settings-card" }, (0, react.createElement)("h3", { "data-role": "settings-title" }, t("settings.title")), (0, react.createElement)("p", { "data-role": "settings-hint" }, t("settings.hint")), settings?.merge === void 0 ? (0, react.createElement)(ReadOnlySetting, {
+				section: "merge-approval",
+				label: t("settings.mergeApproval"),
+				value: mergeFallback,
+				disabled: false,
+				missing: false,
+				t
+			}) : (0, react.createElement)(EditableSetting, {
+				form: settings.merge,
+				field: "mergeApproval",
+				label: t("settings.mergeApproval"),
+				fallback: mergeFallback,
+				capability: mergeCapability,
+				t
+			}), settings?.platform === void 0 ? (0, react.createElement)(ReadOnlySetting, {
+				section: "platform-write",
+				label: t("settings.platformWrite"),
+				value: platformFallback,
+				disabled: platformCapability === false,
+				missing: platform === void 0,
+				note: t("settings.platformWriteLinkHint"),
+				link: true,
+				t
+			}) : (0, react.createElement)(EditableSetting, {
+				form: settings.platform,
+				field: "enabled",
+				label: t("settings.platformWrite"),
+				fallback: platformFallback,
+				capability: platformCapability,
+				t
+			}), settings?.merge === void 0 || settings?.platform === void 0 ? (0, react.createElement)("a", {
+				"data-role": "settings-link",
+				href: "#/settings"
+			}, t("settings.openPlatform")) : null, (0, react.createElement)("p", { "data-role": "settings-readonly" }, settings?.merge === void 0 || settings?.platform === void 0 ? t("settings.readonly") : t("settings.live")));
+		}
+		function rowNode(row, store, t, copy, sort) {
+			const facts = [
+				row.target === void 0 ? void 0 : t("row.target") + " " + row.target,
+				row.targetActual === void 0 ? void 0 : t("row.actualTarget") + " " + row.targetActual,
+				row.verifySubState === void 0 ? void 0 : t("row.verify") + " " + t("verify." + row.verifySubState),
+				row.origin === void 0 ? void 0 : t("row.origin") + " " + t("origin." + row.origin),
+				row.attempts === void 0 ? void 0 : t("row.attempts") + " " + String(row.attempts),
+				row.confidence === void 0 ? void 0 : t("row.confidence") + " " + row.confidence.toFixed(2),
+				row.failure === void 0 ? void 0 : t("row.failure") + " " + row.failure.code + (row.failure.retryable ? "" : " · " + t("row.noRetry")),
+				row.expired === void 0 ? void 0 : t("row.expired") + " " + t("expired." + row.expired),
+				row.reasonCode === void 0 && row.reason === void 0 ? void 0 : t("row.reason") + " " + reasonText(t, row.reasonCode, row.reason ?? "")
+			].filter((value) => value !== void 0).join(" · ");
+			const actions = row.actions.map((action) => (0, react.createElement)("button", {
+				key: action.id,
+				type: "button",
+				"data-role": "row-action",
+				"data-action": action.id,
+				...action.disabledReason === void 0 ? {} : { "data-disabled-reason": action.disabledReason },
+				title: action.disabledReason === void 0 ? action.command : t("disabled." + action.disabledReason),
+				disabled: !action.enabled,
+				onClick: () => {
+					if (!action.enabled) return;
+					if (action.confirm && globalThis.confirm !== void 0 && !globalThis.confirm(t("action.confirm") + " " + (t("action." + action.id) || action.id))) return;
+					copy(action.command);
+				}
+			}, t("action." + action.id)));
+			return (0, react.createElement)("div", {
+				key: row.id,
+				"data-role": "row",
+				"data-row-id": row.id,
+				"data-row-state": row.state,
+				"data-row-queue": row.queue,
+				draggable: true,
+				title: t("sort.drag"),
+				onDragStart: (event) => {
+					if (event.dataTransfer != null) {
+						event.dataTransfer.setData("text/plain", row.id);
+						event.dataTransfer.effectAllowed = "move";
+					}
+					sort.start(row.id);
+				},
+				onDragOver: (event) => {
+					event.preventDefault();
+					if (event.dataTransfer != null) event.dataTransfer.dropEffect = "move";
+					sort.over(event);
+				},
+				onDrop: (event) => {
+					event.preventDefault();
+					sort.drop(row.id);
+				},
+				onDragEnd: () => {
+					sort.end();
+				},
+				onContextMenu: (event) => {
+					event.preventDefault();
+					sort.menu(row.id, event.clientX, event.clientY);
+				}
+			}, (0, react.createElement)("div", null, (0, react.createElement)("div", { "data-role": "row-label" }, row.label), (0, react.createElement)("div", {
+				"data-role": "row-id",
+				title: row.id
+			}, t("row.id") + " " + row.id), (0, react.createElement)("div", { "data-role": "row-meta" }, t("state." + row.state) + (row.stage === null ? "" : " · " + t("stage." + row.stage))), stageNode(row, t), summaryNode(row, t), facts === "" ? null : (0, react.createElement)("div", { "data-role": "row-facts" }, facts)), (0, react.createElement)("div", null, (0, react.createElement)("div", { "data-role": "row-meta" }, new Date(row.updatedAt).toLocaleString()), (0, react.createElement)("div", { "data-role": "row-actions" }, (() => {
+				const bodyA = row.bodies?.find((body) => body.name === row.a);
+				const bodyB = row.bodies?.find((body) => body.name === row.b);
+				return [bodyA === void 0 ? null : (0, react.createElement)("button", {
+					key: "a",
+					type: "button",
+					"data-role": "body-a",
+					onClick: () => {
+						store.openBody(bodyA.name, bodyA.side);
+					}
+				}, "A"), bodyB === void 0 ? null : (0, react.createElement)("button", {
+					key: "b",
+					type: "button",
+					"data-role": "body-b",
+					onClick: () => {
+						store.openBody(bodyB.name, bodyB.side);
+					}
+				}, "B")];
+			})(), actions)));
+		}
+		function bodyNode(overlay, t, onClose) {
+			return (0, react.createElement)("section", {
+				"data-role": "overlay",
+				"data-overlay": "body",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": t("overlay.body")
+			}, (0, react.createElement)("div", { "data-role": "overlay-head" }, (0, react.createElement)("h3", { "data-role": "overlay-title" }, t("overlay.body") + " · " + overlay.name), (0, react.createElement)("button", {
+				type: "button",
+				"data-role": "overlay-close",
+				onClick: onClose
+			}, t("close"))), (0, react.createElement)("p", { "data-role": "overlay-meta" }, t("body." + overlay.side) + " · " + (overlay.status === "ready" ? t("body.totalBytes") + " " + String(overlay.body?.totalBytes ?? 0) : "")), overlay.status === "loading" ? (0, react.createElement)("p", { "data-role": "overlay-loading" }, t("loading")) : null, overlay.status === "error" && overlay.failure !== void 0 ? failureNode(t, overlay.failure, [], () => {}) : null, overlay.status === "ready" && overlay.body !== void 0 ? (0, react.createElement)("div", null, overlay.body.truncated ? (0, react.createElement)("p", { "data-role": "body-truncated" }, t("body.truncated")) : null, overlay.body.text === "" ? (0, react.createElement)("p", { "data-role": "body-empty" }, t("body.empty")) : (0, react.createElement)("pre", { "data-role": "body-text" }, overlay.body.text)) : null);
+		}
+		function historyNode(overlay, t, onClose) {
+			return (0, react.createElement)("section", {
+				"data-role": "overlay",
+				"data-overlay": "history",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": t("history")
+			}, (0, react.createElement)("div", { "data-role": "overlay-head" }, (0, react.createElement)("h3", { "data-role": "overlay-title" }, t("history")), (0, react.createElement)("button", {
+				type: "button",
+				"data-role": "overlay-close",
+				onClick: onClose
+			}, t("close"))), overlay.status === "loading" ? (0, react.createElement)("p", { "data-role": "overlay-loading" }, t("loading")) : null, overlay.status === "error" && overlay.failure !== void 0 ? failureNode(t, overlay.failure, [], () => {}) : null, overlay.status === "ready" ? overlay.items === void 0 || overlay.items.length === 0 ? (0, react.createElement)("p", { "data-role": "history-empty" }, t("history.empty")) : (0, react.createElement)("ul", { "data-role": "history-list" }, overlay.items.map((item) => (0, react.createElement)("li", {
+				key: item.name + ":" + item.archivedAt,
+				"data-role": "history-item"
+			}, item.name + " · " + (() => {
+				const kind = t("history.kind." + item.kind);
+				const reason = reasonText(t, item.reasonCode, item.reason);
+				return kind === reason ? kind : kind + " · " + reason;
+			})() + " · v" + String(item.lastVersion)))) : null);
 		}
 		function MergePanel(face) {
-			const t = face.t;
-			const [view, setView] = (0, react.useState)(face.view);
-			const [tab, setTab] = (0, react.useState)("pending");
-			const [expiredOnly, setExpiredOnly] = (0, react.useState)(false);
-			const [rows, setRows] = (0, react.useState)(face.rows);
-			const [loading, setLoading] = (0, react.useState)(face.loadRows !== void 0 || face.loadView !== void 0);
-			const [failed, setFailed] = (0, react.useState)(void 0);
-			const [nextCursor, setNextCursor] = (0, react.useState)(void 0);
+			const { store, t } = face;
+			const snapshot = (0, react.useSyncExternalStore)(store.subscribe, store.read, store.read);
 			const [copied, setCopied] = (0, react.useState)(void 0);
-			const [overlay, setOverlay] = (0, react.useState)(void 0);
-			const request = (0, react.useRef)(0);
-			const copyCommand = (command) => {
+			const [orders, setOrders] = (0, react.useState)({});
+			const [dragId, setDragId] = (0, react.useState)(void 0);
+			const [menu, setMenu] = (0, react.useState)(void 0);
+			const workspaceId = resolveWorkspaceId(face.workspaceId);
+			const orderStore = (0, react.useMemo)(() => createRowOrderStore(), []);
+			const copy = (command) => {
 				navigator.clipboard.writeText(command);
 				setCopied(command);
 			};
-			const loadRows = (queue, cursor, expired = false) => {
-				const load = face.loadRows;
-				if (load === void 0) return;
-				const token = request.current + 1;
-				request.current = token;
-				setLoading(true);
-				load(queue, cursor, queue === "pending" && expired).then((outcome) => {
-					if (token !== request.current) return;
-					if (outcome.ok) {
-						setRows((current) => [...cursor === void 0 ? [] : current, ...outcome.payload.items].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt)));
-						setNextCursor(outcome.payload.nextCursor);
-						setFailed(void 0);
-					} else setFailed(outcome.failure);
-				}).catch(() => {
-					setFailed({
-						kind: "server",
-						status: 0
-					});
-				}).finally(() => {
-					setLoading(false);
-				});
-			};
-			const loadView = () => {
-				const load = face.loadView;
-				if (load === void 0) return;
-				load().then((outcome) => {
-					if (!outcome.ok) {
-						setFailed(outcome.failure);
-						return;
-					}
-					setView(outcome.payload);
-				}).catch(() => {
-					setFailed({
-						kind: "server",
-						status: 0
-					});
-				});
+			const doctorCommand = face.doctorCommand ?? DOCTOR_COMMAND;
+			(0, react.useEffect)(() => {
+				store.start();
+				return () => {
+					store.dispose();
+				};
+			}, [store]);
+			(0, react.useEffect)(() => {
+				const onFocus = () => {
+					store.refresh();
+				};
+				const onVisibility = () => {
+					if (document.visibilityState === "visible") store.refresh();
+				};
+				const onRefresh = () => {
+					store.refresh();
+				};
+				window.addEventListener("focus", onFocus);
+				document.addEventListener("visibilitychange", onVisibility);
+				window.addEventListener("evolution-merge:refresh", onRefresh);
+				return () => {
+					window.removeEventListener("focus", onFocus);
+					document.removeEventListener("visibilitychange", onVisibility);
+					window.removeEventListener("evolution-merge:refresh", onRefresh);
+				};
+			}, [store]);
+			const view = snapshot.view;
+			const fallback = [...new Set([...view.commands, ...FALLBACK_COMMANDS])];
+			const blocked = snapshot.viewState === "blocked" && snapshot.viewFailure !== void 0 ? snapshot.viewFailure : void 0;
+			const viewFailure = snapshot.viewState === "error" ? snapshot.viewFailure : void 0;
+			const queue = snapshot.current;
+			const uiState = blocked !== void 0 ? "blocked" : viewFailure !== void 0 ? "error" : snapshot.viewState === "loading" ? "loading" : queue.status === "error" ? "error" : queue.status === "loading" ? "loading" : queue.status === "empty" ? "empty" : "ready";
+			const orderKey = rowOrderKey(workspaceId, snapshot.queue);
+			const visibleOrder = orders[orderKey] ?? orderStore.read(workspaceId, snapshot.queue);
+			const visibleRows = orderRows(queue.rows, visibleOrder);
+			const saveOrder = (ids) => {
+				setOrders((previous) => ({
+					...previous,
+					[orderKey]: ids
+				}));
+				orderStore.write(workspaceId, snapshot.queue, ids);
 			};
-			const openBody = (id, side) => {
-				const load = face.loadBody;
-				if (load === void 0) return;
-				load(id, side).then((outcome) => {
-					if (outcome.ok) {
-						setFailed(void 0);
-						setOverlay({
-							kind: "body",
-							html: outcome.payload.html,
-							label: id + ":" + side
-						});
-					} else setFailed(outcome.failure);
-				}).catch(() => {
-					setFailed({
-						kind: "server",
-						status: 0
+			const sortHandlers = {
+				start: (id) => {
+					setDragId(id);
+				},
+				over: () => {},
+				end: () => {
+					setDragId(void 0);
+				},
+				drop: (targetId) => {
+					const fromId = dragId;
+					setDragId(void 0);
+					if (fromId === void 0 || fromId === targetId) return;
+					saveOrder(moveRow(visibleRows.map((row) => row.id), fromId, targetId));
+				},
+				menu: (id, x, y) => {
+					setMenu({
+						id,
+						x,
+						y
 					});
-				});
+				}
 			};
-			const openHistory = () => {
-				const load = face.loadHistory;
-				if (load === void 0) return;
-				load().then((outcome) => {
-					if (outcome.ok) {
-						setFailed(void 0);
-						setOverlay({
-							kind: "history",
-							items: outcome.payload.items
-						});
-					} else setFailed(outcome.failure);
-				}).catch(() => {
-					setFailed({
-						kind: "server",
-						status: 0
-					});
-				});
+			const pinMenu = (edge) => {
+				if (menu === void 0) return;
+				saveOrder(pinRow(visibleRows.map((row) => row.id), menu.id, edge));
+				setMenu(void 0);
 			};
-			(0, react.useEffect)(() => {
-				loadView();
-				loadRows("pending");
-			}, [face]);
-			(0, react.useEffect)(() => {
-				if (tab !== "pending" && expiredOnly) setExpiredOnly(false);
-				setNextCursor(void 0);
-				loadRows(tab, void 0, tab === "pending" && expiredOnly);
-			}, [tab, expiredOnly]);
-			const counts = view.counts;
-			const latest = view.latestRun;
-			const runStrip = latest === void 0 ? null : (0, react.createElement)("div", { "data-role": "run-strip" }, (0, react.createElement)("span", { "data-role": "run-id" }, latest.id), (0, react.createElement)("span", { "data-role": "run-state" }, latest.state), latest.stage === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-stage" }, t("stage." + latest.stage)), latest.progress === void 0 ? null : (0, react.createElement)("span", { "data-role": "run-progress" }, String(latest.progress.done) + "/" + String(latest.progress.total)));
 			const tabs = (0, react.createElement)("div", {
 				"data-role": "tabs",
 				role: "tablist"
-			}, QUEUES.map((queue) => (0, react.createElement)("button", {
-				key: queue,
+			}, QUEUES.map((item) => (0, react.createElement)("button", {
+				key: item,
 				type: "button",
 				role: "tab",
-				"aria-selected": tab === queue ? "true" : "false",
+				"aria-selected": snapshot.queue === item ? "true" : "false",
 				"data-role": "tab",
-				"data-active": tab === queue ? "true" : "false",
+				"data-active": snapshot.queue === item ? "true" : "false",
 				onClick: () => {
-					setTab(queue);
+					setMenu(void 0);
+					store.select(item);
 				}
-			}, t("tab." + queue) + " " + String(counts[queue]))));
-			const expiredToggle = tab === "pending" ? (0, react.createElement)("button", {
+			}, t("tab." + item) + " " + String(view.counts[item]))));
+			const expiredToggle = snapshot.queue === "pending" ? (0, react.createElement)("button", {
 				type: "button",
 				role: "switch",
-				"aria-checked": expiredOnly ? "true" : "false",
+				"aria-checked": snapshot.expiredOnly ? "true" : "false",
 				"data-role": "expired-toggle",
-				"data-active": expiredOnly ? "true" : "false",
+				"data-active": snapshot.expiredOnly ? "true" : "false",
 				onClick: () => {
-					setExpiredOnly((value) => !value);
+					store.toggleExpired();
 				}
 			}, t("tab.expired") + " " + String(view.expired)) : null;
-			const list = rows.length === 0 ? (0, react.createElement)("p", { "data-role": "note" }, t("empty." + tab)) : (0, react.createElement)("div", { "data-role": "rows" }, rows.map((row) => {
-				const facts = [
-					row.target === void 0 ? void 0 : t("row.target") + " " + row.target + (row.targetActual === void 0 ? "" : " → " + row.targetActual) + (row.targetCreated === true ? " (" + t("row.targetCreated") + ")" : ""),
-					row.verifySubState === void 0 ? void 0 : t("row.verify") + " " + t("verify." + row.verifySubState),
-					row.stagingState === void 0 || row.stagingState === "none" ? void 0 : t("row.staging") + " " + t("staging." + row.stagingState),
-					row.skipKind === void 0 ? void 0 : t("row.skipKind") + " " + t("skipKind." + row.skipKind),
-					row.bodies === void 0 ? void 0 : t("row.bodies") + " " + row.bodies.map((body) => body.name + "(" + body.side + ")").join(", "),
-					row.confidence === void 0 ? void 0 : t("row.confidence") + " " + row.confidence.toFixed(2),
-					row.attempts === void 0 ? void 0 : t("row.attempts") + " " + String(row.attempts),
-					row.origin === void 0 ? void 0 : t("row.origin") + " " + t("origin." + row.origin),
-					row.stagingExpiresAt === void 0 ? void 0 : t("row.expires") + " " + new Date(row.stagingExpiresAt).toLocaleString(),
-					row.expired === void 0 ? void 0 : t("row.expired") + " " + t("expired." + row.expired),
-					row.reason === void 0 ? void 0 : t("row.reason") + " " + row.reason,
-					row.summary === void 0 ? void 0 : row.summary.filter(Boolean).join(" · ") || t("row.noSummary"),
-					row.failure === void 0 ? void 0 : t("row.failure") + " " + row.failure.message + (row.failure.retryable ? "" : " · " + t("row.noRetry"))
-				].filter((value) => value !== void 0).join(" · ");
-				return (0, react.createElement)("div", {
-					key: row.id,
-					"data-role": "row"
-				}, (0, react.createElement)("div", null, (0, react.createElement)("div", { "data-role": "row-label" }, row.label), (0, react.createElement)("div", { "data-role": "row-meta" }, t("state." + row.state) + (row.stage === null ? "" : " · " + t("stage." + row.stage))), facts === "" ? null : (0, react.createElement)("div", { "data-role": "row-facts" }, facts)), (0, react.createElement)("div", null, (0, react.createElement)("div", { "data-role": "row-meta" }, new Date(row.updatedAt).toLocaleString()), (0, react.createElement)("div", { "data-role": "row-actions" }, face.loadBody === void 0 || row.bodies === void 0 ? null : (0, react.createElement)("button", {
-					type: "button",
-					"data-role": "body-a",
-					onClick: () => {
-						openBody(row.id, "a");
-					}
-				}, "A"), face.loadBody === void 0 || row.bodies === void 0 ? null : (0, react.createElement)("button", {
-					type: "button",
-					"data-role": "body-b",
-					onClick: () => {
-						openBody(row.id, "b");
-					}
-				}, "B"), (row.actions ?? []).map((action) => (0, react.createElement)("button", {
-					key: action.id,
-					type: "button",
-					"data-role": "row-action",
-					"data-action": action.id,
-					title: action.disabledReason === void 0 ? action.command : t("disabled." + action.disabledReason),
-					disabled: !action.enabled,
-					onClick: () => {
-						if (!action.enabled) return;
-						if (action.confirm && globalThis.confirm !== void 0 && !globalThis.confirm(t("action.confirm") + " " + t("action." + action.id))) return;
-						copyCommand(action.command);
-					}
-				}, t("action." + action.id))))));
-			}));
+			const list = uiState === "ready" && queue.status === "ready" ? (0, react.createElement)("div", { "data-role": "rows" }, visibleRows.map((row) => rowNode(row, store, t, copy, sortHandlers))) : null;
+			const empty = uiState === "empty" ? (0, react.createElement)("div", null, (0, react.createElement)("p", { "data-role": "note" }, t("empty." + snapshot.queue)), (0, react.createElement)("p", { "data-role": "empty-scope" }, t("empty.scope"))) : null;
+			const activeFailure = viewFailure !== void 0 ? viewFailure : queue.status === "error" ? queue.failure : void 0;
+			const overlay = snapshot.overlay;
+			const menuNode = menu === void 0 ? null : (0, react.createElement)("div", {
+				"data-role": "sort-menu",
+				role: "menu",
+				"aria-label": t("sort.menu"),
+				style: {
+					left: String(Math.min(menu.x, Math.max(0, (globalThis.innerWidth || 1440) - 180))) + "px",
+					top: String(Math.min(menu.y, Math.max(0, (globalThis.innerHeight || 800) - 110))) + "px"
+				}
+			}, (0, react.createElement)("button", {
+				type: "button",
+				role: "menuitem",
+				"data-role": "sort-pin-top",
+				onClick: () => {
+					pinMenu("top");
+				}
+			}, t("sort.pinTop")), (0, react.createElement)("button", {
+				type: "button",
+				role: "menuitem",
+				"data-role": "sort-pin-bottom",
+				onClick: () => {
+					pinMenu("bottom");
+				}
+			}, t("sort.pinBottom")), (0, react.createElement)("button", {
+				type: "button",
+				role: "menuitem",
+				"data-role": "sort-cancel",
+				onClick: () => {
+					setMenu(void 0);
+				}
+			}, t("sort.cancel")));
 			return (0, react.createElement)("section", {
 				className: CSS_TAG_ID,
-				"data-state": loading ? "loading" : failed !== void 0 ? "failed" : rows.length === 0 ? "empty" : "ready"
-			}, (0, react.createElement)("h2", { "data-role": "title" }, t("title")), (0, react.createElement)("p", { "data-role": "hint" }, t("hint")), (0, react.createElement)("div", { "data-role": "start" }, (0, react.createElement)("button", {
+				"data-state": uiState
+			}, (0, react.createElement)("h2", { "data-role": "title" }, t("title")), (0, react.createElement)("p", { "data-role": "hint" }, t("hint")), blocked !== void 0 ? failureNode(t, blocked, fallback, copy) : (0, react.createElement)("div", { "data-role": "content" }, (0, react.createElement)("div", { "data-role": "start" }, (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "start-scan",
 				onClick: () => {
-					copyCommand(view.startCommands.scan);
+					copy(view.startCommands.scan);
 				}
 			}, t("start.scan")), (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "start-pair",
 				onClick: () => {
-					copyCommand(view.startCommands.pair);
-				}
-			}, t("start.pair"))), view.degraded ? (0, react.createElement)("p", { "data-role": "degraded" }, t("degraded") + " " + view.notes.join(",")) : null, view.approval === void 0 ? null : (0, react.createElement)("p", { "data-role": "approval" }, t(view.approval ? "approval.on" : "approval.off")), runStrip, tabs, expiredToggle, loading ? (0, react.createElement)("p", { "data-role": "note" }, t("loading")) : null, failed === void 0 ? null : (0, react.createElement)("div", { "data-role": "failure" }, failure(t, failed), (0, react.createElement)("div", { "data-role": "fallback" }, view.commands.map((command) => (0, react.createElement)("button", {
-				key: command,
-				type: "button",
-				"data-role": "fallback-command",
-				onClick: () => {
-					copyCommand(command);
+					copy(view.startCommands.pair);
 				}
-			}, command)))), copied === void 0 ? null : (0, react.createElement)("p", {
+			}, t("start.pair"))), view.degraded ? (0, react.createElement)("p", { "data-role": "degraded" }, t("degraded") + " " + view.notes.join(",")) : null, (0, react.createElement)(SettingsCard, {
+				view,
+				settings: face.settings,
+				t
+			}), runNode(view, t, copy), tabs, expiredToggle, snapshot.viewState === "loading" || queue.status === "loading" ? (0, react.createElement)("p", { "data-role": "note" }, t("loading")) : null, activeFailure === void 0 ? null : failureNode(t, activeFailure, fallback, copy), copied === void 0 ? null : (0, react.createElement)("p", {
 				"data-role": "copied",
 				role: "status"
-			}, t("copied") + " " + copied), list, nextCursor === void 0 ? null : (0, react.createElement)("button", {
+			}, t("copied") + " " + copied), list, empty, queue.nextCursor === void 0 || uiState !== "ready" ? null : (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "load-more",
+				disabled: queue.status === "loading",
 				onClick: () => {
-					loadRows(tab, nextCursor, expiredOnly);
+					store.loadMore();
 				}
-			}, t("loadMore")), face.loadHistory === void 0 ? null : (0, react.createElement)("button", {
+			}, t("loadMore")), (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "history",
-				onClick: openHistory
-			}, t("history")), overlay === void 0 ? null : (0, react.createElement)("section", {
-				"data-role": "overlay",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": overlay.kind === "body" ? t("overlay.body") : t("history")
-			}, (0, react.createElement)("h3", { "data-role": "overlay-title" }, overlay.kind === "body" ? t("overlay.body") : t("history")), (0, react.createElement)("button", {
+				onClick: () => {
+					store.openHistory();
+				}
+			}, t("history")), (0, react.createElement)("button", {
 				type: "button",
-				"data-role": "overlay-close",
+				"data-role": "doctor",
 				onClick: () => {
-					setOverlay(void 0);
+					copy(doctorCommand);
 				}
-			}, t("close")), overlay.kind === "body" ? (0, react.createElement)("div", {
-				"data-role": "body",
-				"data-label": overlay.label,
-				dangerouslySetInnerHTML: { __html: overlay.html }
-			}) : overlay.items.length === 0 ? (0, react.createElement)("p", { "data-role": "history-empty" }, t("history.empty")) : (0, react.createElement)("ul", { "data-role": "history-list" }, overlay.items.map((item) => (0, react.createElement)("li", { key: item.name }, item.name + " · " + t("history.kind." + item.kind) + " · " + item.reason + " · v" + String(item.lastVersion))))), (0, react.createElement)("button", {
+			}, t("doctor.open")), overlay === void 0 ? null : overlay.kind === "body" ? bodyNode(overlay, t, () => {
+				store.closeOverlay();
+			}) : historyNode(overlay, t, () => {
+				store.closeOverlay();
+			}), (0, react.createElement)("button", {
 				type: "button",
 				"data-role": "refresh",
 				onClick: () => {
-					loadView();
-					loadRows(tab, void 0, tab === "pending" && expiredOnly);
+					store.refresh();
 				}
-			}, t("refresh")));
+			}, t("refresh")), menuNode));
 		}
 		//#endregion
+		//#region src/client/MergeStore.ts
+		const emptyView = () => ({
+			counts: {
+				verify: 0,
+				pending: 0,
+				fuse: 0,
+				skipped: 0
+			},
+			expired: 0,
+			tabs: [
+				{
+					queue: "verify",
+					count: 0
+				},
+				{
+					queue: "pending",
+					count: 0
+				},
+				{
+					queue: "fuse",
+					count: 0
+				},
+				{
+					queue: "skipped",
+					count: 0
+				}
+			],
+			commands: [],
+			startCommands: {
+				scan: "/evolution merge scan",
+				pair: "/evolution merge pair <a> <b>"
+			},
+			notes: [],
+			degraded: false,
+			approval: { mergeApproval: false }
+		});
+		const keyOf = (queue, expiredOnly) => queue + ":" + (expiredOnly ? "1" : "0");
+		const loadingQueue = () => ({
+			status: "loading",
+			rows: []
+		});
+		var MergeStore = class {
+			source;
+			listeners = /* @__PURE__ */ new Set();
+			cache = /* @__PURE__ */ new Map();
+			tokens = /* @__PURE__ */ new Map();
+			viewToken = 0;
+			overlayToken = 0;
+			snapshot;
+			started = false;
+			disposed = false;
+			constructor(source, initial = {}) {
+				this.source = source;
+				const queue = initial.queue ?? "pending";
+				const expiredOnly = queue === "pending" ? initial.expiredOnly ?? false : false;
+				const initialRows = initial.rows;
+				const current = initialRows === void 0 ? loadingQueue() : {
+					status: initialRows.length === 0 ? "empty" : "ready",
+					rows: initialRows
+				};
+				if (initialRows !== void 0) this.cache.set(keyOf(queue, expiredOnly), current);
+				this.snapshot = {
+					view: initial.view ?? emptyView(),
+					viewState: initial.view === void 0 ? "loading" : "ready",
+					queue,
+					expiredOnly,
+					current
+				};
+			}
+			read = () => this.snapshot;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			emit() {
+				if (this.disposed) return;
+				for (const listener of this.listeners) listener();
+			}
+			set(next) {
+				this.snapshot = next;
+				this.emit();
+			}
+			isCurrent(queue, expiredOnly) {
+				return this.snapshot.queue === queue && this.snapshot.expiredOnly === expiredOnly;
+			}
+			start() {
+				if (this.started || this.disposed) return;
+				this.started = true;
+				this.loadView();
+				this.loadQueue(this.snapshot.queue, this.snapshot.expiredOnly);
+			}
+			async loadView(showLoading = true) {
+				const token = ++this.viewToken;
+				if (showLoading) this.set({
+					...this.snapshot,
+					viewState: "loading",
+					viewFailure: void 0
+				});
+				const outcome = await this.source.view();
+				if (this.disposed || token !== this.viewToken) return;
+				if (!outcome.ok) {
+					if (outcome.failure.kind === "blocked") {
+						this.set({
+							...this.snapshot,
+							viewState: "blocked",
+							viewFailure: outcome.failure,
+							current: {
+								status: "idle",
+								rows: []
+							}
+						});
+						for (const key of this.cache.keys()) this.cache.set(key, {
+							status: "idle",
+							rows: []
+						});
+						return;
+					}
+					this.set({
+						...this.snapshot,
+						viewState: "error",
+						viewFailure: outcome.failure
+					});
+					return;
+				}
+				this.set({
+					...this.snapshot,
+					view: outcome.payload,
+					viewState: "ready",
+					viewFailure: void 0
+				});
+			}
+			async loadQueue(queue, expiredOnly, cursor) {
+				const key = keyOf(queue, expiredOnly);
+				const token = (this.tokens.get(key) ?? 0) + 1;
+				this.tokens.set(key, token);
+				const previous = this.cache.get(key);
+				const next = cursor === void 0 ? {
+					status: "loading",
+					rows: []
+				} : {
+					status: "loading",
+					rows: previous?.rows ?? [],
+					...previous?.nextCursor === void 0 ? {} : { nextCursor: previous.nextCursor }
+				};
+				this.cache.set(key, next);
+				if (this.isCurrent(queue, expiredOnly)) this.set({
+					...this.snapshot,
+					current: next
+				});
+				const outcome = await this.source.rows(queue, cursor, queue === "pending" && expiredOnly);
+				if (this.disposed || token !== this.tokens.get(key)) return;
+				if (!outcome.ok) {
+					if (outcome.failure.kind === "blocked") {
+						this.set({
+							...this.snapshot,
+							viewState: "blocked",
+							viewFailure: outcome.failure,
+							current: {
+								status: "idle",
+								rows: []
+							}
+						});
+						return;
+					}
+					const failed = {
+						status: "error",
+						rows: [],
+						failure: outcome.failure
+					};
+					this.cache.set(key, failed);
+					if (this.isCurrent(queue, expiredOnly)) this.set({
+						...this.snapshot,
+						current: failed
+					});
+					return;
+				}
+				const items = cursor === void 0 ? outcome.payload.items : [...previous?.rows ?? [], ...outcome.payload.items];
+				const ready = {
+					status: items.length === 0 ? "empty" : "ready",
+					rows: items,
+					...outcome.payload.nextCursor === void 0 ? {} : { nextCursor: outcome.payload.nextCursor }
+				};
+				this.cache.set(key, ready);
+				if (this.isCurrent(queue, expiredOnly)) this.set({
+					...this.snapshot,
+					current: ready,
+					expiredOnly,
+					queue
+				});
+			}
+			select(queue) {
+				const expiredOnly = queue === "pending" ? this.snapshot.expiredOnly : false;
+				if (queue === this.snapshot.queue && expiredOnly === this.snapshot.expiredOnly) return;
+				const key = keyOf(queue, expiredOnly);
+				const cached = this.cache.get(key);
+				const current = cached ?? loadingQueue();
+				this.set({
+					...this.snapshot,
+					queue,
+					expiredOnly,
+					current,
+					overlay: void 0
+				});
+				if (cached === void 0) this.loadQueue(queue, expiredOnly);
+			}
+			toggleExpired() {
+				if (this.snapshot.queue !== "pending") return;
+				const expiredOnly = !this.snapshot.expiredOnly;
+				const key = keyOf("pending", expiredOnly);
+				const cached = this.cache.get(key);
+				const current = cached ?? loadingQueue();
+				this.set({
+					...this.snapshot,
+					expiredOnly,
+					current,
+					overlay: void 0
+				});
+				if (cached === void 0) this.loadQueue("pending", expiredOnly);
+			}
+			refresh() {
+				if (this.disposed) return;
+				this.loadView(true);
+				this.loadQueue(this.snapshot.queue, this.snapshot.expiredOnly);
+			}
+			loadMore() {
+				const current = this.snapshot.current;
+				if (current.nextCursor === void 0 || current.status === "loading" || this.snapshot.viewState === "blocked") return;
+				this.loadQueue(this.snapshot.queue, this.snapshot.expiredOnly, current.nextCursor);
+			}
+			async openBody(name, side) {
+				const token = ++this.overlayToken;
+				this.set({
+					...this.snapshot,
+					overlay: {
+						kind: "body",
+						name,
+						side,
+						status: "loading"
+					}
+				});
+				const outcome = await this.source.body(name, side);
+				if (this.disposed || token !== this.overlayToken) return;
+				if (!outcome.ok) {
+					if (outcome.failure.kind === "blocked") {
+						this.set({
+							...this.snapshot,
+							viewState: "blocked",
+							viewFailure: outcome.failure,
+							overlay: void 0
+						});
+						return;
+					}
+					this.set({
+						...this.snapshot,
+						overlay: {
+							kind: "body",
+							name,
+							side,
+							status: "error",
+							failure: outcome.failure
+						}
+					});
+					return;
+				}
+				this.set({
+					...this.snapshot,
+					overlay: {
+						kind: "body",
+						name,
+						side,
+						status: "ready",
+						body: outcome.payload
+					}
+				});
+			}
+			async openHistory() {
+				const token = ++this.overlayToken;
+				this.set({
+					...this.snapshot,
+					overlay: {
+						kind: "history",
+						status: "loading"
+					}
+				});
+				const outcome = await this.source.history();
+				if (this.disposed || token !== this.overlayToken) return;
+				if (!outcome.ok) {
+					if (outcome.failure.kind === "blocked") {
+						this.set({
+							...this.snapshot,
+							viewState: "blocked",
+							viewFailure: outcome.failure,
+							overlay: void 0
+						});
+						return;
+					}
+					this.set({
+						...this.snapshot,
+						overlay: {
+							kind: "history",
+							status: "error",
+							failure: outcome.failure
+						}
+					});
+					return;
+				}
+				this.set({
+					...this.snapshot,
+					overlay: {
+						kind: "history",
+						status: "ready",
+						items: outcome.payload.items
+					}
+				});
+			}
+			closeOverlay() {
+				this.overlayToken += 1;
+				this.set({
+					...this.snapshot,
+					overlay: void 0
+				});
+			}
+			dispose() {
+				this.disposed = true;
+				this.listeners.clear();
+			}
+		};
+		//#endregion
 		//#region src/client/index.ts
 		const inject = ["slots", "locale"];
 		function PanelIcon(props = {}) {
@@ -795,51 +1832,19 @@ window.__ModuleLoader__.load({
 				strokeLinejoin: "round"
 			}, (0, react.createElement)("path", { d: "M3 4h10M3 8h6M3 12h8" }));
 		}
-		function seedView() {
-			return {
-				counts: {
-					verify: 0,
-					pending: 0,
-					fuse: 0,
-					skipped: 0
-				},
-				expired: 0,
-				tabs: [
-					{
-						queue: "verify",
-						count: 0
-					},
-					{
-						queue: "pending",
-						count: 0
-					},
-					{
-						queue: "fuse",
-						count: 0
-					},
-					{
-						queue: "skipped",
-						count: 0
-					}
-				],
-				commands: [
-					"/evolution merge scan",
-					"/evolution merge pair <a> <b>",
-					"/evolution merge candidates",
-					"/evolution merge pending",
-					"/evolution merge resume",
-					"/evolution merge skipped",
-					"/evolution merge status",
-					"/evolution merge report",
-					"/evolution merge doctor"
-				],
-				startCommands: {
-					scan: "/evolution merge scan",
-					pair: "/evolution merge pair <a> <b>"
-				},
-				notes: [],
-				degraded: false
-			};
+		function interpolate(text, values) {
+			if (values === void 0) return text;
+			return text.replace(/\{(\w+)\}/g, (_match, key) => String(values[key] ?? ""));
+		}
+		/** Best-effort panel workspace; the merge panel itself is not workspace-keyed. */
+		function panelWorkspaceId(ctx) {
+			const get = ctx.get;
+			if (typeof get !== "function") return void 0;
+			for (const name of ["workspace", "uiWorkspace"]) try {
+				const seat = get.call(ctx, name);
+				const id = seat?.workspaceId ?? seat?.currentWorkspaceId;
+				if (typeof id === "string" && id.trim() !== "") return id;
+			} catch {}
 		}
 		function apply(ctx) {
 			const seam = ctx;
@@ -867,14 +1872,15 @@ window.__ModuleLoader__.load({
 					tag.remove();
 				};
 			}, "evolution-merge-ui: styles");
-			const t = (key) => {
+			const t = (key, values) => {
 				const fallback = zh[key] ?? key;
-				if (!registered) return fallback;
-				try {
-					return seam.locale.bind(NS)(key);
+				let text = fallback;
+				if (registered) try {
+					text = seam.locale.bind(NS)(key);
 				} catch {
-					return fallback;
+					text = fallback;
 				}
+				return interpolate(text, values);
 			};
 			const label = () => t("entry.label");
 			seam.slots.inject("sidebar.panellist", function* () {
@@ -887,15 +1893,31 @@ window.__ModuleLoader__.load({
 				yield seam.slots.register({
 					name: "main",
 					key: PANEL_ID,
-					inject: () => ({
-						view: seedView(),
-						rows: [],
-						loadView: view,
-						loadRows: rows,
-						loadBody: body,
-						loadHistory: history,
-						t
-					})
+					inject: () => {
+						const source = {
+							view,
+							rows,
+							body,
+							history
+						};
+						let seat;
+						try {
+							seat = ctx.get?.("configForms");
+						} catch {
+							seat = void 0;
+						}
+						const workspaceId = panelWorkspaceId(ctx);
+						return {
+							store: new MergeStore(source),
+							t,
+							doctorCommand: "/evolution doctor",
+							settings: { ...seat === void 0 ? {} : {
+								merge: seat.get("evolution-merge"),
+								platform: seat.get("evolution-approval")
+							} },
+							...workspaceId === void 0 ? {} : { workspaceId }
+						};
+					}
 				}, MergePanel);
 			});
 		}