dsh-config-manager 0.1.12 → 0.1.13

package/lib/client.js

@@ -17,7 +17,11 @@ const CONFIG_MANAGER_API = {
 	upload: "/api/dsh-config-manager/upload",
 	analyze: "/api/dsh-config-manager/analyze",
 	plan: "/api/dsh-config-manager/plan",
-	execute: "/api/dsh-config-manager/execute"
+	execute: "/api/dsh-config-manager/execute",
+	progress: "/api/dsh-config-manager/progress",
+	runs: "/api/dsh-config-manager/runs",
+	snapshots: "/api/dsh-config-manager/snapshots",
+	restore: "/api/dsh-config-manager/restore"
 };
 /** 导出请求超时（ms）：与 Host 半 ROUTE_TIMEOUT_MS 对齐，防止宿主卡死时 UI 无限等待 */
 const EXPORT_TIMEOUT_MS = 300 * 1e3;
@@ -29,7 +33,7 @@ var ConfigManagerApiError = class extends Error {
 	}
 };
 /** 解析 JSON 响应；非 2xx 时抛出带路由 error 消息的 ConfigManagerApiError */
-async function readJson(response) {
+async function readJson$1(response) {
 	const notMountedMessage = "config-manager 服务未挂载（插件未加载）：请确认 profile 中已安装 dsh-config-manager 并重启 DSH";
 	let body;
 	try {
@@ -61,7 +65,7 @@ var ConfigManagerApi = class {
 	exportPassword = null;
 	/** 健康/版本检查（主页横幅：插件版本 / DSH 版本 / 平台） */
 	async status() {
-		return readJson(await fetch(CONFIG_MANAGER_API.status));
+		return readJson$1(await fetch(CONFIG_MANAGER_API.status));
 	}
 	/** ExportPort.export：调用 Host 侧导出编排（core Exporter）。加密密码随请求体传输（仅内存）。
 	* 带 AbortController 超时：宿主若卡死，客户端得到明确错误而不是永远停在进度条。 */
@@ -73,7 +77,7 @@ var ConfigManagerApi = class {
 		const controller = new AbortController();
 		const timer = setTimeout(() => controller.abort(), EXPORT_TIMEOUT_MS);
 		try {
-			return await readJson(await fetch(CONFIG_MANAGER_API.export, {
+			return await readJson$1(await fetch(CONFIG_MANAGER_API.export, {
 				method: "POST",
 				headers: { "content-type": "application/json" },
 				body: JSON.stringify(body),
@@ -129,14 +133,14 @@ var ConfigManagerApi = class {
 	}
 	/** 上传用户选择的 ZIP 到 Host 受控临时目录，返回可引用的 zipPath（dsh-ssh 同款原始字节上传） */
 	async upload(file) {
-		return readJson(await fetch(CONFIG_MANAGER_API.upload + query({ name: file.name }), {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.upload + query({ name: file.name }), {
 			method: "POST",
 			body: file
 		}));
 	}
 	/** ImportPort.analyzeImport：零写入分析（校验/兼容性/差异/路径/秘密检测） */
 	async analyzeImport(zipPath) {
-		return readJson(await fetch(CONFIG_MANAGER_API.analyze, {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.analyze, {
 			method: "POST",
 			headers: { "content-type": "application/json" },
 			body: JSON.stringify({ zipPath })
@@ -144,7 +148,7 @@ var ConfigManagerApi = class {
 	}
 	/** ImportPort.createImportPlan：用用户决策（冲突/路径映射/策略）生成最终计划（Dry Run 零写入） */
 	async createImportPlan(zipPath, decisions) {
-		return readJson(await fetch(CONFIG_MANAGER_API.plan, {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.plan, {
 			method: "POST",
 			headers: { "content-type": "application/json" },
 			body: JSON.stringify({
@@ -164,12 +168,83 @@ var ConfigManagerApi = class {
 				rollbackOnError: opts.rollbackOnError
 			}
 		};
-		return readJson(await fetch(CONFIG_MANAGER_API.execute, {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.execute, {
 			method: "POST",
 			headers: { "content-type": "application/json" },
 			body: JSON.stringify(payload)
 		}));
 	}
+	/** m1：查询单个 run 的实时状态（执行中轮询 / 刷新恢复用；404 = 已过保留期或不存在） */
+	async progress(runId) {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.progress + query({ runId })));
+	}
+	/** m1：列出当前活跃（running）的 run（刷新后重新订阅进行中任务的入口） */
+	async runs() {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.runs));
+	}
+	/** 列出全部快照元信息（createdAt 倒序；含 status/条目数/宿主文件数/插件数） */
+	async snapshots() {
+		return (await readJson$1(await fetch(CONFIG_MANAGER_API.snapshots))).snapshots;
+	}
+	/** 快照恢复：dryRun=true 只取动作计划（零写入）；false 执行并返回诚实报告 */
+	async restoreSnapshot(snapshotId, dryRun) {
+		return readJson$1(await fetch(CONFIG_MANAGER_API.restore, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				snapshotId,
+				dryRun
+			})
+		}));
+	}
+};
+//#endregion
+//#region src/ui/conflict-view.ts
+var ConflictCollector = class {
+	plan;
+	decisions = /* @__PURE__ */ new Map();
+	constructor(plan) {
+		this.plan = plan;
+	}
+	/** 需要用户决策的冲突项（kind === 'Conflict'） */
+	get conflicts() {
+		return this.plan.items.filter((i) => i.kind === "Conflict");
+	}
+	/** 设置某项决策；未出现在冲突列表中的 id 忽略并返回 false */
+	resolve(itemId, resolution) {
+		if (!this.conflicts.some((i) => i.id === itemId)) return false;
+		this.decisions.set(itemId, resolution);
+		return true;
+	}
+	/** 单项当前决策（未决策返回 null） */
+	decisionOf(itemId) {
+		return this.decisions.get(itemId) ?? null;
+	}
+	/** 仍未解决（review 或未决策）的冲突项 */
+	unresolved() {
+		return this.conflicts.filter((i) => {
+			const d = this.decisions.get(i.id);
+			return d === void 0 || d === "review";
+		});
+	}
+	get hasUnresolved() {
+		return this.unresolved().length > 0;
+	}
+	/** 转 core 决策表（供 createImportPlan / executeImportPlan 使用） */
+	toResolutions() {
+		const out = {};
+		for (const [id, res] of this.decisions) out[id] = res;
+		return out;
+	}
+	/** 构造视图项列表（React 绑定用）：含当前/导入摘要占位 */
+	viewItems() {
+		return this.conflicts.map((item) => ({
+			item,
+			currentSummary: item.detail?.split("\n")[0],
+			importedSummary: void 0,
+			resolution: this.decisionOf(item.id)
+		}));
+	}
 };
 //#endregion
 //#region src/ui/types.ts
@@ -570,189 +645,6 @@ var ExportFlow = class {
 	}
 };
 //#endregion
-//#region \0config-manager-css:/home/runner/work/dsh-config-manager/dsh-config-manager/src/client/config-manager.module.css.js
-const css = "._367UGW_section{height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;font-size:13px;display:flex}._367UGW_sectionHeader{flex:none;align-items:center;gap:10px;display:flex}._367UGW_viewTabs{border-bottom:1px solid var(--dsw-alias-border-l1);flex:1;gap:2px;display:flex}._367UGW_viewTab{color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:7px 14px;font-size:13px}._367UGW_viewTab:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._367UGW_viewTab[data-active]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-state-business-primary);font-weight:600}._367UGW_sectionBody{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}._367UGW_viewBody{flex-direction:column;gap:12px;padding:4px 2px 16px;display:flex}._367UGW_iconButton{width:26px;height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:15px;display:inline-flex}._367UGW_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._367UGW_sectionTitleBlock{flex-direction:column;gap:2px;display:flex}._367UGW_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:700}._367UGW_sectionSubtitle{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:1.5}._367UGW_primaryButton{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}._367UGW_primaryButton:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}._367UGW_primaryButton:disabled{opacity:.5;cursor:default}._367UGW_ghostButton{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}._367UGW_ghostButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._367UGW_ghostButton:disabled{opacity:.45;cursor:default}._367UGW_dangerButton{color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-size:12px}._367UGW_dangerButton:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary-foreground)}._367UGW_dangerButton:disabled{opacity:.45;cursor:default}._367UGW_badge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;line-height:1.6;display:inline-block}._367UGW_badgeInfo{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}._367UGW_badgeOk{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._367UGW_badgeWarn{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._367UGW_badgeError{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._367UGW_banner{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.5}._367UGW_banner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._367UGW_banner[data-kind=error]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._367UGW_banner[data-kind=info]{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}._367UGW_banner[data-kind=warn]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._367UGW_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}._367UGW_field{flex-direction:column;gap:5px;display:flex}._367UGW_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}._367UGW_input{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}._367UGW_input:focus{border-color:var(--dsw-alias-state-business-primary)}._367UGW_input::placeholder{color:var(--dsw-alias-label-tertiary)}._367UGW_input:disabled{opacity:.55}._367UGW_hint{color:var(--dsw-alias-label-tertiary);font-size:11.5px;line-height:1.5}._367UGW_formError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}._367UGW_checkboxRow{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}._367UGW_checkboxRow input{flex:none;margin-top:2px}._367UGW_radioLabel{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}._367UGW_secretFields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 12px;padding-top:4px;display:grid}._367UGW_hiddenFile{display:none}._367UGW_modeTabs{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;gap:2px;display:flex}._367UGW_modeTab{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:12.5px}._367UGW_modeTab:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._367UGW_modeTab[data-active]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-state-business-primary);font-weight:600}._367UGW_modeHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}._367UGW_groupList{flex-direction:column;gap:10px;display:flex}._367UGW_groupCard{gap:8px}._367UGW_groupHeader{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}._367UGW_groupLabel{color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:700}._367UGW_groupNote{color:var(--dsw-alias-label-tertiary);font-size:11.5px}._367UGW_groupItems{flex-direction:column;gap:6px;display:flex}._367UGW_categoryItem{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}._367UGW_categoryName{font-weight:500}._367UGW_categoryDesc{color:var(--dsw-alias-label-tertiary);font-size:11.5px}._367UGW_optionsCard{gap:8px}._367UGW_warnList{margin:4px 0 0;padding-left:18px}._367UGW_actionRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._367UGW_progressBlock{flex-direction:column;flex:none;gap:6px;display:flex}._367UGW_progressMeta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}._367UGW_progressLabel{font-weight:600}._367UGW_progressDetail{color:var(--dsw-alias-label-tertiary)}._367UGW_progressPercent{font-variant-numeric:tabular-nums;margin-left:auto}._367UGW_progressTrack{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;height:8px;overflow:hidden}._367UGW_progressBar{background:var(--dsw-alias-state-business-primary);border-radius:999px;height:100%;transition:width .12s linear}._367UGW_progressBarDone{background:var(--dsw-alias-state-success-primary)}._367UGW_progressIndeterminate{width:40%;animation:1s ease-in-out infinite _367UGW_dshCmIndeterminate}@keyframes _367UGW_dshCmIndeterminate{0%{margin-left:-40%}to{margin-left:100%}}._367UGW_reportView{flex-direction:column;gap:10px;display:flex}._367UGW_statRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}._367UGW_reportText{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;max-height:260px;color:var(--dsw-alias-label-primary);border-radius:8px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;overflow:auto}._367UGW_reportFooter{justify-content:flex-end;gap:8px;display:flex}._367UGW_rollbackBox{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_rollbackBox ._367UGW_reportText{border-color:var(--dsw-alias-border-l2)}._367UGW_errorBanner{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_errorTitle{color:var(--dsw-alias-state-error-primary);font-size:13px;font-weight:700}._367UGW_errorReason{white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-label-secondary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}._367UGW_errorAction{color:var(--dsw-alias-label-secondary);font-size:12.5px}._367UGW_errorActionLabel{color:var(--dsw-alias-state-business-primary)}._367UGW_errorItem{color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}._367UGW_errorFooter{justify-content:flex-end;display:flex}._367UGW_errorList{flex-direction:column;gap:4px;display:flex}._367UGW_errorLine{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-state-error-primary);border-radius:6px;margin:0;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}._367UGW_conflictList{flex-direction:column;gap:10px;display:flex}._367UGW_conflictItem{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_conflictHead{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._367UGW_conflictId{color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:600}._367UGW_severityError{color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary);border-radius:999px;padding:0 6px;font-size:10.5px}._367UGW_conflictDetail{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-label-secondary);border-radius:6px;margin:0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}._367UGW_conflictOptions{flex-wrap:wrap;gap:14px;display:flex}._367UGW_pathMappingList{flex-direction:column;gap:8px;display:flex}._367UGW_pathRow{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}._367UGW_pathOld,._367UGW_pathNew{flex-direction:column;gap:4px;min-width:0;display:flex}._367UGW_pathValue{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;overflow:hidden}._367UGW_pathIssueKind{color:var(--dsw-alias-state-warn-primary);font-size:10.5px}._367UGW_secretsList{flex-direction:column;gap:10px;display:flex}._367UGW_empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:22px 12px;font-size:12.5px}._367UGW_spinnerWrap{align-items:center;gap:6px;display:inline-flex}._367UGW_spinner{border:2px solid var(--dsw-alias-state-business-primary);vertical-align:-1px;border-top-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite _367UGW_dshCmSpin;display:inline-block}._367UGW_spinnerLabel{color:var(--dsw-alias-label-secondary);font-size:12px}@keyframes _367UGW_dshCmSpin{to{transform:rotate(360deg)}}";
-const tagId = "dsh-config-manager/config-manager.module.css";
-if (typeof document !== "undefined" && document.querySelector("style[data-tag=\"dsh-config-manager/config-manager.module.css\"]") === null) {
-	const tag = document.createElement("style");
-	tag.dataset.plugin = "dsh-config-manager";
-	tag.dataset.tag = tagId;
-	tag.textContent = css;
-	document.head.appendChild(tag);
-}
-var config_manager_module_css_default = {
-	"groupHeader": "_367UGW_groupHeader",
-	"input": "_367UGW_input",
-	"errorList": "_367UGW_errorList",
-	"iconButton": "_367UGW_iconButton",
-	"primaryButton": "_367UGW_primaryButton",
-	"errorLine": "_367UGW_errorLine",
-	"pathRow": "_367UGW_pathRow",
-	"fieldLabel": "_367UGW_fieldLabel",
-	"spinner": "_367UGW_spinner",
-	"groupNote": "_367UGW_groupNote",
-	"banner": "_367UGW_banner",
-	"errorTitle": "_367UGW_errorTitle",
-	"modeHint": "_367UGW_modeHint",
-	"conflictDetail": "_367UGW_conflictDetail",
-	"dangerButton": "_367UGW_dangerButton",
-	"badgeError": "_367UGW_badgeError",
-	"reportView": "_367UGW_reportView",
-	"groupLabel": "_367UGW_groupLabel",
-	"conflictId": "_367UGW_conflictId",
-	"conflictHead": "_367UGW_conflictHead",
-	"modeTab": "_367UGW_modeTab",
-	"groupList": "_367UGW_groupList",
-	"conflictOptions": "_367UGW_conflictOptions",
-	"progressLabel": "_367UGW_progressLabel",
-	"pathIssueKind": "_367UGW_pathIssueKind",
-	"spinnerWrap": "_367UGW_spinnerWrap",
-	"dshCmIndeterminate": "_367UGW_dshCmIndeterminate",
-	"sectionBody": "_367UGW_sectionBody",
-	"errorBanner": "_367UGW_errorBanner",
-	"dshCmSpin": "_367UGW_dshCmSpin",
-	"errorReason": "_367UGW_errorReason",
-	"badge": "_367UGW_badge",
-	"progressPercent": "_367UGW_progressPercent",
-	"errorActionLabel": "_367UGW_errorActionLabel",
-	"optionsCard": "_367UGW_optionsCard",
-	"spinnerLabel": "_367UGW_spinnerLabel",
-	"conflictList": "_367UGW_conflictList",
-	"progressBar": "_367UGW_progressBar",
-	"pathValue": "_367UGW_pathValue",
-	"secretsList": "_367UGW_secretsList",
-	"progressTrack": "_367UGW_progressTrack",
-	"checkboxRow": "_367UGW_checkboxRow",
-	"sectionHeader": "_367UGW_sectionHeader",
-	"sectionTitleBlock": "_367UGW_sectionTitleBlock",
-	"badgeWarn": "_367UGW_badgeWarn",
-	"progressMeta": "_367UGW_progressMeta",
-	"sectionTitle": "_367UGW_sectionTitle",
-	"groupItems": "_367UGW_groupItems",
-	"actionRow": "_367UGW_actionRow",
-	"progressBarDone": "_367UGW_progressBarDone",
-	"viewTabs": "_367UGW_viewTabs",
-	"section": "_367UGW_section",
-	"sectionSubtitle": "_367UGW_sectionSubtitle",
-	"modeTabs": "_367UGW_modeTabs",
-	"progressIndeterminate": "_367UGW_progressIndeterminate",
-	"categoryDesc": "_367UGW_categoryDesc",
-	"badgeInfo": "_367UGW_badgeInfo",
-	"radioLabel": "_367UGW_radioLabel",
-	"categoryName": "_367UGW_categoryName",
-	"hiddenFile": "_367UGW_hiddenFile",
-	"viewBody": "_367UGW_viewBody",
-	"progressDetail": "_367UGW_progressDetail",
-	"reportText": "_367UGW_reportText",
-	"errorAction": "_367UGW_errorAction",
-	"warnList": "_367UGW_warnList",
-	"hint": "_367UGW_hint",
-	"pathMappingList": "_367UGW_pathMappingList",
-	"badgeOk": "_367UGW_badgeOk",
-	"pathNew": "_367UGW_pathNew",
-	"reportFooter": "_367UGW_reportFooter",
-	"errorFooter": "_367UGW_errorFooter",
-	"statRow": "_367UGW_statRow",
-	"ghostButton": "_367UGW_ghostButton",
-	"empty": "_367UGW_empty",
-	"pathOld": "_367UGW_pathOld",
-	"secretFields": "_367UGW_secretFields",
-	"viewTab": "_367UGW_viewTab",
-	"card": "_367UGW_card",
-	"rollbackBox": "_367UGW_rollbackBox",
-	"progressBlock": "_367UGW_progressBlock",
-	"errorItem": "_367UGW_errorItem",
-	"field": "_367UGW_field",
-	"severityError": "_367UGW_severityError",
-	"conflictItem": "_367UGW_conflictItem",
-	"groupCard": "_367UGW_groupCard",
-	"formError": "_367UGW_formError",
-	"categoryItem": "_367UGW_categoryItem"
-};
-//#endregion
-//#region src/client/common/ui.tsx
-/** 统一按钮（primary=主操作 / ghost=次操作 / danger=危险操作） */
-function Button({ variant = "ghost", disabled, onClick, children, title, className }) {
-	const cls = variant === "primary" ? config_manager_module_css_default.primaryButton : variant === "danger" ? config_manager_module_css_default.dangerButton : config_manager_module_css_default.ghostButton;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		className: className !== void 0 ? `${cls} ${className}` : cls,
-		disabled,
-		title,
-		onClick,
-		children
-	});
-}
-/** 状态徽章（info=业务色 / ok=成功 / warn=警告 / error=错误） */
-function Badge({ kind = "info", children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: `${config_manager_module_css_default.badge} ${config_manager_module_css_default[`badge${kind[0].toUpperCase()}${kind.slice(1)}`] ?? ""}`,
-		children
-	});
-}
-/** 说明横幅（ok/error/info/warn 四态） */
-function Banner({ kind = "info", children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: config_manager_module_css_default.banner,
-		"data-kind": kind,
-		children
-	});
-}
-/** 卡片容器（bg-layer-2 + 圆角 + 细边框） */
-function Card({ children, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: className !== void 0 ? `${config_manager_module_css_default.card} ${className}` : config_manager_module_css_default.card,
-		children
-	});
-}
-/** 加载指示（旋转环 + 可选文案） */
-function Spinner({ label }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: config_manager_module_css_default.spinnerWrap,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: config_manager_module_css_default.spinner,
-			"aria-hidden": "true"
-		}), label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: config_manager_module_css_default.spinnerLabel,
-			children: label
-		})]
-	});
-}
-/** 区块标题（页面内二级标题 + 可选副标题） */
-function SectionTitle({ title, subtitle }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: config_manager_module_css_default.sectionTitleBlock,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-			className: config_manager_module_css_default.sectionTitle,
-			children: title
-		}), subtitle !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: config_manager_module_css_default.sectionSubtitle,
-			children: subtitle
-		})]
-	});
-}
-/** 空状态占位 */
-function Empty({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: config_manager_module_css_default.empty,
-		children
-	});
-}
-/** 复选框行（勾选 + 标签） */
-function Checkbox({ checked, onChange, label, disabled }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		className: config_manager_module_css_default.checkboxRow,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-			type: "checkbox",
-			checked,
-			disabled,
-			onChange: (event) => {
-				onChange(event.target.checked);
-			}
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
-	});
-}
-//#endregion
 //#region src/security/secret-scanner.ts
 /**
 * 敏感字段名单（规范化名：小写、无分隔符）。
@@ -965,25 +857,936 @@ function formatActionableError(e) {
 	return lines.join("\n");
 }
 //#endregion
-//#region src/client/common/ErrorBanner.tsx
-/**
-* 可操作错误展示（规范 §23，绑 src/ui/errors.ts）。
-*
-* 安全约束：**强制 redact 不泄 Secret** —— 展示前对错误消息、关联项文本
-* 统一过 `redact()`（字段名黑名单 + sk-/JWT/PEM/Bearer 等值形状模式），
-* 渲染结果只含 Reason / Suggested action / Item，绝不出现密钥原文。
-*/
-/**
-* 错误横幅：toActionableError 解析为标题 + 原因 + 建议动作，
-* 文本在渲染前再经 redact() 兜底（双保险），Reason 以等宽块展示。
-*/
-function ErrorBanner({ error, onRetry, retrying }) {
-	const [actionable] = (0, react.useState)(() => toActionableError(error));
-	const reason = redact(actionable.reason);
-	const item = actionable.item !== void 0 ? redact(actionable.item) : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: config_manager_module_css_default.errorBanner,
-		role: "alert",
+//#region src/ui/import-wizard.ts
+var ImportWizard = class {
+	port;
+	onProgress;
+	tracker;
+	step = "select";
+	zipPath = null;
+	analysis = null;
+	plan = null;
+	result = null;
+	rollbackOnError;
+	errors = [];
+	decisions = {
+		strategy: "merge",
+		resolutions: {},
+		pathMappings: []
+	};
+	secretInputs = {};
+	constructor(opts) {
+		this.port = opts.port;
+		this.onProgress = opts.onProgress;
+		this.tracker = new ProgressTracker(IMPORT_STAGES, this.onProgress);
+		this.rollbackOnError = opts.defaultRollbackOnError ?? true;
+	}
+	/** 当前状态快照（React 绑定 / 测试断言用） */
+	snapshot() {
+		return {
+			step: this.step,
+			zipPath: this.zipPath,
+			analysis: this.analysis,
+			plan: this.plan,
+			result: this.result,
+			rollbackOnError: this.rollbackOnError,
+			errors: [...this.errors]
+		};
+	}
+	get currentStep() {
+		return this.step;
+	}
+	/** 步骤 1-2：选 ZIP → Analyzing → Compatibility（analyzeImport 零写入） */
+	async selectZip(path) {
+		this.zipPath = path;
+		this.step = "analyzing";
+		this.tracker.emit("validating");
+		this.errors = [];
+		try {
+			this.analysis = await this.port.analyzeImport(path);
+			this.tracker.emit("checking-compatibility");
+			if (!this.analysis.valid) {
+				this.errors.push(...this.analysis.errors.map((e) => formatActionableError(toActionableError(new Error(e)))));
+				throw new Error(this.analysis.errors.join("; ") || "备份分析失败");
+			}
+			this.step = "compatibility";
+			return this.analysis;
+		} catch (err) {
+			if (this.errors.length === 0) this.errors.push(formatActionableError(toActionableError(err)));
+			throw err;
+		}
+	}
+	/** 步骤 3→4：用户确认兼容性后进入 Preview（Dry Run：用当前决策生成计划摘要，零写入） */
+	async confirmCompatibility() {
+		if (this.analysis === null || this.zipPath === null) throw new Error("尚未完成分析，请先选择备份文件");
+		this.plan = await this.port.createImportPlan(this.zipPath, this.decisions);
+		this.step = "preview";
+		return this.plan;
+	}
+	/** 更新全局冲突策略（merge/replace/skipExisting，规范 §11） */
+	setStrategy(strategy) {
+		this.decisions = {
+			...this.decisions,
+			strategy
+		};
+	}
+	/** 设置逐项冲突决策（keepCurrent/useImported/review） */
+	setResolutions(resolutions) {
+		this.decisions = {
+			...this.decisions,
+			resolutions
+		};
+	}
+	/** 设置路径映射（§12） */
+	setPathMappings(mappings) {
+		this.decisions = {
+			...this.decisions,
+			pathMappings: mappings
+		};
+	}
+	/** 设置秘密补录值（仅内存，绝不持久化） */
+	setSecretInputs(inputs) {
+		this.secretInputs = inputs;
+	}
+	/** Preview 摘要（规范 §10 数值化；基于当前 plan 与 analysis） */
+	previewSummary() {
+		const items = this.plan?.items ?? [];
+		const analysis = this.analysis;
+		const count = (kinds) => items.filter((i) => kinds.includes(i.kind)).length;
+		return {
+			willChange: count([
+				"Create",
+				"Update",
+				"Install",
+				"Conflict"
+			]),
+			unchanged: count(["Skip"]),
+			settingsUpdates: count(["Create", "Update"]),
+			pluginsInstalled: analysis?.pluginSummary.installed ?? 0,
+			pluginsToInstall: count(["Install"]),
+			mcpAdds: items.filter((i) => i.adapter === "mcp" && i.kind === "Create").length,
+			prompts: items.filter((i) => i.adapter === "prompts" && i.kind !== "Skip").length,
+			pathMappingsNeeded: analysis?.pathIssues.length ?? 0,
+			secretsNeeded: this.plan?.missingSecrets.length ?? analysis?.secretCount ?? 0,
+			conflicts: count(["Conflict"]),
+			needsRestart: this.plan?.needsRestart ?? false
+		};
+	}
+	/** 冲突项（供 ConflictCollector 使用） */
+	conflictItems() {
+		return (this.plan?.items ?? []).filter((i) => i.kind === "Conflict");
+	}
+	/** 设置回滚策略（场景 E 选择；执行前调用） */
+	setRollbackOnError(enable) {
+		this.rollbackOnError = enable;
+	}
+	/**
+	* 步骤 10-14：确认导入 → 快照 → 执行 → 校验 → 结果。
+	* 用最终决策重建计划（与预览一致），显式传 rollbackOnError。
+	*/
+	async execute(opts) {
+		if (this.zipPath === null || this.analysis === null) throw new Error("尚未完成分析，请先选择备份文件");
+		if (opts.confirm !== true) throw new Error("导入未确认：必须确认后才允许修改任何数据");
+		const rollbackOnError = opts.rollbackOnError ?? this.rollbackOnError;
+		this.step = "importing";
+		this.tracker.emit("creating-snapshot");
+		try {
+			this.plan = await this.port.createImportPlan(this.zipPath, this.decisions);
+			this.tracker.emit(EXECUTING_STAGE);
+			this.result = await this.port.executeImportPlan(this.zipPath, this.plan, {
+				confirm: true,
+				secretInputs: this.secretInputs,
+				rollbackOnError
+			});
+			if (!this.result.ok && this.result.rollback) this.tracker.emit("rolling-back");
+			this.tracker.emit("done");
+			this.step = "result";
+			return this.result;
+		} catch (err) {
+			this.errors.push(formatActionableError(toActionableError(err)));
+			throw err;
+		}
+	}
+	/** 重置向导（可复用实例开始新导入） */
+	reset() {
+		this.step = "select";
+		this.zipPath = null;
+		this.analysis = null;
+		this.plan = null;
+		this.result = null;
+		this.errors = [];
+		this.decisions = {
+			strategy: "merge",
+			resolutions: {},
+			pathMappings: []
+		};
+		this.secretInputs = {};
+	}
+};
+//#endregion
+//#region src/client/run-store.ts
+/**
+* m2: 模块级 run/UI store —— dsh-config-manager 浏览器半的状态中枢。
+*
+* 解决的问题（验收 m2-state / m2-refresh / m2-resume）：
+*  - 切 tab / 关面板重开：模块级单例存活于当前 JS 上下文，ExportFlow /
+*    ImportWizard 控制器实例与 UI 状态**不重建**（m2-state）；
+*  - 页面刷新：非敏感状态经 sessionStorage（键 dsh.cfgMgr.state.v1）
+*    序列化/反序列化恢复（m2-refresh）；敏感字段
+*    password / passwordConfirm / secretInputs **只存在内存**，序列化白名单
+*    显式剔除 —— 刷新后自动清空，secrets 阶段要求重输；
+*  - 进行中 run：视图挂载时经 GET /runs 找回活跃 runId，轮询 GET /progress
+*    直到完成/失败，把 RunState.result 回填到 store（m2-resume）。服务端在
+*    刷新/关面板期间继续执行，本 store 只负责重新订阅进度。
+*
+* 控制器 rehydrate 说明：ImportWizard 没有公开的 hydrate 入口（m2 约束为只改
+* src/client/、不动 src/ui/），刷新恢复需要把持久化的非敏感快照写回控制器
+* 私有字段。writeWizardSnapshot() 是唯一的受控访问点：类型层 private 只是
+* 编译期约束（运行时是普通属性），所有写入值都来自序列化白名单（已剔除
+* 密码/密钥/secretInputs），且只在 load / hydrate / resume-settle 时调用。
+*
+* 安全约束：
+*  - toPersistedState() 用解构白名单剔除敏感字段，即使未来往 LiveState 加字段，
+*    未显式放行也不会落入 sessionStorage；
+*  - runId 为 32-hex 不可猜标识，可安全持久化（/runs + /progress 的查询键）。
+*/
+/** sessionStorage 键。 */
+const STATE_KEY = "dsh.cfgMgr.state.v1";
+/** Custom 模式的初始勾选 = 推荐分区（可再调整） */
+function defaultCustomSelection() {
+	return DEFAULT_CATEGORIES.filter((c) => c.defaultIncluded).map((c) => c.id);
+}
+function defaultExportState() {
+	return {
+		mode: "quick",
+		selection: defaultCustomSelection(),
+		includeSecrets: false,
+		password: "",
+		passwordConfirm: "",
+		running: false,
+		progress: null,
+		result: null,
+		error: null,
+		downloaded: false,
+		runId: null
+	};
+}
+function defaultImportState() {
+	return {
+		step: "select",
+		zipPath: null,
+		analysis: null,
+		plan: null,
+		result: null,
+		rollbackOnError: true,
+		errors: [],
+		phase: "preview",
+		conflictStrategy: "merge",
+		conflictResolutions: {},
+		pathMappings: [],
+		secretInputs: {},
+		uploading: false,
+		running: false,
+		progress: null,
+		error: null,
+		runId: null,
+		conflictCollector: null
+	};
+}
+function defaultState() {
+	return {
+		v: 1,
+		view: "export",
+		export: defaultExportState(),
+		import: defaultImportState()
+	};
+}
+/**
+* 持久化白名单：解构剔除敏感字段（password/passwordConfirm/secretInputs）
+* 与不可序列化的实例字段（conflictCollector），其余原样落入 sessionStorage。
+* 这是 sessionStorage 的唯一写入路径 —— 敏感值在此被硬性隔离。
+*/
+function toPersistedState(state) {
+	const { password: _password, passwordConfirm: _passwordConfirm, ...exportRest } = state.export;
+	const { secretInputs: _secretInputs, conflictCollector: _conflictCollector, ...importRest } = state.import;
+	return {
+		v: 1,
+		view: state.view,
+		export: exportRest,
+		import: importRest
+	};
+}
+/** 解析 + 轻量校验持久化状态；损坏/版本不符返回 null（调用方回退默认并清键）。 */
+function parsePersistedState(raw) {
+	let parsed;
+	try {
+		parsed = JSON.parse(raw);
+	} catch {
+		return null;
+	}
+	if (typeof parsed !== "object" || parsed === null) return null;
+	const p = parsed;
+	if (p["v"] !== 1) return null;
+	const view = p["view"];
+	if (view !== "export" && view !== "import") return null;
+	const exp = p["export"];
+	const imp = p["import"];
+	if (typeof exp !== "object" || exp === null || typeof imp !== "object" || imp === null) return null;
+	return {
+		v: 1,
+		view,
+		export: exp,
+		import: imp
+	};
+}
+/**
+* 把 store 的导入快照写回 ImportWizard 控制器私有字段（受控 rehydrate）。
+* - 只写非敏感字段；secretInputs 恒置空 —— 刷新后 secrets 阶段要求重输；
+* - 仅在 load / hydrate / resume-settle 时调用，不参与正常交互路径。
+*/
+function writeWizardSnapshot(wizard, imp) {
+	const internals = wizard;
+	internals.step = imp.step;
+	internals.zipPath = imp.zipPath;
+	internals.analysis = imp.analysis;
+	internals.plan = imp.plan;
+	internals.result = imp.result;
+	internals.rollbackOnError = imp.rollbackOnError;
+	internals.errors = [...imp.errors];
+	internals.decisions = {
+		strategy: imp.conflictStrategy,
+		resolutions: { ...imp.conflictResolutions },
+		pathMappings: imp.pathMappings.map((m) => ({
+			...m,
+			appliesTo: [...m.appliesTo]
+		}))
+	};
+	internals.secretInputs = {};
+}
+/** 由 plan + 已持久化的决策重建 ConflictCollector（刷新恢复用）。 */
+function rebuildConflictCollector(plan, resolutions) {
+	const collector = new ConflictCollector(plan);
+	for (const [id, resolution] of Object.entries(resolutions)) collector.resolve(id, resolution);
+	return collector;
+}
+/**
+* RunState → RunProgress（m3 轮询进度回填）。
+* - step/total = 内部计数（百分比条按 item/itemTotal 推进）；
+* - section/sectionTotal 与 item/itemTotal 单独保留给分区徽章/内部计数徽章；
+* - detail = 当前项名（导出时恒为分区名，ProgressBar 侧会去冗余）。
+*/
+function mapRunProgress(kind, state) {
+	return {
+		stage: kind === "export" ? "exporting" : "executing",
+		detail: state.detail ?? void 0,
+		step: state.item ?? void 0,
+		total: state.itemTotal ?? void 0,
+		section: state.section,
+		sectionTotal: state.sectionTotal,
+		item: state.item,
+		itemTotal: state.itemTotal
+	};
+}
+function defaultStorage() {
+	if (typeof window === "undefined") return null;
+	try {
+		return window.sessionStorage ?? null;
+	} catch {
+		return null;
+	}
+}
+/**
+* 模块级单例 store：控制器实例 + React UI 状态 + sessionStorage 恢复。
+* 最小接口：subscribe / getSnapshot / load / save / patch / syncWizard /
+* exportFlow / importWizard / resume / stopResume。
+*/
+var RunStore = class {
+	storage;
+	pollIntervalMs;
+	listeners = /* @__PURE__ */ new Set();
+	state;
+	exportFlowInst = null;
+	importWizardInst = null;
+	apiRef = null;
+	/** 正在轮询的 runId 集合（stopResume 清空；防重复订阅） */
+	polling = /* @__PURE__ */ new Set();
+	/** 每个 runId 至多一个挂起的轮询定时器（fire 后由下一次调度覆盖） */
+	timers = /* @__PURE__ */ new Map();
+	/** 正在「发现进行中 run」的 kind 集合（watchRunning 活动标记；stopRunWatch/stopResume 清空） */
+	watchActive = /* @__PURE__ */ new Set();
+	constructor(opts = {}) {
+		this.storage = opts.storage !== void 0 ? opts.storage : defaultStorage();
+		this.pollIntervalMs = opts.pollIntervalMs ?? 1e3;
+		this.state = defaultState();
+		this.load();
+	}
+	/** 订阅 store 变化（useSyncExternalStore 的 subscribe）。 */
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	/** 当前完整快照（引用稳定：仅在 patch 后替换，适合 useSyncExternalStore）。 */
+	getSnapshot() {
+		return this.state;
+	}
+	notify() {
+		for (const listener of this.listeners) listener();
+	}
+	/** 浅合并补丁并立即持久化（保存走白名单，敏感字段不落盘）。 */
+	patch(patchObj) {
+		this.state = {
+			...this.state,
+			view: patchObj.view ?? this.state.view,
+			export: {
+				...this.state.export,
+				...patchObj.export
+			},
+			import: {
+				...this.state.import,
+				...patchObj.import
+			}
+		};
+		this.notify();
+		this.save();
+	}
+	/** 把 ImportWizard 控制器的 snapshot() 镜像进 store（wizard 动作后调用）。 */
+	syncWizard() {
+		const wizard = this.importWizardInst;
+		if (wizard === null) return;
+		const snap = wizard.snapshot();
+		this.patch({ import: {
+			step: snap.step,
+			zipPath: snap.zipPath,
+			analysis: snap.analysis,
+			plan: snap.plan,
+			result: snap.result,
+			rollbackOnError: snap.rollbackOnError,
+			errors: snap.errors
+		} });
+	}
+	/** 从存储恢复非敏感状态（构造时调用一次；损坏数据回退默认并清键）。 */
+	load() {
+		if (this.storage === null) return;
+		let raw = null;
+		try {
+			raw = this.storage.getItem(STATE_KEY);
+		} catch {
+			return;
+		}
+		if (raw === null || raw === "") {
+			this.state = defaultState();
+			return;
+		}
+		const parsed = parsePersistedState(raw);
+		if (parsed === null) {
+			try {
+				this.storage.removeItem(STATE_KEY);
+			} catch {}
+			this.state = defaultState();
+			return;
+		}
+		this.applyPersisted(parsed);
+	}
+	/** 把解析后的持久化状态合并进运行时状态；敏感字段强制回到默认（清空）。 */
+	applyPersisted(parsed) {
+		this.state = {
+			v: 1,
+			view: parsed.view,
+			export: {
+				...defaultExportState(),
+				...parsed.export,
+				password: "",
+				passwordConfirm: ""
+			},
+			import: {
+				...defaultImportState(),
+				...parsed.import,
+				secretInputs: {},
+				conflictCollector: null
+			}
+		};
+		const missing = this.state.import.plan?.missingSecrets ?? [];
+		if (this.state.import.phase === "confirm" && missing.length > 0) this.state.import.phase = "secrets";
+		const imp = this.state.import;
+		if (imp.phase === "conflicts" && imp.plan !== null) imp.conflictCollector = rebuildConflictCollector(imp.plan, imp.conflictResolutions);
+	}
+	/** 把非敏感状态写入 sessionStorage（白名单序列化；无存储时为空操作）。 */
+	save() {
+		if (this.storage === null) return;
+		try {
+			this.storage.setItem(STATE_KEY, JSON.stringify(toPersistedState(this.state)));
+		} catch {}
+	}
+	/** ExportFlow 控制器实例：懒创建 + 缓存（切 tab/关面板不重建）。 */
+	exportFlow(api) {
+		if (this.exportFlowInst === null) {
+			if (this.apiRef === null) this.apiRef = api;
+			this.exportFlowInst = new ExportFlow({
+				port: api,
+				onProgress: (event) => {
+					this.patch({ export: { progress: event } });
+				}
+			});
+		}
+		return this.exportFlowInst;
+	}
+	/** ImportWizard 控制器实例：懒创建 + 缓存；首次创建时从持久化快照 rehydrate。 */
+	importWizard(api) {
+		if (this.importWizardInst === null) {
+			if (this.apiRef === null) this.apiRef = api;
+			const wizard = new ImportWizard({
+				port: api,
+				onProgress: (event) => {
+					this.patch({ import: { progress: event } });
+				},
+				defaultRollbackOnError: true
+			});
+			writeWizardSnapshot(wizard, this.state.import);
+			this.importWizardInst = wizard;
+		}
+		return this.importWizardInst;
+	}
+	/**
+	* 重新订阅进行中的 run：GET /runs 找回活跃 runId → 轮询 /progress 直到
+	* 完成/失败，把 RunState.result 回填 store（导出结果 / 导入结果均可恢复）。
+	* 返回是否有 run 被恢复。幂等：同一 runId 不会重复轮询。
+	*/
+	async resume(api) {
+		if (this.apiRef === null) this.apiRef = api;
+		let active;
+		try {
+			active = await api.runs();
+		} catch {
+			return false;
+		}
+		let resumed = false;
+		const exportRun = active.find((r) => r.kind === "export");
+		if (exportRun !== void 0) {
+			resumed = true;
+			this.patch({ export: {
+				running: true,
+				runId: exportRun.runId,
+				progress: mapRunProgress("export", exportRun)
+			} });
+			this.pollRun(exportRun.runId, "export");
+		} else if (this.state.export.running) this.patch({ export: {
+			running: false,
+			progress: null,
+			runId: null,
+			error: "上次导出任务已结束但结果无法恢复，请重新导出"
+		} });
+		const importRun = active.find((r) => r.kind === "import");
+		if (importRun !== void 0) {
+			resumed = true;
+			this.patch({ import: {
+				running: true,
+				runId: importRun.runId,
+				step: "importing",
+				progress: mapRunProgress("import", importRun)
+			} });
+			this.pollRun(importRun.runId, "import");
+		} else if (this.state.import.step === "importing") {
+			this.importWizardInst?.reset();
+			this.patch({ import: {
+				step: "select",
+				phase: "preview",
+				runId: null,
+				running: false,
+				progress: null,
+				conflictCollector: null,
+				errors: [],
+				error: "上次导入任务已结束或超过保留期，结果无法恢复，请重新导入"
+			} });
+		}
+		return resumed;
+	}
+	/** 停止全部轮询（视图卸载时调用；服务端执行不受影响，重开面板再 resume）。 */
+	stopResume() {
+		this.polling.clear();
+		this.watchActive.clear();
+		for (const timer of this.timers.values()) clearTimeout(timer);
+		this.timers.clear();
+	}
+	/**
+	* 本次会话内启动的 run（POST /export 或 /execute 请求进行期间）的实时进度订阅。
+	* 请求是同步的、响应到达才知 runId，所以先经 GET /runs 发现进行中的 run（500ms），
+	* 发现后转入 /progress 轮询（同一间隔），done/failed 自动停止。
+	*
+	* 与 m2 resume 的收敛：两者共用 pollRun / polling / timers 同一套轮询器，
+	* 只是间隔不同（resume 恢复 1s、本方法实时 500ms）且发现阶段不同
+	* （resume 用 /runs 一次性找回 runId；本方法持续 /runs 直到出现活跃 run）。
+	* 同一 runId 不会重复轮询（polling 集合防重）。
+	*/
+	watchRunning(kind, intervalMs) {
+		if (this.watchActive.has(kind)) return;
+		this.watchActive.add(kind);
+		const api = this.apiRef;
+		if (api === null) {
+			this.watchActive.delete(kind);
+			return;
+		}
+		const interval = intervalMs ?? this.pollIntervalMs;
+		const tick = () => {
+			if (!this.watchActive.has(kind)) return;
+			api.runs().then((active) => {
+				if (!this.watchActive.has(kind)) return;
+				const run = active.find((r) => r.kind === kind && r.status === "running");
+				if (run === void 0) {
+					this.scheduleWatch(kind, tick, interval);
+					return;
+				}
+				this.watchActive.delete(kind);
+				this.patchProgress(kind, run);
+				this.pollRun(run.runId, kind, interval);
+			}, () => {
+				if (this.watchActive.has(kind)) this.scheduleWatch(kind, tick, interval);
+			});
+		};
+		this.scheduleWatch(kind, tick, interval);
+	}
+	/** 停止某 kind 的「发现进行中 run」轮询（视图请求结束后调用；/progress 轮询自行结束）。 */
+	stopRunWatch(kind) {
+		this.watchActive.delete(kind);
+	}
+	/** 调度下一轮发现；每 kind 只保留一个挂起定时器。 */
+	scheduleWatch(kind, tick, intervalMs) {
+		const timer = setTimeout(tick, intervalMs);
+		this.timers.set(`watch:${kind}`, timer);
+	}
+	pollRun(runId, kind, intervalMs) {
+		if (this.polling.has(runId)) return;
+		this.polling.add(runId);
+		const api = this.apiRef;
+		if (api === null) return;
+		const interval = intervalMs ?? this.pollIntervalMs;
+		const tick = () => {
+			if (!this.polling.has(runId)) return;
+			api.progress(runId).then((state) => {
+				if (!this.polling.has(runId)) return;
+				if (state.status === "running") {
+					this.patchProgress(kind, state);
+					this.scheduleTick(runId, tick, interval);
+				} else {
+					this.polling.delete(runId);
+					this.applySettled(kind, state);
+				}
+			}, () => {
+				this.polling.delete(runId);
+				this.applyGone(kind);
+			});
+		};
+		this.scheduleTick(runId, tick, interval);
+	}
+	/** 调度下一轮询；每 runId 只保留一个挂起定时器（fire 后由下一次调度覆盖）。 */
+	scheduleTick(runId, tick, intervalMs) {
+		const timer = setTimeout(tick, intervalMs);
+		this.timers.set(runId, timer);
+	}
+	patchProgress(kind, state) {
+		const event = mapRunProgress(kind, state);
+		if (kind === "export") this.patch({ export: { progress: event } });
+		else this.patch({ import: { progress: event } });
+	}
+	/** run 完成/失败：把 RunState.result 回填 store（并镜像回控制器）。 */
+	applySettled(kind, state) {
+		if (kind === "export") {
+			const result = state.result;
+			if (state.status === "done" && result !== void 0 && typeof result.zipPath === "string") this.patch({ export: {
+				running: false,
+				progress: {
+					stage: "done",
+					step: 1,
+					total: 1
+				},
+				result: {
+					...result,
+					text: renderExportReport(result.report)
+				},
+				downloaded: false
+			} });
+			else this.patch({ export: {
+				running: false,
+				progress: null,
+				result: null,
+				downloaded: false,
+				error: state.error ?? "导出失败（结果不可用）"
+			} });
+			return;
+		}
+		const result = state.result;
+		if (state.status === "done" && result !== void 0 && typeof result === "object") {
+			const wizard = this.importWizardInst;
+			if (wizard !== null) writeWizardSnapshot(wizard, {
+				...this.state.import,
+				step: "result",
+				result,
+				secretInputs: {},
+				conflictCollector: null
+			});
+			this.patch({ import: {
+				step: "result",
+				result,
+				running: false,
+				progress: {
+					stage: "done",
+					step: 1,
+					total: 1
+				},
+				error: null
+			} });
+		} else {
+			const wizard = this.importWizardInst;
+			if (wizard !== null) {
+				const internals = wizard;
+				internals.errors = [...internals.errors, state.error ?? "导入失败"];
+			}
+			this.patch({ import: {
+				running: false,
+				progress: null,
+				error: state.error ?? "导入失败",
+				errors: [...this.state.import.errors, state.error ?? "导入失败"]
+			} });
+		}
+	}
+	/** run 消失（404/网络错误）：停止轮询并提示不可恢复。 */
+	applyGone(kind) {
+		if (kind === "export") this.patch({ export: {
+			running: false,
+			progress: null,
+			runId: null,
+			error: "任务已结束或超过保留期，进度不可恢复"
+		} });
+		else {
+			this.importWizardInst?.reset();
+			this.patch({ import: {
+				running: false,
+				progress: null,
+				runId: null,
+				step: "select",
+				phase: "preview",
+				conflictCollector: null,
+				errors: [],
+				error: "任务已结束或超过保留期，进度不可恢复"
+			} });
+		}
+	}
+};
+/** 模块级单例（浏览器半所有视图共享；构造时自动 load()）。 */
+const runStore = new RunStore();
+//#endregion
+//#region \0config-manager-css:/home/runner/work/dsh-config-manager/dsh-config-manager/src/client/config-manager.module.css.js
+const css = "._367UGW_section{height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;font-size:13px;display:flex}._367UGW_sectionHeader{flex:none;align-items:center;gap:10px;display:flex}._367UGW_viewTabs{border-bottom:1px solid var(--dsw-alias-border-l1);flex:1;gap:2px;display:flex}._367UGW_viewTab{color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:7px 14px;font-size:13px}._367UGW_viewTab:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._367UGW_viewTab[data-active]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-state-business-primary);font-weight:600}._367UGW_sectionBody{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}._367UGW_viewBody{flex-direction:column;gap:12px;padding:4px 2px 16px;display:flex}._367UGW_sectionTitleBlock{flex-direction:column;gap:2px;display:flex}._367UGW_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:700}._367UGW_sectionSubtitle{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:1.5}._367UGW_primaryButton{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}._367UGW_primaryButton:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}._367UGW_primaryButton:disabled{opacity:.5;cursor:default}._367UGW_ghostButton{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}._367UGW_ghostButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._367UGW_ghostButton:disabled{opacity:.45;cursor:default}._367UGW_dangerButton{color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-size:12px}._367UGW_dangerButton:hover:not(:disabled){background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary-foreground)}._367UGW_dangerButton:disabled{opacity:.45;cursor:default}._367UGW_badge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;line-height:1.6;display:inline-block}._367UGW_badgeInfo{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}._367UGW_badgeOk{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._367UGW_badgeWarn{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._367UGW_badgeError{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._367UGW_banner{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.5}._367UGW_banner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._367UGW_banner[data-kind=error]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._367UGW_banner[data-kind=info]{color:var(--dsw-alias-state-business-primary);border-color:var(--dsw-alias-state-business-primary)}._367UGW_banner[data-kind=warn]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._367UGW_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}._367UGW_field{flex-direction:column;gap:5px;display:flex}._367UGW_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}._367UGW_input{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}._367UGW_input:focus{border-color:var(--dsw-alias-state-business-primary)}._367UGW_input::placeholder{color:var(--dsw-alias-label-tertiary)}._367UGW_input:disabled{opacity:.55}._367UGW_hint{color:var(--dsw-alias-label-tertiary);font-size:11.5px;line-height:1.5}._367UGW_formError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}._367UGW_checkboxRow{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}._367UGW_checkboxRow input{flex:none;margin-top:2px}._367UGW_radioLabel{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}._367UGW_secretFields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 12px;padding-top:4px;display:grid}._367UGW_hiddenFile{display:none}._367UGW_modeTabs{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;gap:2px;display:flex}._367UGW_modeTab{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:12.5px}._367UGW_modeTab:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._367UGW_modeTab[data-active]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-state-business-primary);font-weight:600}._367UGW_modeHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}._367UGW_groupList{flex-direction:column;gap:10px;display:flex}._367UGW_groupCard{gap:8px}._367UGW_groupHeader{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}._367UGW_groupLabel{color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:700}._367UGW_groupNote{color:var(--dsw-alias-label-tertiary);font-size:11.5px}._367UGW_groupItems{flex-direction:column;gap:6px;display:flex}._367UGW_categoryItem{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}._367UGW_categoryName{font-weight:500}._367UGW_categoryDesc{color:var(--dsw-alias-label-tertiary);font-size:11.5px}._367UGW_optionsCard{gap:8px}._367UGW_warnList{margin:4px 0 0;padding-left:18px}._367UGW_actionRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._367UGW_progressBlock{flex-direction:column;flex:none;gap:6px;display:flex}._367UGW_progressMeta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}._367UGW_progressLabel{font-weight:600}._367UGW_progressDetail{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}._367UGW_progressBadge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:1px 8px;font-size:11px;line-height:18px;display:inline-flex}._367UGW_progressBadgeSection{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 14%, transparent);color:var(--dsw-alias-state-business-primary)}._367UGW_progressBadgeCount{background:color-mix(in srgb, var(--dsw-alias-state-info-primary) 14%, transparent);color:var(--dsw-alias-state-info-primary)}._367UGW_progressPercent{font-variant-numeric:tabular-nums;margin-left:auto}._367UGW_progressTrack{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;height:8px;overflow:hidden}._367UGW_progressBar{background:var(--dsw-alias-state-business-primary);border-radius:999px;height:100%;transition:width .12s linear}._367UGW_progressBarDone{background:var(--dsw-alias-state-success-primary)}._367UGW_progressIndeterminate{width:40%;animation:1s ease-in-out infinite _367UGW_dshCmIndeterminate}@keyframes _367UGW_dshCmIndeterminate{0%{margin-left:-40%}to{margin-left:100%}}._367UGW_reportView{flex-direction:column;gap:10px;display:flex}._367UGW_statRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}._367UGW_reportText{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;max-height:260px;color:var(--dsw-alias-label-primary);border-radius:8px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;overflow:auto}._367UGW_reportFooter{justify-content:flex-end;gap:8px;display:flex}._367UGW_rollbackBox{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_rollbackBox ._367UGW_reportText{border-color:var(--dsw-alias-border-l2)}._367UGW_errorBanner{border:1px solid var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_errorTitle{color:var(--dsw-alias-state-error-primary);font-size:13px;font-weight:700}._367UGW_errorReason{white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-label-secondary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}._367UGW_errorAction{color:var(--dsw-alias-label-secondary);font-size:12.5px}._367UGW_errorActionLabel{color:var(--dsw-alias-state-business-primary)}._367UGW_errorItem{color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}._367UGW_errorFooter{justify-content:flex-end;display:flex}._367UGW_errorList{flex-direction:column;gap:4px;display:flex}._367UGW_errorLine{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-state-error-primary);border-radius:6px;margin:0;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}._367UGW_conflictList{flex-direction:column;gap:10px;display:flex}._367UGW_conflictItem{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._367UGW_conflictHead{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._367UGW_conflictId{color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:600}._367UGW_severityError{color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary);border-radius:999px;padding:0 6px;font-size:10.5px}._367UGW_conflictDetail{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);white-space:pre-wrap;word-break:break-all;color:var(--dsw-alias-label-secondary);border-radius:6px;margin:0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}._367UGW_conflictOptions{flex-wrap:wrap;gap:14px;display:flex}._367UGW_pathMappingList{flex-direction:column;gap:8px;display:flex}._367UGW_pathRow{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px;display:grid}._367UGW_pathOld,._367UGW_pathNew{flex-direction:column;gap:4px;min-width:0;display:flex}._367UGW_pathValue{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;overflow:hidden}._367UGW_pathIssueKind{color:var(--dsw-alias-state-warn-primary);font-size:10.5px}._367UGW_secretsList{flex-direction:column;gap:10px;display:flex}._367UGW_empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:22px 12px;font-size:12.5px}._367UGW_spinnerWrap{align-items:center;gap:6px;display:inline-flex}._367UGW_spinner{border:2px solid var(--dsw-alias-state-business-primary);vertical-align:-1px;border-top-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite _367UGW_dshCmSpin;display:inline-block}._367UGW_spinnerLabel{color:var(--dsw-alias-label-secondary);font-size:12px}@keyframes _367UGW_dshCmSpin{to{transform:rotate(360deg)}}._367UGW_snapshotList{flex-direction:column;gap:2px;display:flex}._367UGW_snapshotRowHeader,._367UGW_snapshotRow{grid-template-columns:minmax(120px,1.2fr) minmax(140px,1.6fr) 90px 56px 56px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:grid}._367UGW_snapshotRowHeader{color:var(--dsw-alias-label-tertiary);border-bottom:1px solid var(--dsw-alias-border-l1);font-size:11px}._367UGW_snapshotRow{text-align:left;width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px}._367UGW_snapshotRow:hover{background:var(--dsw-alias-interactive-bg-hover)}._367UGW_snapshotRow[data-active]{border-color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 10%, transparent)}._367UGW_warnText{color:var(--dsw-alias-state-warn-primary)}._367UGW_reportList{color:var(--dsw-alias-label-primary);flex-direction:column;gap:3px;margin:8px 0 4px;padding-left:18px;font-size:12px;display:flex}._367UGW_kindTag{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:1px 6px;font-size:10.5px;display:inline-block}._367UGW_rowActions{gap:8px;margin-top:10px;display:flex}";
+const tagId = "dsh-config-manager/config-manager.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-tag=\"dsh-config-manager/config-manager.module.css\"]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "dsh-config-manager";
+	tag.dataset.tag = tagId;
+	tag.textContent = css;
+	document.head.appendChild(tag);
+}
+var config_manager_module_css_default = {
+	"badgeWarn": "_367UGW_badgeWarn",
+	"conflictList": "_367UGW_conflictList",
+	"warnText": "_367UGW_warnText",
+	"groupItems": "_367UGW_groupItems",
+	"errorItem": "_367UGW_errorItem",
+	"groupCard": "_367UGW_groupCard",
+	"progressBlock": "_367UGW_progressBlock",
+	"sectionHeader": "_367UGW_sectionHeader",
+	"sectionTitle": "_367UGW_sectionTitle",
+	"progressDetail": "_367UGW_progressDetail",
+	"reportText": "_367UGW_reportText",
+	"spinnerLabel": "_367UGW_spinnerLabel",
+	"errorActionLabel": "_367UGW_errorActionLabel",
+	"conflictItem": "_367UGW_conflictItem",
+	"hiddenFile": "_367UGW_hiddenFile",
+	"errorAction": "_367UGW_errorAction",
+	"errorBanner": "_367UGW_errorBanner",
+	"severityError": "_367UGW_severityError",
+	"badgeOk": "_367UGW_badgeOk",
+	"viewTab": "_367UGW_viewTab",
+	"sectionTitleBlock": "_367UGW_sectionTitleBlock",
+	"field": "_367UGW_field",
+	"pathNew": "_367UGW_pathNew",
+	"spinner": "_367UGW_spinner",
+	"progressIndeterminate": "_367UGW_progressIndeterminate",
+	"modeHint": "_367UGW_modeHint",
+	"secretFields": "_367UGW_secretFields",
+	"progressLabel": "_367UGW_progressLabel",
+	"categoryName": "_367UGW_categoryName",
+	"progressBadgeCount": "_367UGW_progressBadgeCount",
+	"reportList": "_367UGW_reportList",
+	"banner": "_367UGW_banner",
+	"progressPercent": "_367UGW_progressPercent",
+	"errorReason": "_367UGW_errorReason",
+	"sectionSubtitle": "_367UGW_sectionSubtitle",
+	"errorFooter": "_367UGW_errorFooter",
+	"rowActions": "_367UGW_rowActions",
+	"viewTabs": "_367UGW_viewTabs",
+	"progressBarDone": "_367UGW_progressBarDone",
+	"checkboxRow": "_367UGW_checkboxRow",
+	"hint": "_367UGW_hint",
+	"categoryDesc": "_367UGW_categoryDesc",
+	"progressBadge": "_367UGW_progressBadge",
+	"dangerButton": "_367UGW_dangerButton",
+	"reportFooter": "_367UGW_reportFooter",
+	"pathIssueKind": "_367UGW_pathIssueKind",
+	"secretsList": "_367UGW_secretsList",
+	"groupLabel": "_367UGW_groupLabel",
+	"section": "_367UGW_section",
+	"card": "_367UGW_card",
+	"formError": "_367UGW_formError",
+	"snapshotRow": "_367UGW_snapshotRow",
+	"kindTag": "_367UGW_kindTag",
+	"ghostButton": "_367UGW_ghostButton",
+	"viewBody": "_367UGW_viewBody",
+	"conflictDetail": "_367UGW_conflictDetail",
+	"groupHeader": "_367UGW_groupHeader",
+	"badge": "_367UGW_badge",
+	"errorTitle": "_367UGW_errorTitle",
+	"conflictHead": "_367UGW_conflictHead",
+	"modeTab": "_367UGW_modeTab",
+	"warnList": "_367UGW_warnList",
+	"pathMappingList": "_367UGW_pathMappingList",
+	"pathRow": "_367UGW_pathRow",
+	"primaryButton": "_367UGW_primaryButton",
+	"progressBar": "_367UGW_progressBar",
+	"errorLine": "_367UGW_errorLine",
+	"modeTabs": "_367UGW_modeTabs",
+	"actionRow": "_367UGW_actionRow",
+	"reportView": "_367UGW_reportView",
+	"progressTrack": "_367UGW_progressTrack",
+	"progressBadgeSection": "_367UGW_progressBadgeSection",
+	"dshCmIndeterminate": "_367UGW_dshCmIndeterminate",
+	"progressMeta": "_367UGW_progressMeta",
+	"optionsCard": "_367UGW_optionsCard",
+	"conflictId": "_367UGW_conflictId",
+	"sectionBody": "_367UGW_sectionBody",
+	"badgeInfo": "_367UGW_badgeInfo",
+	"groupNote": "_367UGW_groupNote",
+	"statRow": "_367UGW_statRow",
+	"fieldLabel": "_367UGW_fieldLabel",
+	"categoryItem": "_367UGW_categoryItem",
+	"pathValue": "_367UGW_pathValue",
+	"empty": "_367UGW_empty",
+	"spinnerWrap": "_367UGW_spinnerWrap",
+	"input": "_367UGW_input",
+	"dshCmSpin": "_367UGW_dshCmSpin",
+	"radioLabel": "_367UGW_radioLabel",
+	"pathOld": "_367UGW_pathOld",
+	"badgeError": "_367UGW_badgeError",
+	"rollbackBox": "_367UGW_rollbackBox",
+	"errorList": "_367UGW_errorList",
+	"snapshotList": "_367UGW_snapshotList",
+	"snapshotRowHeader": "_367UGW_snapshotRowHeader",
+	"groupList": "_367UGW_groupList",
+	"conflictOptions": "_367UGW_conflictOptions"
+};
+//#endregion
+//#region src/client/common/ui.tsx
+/** 统一按钮（primary=主操作 / ghost=次操作 / danger=危险操作） */
+function Button({ variant = "ghost", disabled, onClick, children, title, className }) {
+	const cls = variant === "primary" ? config_manager_module_css_default.primaryButton : variant === "danger" ? config_manager_module_css_default.dangerButton : config_manager_module_css_default.ghostButton;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: className !== void 0 ? `${cls} ${className}` : cls,
+		disabled,
+		title,
+		onClick,
+		children
+	});
+}
+/** 状态徽章（info=业务色 / ok=成功 / warn=警告 / error=错误） */
+function Badge({ kind = "info", children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: `${config_manager_module_css_default.badge} ${config_manager_module_css_default[`badge${kind[0].toUpperCase()}${kind.slice(1)}`] ?? ""}`,
+		children
+	});
+}
+/** 说明横幅（ok/error/info/warn 四态） */
+function Banner({ kind = "info", children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: config_manager_module_css_default.banner,
+		"data-kind": kind,
+		children
+	});
+}
+/** 卡片容器（bg-layer-2 + 圆角 + 细边框） */
+function Card({ children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: className !== void 0 ? `${config_manager_module_css_default.card} ${className}` : config_manager_module_css_default.card,
+		children
+	});
+}
+/** 加载指示（旋转环 + 可选文案） */
+function Spinner({ label }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: config_manager_module_css_default.spinnerWrap,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: config_manager_module_css_default.spinner,
+			"aria-hidden": "true"
+		}), label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: config_manager_module_css_default.spinnerLabel,
+			children: label
+		})]
+	});
+}
+/** 区块标题（页面内二级标题 + 可选副标题） */
+function SectionTitle({ title, subtitle }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: config_manager_module_css_default.sectionTitleBlock,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: config_manager_module_css_default.sectionTitle,
+			children: title
+		}), subtitle !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: config_manager_module_css_default.sectionSubtitle,
+			children: subtitle
+		})]
+	});
+}
+/** 空状态占位 */
+function Empty({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: config_manager_module_css_default.empty,
+		children
+	});
+}
+/** 复选框行（勾选 + 标签） */
+function Checkbox({ checked, onChange, label, disabled }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: config_manager_module_css_default.checkboxRow,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "checkbox",
+			checked,
+			disabled,
+			onChange: (event) => {
+				onChange(event.target.checked);
+			}
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+	});
+}
+//#endregion
+//#region src/client/common/ErrorBanner.tsx
+/**
+* 可操作错误展示（规范 §23，绑 src/ui/errors.ts）。
+*
+* 安全约束：**强制 redact 不泄 Secret** —— 展示前对错误消息、关联项文本
+* 统一过 `redact()`（字段名黑名单 + sk-/JWT/PEM/Bearer 等值形状模式），
+* 渲染结果只含 Reason / Suggested action / Item，绝不出现密钥原文。
+*/
+/**
+* 错误横幅：toActionableError 解析为标题 + 原因 + 建议动作，
+* 文本在渲染前再经 redact() 兜底（双保险），Reason 以等宽块展示。
+*/
+function ErrorBanner({ error, onRetry, retrying }) {
+	const [actionable] = (0, react.useState)(() => toActionableError(error));
+	const reason = redact(actionable.reason);
+	const item = actionable.item !== void 0 ? redact(actionable.item) : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: config_manager_module_css_default.errorBanner,
+		role: "alert",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: config_manager_module_css_default.errorTitle,
@@ -1032,19 +1835,83 @@ function ErrorList({ errors }) {
 	});
 }
 //#endregion
+//#region src/client/common/progress-view.ts
+/**
+* m3: 进度展示的纯逻辑层（框架无关，node 可测）。
+*
+* 背景：m1 的 RunState 携带真实进度（section/sectionTotal = 当前分区 3/12、
+* item/itemTotal = 内部计数如插件 6/18、detail = 当前项名）；m2 的 store 把
+* RunState 映射为 ProgressEvent 并存入 progress 字段。本模块定义客户端的
+* RunProgress（ProgressEvent 超集，额外携带分区/内部计数，JSON 可序列化），
+* 并提供 computeProgressView() 把进度事件转成渲染模型 —— ProgressBar 只做
+* 纯渲染，所有判定逻辑集中在此、可单测。
+*
+* 兼容路径：无 section/item 的普通 ProgressEvent（控制器 onProgress 发出）
+* 走原逻辑 —— 阶段文案 + step/total 百分比，无徽章。
+*/
+/**
+* 把进度事件换算成渲染模型。
+* - percent：优先 ProgressEvent.step/total（控制器阶段进度 / 轮询的内部计数）；
+* - sectionBadge（当前分区，如 settings · 3/12）：label=分区 id、current=item
+*   （1-based 分区序号，见 core exporter onSection）、total=sectionTotal；
+* - countBadge（内部计数，如 plugins · 6/18）：label=分区 id、current=item、
+*   total=itemTotal；导出时 itemTotal 与 sectionTotal 同值（分区序号即内部计数）
+*   → 置 null，避免「3/12 3/12」重复；
+* - detail（当前项名）：非空且不等于分区 id（导出时 detail 恒为分区 id，去冗余）。
+*/
+function computeProgressView(event) {
+	if (event === null) return {
+		label: "",
+		percent: null,
+		sectionBadge: null,
+		countBadge: null,
+		detail: null
+	};
+	const section = event.section ?? null;
+	const sectionTotal = event.sectionTotal ?? null;
+	const item = event.item ?? null;
+	const itemTotal = event.itemTotal ?? null;
+	const percent = event.step !== void 0 && event.total !== void 0 && event.total > 0 ? Math.round(event.step / event.total * 100) : item !== null && itemTotal !== null && itemTotal > 0 ? Math.round(item / itemTotal * 100) : null;
+	const sectionBadge = section !== null && item !== null && sectionTotal !== null && sectionTotal > 0 ? {
+		label: section,
+		current: item,
+		total: sectionTotal
+	} : null;
+	let countBadge = section !== null && item !== null && itemTotal !== null && itemTotal > 0 ? {
+		label: section,
+		current: item,
+		total: itemTotal
+	} : null;
+	if (countBadge !== null && sectionBadge !== null && itemTotal === sectionTotal) countBadge = null;
+	const detail = typeof event.detail === "string" && event.detail !== "" && event.detail !== section ? event.detail : null;
+	return {
+		label: stageText(event.stage),
+		percent,
+		sectionBadge,
+		countBadge,
+		detail
+	};
+}
+//#endregion
 //#region src/client/common/ProgressBar.tsx
 /**
-* 进度条（规范 §29，绑 src/ui/progress.ts）。
+* 进度条（规范 §29 + m3 真实进度）。
 *
-* 控制器（ExportFlow / ImportWizard）在调用 core 前后发出 ProgressEvent，
-* 本组件按 stage 文案 + step/total 渲染进度条；未知阶段回退显示 id 本身。
+* 数据流：
+*  - 控制器（ExportFlow / ImportWizard）onProgress 发出普通 ProgressEvent
+*    （阶段文案 + step/total），走兼容路径；
+*  - m3：store 经 /runs + /progress 轮询得到的 RunState 映射为 RunProgress
+*    （额外携带 section/sectionTotal/item/itemTotal/detail），渲染为
+*    「分区徽章（settings · 3/12）+ 内部计数徽章（plugins · 6/18）+ 当前项名」。
+*
+* 所有换算逻辑在 progress-view.ts 的 computeProgressView()（纯函数，可单测）；
+* 本组件只做渲染。未知阶段回退显示 id 本身。
 */
 /**
-* 进度条：阶段文字 + 百分比（有 step/total 时计算，否则不定态动画）。
+* 进度条：阶段文字 + 分区/内部计数徽章 + 当前项名 + 百分比。
 */
 function ProgressBar({ event, active }) {
-	const percent = event !== null && event.step !== void 0 && event.total !== void 0 && event.total > 0 ? Math.round(event.step / event.total * 100) : null;
-	const label = event !== null ? stageText(event.stage) : "";
+	const view = computeProgressView(event);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: config_manager_module_css_default.progressBlock,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1052,22 +1919,41 @@ function ProgressBar({ event, active }) {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: config_manager_module_css_default.progressLabel,
-					children: label
+					children: view.label
+				}),
+				view.sectionBadge !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${config_manager_module_css_default.progressBadge} ${config_manager_module_css_default.progressBadgeSection}`,
+					children: [
+						view.sectionBadge.label,
+						" · ",
+						view.sectionBadge.current,
+						"/",
+						view.sectionBadge.total
+					]
 				}),
-				event?.detail !== void 0 && event.detail !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				view.countBadge !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `${config_manager_module_css_default.progressBadge} ${config_manager_module_css_default.progressBadgeCount}`,
+					children: [
+						view.countBadge.label !== "" ? `${view.countBadge.label} · ` : "",
+						view.countBadge.current,
+						"/",
+						view.countBadge.total
+					]
+				}),
+				view.detail !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: config_manager_module_css_default.progressDetail,
-					children: event.detail
+					children: view.detail
 				}),
-				percent !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				view.percent !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 					className: config_manager_module_css_default.progressPercent,
-					children: [percent, "%"]
+					children: [view.percent, "%"]
 				})
 			]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: config_manager_module_css_default.progressTrack,
-			children: percent !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: view.percent !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: `${config_manager_module_css_default.progressBar} ${active ? "" : config_manager_module_css_default.progressBarDone}`,
-				style: { width: `${percent}%` }
+				style: { width: `${view.percent}%` }
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${config_manager_module_css_default.progressBar} ${config_manager_module_css_default.progressIndeterminate}` })
 		})]
 	});
@@ -1169,488 +2055,291 @@ function ReportView({ kind, exportReport, importResult, onAction, onDownload })
 					variant: a === "done" ? "primary" : "ghost",
 					onClick: () => onAction?.(a),
 					children: a
-				}, a))
-			})
-		] })]
-	});
-}
-//#endregion
-//#region src/client/export/ExportView.tsx
-/**
-* 导出视图（规范 §1 / §21，绑 src/ui/export-flow.ts 的 ExportFlow 控制器）。
-*
-* - Quick：一键导出推荐分区（ExportFlow.quickSelection()）；
-* - Custom：按 §1 分组目录（EXPORT_GROUPS × DEFAULT_CATEGORIES）逐项勾选，
-*   ExportFlow.validateSelection() 给出设备相关分区警告；
-* - Include secrets：可选加密备份（需设置加密密码，密码仅本次内存使用，
-*   经 api.exportPassword 随请求体传给 Host 半，绝不落盘/入 manifest）；
-* - 进度：ExportFlow.run 发出 ProgressEvent → ProgressBar；
-* - 结果：ReportView(export) + 下载按钮（File System Access API 流式落盘）。
-*/
-/** Custom 模式的初始勾选 = 推荐分区（可再调整） */
-function defaultCustomSelection() {
-	return DEFAULT_CATEGORIES.filter((c) => c.defaultIncluded).map((c) => c.id);
-}
-/**
-* 导出主视图：Quick/Custom 切换 → 勾选/密码 → 执行 → 进度 → 报告 → 下载。
-*/
-function ExportView({ api, t }) {
-	const [mode, setMode] = (0, react.useState)("quick");
-	const [selection, setSelection] = (0, react.useState)(defaultCustomSelection);
-	const [includeSecrets, setIncludeSecrets] = (0, react.useState)(false);
-	const [password, setPassword] = (0, react.useState)("");
-	const [passwordConfirm, setPasswordConfirm] = (0, react.useState)("");
-	const [running, setRunning] = (0, react.useState)(false);
-	const [progress, setProgress] = (0, react.useState)(null);
-	const [result, setResult] = (0, react.useState)(null);
-	const [error, setError] = (0, react.useState)(null);
-	const [downloaded, setDownloaded] = (0, react.useState)(false);
-	const [flow] = (0, react.useState)(() => new ExportFlow({
-		port: api,
-		onProgress: (event) => {
-			setProgress(event);
-		}
-	}));
-	const toggleSection = (0, react.useCallback)((id, checked) => {
-		setSelection((prev) => {
-			const has = prev.includes(id);
-			if (checked && !has) return [...prev, id];
-			if (!checked && has) return prev.filter((s) => s !== id);
-			return prev;
-		});
-	}, []);
-	const passwordInvalid = includeSecrets && (password === "" || password !== passwordConfirm);
-	/** 执行导出（Quick 或 Custom） */
-	const runExport = async () => {
-		if (passwordInvalid) return;
-		setRunning(true);
-		setError(null);
-		setResult(null);
-		setDownloaded(false);
-		setProgress(null);
-		try {
-			api.exportPassword = includeSecrets ? password : null;
-			const run = await flow.run(mode, selection, { includeSecrets });
-			setResult(run);
-		} catch (err) {
-			setError(err);
-		} finally {
-			setRunning(false);
-			setProgress(null);
-		}
-	};
-	/** 下载导出的 ZIP 到本机 */
-	const download = async () => {
-		if (result === null) return;
-		try {
-			setError(null);
-			await api.download(result.zipPath);
-			setDownloaded(true);
-		} catch (err) {
-			setError(err);
-		}
-	};
-	const customWarnings = mode === "custom" ? flow.validateSelection(selection).warnings : [];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: config_manager_module_css_default.viewBody,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, {
-				title: t("view.export"),
-				subtitle: t("section.description")
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: config_manager_module_css_default.modeTabs,
-				role: "tablist",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					role: "tab",
-					"aria-selected": mode === "quick",
-					"data-active": mode === "quick" ? "" : void 0,
-					className: config_manager_module_css_default.modeTab,
-					onClick: () => {
-						setMode("quick");
-					},
-					children: t("export.mode.quick")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					role: "tab",
-					"aria-selected": mode === "custom",
-					"data-active": mode === "custom" ? "" : void 0,
-					className: config_manager_module_css_default.modeTab,
-					onClick: () => {
-						setMode("custom");
-					},
-					children: t("export.mode.custom")
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: config_manager_module_css_default.modeHint,
-				children: mode === "quick" ? t("export.mode.quickHint") : t("export.mode.customHint")
-			}),
-			mode === "custom" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: config_manager_module_css_default.groupList,
-				children: EXPORT_GROUPS.map((group) => {
-					const categories = flow.categories.filter((c) => c.group === group.id);
-					if (categories.length === 0) return null;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
-						className: config_manager_module_css_default.groupCard,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: config_manager_module_css_default.groupHeader,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: config_manager_module_css_default.groupLabel,
-								children: group.label
-							}), group.note !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: config_manager_module_css_default.groupNote,
-								children: group.note
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: config_manager_module_css_default.groupItems,
-							children: categories.map((cat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
-								checked: selection.includes(cat.id),
-								onChange: (checked) => {
-									toggleSection(cat.id, checked);
-								},
-								label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: config_manager_module_css_default.categoryItem,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: config_manager_module_css_default.categoryName,
-											children: cat.label
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: config_manager_module_css_default.categoryDesc,
-											children: cat.description
-										}),
-										cat.portability !== "portable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-											kind: cat.portability === "deviceSpecific" ? "warn" : "info",
-											children: cat.portability
-										}),
-										cat.sensitive === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-											kind: "warn",
-											children: "secret"
-										})
-									]
-								})
-							}, cat.id))
-						})]
-					}, group.id);
-				})
-			}),
-			customWarnings.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Banner, {
-				kind: "warn",
-				children: [t("export.selectionWarnings"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: config_manager_module_css_default.warnList,
-					children: customWarnings.map((w, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: w }, i))
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
-				className: config_manager_module_css_default.optionsCard,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
-						checked: includeSecrets,
-						onChange: setIncludeSecrets,
-						label: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: config_manager_module_css_default.categoryName,
-							children: t("export.includeSecrets")
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: config_manager_module_css_default.hint,
-						children: t("export.includeSecretsHint")
-					}),
-					includeSecrets && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: config_manager_module_css_default.secretFields,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: config_manager_module_css_default.field,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: config_manager_module_css_default.fieldLabel,
-									children: t("export.password")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "password",
-									className: config_manager_module_css_default.input,
-									value: password,
-									onChange: (e) => {
-										setPassword(e.target.value);
-									}
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: config_manager_module_css_default.field,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: config_manager_module_css_default.fieldLabel,
-									children: t("export.passwordConfirm")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "password",
-									className: config_manager_module_css_default.input,
-									value: passwordConfirm,
-									onChange: (e) => {
-										setPasswordConfirm(e.target.value);
-									}
-								})]
-							}),
-							password !== "" && password !== passwordConfirm && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: config_manager_module_css_default.formError,
-								children: t("export.passwordMismatch")
-							}),
-							password === "" && includeSecrets && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: config_manager_module_css_default.formError,
-								children: t("export.passwordRequired")
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: config_manager_module_css_default.actionRow,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-					variant: "primary",
-					disabled: running || passwordInvalid,
-					onClick: () => {
-						runExport();
-					},
-					children: running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: t("export.running") }) : t("export.run")
-				})
-			}),
-			running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressBar, {
-				event: progress,
-				active: true
-			}),
-			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, {
-				error,
-				onRetry: () => {
-					runExport();
-				},
-				retrying: running
-			}),
-			result !== null && !running && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportView, {
-				kind: "export",
-				exportReport: result.report,
-				onDownload: () => {
-					download();
-				}
-			}), downloaded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Banner, {
-				kind: "ok",
-				children: ["Saved: ", result.report.file.name]
-			})] })
-		]
+				}, a))
+			})
+		] })]
 	});
 }
 //#endregion
-//#region src/ui/import-wizard.ts
-var ImportWizard = class {
-	port;
-	onProgress;
-	tracker;
-	step = "select";
-	zipPath = null;
-	analysis = null;
-	plan = null;
-	result = null;
-	rollbackOnError;
-	errors = [];
-	decisions = {
-		strategy: "merge",
-		resolutions: {},
-		pathMappings: []
+//#region src/client/export/ExportView.tsx
+/**
+* 导出视图（规范 §1 / §21，绑 src/ui/export-flow.ts 的 ExportFlow 控制器）。
+*
+* - Quick：一键导出推荐分区（ExportFlow.quickSelection()）；
+* - Custom：按 §1 分组目录（EXPORT_GROUPS × DEFAULT_CATEGORIES）逐项勾选，
+*   ExportFlow.validateSelection() 给出设备相关分区警告；
+* - Include secrets：可选加密备份（需设置加密密码，密码仅本次内存使用，
+*   经 api.exportPassword 随请求体传给 Host 半，绝不落盘/入 manifest，
+*   **也绝不进入 sessionStorage** —— m2 白名单剔除，刷新后要求重输）；
+* - 进度：ExportFlow.run 发出 ProgressEvent → ProgressBar；
+* - 结果：ReportView(export) + 下载按钮（File System Access API 流式落盘）。
+*
+* m2：全部 UI 状态由模块级 runStore 持有（切 tab/关面板不重建、刷新恢复），
+* 控制器实例（ExportFlow）由 store 缓存复用。
+*/
+/**
+* 导出主视图：Quick/Custom 切换 → 勾选/密码 → 执行 → 进度 → 报告 → 下载。
+*/
+function ExportView({ api, t }) {
+	const exp = (0, react.useSyncExternalStore)(runStore.subscribe, runStore.getSnapshot).export;
+	const flow = runStore.exportFlow(api);
+	const mode = exp.mode;
+	const selection = exp.selection;
+	const includeSecrets = exp.includeSecrets;
+	const password = exp.password;
+	const passwordConfirm = exp.passwordConfirm;
+	const running = exp.running;
+	const progress = exp.progress;
+	const result = exp.result;
+	const error = exp.error;
+	const downloaded = exp.downloaded;
+	const setMode = (next) => {
+		runStore.patch({ export: { mode: next } });
 	};
-	secretInputs = {};
-	constructor(opts) {
-		this.port = opts.port;
-		this.onProgress = opts.onProgress;
-		this.tracker = new ProgressTracker(IMPORT_STAGES, this.onProgress);
-		this.rollbackOnError = opts.defaultRollbackOnError ?? true;
-	}
-	/** 当前状态快照（React 绑定 / 测试断言用） */
-	snapshot() {
-		return {
-			step: this.step,
-			zipPath: this.zipPath,
-			analysis: this.analysis,
-			plan: this.plan,
-			result: this.result,
-			rollbackOnError: this.rollbackOnError,
-			errors: [...this.errors]
-		};
-	}
-	get currentStep() {
-		return this.step;
-	}
-	/** 步骤 1-2：选 ZIP → Analyzing → Compatibility（analyzeImport 零写入） */
-	async selectZip(path) {
-		this.zipPath = path;
-		this.step = "analyzing";
-		this.tracker.emit("validating");
-		this.errors = [];
+	const setIncludeSecrets = (next) => {
+		runStore.patch({ export: { includeSecrets: next } });
+	};
+	const setPassword = (value) => {
+		runStore.patch({ export: { password: value } });
+	};
+	const setPasswordConfirm = (value) => {
+		runStore.patch({ export: { passwordConfirm: value } });
+	};
+	const toggleSection = (0, react.useCallback)((id, checked) => {
+		const has = selection.includes(id);
+		if (checked && !has) runStore.patch({ export: { selection: [...selection, id] } });
+		if (!checked && has) runStore.patch({ export: { selection: selection.filter((s) => s !== id) } });
+	}, [selection]);
+	const passwordInvalid = includeSecrets && (password === "" || password !== passwordConfirm);
+	/** 执行导出（Quick 或 Custom） */
+	const runExport = async () => {
+		if (passwordInvalid) return;
+		runStore.patch({ export: {
+			running: true,
+			error: null,
+			result: null,
+			downloaded: false,
+			progress: null,
+			runId: null
+		} });
+		runStore.watchRunning("export", 500);
 		try {
-			this.analysis = await this.port.analyzeImport(path);
-			this.tracker.emit("checking-compatibility");
-			if (!this.analysis.valid) {
-				this.errors.push(...this.analysis.errors.map((e) => formatActionableError(toActionableError(new Error(e)))));
-				throw new Error(this.analysis.errors.join("; ") || "备份分析失败");
-			}
-			this.step = "compatibility";
-			return this.analysis;
+			api.exportPassword = includeSecrets ? password : null;
+			const run = await flow.run(mode, selection, { includeSecrets });
+			const runId = run.runId;
+			runStore.patch({ export: {
+				result: run,
+				runId: typeof runId === "string" ? runId : null,
+				progress: {
+					stage: "done",
+					step: 1,
+					total: 1
+				}
+			} });
 		} catch (err) {
-			if (this.errors.length === 0) this.errors.push(formatActionableError(toActionableError(err)));
-			throw err;
+			runStore.patch({ export: { error: err instanceof Error ? err.message : String(err) } });
+		} finally {
+			runStore.stopRunWatch("export");
+			runStore.patch({ export: { running: false } });
 		}
-	}
-	/** 步骤 3→4：用户确认兼容性后进入 Preview（Dry Run：用当前决策生成计划摘要，零写入） */
-	async confirmCompatibility() {
-		if (this.analysis === null || this.zipPath === null) throw new Error("尚未完成分析，请先选择备份文件");
-		this.plan = await this.port.createImportPlan(this.zipPath, this.decisions);
-		this.step = "preview";
-		return this.plan;
-	}
-	/** 更新全局冲突策略（merge/replace/skipExisting，规范 §11） */
-	setStrategy(strategy) {
-		this.decisions = {
-			...this.decisions,
-			strategy
-		};
-	}
-	/** 设置逐项冲突决策（keepCurrent/useImported/review） */
-	setResolutions(resolutions) {
-		this.decisions = {
-			...this.decisions,
-			resolutions
-		};
-	}
-	/** 设置路径映射（§12） */
-	setPathMappings(mappings) {
-		this.decisions = {
-			...this.decisions,
-			pathMappings: mappings
-		};
-	}
-	/** 设置秘密补录值（仅内存，绝不持久化） */
-	setSecretInputs(inputs) {
-		this.secretInputs = inputs;
-	}
-	/** Preview 摘要（规范 §10 数值化；基于当前 plan 与 analysis） */
-	previewSummary() {
-		const items = this.plan?.items ?? [];
-		const analysis = this.analysis;
-		const count = (kinds) => items.filter((i) => kinds.includes(i.kind)).length;
-		return {
-			willChange: count([
-				"Create",
-				"Update",
-				"Install",
-				"Conflict"
-			]),
-			unchanged: count(["Skip"]),
-			settingsUpdates: count(["Create", "Update"]),
-			pluginsInstalled: analysis?.pluginSummary.installed ?? 0,
-			pluginsToInstall: count(["Install"]),
-			mcpAdds: items.filter((i) => i.adapter === "mcp" && i.kind === "Create").length,
-			prompts: items.filter((i) => i.adapter === "prompts" && i.kind !== "Skip").length,
-			pathMappingsNeeded: analysis?.pathIssues.length ?? 0,
-			secretsNeeded: this.plan?.missingSecrets.length ?? analysis?.secretCount ?? 0,
-			conflicts: count(["Conflict"]),
-			needsRestart: this.plan?.needsRestart ?? false
-		};
-	}
-	/** 冲突项（供 ConflictCollector 使用） */
-	conflictItems() {
-		return (this.plan?.items ?? []).filter((i) => i.kind === "Conflict");
-	}
-	/** 设置回滚策略（场景 E 选择；执行前调用） */
-	setRollbackOnError(enable) {
-		this.rollbackOnError = enable;
-	}
-	/**
-	* 步骤 10-14：确认导入 → 快照 → 执行 → 校验 → 结果。
-	* 用最终决策重建计划（与预览一致），显式传 rollbackOnError。
-	*/
-	async execute(opts) {
-		if (this.zipPath === null || this.analysis === null) throw new Error("尚未完成分析，请先选择备份文件");
-		if (opts.confirm !== true) throw new Error("导入未确认：必须确认后才允许修改任何数据");
-		const rollbackOnError = opts.rollbackOnError ?? this.rollbackOnError;
-		this.step = "importing";
-		this.tracker.emit("creating-snapshot");
+	};
+	/** 下载导出的 ZIP 到本机 */
+	const download = async () => {
+		if (result === null) return;
 		try {
-			this.plan = await this.port.createImportPlan(this.zipPath, this.decisions);
-			this.tracker.emit(EXECUTING_STAGE);
-			this.result = await this.port.executeImportPlan(this.zipPath, this.plan, {
-				confirm: true,
-				secretInputs: this.secretInputs,
-				rollbackOnError
-			});
-			if (!this.result.ok && this.result.rollback) this.tracker.emit("rolling-back");
-			this.tracker.emit("done");
-			this.step = "result";
-			return this.result;
+			runStore.patch({ export: { error: null } });
+			await api.download(result.zipPath);
+			runStore.patch({ export: { downloaded: true } });
 		} catch (err) {
-			this.errors.push(formatActionableError(toActionableError(err)));
-			throw err;
+			runStore.patch({ export: { error: err instanceof Error ? err.message : String(err) } });
 		}
-	}
-	/** 重置向导（可复用实例开始新导入） */
-	reset() {
-		this.step = "select";
-		this.zipPath = null;
-		this.analysis = null;
-		this.plan = null;
-		this.result = null;
-		this.errors = [];
-		this.decisions = {
-			strategy: "merge",
-			resolutions: {},
-			pathMappings: []
-		};
-		this.secretInputs = {};
-	}
-};
-//#endregion
-//#region src/ui/conflict-view.ts
-var ConflictCollector = class {
-	plan;
-	decisions = /* @__PURE__ */ new Map();
-	constructor(plan) {
-		this.plan = plan;
-	}
-	/** 需要用户决策的冲突项（kind === 'Conflict'） */
-	get conflicts() {
-		return this.plan.items.filter((i) => i.kind === "Conflict");
-	}
-	/** 设置某项决策；未出现在冲突列表中的 id 忽略并返回 false */
-	resolve(itemId, resolution) {
-		if (!this.conflicts.some((i) => i.id === itemId)) return false;
-		this.decisions.set(itemId, resolution);
-		return true;
-	}
-	/** 单项当前决策（未决策返回 null） */
-	decisionOf(itemId) {
-		return this.decisions.get(itemId) ?? null;
-	}
-	/** 仍未解决（review 或未决策）的冲突项 */
-	unresolved() {
-		return this.conflicts.filter((i) => {
-			const d = this.decisions.get(i.id);
-			return d === void 0 || d === "review";
-		});
-	}
-	get hasUnresolved() {
-		return this.unresolved().length > 0;
-	}
-	/** 转 core 决策表（供 createImportPlan / executeImportPlan 使用） */
-	toResolutions() {
-		const out = {};
-		for (const [id, res] of this.decisions) out[id] = res;
-		return out;
-	}
-	/** 构造视图项列表（React 绑定用）：含当前/导入摘要占位 */
-	viewItems() {
-		return this.conflicts.map((item) => ({
-			item,
-			currentSummary: item.detail?.split("\n")[0],
-			importedSummary: void 0,
-			resolution: this.decisionOf(item.id)
-		}));
-	}
-};
+	};
+	const customWarnings = mode === "custom" ? flow.validateSelection(selection).warnings : [];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: config_manager_module_css_default.viewBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, {
+				title: t("view.export"),
+				subtitle: t("section.description")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: config_manager_module_css_default.modeTabs,
+				role: "tablist",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": mode === "quick",
+					"data-active": mode === "quick" ? "" : void 0,
+					className: config_manager_module_css_default.modeTab,
+					onClick: () => {
+						setMode("quick");
+					},
+					children: t("export.mode.quick")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": mode === "custom",
+					"data-active": mode === "custom" ? "" : void 0,
+					className: config_manager_module_css_default.modeTab,
+					onClick: () => {
+						setMode("custom");
+					},
+					children: t("export.mode.custom")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: config_manager_module_css_default.modeHint,
+				children: mode === "quick" ? t("export.mode.quickHint") : t("export.mode.customHint")
+			}),
+			mode === "custom" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: config_manager_module_css_default.groupList,
+				children: EXPORT_GROUPS.map((group) => {
+					const categories = flow.categories.filter((c) => c.group === group.id);
+					if (categories.length === 0) return null;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
+						className: config_manager_module_css_default.groupCard,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: config_manager_module_css_default.groupHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: config_manager_module_css_default.groupLabel,
+								children: group.label
+							}), group.note !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: config_manager_module_css_default.groupNote,
+								children: group.note
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: config_manager_module_css_default.groupItems,
+							children: categories.map((cat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+								checked: selection.includes(cat.id),
+								onChange: (checked) => {
+									toggleSection(cat.id, checked);
+								},
+								label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: config_manager_module_css_default.categoryItem,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: config_manager_module_css_default.categoryName,
+											children: cat.label
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: config_manager_module_css_default.categoryDesc,
+											children: cat.description
+										}),
+										cat.portability !== "portable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+											kind: cat.portability === "deviceSpecific" ? "warn" : "info",
+											children: cat.portability
+										}),
+										cat.sensitive === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+											kind: "warn",
+											children: "secret"
+										})
+									]
+								})
+							}, cat.id))
+						})]
+					}, group.id);
+				})
+			}),
+			customWarnings.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Banner, {
+				kind: "warn",
+				children: [t("export.selectionWarnings"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					className: config_manager_module_css_default.warnList,
+					children: customWarnings.map((w, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: w }, i))
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
+				className: config_manager_module_css_default.optionsCard,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+						checked: includeSecrets,
+						onChange: setIncludeSecrets,
+						label: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.categoryName,
+							children: t("export.includeSecrets")
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: config_manager_module_css_default.hint,
+						children: t("export.includeSecretsHint")
+					}),
+					includeSecrets && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: config_manager_module_css_default.secretFields,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: config_manager_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.fieldLabel,
+									children: t("export.password")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									className: config_manager_module_css_default.input,
+									value: password,
+									onChange: (e) => {
+										setPassword(e.target.value);
+									}
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: config_manager_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.fieldLabel,
+									children: t("export.passwordConfirm")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									className: config_manager_module_css_default.input,
+									value: passwordConfirm,
+									onChange: (e) => {
+										setPasswordConfirm(e.target.value);
+									}
+								})]
+							}),
+							password !== "" && password !== passwordConfirm && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: config_manager_module_css_default.formError,
+								children: t("export.passwordMismatch")
+							}),
+							password === "" && includeSecrets && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: config_manager_module_css_default.formError,
+								children: t("export.passwordRequired")
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: config_manager_module_css_default.actionRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					variant: "primary",
+					disabled: running || passwordInvalid,
+					onClick: () => {
+						runExport();
+					},
+					children: running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: t("export.running") }) : t("export.run")
+				})
+			}),
+			running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressBar, {
+				event: progress,
+				active: true
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, {
+				error,
+				onRetry: () => {
+					runExport();
+				},
+				retrying: running
+			}),
+			result !== null && !running && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportView, {
+				kind: "export",
+				exportReport: result.report,
+				onDownload: () => {
+					download();
+				}
+			}), downloaded && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Banner, {
+				kind: "ok",
+				children: ["Saved: ", result.report.file.name]
+			})] })
+		]
+	});
+}
 //#endregion
 //#region src/ui/flow.ts
 /**
@@ -1840,13 +2529,18 @@ function PathMappingForm({ issues, initial, t, onChange }) {
 * 安全/正确性约束（来自 ImportWizard 与 core）：
 *   - analyzeImport / createImportPlan 零写入（Dry Run 复用）；
 *   - executeImportPlan 必须 confirm=true（core 安全阀）；
-*   - 秘密补录值仅内存（secretInputs），经 HTTPS 请求体传给 Host，绝不落日志/落盘；
+*   - 秘密补录值仅内存（secretInputs），经 HTTPS 请求体传给 Host，绝不落日志/落盘，
+*     **也绝不进入 sessionStorage**（m2 白名单剔除，刷新后 secrets 阶段要求重输）；
 *   - 默认整体回滚（rollbackOnError=true），用户在 Confirm 步可切换。
 *
 * 数据流：本地文件 → api.upload → zipPath → wizard.selectZip/confirmCompatibility/
 *   setResolutions/setPathMappings/setSecretInputs → wizard.execute。
 * 中间阶段（conflicts/path-mapping/secrets）是 UI 层流程页，wizard 的 decisions 由
 * 对应组件收集后写入。
+*
+* m2：全部 UI 状态由模块级 runStore 持有（切 tab/关面板不重建、刷新恢复），
+* 控制器实例（ImportWizard）由 store 缓存复用；每次 wizard 动作后 syncWizard()
+* 把控制器快照镜像进 store（非敏感字段持久化）。
 */
 /** 中间流程阶段（wizard.step 之外的 UI 层页面）——定义见 src/ui/flow.ts */
 const SCORE_LABEL = {
@@ -1855,7 +2549,7 @@ const SCORE_LABEL = {
 	partial: "Partial",
 	unsupported: "Unsupported"
 };
-/** 密钥补录表单（仅内存收集，值不外泄） */
+/** 密钥补录表单（仅内存收集，值不外泄；onChange 写入 store 的仅内存字段） */
 function SecretsForm({ missing, t, onChange }) {
 	const [inputs, setInputs] = (0, react.useState)({});
 	const setRef = (ref, value) => {
@@ -1900,31 +2594,25 @@ function SecretsForm({ missing, t, onChange }) {
 * 导入向导主视图。
 */
 function ImportWizardView({ api, t }) {
-	const [wizard] = (0, react.useState)(() => new ImportWizard({
-		port: api,
-		onProgress: (event) => {
-			setProgress(event);
-		},
-		defaultRollbackOnError: true
-	}));
-	const [, setTick] = (0, react.useState)(0);
-	const refresh = () => {
-		setTick((v) => v + 1);
-	};
-	const [progress, setProgress] = (0, react.useState)(null);
-	const [error, setError] = (0, react.useState)(null);
-	const [phase, setPhase] = (0, react.useState)("preview");
-	const [uploading, setUploading] = (0, react.useState)(false);
-	const [rollbackOnError, setRollbackOnError] = (0, react.useState)(true);
-	const [conflictCollector, setConflictCollector] = (0, react.useState)(null);
-	const [pathMappings, setPathMappings] = (0, react.useState)([]);
-	const [secretInputs, setSecretInputs] = (0, react.useState)({});
+	const imp = (0, react.useSyncExternalStore)(runStore.subscribe, runStore.getSnapshot).import;
+	const wizard = runStore.importWizard(api);
+	const step = imp.step;
+	const phase = imp.phase;
+	const progress = imp.progress;
+	const error = imp.error;
+	const uploading = imp.uploading;
+	const running = imp.running;
+	const rollbackOnError = imp.rollbackOnError;
+	const conflictCollector = imp.conflictCollector;
+	const pathMappings = imp.pathMappings;
+	const secretInputs = imp.secretInputs;
 	const fileInput = (0, react.useRef)(null);
-	const snapshot = wizard.snapshot();
-	const step = snapshot.step;
-	const hasConflicts = (snapshot.plan?.items ?? []).some((i) => i.kind === "Conflict");
-	const hasPathIssues = (snapshot.analysis?.pathIssues.length ?? 0) > 0;
-	const hasSecrets = (snapshot.plan?.missingSecrets.length ?? 0) > 0;
+	const setPhase = (next) => {
+		runStore.patch({ import: { phase: next } });
+	};
+	const hasConflicts = (imp.plan?.items ?? []).some((i) => i.kind === "Conflict");
+	const hasPathIssues = (imp.analysis?.pathIssues.length ?? 0) > 0;
+	const hasSecrets = (imp.plan?.missingSecrets.length ?? 0) > 0;
 	/**
 	* 适用阶段的有序列表（仅含需要用户处理 + 确认页）。
 	* hasConflicts/hasPathIssues/hasSecrets 基于原始 analysis/plan（Dry Run 产物），
@@ -1944,39 +2632,45 @@ function ImportWizardView({ api, t }) {
 	/** 选择并上传 ZIP → wizard.selectZip（analyzing → compatibility） */
 	const onPickFile = async (file) => {
 		if (file === void 0) return;
-		setUploading(true);
-		setError(null);
+		runStore.patch({ import: {
+			uploading: true,
+			error: null
+		} });
 		try {
 			const uploaded = await api.upload(file);
 			await wizard.selectZip(uploaded.zipPath);
-			refresh();
+			runStore.syncWizard();
 		} catch (err) {
-			setError(err);
-			refresh();
+			runStore.patch({ import: { error: err instanceof Error ? err.message : String(err) } });
+			runStore.syncWizard();
 		} finally {
-			setUploading(false);
+			runStore.patch({ import: { uploading: false } });
 		}
 	};
 	/** Compatibility → Preview */
 	const goPreview = async () => {
-		setError(null);
+		runStore.patch({ import: { error: null } });
 		try {
 			await wizard.confirmCompatibility();
-			refresh();
+			runStore.syncWizard();
 		} catch (err) {
-			setError(err);
-			refresh();
+			runStore.patch({ import: { error: err instanceof Error ? err.message : String(err) } });
+			runStore.syncWizard();
 		}
 	};
 	/** 进入 conflicts 阶段（先创建 collector） */
 	const enterConflicts = () => {
-		const plan = snapshot.plan;
-		if (plan !== null && conflictCollector === null) setConflictCollector(new ConflictCollector(plan));
+		const plan = imp.plan;
+		if (plan !== null && imp.conflictCollector === null) runStore.patch({ import: { conflictCollector: new ConflictCollector(plan) } });
 		setPhase("conflicts");
 	};
-	/** Conflicts 完成：写入决策 → 下一阶段 */
+	/** Conflicts 完成：写入决策 → 下一阶段（决策同时持久化，切 tab/刷新可恢复） */
 	const finishConflicts = () => {
-		if (conflictCollector !== null) wizard.setResolutions(conflictCollector.toResolutions());
+		if (imp.conflictCollector !== null) {
+			const resolutions = imp.conflictCollector.toResolutions();
+			wizard.setResolutions(resolutions);
+			runStore.patch({ import: { conflictResolutions: resolutions } });
+		}
 		setPhase(nextPhase("conflicts"));
 	};
 	/** Path Mapping 完成：写入映射 → 下一阶段 */
@@ -1984,34 +2678,52 @@ function ImportWizardView({ api, t }) {
 		wizard.setPathMappings(pathMappings);
 		setPhase(nextPhase("path-mapping"));
 	};
-	/** Secrets 完成：写入补录值 → Confirm */
+	/** Secrets 完成：写入补录值（仅内存）→ Confirm */
 	const finishSecrets = () => {
 		wizard.setSecretInputs(secretInputs);
 		setPhase("confirm");
 	};
 	/** Confirm 执行：confirm=true（安全阀）+ 用户回滚策略 */
 	const execute = async () => {
-		setError(null);
+		runStore.patch({ import: {
+			error: null,
+			running: true
+		} });
+		runStore.watchRunning("import", 500);
 		try {
-			await wizard.execute({
+			const promise = wizard.execute({
 				confirm: true,
 				rollbackOnError
 			});
-			refresh();
+			runStore.syncWizard();
+			const runId = (await promise).runId;
+			runStore.patch({ import: { runId: typeof runId === "string" ? runId : null } });
+			runStore.syncWizard();
 		} catch (err) {
-			setError(err);
-			refresh();
+			runStore.patch({ import: { error: err instanceof Error ? err.message : String(err) } });
+			runStore.syncWizard();
+		} finally {
+			runStore.stopRunWatch("import");
+			runStore.patch({ import: { running: false } });
 		}
 	};
 	/** 重置向导（重新导入） */
 	const resetWizard = () => {
 		wizard.reset();
-		setError(null);
-		setPhase("preview");
-		setConflictCollector(null);
-		setPathMappings([]);
-		setSecretInputs({});
-		refresh();
+		runStore.syncWizard();
+		runStore.patch({ import: {
+			phase: "preview",
+			uploading: false,
+			running: false,
+			progress: null,
+			error: null,
+			runId: null,
+			conflictCollector: null,
+			conflictStrategy: "merge",
+			conflictResolutions: {},
+			pathMappings: [],
+			secretInputs: {}
+		} });
 	};
 	if (step === "select") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: config_manager_module_css_default.viewBody,
@@ -2057,11 +2769,11 @@ function ImportWizardView({ api, t }) {
 				error,
 				onRetry: resetWizard
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, { errors: snapshot.errors })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, { errors: imp.errors })
 		]
 	});
 	if (step === "compatibility") {
-		const analysis = snapshot.analysis;
+		const analysis = imp.analysis;
 		if (analysis === null) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: config_manager_module_css_default.viewBody,
@@ -2190,7 +2902,7 @@ function ImportWizardView({ api, t }) {
 		});
 	}
 	if (phase === "conflicts" && step === "preview") {
-		if (conflictCollector === null || snapshot.plan === null) return null;
+		if (conflictCollector === null || imp.plan === null) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: config_manager_module_css_default.viewBody,
 			children: [
@@ -2201,7 +2913,9 @@ function ImportWizardView({ api, t }) {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConflictList, {
 					collector: conflictCollector,
 					t,
-					onChanged: refresh
+					onChanged: () => {
+						if (imp.conflictCollector !== null) runStore.patch({ import: { conflictResolutions: imp.conflictCollector.toResolutions() } });
+					}
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: config_manager_module_css_default.actionRow,
@@ -2222,7 +2936,7 @@ function ImportWizardView({ api, t }) {
 		});
 	}
 	if (phase === "path-mapping" && step === "preview") {
-		const issues = snapshot.analysis?.pathIssues ?? [];
+		const issues = imp.analysis?.pathIssues ?? [];
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: config_manager_module_css_default.viewBody,
 			children: [
@@ -2234,7 +2948,9 @@ function ImportWizardView({ api, t }) {
 					issues,
 					initial: pathMappings,
 					t,
-					onChange: setPathMappings
+					onChange: (mappings) => {
+						runStore.patch({ import: { pathMappings: mappings } });
+					}
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: config_manager_module_css_default.actionRow,
@@ -2254,7 +2970,7 @@ function ImportWizardView({ api, t }) {
 		});
 	}
 	if (phase === "secrets" && step === "preview") {
-		const missing = snapshot.plan?.missingSecrets ?? [];
+		const missing = imp.plan?.missingSecrets ?? [];
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: config_manager_module_css_default.viewBody,
 			children: [
@@ -2262,7 +2978,9 @@ function ImportWizardView({ api, t }) {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretsForm, {
 					missing,
 					t,
-					onChange: setSecretInputs
+					onChange: (inputs) => {
+						runStore.patch({ import: { secretInputs: inputs } });
+					}
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: config_manager_module_css_default.actionRow,
@@ -2292,7 +3010,10 @@ function ImportWizardView({ api, t }) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
 					checked: rollbackOnError,
-					onChange: setRollbackOnError,
+					onChange: (v) => {
+						wizard.setRollbackOnError(v);
+						runStore.patch({ import: { rollbackOnError: v } });
+					},
 					label: t("import.rollbackOnError")
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2305,6 +3026,7 @@ function ImportWizardView({ api, t }) {
 						children: t("common.back")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 						variant: "primary",
+						disabled: running,
 						onClick: () => {
 							execute();
 						},
@@ -2331,86 +3053,368 @@ function ImportWizardView({ api, t }) {
 				children: t("import.importing")
 			}),
 			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, { error }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, { errors: snapshot.errors })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, { errors: imp.errors })
+		]
+	});
+	if (step === "result") {
+		const result = imp.result;
+		if (result === null) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: config_manager_module_css_default.viewBody,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, { title: t("report.import.title") }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportView, {
+					kind: "import",
+					importResult: result,
+					onAction: (action) => {
+						if (action === "done") resetWizard();
+					}
+				}),
+				result.needsRestart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+					kind: "warn",
+					children: t("report.needsRestart")
+				}),
+				error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, { error })
+			]
+		});
+	}
+	return null;
+}
+//#endregion
+//#region src/client/snapshots/SnapshotsPanel.tsx
+/**
+* 快照恢复面板（M4）：列出快照 → 选择 → dry-run 计划预览 → 确认执行 → 诚实报告。
+*
+* 数据流：api.snapshots() 加载列表；选择快照后 api.restoreSnapshot(id, true) 拿
+* 恢复计划（零写入预览）；确认后 api.restoreSnapshot(id, false) 执行并展示报告
+* （restored / removedPlugins / manualHints（人工项高亮）/ failed / skipped）。
+* 全部状态组件内自持：恢复是低频显式操作，不进入 sessionStorage（快照列表可随时重载）。
+*/
+const initial$1 = {
+	status: "loading",
+	error: null,
+	metas: [],
+	selectedId: null,
+	planning: false,
+	plan: null,
+	running: false,
+	report: null,
+	actionError: null
+};
+function statusLabel(t, status) {
+	switch (status) {
+		case "pending": return t("snapshots.status.pending");
+		case "done": return t("snapshots.status.done");
+		case "rolled-back": return t("snapshots.status.rolled-back");
+		default: return t("snapshots.status.unknown");
+	}
+}
+function statusBadgeKind(status) {
+	switch (status) {
+		case "pending": return "info";
+		case "done": return "ok";
+		case "rolled-back": return "warn";
+		default: return "error";
+	}
+}
+/** 计划动作的本地化描述前缀（kind 标签 + 引擎已生成的中文 description） */
+function actionKindLabel(kind) {
+	switch (kind) {
+		case "hostFileRestore": return "整文件还原";
+		case "hostFileRemove": return "整文件删除";
+		case "pluginRemove": return "卸载插件";
+		case "fileRestore": return "还原文件";
+		case "fileRemove": return "删除文件";
+		case "credentialHint": return "人工提示";
+		case "skip": return "跳过";
+		default: return kind;
+	}
+}
+function SnapshotsPanel({ api, t }) {
+	const [state, setState] = (0, react.useState)(initial$1);
+	const load = () => {
+		setState((s) => ({
+			...s,
+			status: "loading",
+			error: null
+		}));
+		api.snapshots().then((metas) => {
+			setState((s) => ({
+				...s,
+				status: "ready",
+				metas
+			}));
+		}, (err) => {
+			setState((s) => ({
+				...s,
+				status: "error",
+				error: err instanceof Error ? err.message : String(err)
+			}));
+		});
+	};
+	(0, react.useEffect)(load, [api]);
+	const select = (id) => {
+		setState((s) => ({
+			...s,
+			selectedId: id,
+			plan: null,
+			report: null,
+			actionError: null,
+			planning: true
+		}));
+		api.restoreSnapshot(id, true).then((res) => {
+			setState((s) => ({
+				...s,
+				planning: false,
+				plan: res.plan ?? null
+			}));
+		}, (err) => {
+			setState((s) => ({
+				...s,
+				planning: false,
+				actionError: err instanceof Error ? err.message : String(err)
+			}));
+		});
+	};
+	const execute = () => {
+		if (state.selectedId === null || state.running) return;
+		setState((s) => ({
+			...s,
+			running: true,
+			report: null,
+			actionError: null
+		}));
+		api.restoreSnapshot(state.selectedId, false).then((res) => {
+			setState((s) => ({
+				...s,
+				running: false,
+				report: res.report ?? null
+			}));
+		}, (err) => {
+			setState((s) => ({
+				...s,
+				running: false,
+				actionError: err instanceof Error ? err.message : String(err)
+			}));
+		});
+	};
+	const summary = () => {
+		const s = state.plan?.summary;
+		if (s === void 0) return "";
+		return `整文件还原 ${s.hostFileRestores} · 整文件删除 ${s.hostFileRemoves} · 插件卸载 ${s.pluginRemoves} · 文件还原 ${s.fileRestores} · 文件删除 ${s.fileRemoves} · 凭据提示 ${s.credentialHints} · 跳过 ${s.skips}`;
+	};
+	const reportLine = (title, items, warn) => {
+		if (items.length === 0) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
+			className: config_manager_module_css_default.card,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", {
+				className: warn ? config_manager_module_css_default.warnText : void 0,
+				children: [
+					title,
+					"（",
+					items.length,
+					"）"
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: config_manager_module_css_default.reportList,
+				children: items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: item }, `${title}-${i}`))
+			})]
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: config_manager_module_css_default.viewBody,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, {
+				title: t("snapshots.title"),
+				subtitle: t("snapshots.hint")
+			}),
+			state.status === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: t("snapshots.loading") }),
+			state.status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Banner, {
+				kind: "error",
+				children: [state.error ?? t("common.unknownError"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					variant: "primary",
+					onClick: load,
+					children: t("common.retry")
+				})]
+			}),
+			state.status === "ready" && state.metas.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Empty, { children: t("snapshots.empty") }),
+			state.status === "ready" && state.metas.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: config_manager_module_css_default.snapshotList,
+					role: "listbox",
+					"aria-label": t("snapshots.selectHint"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: config_manager_module_css_default.snapshotRowHeader,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("snapshots.createdAt") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("snapshots.sourceZip") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("snapshots.status") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("snapshots.entries") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("snapshots.plugins") })
+						]
+					}), state.metas.map((meta) => {
+						const selected = meta.id === state.selectedId;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "option",
+							"aria-selected": selected,
+							"data-active": selected ? "" : void 0,
+							className: config_manager_module_css_default.snapshotRow,
+							onClick: () => {
+								select(meta.id);
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									title: meta.id,
+									children: new Date(meta.createdAt).toLocaleString()
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									title: meta.sourceZip,
+									children: meta.sourceZip
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+									kind: statusBadgeKind(meta.status),
+									children: statusLabel(t, meta.status)
+								}) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: meta.entryCount }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: meta.beforePluginCount })
+							]
+						}, meta.id);
+					})]
+				}),
+				state.selectedId !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [state.planning && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: t("common.loading") }), state.plan !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, {
+						title: t("snapshots.planTitle"),
+						subtitle: summary()
+					}),
+					state.plan.actions.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Empty, { children: t("snapshots.noActions") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: config_manager_module_css_default.reportList,
+						children: state.plan.actions.map((action, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: config_manager_module_css_default.kindTag,
+								children: actionKindLabel(action.kind)
+							}),
+							" ",
+							action.description,
+							action.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: config_manager_module_css_default.hint,
+								children: [
+									"（",
+									action.detail,
+									"）"
+								]
+							})
+						] }, `plan-${i}`))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: config_manager_module_css_default.rowActions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							variant: "danger",
+							disabled: state.running || state.plan.actions.every((a) => a.kind === "skip"),
+							onClick: execute,
+							title: t("snapshots.confirmRestore"),
+							children: state.running ? t("snapshots.executing") : t("snapshots.execute")
+						})
+					}),
+					state.actionError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+						kind: "error",
+						children: state.actionError
+					})
+				] })] }),
+				state.report !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, { title: t("snapshots.reportTitle") }),
+					reportLine(t("snapshots.restored"), state.report.restored, false),
+					reportLine(t("snapshots.removedPlugins"), state.report.removedPlugins, false),
+					reportLine(t("snapshots.manualHints"), state.report.manualHints, true),
+					reportLine(t("snapshots.failed"), state.report.failed.map((f) => `${f.item}: ${f.reason}`), true),
+					reportLine(t("snapshots.skipped"), state.report.skipped, false)
+				] })
+			] })
 		]
 	});
-	if (step === "result") {
-		const result = snapshot.result;
-		if (result === null) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: config_manager_module_css_default.viewBody,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, { title: t("report.import.title") }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportView, {
-					kind: "import",
-					importResult: result,
-					onAction: (action) => {
-						if (action === "done") resetWizard();
-					}
-				}),
-				result.needsRestart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
-					kind: "warn",
-					children: t("report.needsRestart")
-				}),
-				error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, { error })
-			]
-		});
-	}
-	return null;
 }
 //#endregion
 //#region src/client/ConfigManagerSection.tsx
 /**
 * Config Manager 设置页（settings.section 入口的主页面容器）。
 *
-* owner props 由 settings shell 传入（close）；业务面（api）由注册时的
-* inject face 注入；t 由 locale seat 注入。内部两个主视图：
+* 业务面（api）由注册时的 inject face 注入；t 由 locale seat 注入。
+* 关闭按钮由 settings shell 自带，本页不再渲染。内部两个主视图：
 * Export（Quick/Custom）与 Import（九步向导）。
+*
+* m2：主视图 tab（view）与全部子视图状态统一由模块级 runStore 持有
+* （sessionStorage 持久化 + 切 tab/关面板不重建控制器实例）；挂载时
+* 经 GET /runs + 轮询 /progress 恢复进行中的 run（刷新/重开面板后）。
 */
 /**
-* 设置页容器：Export / Import 双视图切换。
+* 设置页容器：Export / Import / Snapshots 三视图切换。
+* Export/Import 状态在模块级 store（切 tab 不丢失）；快照恢复面板为低频显式
+* 操作，其状态组件内自持（local state，不进 sessionStorage）。
 */
-function ConfigManagerSection({ close, api, t }) {
-	const [view, setView] = (0, react.useState)("export");
+function ConfigManagerSection({ api, t }) {
+	const view = (0, react.useSyncExternalStore)(runStore.subscribe, runStore.getSnapshot).view;
+	const [snapshotsOpen, setSnapshotsOpen] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		runStore.resume(api);
+		return () => {
+			runStore.stopResume();
+		};
+	}, [api]);
+	const setView = (next) => {
+		setSnapshotsOpen(false);
+		runStore.patch({ view: next });
+	};
+	const activeTab = snapshotsOpen ? "snapshots" : view;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: config_manager_module_css_default.section,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: config_manager_module_css_default.sectionHeader,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: config_manager_module_css_default.viewTabs,
 				role: "tablist",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					role: "tab",
-					"aria-selected": view === "export",
-					"data-active": view === "export" ? "" : void 0,
-					className: config_manager_module_css_default.viewTab,
-					onClick: () => {
-						setView("export");
-					},
-					children: t("view.export")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					role: "tab",
-					"aria-selected": view === "import",
-					"data-active": view === "import" ? "" : void 0,
-					className: config_manager_module_css_default.viewTab,
-					onClick: () => {
-						setView("import");
-					},
-					children: t("view.import")
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: config_manager_module_css_default.iconButton,
-				title: t("common.close"),
-				"aria-label": t("common.close"),
-				onClick: close,
-				children: "×"
-			})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": activeTab === "export",
+						"data-active": activeTab === "export" ? "" : void 0,
+						className: config_manager_module_css_default.viewTab,
+						onClick: () => {
+							setView("export");
+						},
+						children: t("view.export")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": activeTab === "import",
+						"data-active": activeTab === "import" ? "" : void 0,
+						className: config_manager_module_css_default.viewTab,
+						onClick: () => {
+							setView("import");
+						},
+						children: t("view.import")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": activeTab === "snapshots",
+						"data-active": snapshotsOpen ? "" : void 0,
+						className: config_manager_module_css_default.viewTab,
+						onClick: () => {
+							setSnapshotsOpen(true);
+						},
+						children: t("view.snapshots")
+					})
+				]
+			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: config_manager_module_css_default.sectionBody,
-			children: view === "export" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExportView, {
+			children: snapshotsOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapshotsPanel, {
+				api,
+				t
+			}) : view === "export" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExportView, {
 				api,
 				t
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImportWizardView, {
@@ -2427,11 +3431,12 @@ function ConfigManagerSection({ close, api, t }) {
 * 字典 namespace 由 client/index.ts 注册（declare module 合并进 LocaleNamespaceMap）。
 * 键集合通过 `ConfigManagerKey` 类型在注册处做编译期校验（缺键/多键即编译错误）。
 */
-const zh = {
+const zh$1 = {
 	"section.label": "备份与迁移",
 	"section.description": "导出 / 导入 / 迁移 DSH 配置（备份不含密钥，加密备份可选）",
 	"view.export": "导出备份",
 	"view.import": "导入恢复",
+	"view.snapshots": "快照恢复",
 	"common.close": "关闭",
 	"common.cancel": "取消",
 	"common.back": "上一步",
@@ -2499,6 +3504,31 @@ const zh = {
 	"import.paths.old": "原路径",
 	"import.paths.new": "新路径",
 	"import.paths.unresolved": "还有 {count} 条路径未映射",
+	"snapshots.title": "快照恢复",
+	"snapshots.hint": "恢复到导入前状态：整文件还原 settings/patch、卸载导入期间新增插件、补偿被修改文件。执行前会把当前文件备份到快照的 pre-restore 目录。",
+	"snapshots.empty": "暂无快照。执行导入时会自动创建安全快照。",
+	"snapshots.loading": "加载快照中…",
+	"snapshots.selectHint": "选择快照以预览恢复计划（dry-run，零写入）：",
+	"snapshots.createdAt": "创建时间",
+	"snapshots.sourceZip": "来源备份",
+	"snapshots.status": "状态",
+	"snapshots.entries": "条目",
+	"snapshots.plugins": "插件",
+	"snapshots.status.pending": "进行中",
+	"snapshots.status.done": "已完成",
+	"snapshots.status.rolled-back": "已回滚",
+	"snapshots.status.unknown": "未知",
+	"snapshots.planTitle": "恢复计划预览",
+	"snapshots.noActions": "该快照无可用恢复动作（或全部跳过）。",
+	"snapshots.execute": "执行恢复",
+	"snapshots.executing": "恢复执行中…",
+	"snapshots.confirmRestore": "确认执行恢复？当前文件会先备份到快照的 pre-restore 目录，插件通过官方 dsh plugin remove 卸载。",
+	"snapshots.reportTitle": "恢复报告",
+	"snapshots.restored": "已还原",
+	"snapshots.removedPlugins": "已卸载插件",
+	"snapshots.manualHints": "需人工处理",
+	"snapshots.failed": "失败",
+	"snapshots.skipped": "跳过",
 	"report.export.title": "导出完成",
 	"report.import.title": "导入结果",
 	"report.rollback.title": "回滚报告",
@@ -2509,11 +3539,12 @@ const zh = {
 	"error.title": "操作失败",
 	"error.hint": "错误消息已自动脱敏，不会泄露任何密钥信息。"
 };
-const en = {
+const en$1 = {
 	"section.label": "Backup & Migration",
 	"section.description": "Export / import / migrate DSH configuration (backups exclude secrets; encrypted backups optional)",
 	"view.export": "Export",
 	"view.import": "Import",
+	"view.snapshots": "Snapshots & Restore",
 	"common.close": "Close",
 	"common.cancel": "Cancel",
 	"common.back": "Back",
@@ -2581,6 +3612,31 @@ const en = {
 	"import.paths.old": "Original path",
 	"import.paths.new": "New path",
 	"import.paths.unresolved": "{count} path(s) unmapped",
+	"snapshots.title": "Snapshot Restore",
+	"snapshots.hint": "Restore to the pre-import state: whole-file restore of settings/patch, uninstall plugins added during import, compensate modified files. Current files are backed up to the snapshot's pre-restore folder before any change.",
+	"snapshots.empty": "No snapshots yet. A safety snapshot is created automatically on import.",
+	"snapshots.loading": "Loading snapshots…",
+	"snapshots.selectHint": "Select a snapshot to preview its restore plan (dry-run, zero writes):",
+	"snapshots.createdAt": "Created",
+	"snapshots.sourceZip": "Source",
+	"snapshots.status": "Status",
+	"snapshots.entries": "Entries",
+	"snapshots.plugins": "Plugins",
+	"snapshots.status.pending": "Pending",
+	"snapshots.status.done": "Done",
+	"snapshots.status.rolled-back": "Rolled back",
+	"snapshots.status.unknown": "Unknown",
+	"snapshots.planTitle": "Restore Plan Preview",
+	"snapshots.noActions": "No restorable actions for this snapshot (or all skipped).",
+	"snapshots.execute": "Restore now",
+	"snapshots.executing": "Restoring…",
+	"snapshots.confirmRestore": "Confirm restore? Current files are backed up to the snapshot's pre-restore folder first; plugins are removed via the official dsh plugin remove.",
+	"snapshots.reportTitle": "Restore Report",
+	"snapshots.restored": "Restored",
+	"snapshots.removedPlugins": "Removed plugins",
+	"snapshots.manualHints": "Manual action needed",
+	"snapshots.failed": "Failed",
+	"snapshots.skipped": "Skipped",
 	"report.export.title": "Export Complete",
 	"report.import.title": "Import Result",
 	"report.rollback.title": "Rollback Report",
@@ -2592,9 +3648,638 @@ const en = {
 	"error.hint": "Error messages are auto-redacted and never leak secrets."
 };
 //#endregion
+//#region src/client/sync/sync-api.ts
+/** 同步端点常量（与 Host 半 src/index.ts API 常量保持一致） */
+const SYNC_API = {
+	base: "/api/dsh-config-manager/sync",
+	status: "/api/dsh-config-manager/sync/status",
+	push: "/api/dsh-config-manager/sync/push",
+	pull: "/api/dsh-config-manager/sync/pull"
+};
+/** DSH credentials 中的同步 token 引用名（Host 半同值；仅供提示文案使用，值由 Host 读写） */
+const SYNC_CREDENTIAL_REF = "DSH_CONFIG_MANAGER_SYNC_TOKEN";
+/** 同步请求超时（ms）：与 Host 半 ROUTE_TIMEOUT_MS 对齐（git 网络操作可能较慢） */
+const SYNC_TIMEOUT_MS = 300 * 1e3;
+/** 解析 JSON 响应；非 2xx 时抛出带路由 error 消息的 ConfigManagerApiError（与 api.ts 同款） */
+async function readJson(response) {
+	const notMountedMessage = "config-manager 服务未挂载（插件未加载）：请确认 profile 中已安装 dsh-config-manager 并重启 DSH";
+	let body;
+	try {
+		body = await response.json();
+	} catch {
+		if (response.status === 404) throw new ConfigManagerApiError(notMountedMessage);
+		throw new ConfigManagerApiError(`HTTP ${response.status}: invalid JSON response`);
+	}
+	if (!response.ok) throw new ConfigManagerApiError(typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : response.status === 404 ? notMountedMessage : `HTTP ${response.status}`);
+	return body;
+}
+/** POST JSON 请求（带超时：宿主卡死时 UI 拿到明确错误而不是永远转圈） */
+async function postJson(path, body) {
+	const controller = new AbortController();
+	const timer = setTimeout(() => controller.abort(), SYNC_TIMEOUT_MS);
+	try {
+		return await readJson(await fetch(path, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify(body),
+			signal: controller.signal
+		}));
+	} catch (err) {
+		if (controller.signal.aborted) throw new ConfigManagerApiError(`同步请求超时（${Math.round(SYNC_TIMEOUT_MS / 6e4)} 分钟）：请检查网络与仓库可达性后重试`);
+		throw err;
+	} finally {
+		clearTimeout(timer);
+	}
+}
+/** 远程同步浏览器半数据入口（settings.section: config-manager-sync 的注入业务面） */
+var SyncApi = class {
+	/** 读取同步状态（配置 / 凭据 / 上次同步时间 / 分区数） */
+	async status() {
+		return readJson(await fetch(SYNC_API.status));
+	}
+	/** 推送：导出 portable 分区 → 提交到私有 Git 仓库 → 更新 sync-state */
+	async push(payload) {
+		return postJson(SYNC_API.push, payload);
+	}
+	/** 拉取差异预览：拉取远端最新快照 → 只读分析（绝不执行导入） */
+	async pull(payload) {
+		return postJson(SYNC_API.pull, payload);
+	}
+};
+//#endregion
+//#region src/client/sync/sync-view.ts
+/**
+* 私有仓库强制提示文案（Settings 区块常驻警示横幅）。
+* 安全约束：同步内容为可移植配置，public 仓库会公开配置 → 必须私有；
+* token 仅用于认证，绝不写入同步文件/提交内容/日志。
+*/
+const PRIVATE_REPO_HINT = "安全要求：同步仓库必须为私有仓库（public 仓库会公开你的配置内容）。认证 token 仅用于仓库访问，绝不写入同步文件、提交内容或日志。";
+/** 需要人工决策的 PlanItem 类型（与 SyncEngine.pull 的 needsReview 判定一致） */
+const REVIEW_KINDS = /* @__PURE__ */ new Set([
+	"Conflict",
+	"MissingSecret",
+	"MissingDependency",
+	"Install",
+	"Error"
+]);
+/** 差异摘要：按 severity 计数 + 需人工决策标记（UI 统计徽章与警示横幅的数据源） */
+function summarizePullChanges(changes) {
+	let info = 0;
+	let warning = 0;
+	let error = 0;
+	let needsReview = false;
+	for (const c of changes) {
+		if (c.severity === "error") error += 1;
+		else if (c.severity === "warning") warning += 1;
+		else info += 1;
+		if (REVIEW_KINDS.has(c.kind)) needsReview = true;
+	}
+	return {
+		total: changes.length,
+		info,
+		warning,
+		error,
+		needsReview,
+		items: [...changes]
+	};
+}
+/** PlanItemKind → 短标签（列表徽章） */
+function kindLabel(kind) {
+	switch (kind) {
+		case "Create": return "新增";
+		case "Update": return "更新";
+		case "Skip": return "跳过";
+		case "Conflict": return "冲突";
+		case "Install": return "安装";
+		case "MissingSecret": return "缺密钥";
+		case "MissingDependency": return "缺依赖";
+		case "PathMapping": return "路径映射";
+		case "Warning": return "警告";
+		case "Error": return "错误";
+		default: return kind;
+	}
+}
+/** severity → 短标签 */
+function severityLabel(severity) {
+	switch (severity) {
+		case "error": return "错误";
+		case "warning": return "警告";
+		default: return "信息";
+	}
+}
+/**
+* 按钮可用性与文案：
+* - 任一操作进行中（busy）→ 两个按钮都禁用（防并发 push/pull）；
+* - 仓库地址为空 → 禁用（无仓库无从同步）；
+* - busy 时按钮文案切换为「正在推送/拉取…」（配 Spinner）。
+*/
+function computeSyncButtons(busy, repoUrl) {
+	const idle = busy === null;
+	const repoOk = repoUrl.trim() !== "";
+	const enabled = idle && repoOk;
+	return {
+		canPush: enabled,
+		canPull: enabled,
+		pushLabel: busy === "push" ? "正在推送…" : "推送到远端",
+		pullLabel: busy === "pull" ? "正在拉取…" : "拉取差异预览"
+	};
+}
+/** 状态行渲染模型：加载 / 未配置 / 就绪（凭据 + 上次同步 + 通道）/ 错误 */
+function computeSyncStatus(statusInfo, loading, error) {
+	if (loading) return {
+		kind: "loading",
+		text: "正在读取同步状态…"
+	};
+	if (error !== null) return {
+		kind: "error",
+		text: error
+	};
+	if (statusInfo === null || !statusInfo.configured) return {
+		kind: "unconfigured",
+		text: "尚未配置同步仓库（请填写仓库地址并推送一次以保存配置）"
+	};
+	return {
+		kind: "ready",
+		text: `${statusInfo.credentialConfigured ? "凭据已配置" : "未配置凭据（token 将在首次推送/拉取时写入 DSH credentials）"} · ${statusInfo.lastSyncAt !== void 0 && statusInfo.lastSyncAt !== "" ? `上次同步：${formatDateTime(statusInfo.lastSyncAt)}` : "尚未同步过"}${statusInfo.transport !== void 0 ? ` · ${statusInfo.transport.type}${statusInfo.transport.ref !== "" ? `/${statusInfo.transport.ref}` : ""}` : ""}`
+	};
+}
+/** ISO-8601 → 本地可读时间（YYYY-MM-DD HH:mm；非法输入原样返回） */
+function formatDateTime(iso) {
+	const d = new Date(iso);
+	if (Number.isNaN(d.getTime())) return iso;
+	const pad = (n) => String(n).padStart(2, "0");
+	return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+/** push 报告 → 渲染模型（ok 头部带快照 id；失败显示引擎 message；分区与告警透传） */
+function pushReportView(report) {
+	if (report === null) return null;
+	if (!report.ok) return {
+		kind: "error",
+		headline: report.message ?? "推送失败",
+		sections: report.sections,
+		warnings: report.warnings
+	};
+	return {
+		kind: "ok",
+		headline: `推送成功（快照 ${report.snapshotId}）`,
+		sections: report.sections,
+		warnings: report.warnings
+	};
+}
+/** pull 报告 → 渲染模型（差异预览；empty = 无变更；error = 拉取失败） */
+function pullReportView(report) {
+	if (report === null) return null;
+	if (!report.ok) return {
+		kind: "error",
+		headline: report.message ?? "拉取失败",
+		summary: null,
+		previewHint: ""
+	};
+	if (report.changes.length === 0) return {
+		kind: "empty",
+		headline: report.message ?? "远端快照与本地一致（无变更）",
+		summary: null,
+		previewHint: ""
+	};
+	return {
+		kind: "ok",
+		headline: `远端快照 ${report.snapshotId} 差异预览：共 ${report.changes.length} 项变更`,
+		summary: summarizePullChanges(report.changes),
+		previewHint: "以上为只读差异预览，不会执行导入。v1 暂不提供一键导入接线；如需应用远端配置，请使用「导入恢复」向导手动导入导出的备份。"
+	};
+}
+//#endregion
+//#region src/client/sync/SyncSettingsView.tsx
+/**
+* 远程同步设置区块（settings.section: config-manager-sync）。
+*
+* 独立 settings 页（不触碰并行会话的 ConfigManagerSection.tsx 三 tab 容器）：
+* - 仓库配置表单：repoUrl（必填）+ 认证 token（可选，写入 DSH credentials 的提示）
+*   + gitBin（可选）；
+* - 私有仓库强制提示横幅（常驻）；
+* - 推送按钮 → SyncPushReport（快照 id / 分区 / 告警）；
+* - 拉取按钮 → SyncPullReport.changes 差异摘要（description/kind/severity）+
+*   「预览不执行导入」提示；needsReview 高亮（v1 不做完整导入接线）；
+* - 状态行：凭据配置 + 上次同步时间 + 通道（来自 GET /sync/status，组件挂载时加载）。
+*
+* 全部渲染模型来自 ./sync-view.ts 纯函数（node 单测覆盖），组件只做装配；
+* 状态组件内自持（低频显式操作，同 SnapshotsPanel 策略，不进 sessionStorage）；
+* token 仅内存（state），成功后清空（已写入 DSH credentials），绝不持久化。
+*/
+const initial = {
+	loading: true,
+	loadError: null,
+	statusInfo: null,
+	repoUrl: "",
+	gitBin: "",
+	token: "",
+	busy: null,
+	pushReport: null,
+	pullReport: null,
+	error: null
+};
+function SyncSettingsView({ close, api, t }) {
+	const [state, setState] = (0, react.useState)(initial);
+	const patch = (p) => setState((s) => ({
+		...s,
+		...p
+	}));
+	/** 挂载时读取同步状态（配置回填 + 上次同步时间 + 凭据状态） */
+	const loadStatus = async () => {
+		patch({
+			loading: true,
+			loadError: null
+		});
+		try {
+			const info = await api.status();
+			patch({
+				loading: false,
+				statusInfo: info,
+				repoUrl: info.repoUrl ?? "",
+				gitBin: info.gitBin ?? ""
+			});
+		} catch (err) {
+			patch({
+				loading: false,
+				loadError: err instanceof Error ? err.message : String(err)
+			});
+		}
+	};
+	(0, react.useEffect)(() => {
+		loadStatus();
+	}, []);
+	/** 表单快照 → 请求体（token 为空串不携带；gitBin 空串不携带） */
+	const payload = () => ({
+		repoUrl: state.repoUrl.trim(),
+		gitBin: state.gitBin.trim() !== "" ? state.gitBin.trim() : void 0,
+		token: state.token.trim() !== "" ? state.token : void 0
+	});
+	const runPush = async () => {
+		patch({
+			busy: "push",
+			error: null,
+			pushReport: null,
+			pullReport: null
+		});
+		try {
+			const report = await api.push(payload());
+			patch({
+				busy: null,
+				pushReport: report,
+				token: report.ok ? "" : state.token
+			});
+		} catch (err) {
+			patch({
+				busy: null,
+				error: err instanceof Error ? err.message : String(err)
+			});
+		}
+	};
+	const runPull = async () => {
+		patch({
+			busy: "pull",
+			error: null,
+			pullReport: null,
+			pushReport: null
+		});
+		try {
+			const report = await api.pull(payload());
+			patch({
+				busy: null,
+				pullReport: report,
+				token: ""
+			});
+		} catch (err) {
+			patch({
+				busy: null,
+				error: err instanceof Error ? err.message : String(err)
+			});
+		}
+	};
+	const status = computeSyncStatus(state.statusInfo, state.loading, state.loadError);
+	const buttons = computeSyncButtons(state.busy, state.repoUrl);
+	const pushView = pushReportView(state.pushReport);
+	const pullView = pullReportView(state.pullReport);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: config_manager_module_css_default.section,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: config_manager_module_css_default.sectionHeader,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: config_manager_module_css_default.viewTabs,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					role: "tab",
+					"aria-selected": "true",
+					"data-active": true,
+					className: config_manager_module_css_default.viewTab,
+					children: t("section.label")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: config_manager_module_css_default.iconButton,
+				title: t("common.close"),
+				"aria-label": t("common.close"),
+				onClick: close,
+				children: "×"
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: config_manager_module_css_default.sectionBody,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: config_manager_module_css_default.viewBody,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, {
+						title: t("section.label"),
+						subtitle: t("section.description")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+						kind: "warn",
+						children: PRIVATE_REPO_HINT
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.groupLabel,
+							children: t("config.title")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: config_manager_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.fieldLabel,
+									children: t("config.repoUrl")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									className: config_manager_module_css_default.input,
+									value: state.repoUrl,
+									placeholder: "https://github.com/user/private-repo.git",
+									disabled: state.busy !== null,
+									onChange: (e) => {
+										patch({ repoUrl: e.target.value });
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.hint,
+									children: t("config.repoUrlHint")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: config_manager_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: config_manager_module_css_default.fieldLabel,
+									children: [
+										t("config.token"),
+										" ",
+										state.statusInfo?.credentialConfigured === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+											kind: "ok",
+											children: t("config.tokenSaved")
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "password",
+									className: config_manager_module_css_default.input,
+									value: state.token,
+									autoComplete: "off",
+									placeholder: "ghp_…（可选）",
+									disabled: state.busy !== null,
+									onChange: (e) => {
+										patch({ token: e.target.value });
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.hint,
+									children: t("config.tokenHint", { ref: SYNC_CREDENTIAL_REF })
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: config_manager_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.fieldLabel,
+									children: t("config.gitBin")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									className: config_manager_module_css_default.input,
+									value: state.gitBin,
+									placeholder: "git",
+									disabled: state.busy !== null,
+									onChange: (e) => {
+										patch({ gitBin: e.target.value });
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: config_manager_module_css_default.hint,
+									children: t("config.gitBinHint")
+								})
+							]
+						})
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: config_manager_module_css_default.groupLabel,
+						children: t("status.title")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: config_manager_module_css_default.statRow,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+							kind: status.kind === "ready" ? "ok" : status.kind === "error" ? "error" : "warn",
+							children: status.text
+						})
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: config_manager_module_css_default.actionRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							variant: "primary",
+							disabled: !buttons.canPush,
+							onClick: () => {
+								runPush();
+							},
+							children: state.busy === "push" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: buttons.pushLabel }) : buttons.pushLabel
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+							disabled: !buttons.canPull,
+							onClick: () => {
+								runPull();
+							},
+							children: state.busy === "pull" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, { label: buttons.pullLabel }) : buttons.pullLabel
+						})]
+					}),
+					state.error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBanner, { error: state.error }),
+					pushView !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.groupLabel,
+							children: t("push.title")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+							kind: pushView.kind === "ok" ? "ok" : "error",
+							children: pushView.headline
+						}),
+						pushView.sections.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.fieldLabel,
+							children: t("sections.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: config_manager_module_css_default.statRow,
+							children: pushView.sections.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+								kind: "info",
+								children: s
+							}, s))
+						})] }),
+						pushView.warnings.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.fieldLabel,
+							children: t("warnings.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: config_manager_module_css_default.warnList,
+							children: pushView.warnings.map((w, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: w }, i))
+						})] })
+					] }),
+					pullView !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: config_manager_module_css_default.groupLabel,
+							children: t("pull.title")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+							kind: pullView.kind === "ok" ? "info" : pullView.kind === "empty" ? "ok" : "error",
+							children: pullView.headline
+						}),
+						pullView.summary !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: config_manager_module_css_default.statRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+										kind: "info",
+										children: t("change.total", { total: pullView.summary.total })
+									}),
+									pullView.summary.error > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Badge, {
+										kind: "error",
+										children: [
+											severityLabel("error"),
+											" × ",
+											pullView.summary.error
+										]
+									}),
+									pullView.summary.warning > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Badge, {
+										kind: "warn",
+										children: [
+											severityLabel("warning"),
+											" × ",
+											pullView.summary.warning
+										]
+									}),
+									pullView.summary.info > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Badge, {
+										kind: "info",
+										children: [
+											severityLabel("info"),
+											" × ",
+											pullView.summary.info
+										]
+									})
+								]
+							}),
+							pullView.summary.needsReview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+								kind: "warn",
+								children: t("pull.needsReview")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: config_manager_module_css_default.reportList,
+								children: pullView.summary.items.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: config_manager_module_css_default.statRow,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: config_manager_module_css_default.kindTag,
+											children: kindLabel(c.kind)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+											kind: c.severity === "error" ? "error" : c.severity === "warning" ? "warn" : "info",
+											children: severityLabel(c.severity)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: c.description })
+									]
+								}, c.id))
+							})
+						] }),
+						pullView.previewHint !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+							kind: "info",
+							children: pullView.previewHint
+						})
+					] })
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/client/sync/sync-locales.ts
+/**
+* 远程同步设置区块（config-manager-sync）表面文案：zh 为源语言，en 镜像每个键。
+* 独立命名空间、独立文件：不触碰共享的 locales.ts（并行会话已改），零冲突。
+* 键集合经 `SyncKey` 类型在 client/index.ts 注册处做编译期校验。
+*/
+const zh = {
+	"section.label": "远程同步",
+	"section.description": "通过 Git 私有仓库在设备间同步可移植配置（secret 永不参与同步）",
+	"privateRepoHint": "安全要求：同步仓库必须为私有仓库（public 仓库会公开你的配置内容）。认证 token 仅用于仓库访问，绝不写入同步文件、提交内容或日志。",
+	"config.title": "仓库配置",
+	"config.repoUrl": "仓库地址",
+	"config.repoUrlHint": "Git 私有仓库地址（https / ssh / 本地路径）。认证 token 请使用下方凭据字段，不要拼入地址。",
+	"config.token": "认证 token",
+	"config.tokenHint": "将安全写入 DSH credentials（引用名 {ref}），不会写入同步文件或日志。留空表示沿用已保存的凭据。",
+	"config.tokenSaved": "凭据已配置",
+	"config.gitBin": "git 可执行文件（可选）",
+	"config.gitBinHint": "缺省使用 PATH 中的 git。",
+	"status.title": "同步状态",
+	"status.never": "从未同步",
+	"action.push": "推送到远端",
+	"action.pull": "拉取差异预览",
+	"action.pushing": "正在推送…",
+	"action.pulling": "正在拉取…",
+	"push.title": "推送结果",
+	"pull.title": "拉取差异预览",
+	"pull.previewHint": "以上为只读差异预览，不会执行导入。v1 暂不提供一键导入接线；如需应用远端配置，请使用「导入恢复」向导手动导入导出的备份。",
+	"pull.needsReview": "包含需要人工决策的项（冲突 / 密钥 / 依赖 / 安装）",
+	"pull.empty": "远端快照与本地一致（无变更）",
+	"change.total": "共 {total} 项变更",
+	"sections.title": "同步分区",
+	"warnings.title": "分区告警",
+	"common.close": "关闭",
+	"common.retry": "重试",
+	"common.loading": "加载中…"
+};
+const en = {
+	"section.label": "Remote Sync",
+	"section.description": "Sync portable configuration across devices via a private Git repository (secrets never sync)",
+	"privateRepoHint": "Security requirement: the sync repository MUST be private (a public repo would expose your configuration). The auth token is only used for repository access and is never written into sync files, commit content, or logs.",
+	"config.title": "Repository",
+	"config.repoUrl": "Repository URL",
+	"config.repoUrlHint": "Private Git repository URL (https / ssh / local path). Use the credential field below for the auth token; never embed it in the URL.",
+	"config.token": "Auth token",
+	"config.tokenHint": "Securely written into DSH credentials (ref {ref}); never written into sync files or logs. Leave blank to reuse the saved credential.",
+	"config.tokenSaved": "Credential configured",
+	"config.gitBin": "git executable (optional)",
+	"config.gitBinHint": "Defaults to git on PATH.",
+	"status.title": "Sync Status",
+	"status.never": "Never synced",
+	"action.push": "Push to remote",
+	"action.pull": "Pull diff preview",
+	"action.pushing": "Pushing…",
+	"action.pulling": "Pulling…",
+	"push.title": "Push Result",
+	"pull.title": "Pull Diff Preview",
+	"pull.previewHint": "Read-only diff preview above; nothing is imported. v1 does not wire one-click import yet — use the Import wizard to apply a downloaded backup if needed.",
+	"pull.needsReview": "Contains items that need human decisions (conflicts / secrets / dependencies / installs)",
+	"pull.empty": "Remote snapshot matches local (no changes)",
+	"change.total": "{total} change(s)",
+	"sections.title": "Synced Sections",
+	"warnings.title": "Section Warnings",
+	"common.close": "Close",
+	"common.retry": "Retry",
+	"common.loading": "Loading…"
+};
+//#endregion
 //#region src/client/index.ts
 /** 本插件拥有的 locale namespace。 */
 const NS = "config-manager";
+/** 远程同步设置区块的独立 locale namespace（独立字典文件，不与共享 locales.ts 冲突）。 */
+const SYNC_NS = "config-manager-sync";
 /** 必需服务（fiber inject 等待 —— slots/locale 必须先就绪）。 */
 const inject = ["slots", "locale"];
 /**
@@ -2603,11 +4288,17 @@ const inject = ["slots", "locale"];
 */
 function apply(ctx) {
 	ctx.effect(() => ctx.locale.register(NS, {
+		zh: zh$1,
+		en: en$1
+	}), "config-manager: dictionaries");
+	ctx.effect(() => ctx.locale.register(SYNC_NS, {
 		zh,
 		en
-	}), "config-manager: dictionaries");
+	}), "config-manager: sync dictionaries");
 	const t = ctx.locale.bind(NS);
 	const api = new ConfigManagerApi();
+	const syncT = ctx.locale.bind(SYNC_NS);
+	const syncApi = new SyncApi();
 	ctx.slots.inject("settings.section", () => ctx.slots.register({
 		name: "settings.section",
 		id: "config-manager",
@@ -2616,6 +4307,14 @@ function apply(ctx) {
 		locale: NS,
 		inject: () => ({ api })
 	}, ConfigManagerSection));
+	ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: "config-manager-sync",
+		order: 70,
+		label: () => syncT("section.label"),
+		locale: SYNC_NS,
+		inject: () => ({ api: syncApi })
+	}, SyncSettingsView));
 }
 //#endregion
 exports.apply = apply;