dsh-db-tool 1.5.91 → 1.7.0

package/client/client.js

@@ -26,6 +26,72 @@ window.__ModuleLoader__.load({
 			viewGrants: "项目授权",
 			viewBrowse: "数据浏览",
 			viewConsole: "SQL 控制台",
+			viewTransfer: "数据传输",
+			viewTransferLog: "传输日志",
+			tlogEmpty: "暂无传输日志",
+			tlogAuto: "自动刷新",
+			tlogClear: "清除日志",
+			tlogClearConfirm: "确定清除全部传输日志？",
+			tlogTypeStart: "开始",
+			tlogTypeTable: "表",
+			tlogTypeProgress: "进度",
+			tlogTypeFinish: "完成",
+			trSource: "源连接",
+			trTarget: "目标连接",
+			trTables: "数据库对象",
+			trGroupTable: "表",
+			trGroupCollection: "集合",
+			trGroupView: "视图",
+			trGroupOther: "其他",
+			trSelectAll: "全选",
+			trClear: "清空",
+			trWriteMode: "写入模式",
+			trModeInsert: "插入（冲突报错）",
+			trModeIgnore: "跳过重复",
+			trModeReplace: "覆盖（按主键）",
+			trModeTruncate: "清空后写入（危险）",
+			trBatchSize: "每批行数",
+			trTableConcurrency: "表级并行",
+			trShardConcurrency: "分片并行",
+			trStart: "开始传输",
+			trCancel: "取消任务",
+			trProgress: "传输进度",
+			trStatus: "状态",
+			trRows: "已写入行数",
+			trShards: "分片",
+			trFailures: "失败清单",
+			trStatusRunning: "进行中",
+			trStatusDone: "已完成",
+			trStatusFailed: "有失败",
+			trStatusCancelled: "已取消",
+			trStatusPending: "排队中",
+			trxOverwrite: "覆盖已有表结构（删除重建，危险）",
+			trxOverwriteHint: "已存在的目标表将被删除重建，其中数据全部丢失",
+			trHistory: "传输历史",
+			trHistoryClear: "清除历史",
+			trHistoryClearConfirm: "确定清除当前项目的全部传输历史？",
+			trHistoryEmpty: "暂无历史记录",
+			trSameConn: "源与目标上下文相同，请更改库或模式",
+			trLoadingTables: "加载表清单…",
+			// 数据传输（Navicat 式双栏）
+			trxSource: "源",
+			trxTarget: "目标",
+			trxConn: "连接:",
+			trxDatabase: "数据库:",
+			trxSchema: "模式:",
+			trxInfo: "信息",
+			trxConnType: "连接类型",
+			trxConnName: "连接名称",
+			trxHost: "主机",
+			trxPort: "端口",
+			trxServerVer: "服务器版本",
+			trxNoDbLevel: "默认上下文",
+			trxPickSource: "请选择源连接以加载表清单",
+			trxSelectedCount: "已选 {n} 项",
+			trxOptions: "传输选项",
+			trxArrowLabel: "传输方向：源到目标",
+			trxPickTable: "请至少勾选一张表",
+			trxLoadDbsFail: "库清单加载失败",
 			footerHint: "管理在此侧栏；业务操作要求当前项目已获得对应连接的授权。",
 			// 连接管理
 			newConn: "新建连接",
@@ -50,6 +116,7 @@ window.__ModuleLoader__.load({
 			testOk: "连接成功",
 			testFail: "连接失败",
 			edit: "编辑",
+			trRefresh: "刷新（重新拉取已展开的库/模式/表）",
 			delete: "删除",
 			deleteConnConfirm: "确定删除连接「{name}」？将级联删除其密钥与所有项目的授权。",
 			fieldKind: "数据库类型",
@@ -72,6 +139,16 @@ window.__ModuleLoader__.load({
 			auditDetail: "详情",
 			auditDenied: "拒绝",
 			auditConfirmed: "已确认",
+			// 连接导出/导入（口令加密备份）
+			exportConns: "导出",
+			importConns: "导入",
+			passphrase: "口令",
+			passphraseHint: "8 位以上，仅本次导出/导入使用",
+			exportDone: "已导出 {n} 条连接",
+			importResult: "已导入 {i} 条，跳过 {s} 条",
+			importPartialFail: "部分失败：成功 {i} 条，跳过 {s} 条，失败 {f} 条",
+			importDecryptFail: "口令错误或文件已损坏",
+			pickFile: "选择文件",
 			// 授权
 			grantsHint: "为当前项目授权连接。只读=仅查询/浏览，读写=允许执行语句与脚本。未授权的连接在业务操作中一律拒绝。",
 			grantsEmptyHint: "当前项目尚未授权任何连接，在下方每行选择「只读」或「读写」即可完成授权。",
@@ -168,6 +245,72 @@ window.__ModuleLoader__.load({
 			viewGrants: "Project Access",
 			viewBrowse: "Browse",
 			viewConsole: "SQL Console",
+			viewTransfer: "Data Transfer",
+			viewTransferLog: "Transfer Log",
+			tlogEmpty: "No transfer log yet",
+			tlogAuto: "Auto refresh",
+			tlogClear: "Clear log",
+			tlogClearConfirm: "Clear all transfer log?",
+			tlogTypeStart: "Start",
+			tlogTypeTable: "Table",
+			tlogTypeProgress: "Progress",
+			tlogTypeFinish: "Finish",
+			trSource: "Source connection",
+			trTarget: "Target connection",
+			trTables: "Database objects",
+			trGroupTable: "Tables",
+			trGroupCollection: "Collections",
+			trGroupView: "Views",
+			trGroupOther: "Other",
+			trSelectAll: "Select all",
+			trClear: "Clear",
+			trWriteMode: "Write mode",
+			trModeInsert: "Insert (error on conflict)",
+			trModeIgnore: "Skip duplicates",
+			trModeReplace: "Replace (by primary key)",
+			trModeTruncate: "Clear then write (dangerous)",
+			trBatchSize: "Batch size",
+			trTableConcurrency: "Table parallelism",
+			trShardConcurrency: "Shard parallelism",
+			trStart: "Start transfer",
+			trCancel: "Cancel task",
+			trProgress: "Transfer progress",
+			trStatus: "Status",
+			trRows: "Rows written",
+			trShards: "Shards",
+			trFailures: "Failures",
+			trStatusRunning: "Running",
+			trStatusDone: "Done",
+			trStatusFailed: "Failed",
+			trStatusCancelled: "Cancelled",
+			trStatusPending: "Pending",
+			trxOverwrite: "Overwrite existing table structure (drop & recreate, dangerous)",
+			trxOverwriteHint: "Existing target tables will be dropped and recreated; their data will be lost",
+			trHistory: "Transfer History",
+			trHistoryClear: "Clear history",
+			trHistoryClearConfirm: "Clear all transfer history for this project?",
+			trHistoryEmpty: "No history yet",
+			trSameConn: "Source and target share the same context; pick a different database or schema",
+			trLoadingTables: "Loading tables…",
+			// Data transfer (Navicat-style two columns)
+			trxSource: "Source",
+			trxTarget: "Target",
+			trxConn: "Connection:",
+			trxDatabase: "Database:",
+			trxSchema: "Schema:",
+			trxInfo: "Information",
+			trxConnType: "Type",
+			trxConnName: "Name",
+			trxHost: "Host",
+			trxPort: "Port",
+			trxServerVer: "Server version",
+			trxNoDbLevel: "Default context",
+			trxPickSource: "Pick a source connection to load tables",
+			trxSelectedCount: "{n} selected",
+			trxOptions: "Transfer options",
+			trxArrowLabel: "Transfer direction: source to target",
+			trxPickTable: "Select at least one table",
+			trxLoadDbsFail: "Failed to load databases",
 			footerHint: "Manage here in the sidebar; business operations require a project grant on the connection.",
 			newConn: "New Connection",
 			editConn: "Edit Connection",
@@ -191,6 +334,7 @@ window.__ModuleLoader__.load({
 			testOk: "Connection OK",
 			testFail: "Connection failed",
 			edit: "Edit",
+			trRefresh: "Refresh (reload expanded databases/schemas/tables)",
 			delete: "Delete",
 			deleteConnConfirm: "Delete connection \"{name}\"? Its secrets and all project grants will be removed.",
 			fieldKind: "Database type",
@@ -213,6 +357,15 @@ window.__ModuleLoader__.load({
 			auditDetail: "Detail",
 			auditDenied: "denied",
 			auditConfirmed: "confirmed",
+			exportConns: "Export",
+			importConns: "Import",
+			passphrase: "Passphrase",
+			passphraseHint: "8+ characters, used only for this export/import",
+			exportDone: "Exported {n} connection(s)",
+			importResult: "Imported {i}, skipped {s}",
+			importPartialFail: "Partial failure: {i} imported, {s} skipped, {f} failed",
+			importDecryptFail: "Wrong passphrase or corrupted file",
+			pickFile: "Pick file",
 			grantsHint: "Grant connections to the current project. ro = read-only (query/browse), rw = read-write (execute/script allowed). Unauthorized connections are always rejected.",
 			grantsEmptyHint: "No connections granted to this project yet. Pick read-only or read-write on a row below to grant.",
 			grantsSummary: "{granted}/{total} connections granted",
@@ -390,6 +543,7 @@ window.__ModuleLoader__.load({
 				".dbt-browse-root{color:var(--dbt-text);}",
 				"/* ===== 根容器 ===== */",
 				".dbt-panel{font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:10px;padding:16px;height:100%;box-sizing:border-box;overflow-y:auto;}",
+				".dbt-panel input[type=\"checkbox\"]{width:16px;height:16px;flex:none;margin:0;accent-color:var(--dbt-accent);}",
 				"/* ===== iOS segmented control（顶部 tab） ===== */",
 				".dbt-tabs{display:flex;gap:2px;background:var(--dbt-surface);border-radius:var(--dbt-radius-ctrl);padding:2px;}",
 				".dbt-tabs button{flex:1;border:none;background:transparent;color:inherit;border-radius:var(--dbt-radius-pill);padding:5px 8px;font-size:12px;font-weight:500;cursor:pointer;transition:background .18s var(--dbt-ease),box-shadow .18s var(--dbt-ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}",
@@ -470,6 +624,31 @@ window.__ModuleLoader__.load({
 				".dbt-browse-skel{display:flex;flex-direction:column;gap:8px;}",
 				".dbt-browse-skelrow{display:flex;gap:8px;}",
 				".dbt-browse-skelcell{flex:1;height:24px;background:var(--dbt-surface-strong);border-radius:var(--dbt-radius-pill);}",
+				"/* ===== 数据传输（Navicat 式双栏：摘要条 + 源/目标栏 + 信息区） ===== */",
+				".dbt-transfer-summary{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}",
+				".dbt-transfer-endpoint{display:flex;align-items:baseline;gap:4px;min-width:0;}",
+				".dbt-transfer-endpoint strong,.dbt-transfer-endpoint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;}",
+				".dbt-transfer-cols{display:flex;gap:8px;align-items:stretch;}",
+				".dbt-transfer-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;}",
+				".dbt-transfer-coltitle,.dbt-transfer-infotitle{font-size:var(--dbt-caption,11px);font-weight:600;color:var(--dbt-accent);}",
+				".dbt-transfer-field{display:flex;flex-direction:column;gap:2px;min-width:0;}",
+				".dbt-transfer-fieldlabel{font-size:var(--dbt-caption-xs,10px);color:var(--dbt-text-secondary);}",
+				".dbt-transfer-divider{flex:none;align-self:center;color:var(--dbt-text-secondary);}",
+				".dbt-transfer-info{border-top:1px solid var(--dbt-separator);padding-top:6px;display:flex;flex-direction:column;gap:3px;}",
+				".dbt-transfer-kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:var(--dbt-caption-xs,10px);}",
+				".dbt-transfer-kv dt{color:var(--dbt-text-secondary);}",
+				".dbt-transfer-kv dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+				".dbt-transfer-tablelist{max-height:220px;overflow:auto;border:1px solid var(--dbt-separator);border-radius:var(--dbt-radius-ctrl,6px);padding:3px 0;font-size:12px;background:var(--dbt-surface-strong);}",
+				".dbt-tr-group-head{display:flex;align-items:center;gap:6px;padding:3px 8px;min-height:26px;font-weight:600;cursor:pointer;user-select:none;}",
+				".dbt-tr-group-head:hover{background:var(--dbt-surface);}",
+				".dbt-tr-caret{display:inline-block;width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;opacity:.55;transform:rotate(0deg);transition:transform .12s var(--dbt-ease);flex:none;}",
+				".dbt-tr-caret.open{transform:rotate(90deg);}",
+				".dbt-tr-item{display:flex;align-items:center;padding:1px 8px 1px 26px;min-height:24px;}",
+				".dbt-tr-item:hover{background:var(--dbt-surface);}",
+				".dbt-tr-pair{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0;}",
+				".dbt-tr-pair span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+				".dbt-tr-comment{color:var(--dbt-text-secondary);font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0;}",
+				".dbt-transfer-options>summary{cursor:pointer;font-size:var(--dbt-caption,11px);color:var(--dbt-text-secondary);padding:4px 0;}",
 				"/* ===== 浏览面板：单元格按钮与详情底栏（Apple 分区卡） ===== */",
 				".dbt-cellbtn{border:none;background:transparent;color:inherit;font:inherit;padding:0;margin:0;cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;text-align:left;}",
 				".dbt-cellbtn:focus-visible{outline:2px solid var(--dbt-accent);outline-offset:-1px;border-radius:2px;}",
@@ -596,6 +775,74 @@ window.__ModuleLoader__.load({
 		/* ---------------- 连接管理 ---------------- */
 		const EMPTY_FORM = { id: "", kind: "mysql", name: "", mode: "url", url: "", urlUser: "", urlPassword: "", host: "", port: "", user: "", password: "", database: "", ssl: false };
 
+		// 口令弹窗（ManageView 局部复用，导出/导入共用）：键盘契约对齐 DangerDialog
+		// （Escape=取消、Tab 在对话框内循环锁定）；差异：初始焦点在口令输入框，确认按钮主色。
+		// ponytail: 仅两处使用，故为 ManageView 内部局部组件，不抽通用模块。
+		function PassphraseDialog(props) {
+			const [value, setValue] = React.useState("");
+			const [err, setErr] = React.useState(""); // 就地错误（如口令过短）；读屏经 role=alert 播报
+			const inputRef = React.useRef(null);
+			const dialogRef = React.useRef(null);
+			const titleId = "dbt-pass-title";
+			function done(v) { props.onClose(v); }
+			function submit() {
+				const v = value.trim();
+				if (v.length < 8) { setErr(t("passphraseHint")); return; } // 与服务端 PASSPHRASE_MIN=8 对齐（服务端为权威边界）
+				done(v);
+			}
+			function onKeyDown(e) {
+				if (e.key === "Escape") { e.preventDefault(); done(null); return; }
+				if (e.key === "Enter" && e.target === inputRef.current) { e.preventDefault(); submit(); return; }
+				if (e.key !== "Tab") return;
+				const dialog = dialogRef.current;
+				if (!dialog) return;
+				const els = dialog.querySelectorAll("input,button");
+				if (els.length === 0) return;
+				const first = els[0];
+				const last = els[els.length - 1];
+				const doc = dialog.ownerDocument || document;
+				if (!dialog.contains(doc.activeElement)) { e.preventDefault(); (e.shiftKey ? last : first).focus(); return; }
+				if (!e.shiftKey && doc.activeElement === last) { e.preventDefault(); first.focus(); }
+				else if (e.shiftKey && doc.activeElement === first) { e.preventDefault(); last.focus(); }
+			}
+			// 挂载后焦点落口令输入框（与 DangerDialog 落「取消」不同：本弹窗无危险语义，输入即主路径）
+			React.useEffect(() => {
+				if (inputRef.current && typeof inputRef.current.focus === "function") inputRef.current.focus();
+			}, []);
+			return React.createElement(
+				"div",
+				{ className: "dbt-overlay", onClick: () => done(null), onKeyDown },
+				React.createElement(
+					"div",
+					{
+						className: "dbt-dialog",
+						onClick: (e) => e.stopPropagation(),
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-labelledby": titleId,
+						ref: dialogRef,
+					},
+					React.createElement("strong", { id: titleId }, props.title),
+					React.createElement("input", {
+						type: "password",
+						"aria-label": t("passphrase"),
+						placeholder: t("passphrase"),
+						autoComplete: "off",
+						value,
+						ref: inputRef,
+						onChange: (e) => { setValue(e.target.value); if (err) setErr(""); },
+					}),
+					React.createElement("div", { className: "dbt-muted" }, t("passphraseHint")),
+					err ? React.createElement("div", { className: "dbt-err", role: "alert" }, err) : null,
+					React.createElement(
+						"div",
+						{ className: "dbt-row" },
+						React.createElement("button", { className: "dbt-btn primary", onClick: submit }, props.confirmLabel),
+						React.createElement("button", { className: "dbt-btn", onClick: () => done(null) }, t("cancel")),
+					),
+				),
+			);
+		}
 		// 通用表格渲染：columns + rows（审计列表与查询结果共用）；wrapClass 可选（浏览弹窗用自适应高度容器）
 		function resultTable(columns, rows, cellTitles, wrapClass) {
 			return React.createElement(
@@ -1107,6 +1354,11 @@ window.__ModuleLoader__.load({
 			const [auditOpen, setAuditOpen] = React.useState(false);
 			const [audit, setAudit] = React.useState(null);
 			const [testInfo, setTestInfo] = React.useState({}); // connId -> "ok" | "fail: msg"
+			// 导出/导入流程态：passReq 非空即弹口令窗（"export" | "import"）；fileRef 承载隐藏文件选择器
+			const [passReq, setPassReq] = React.useState(null);
+			const [pendingJson, setPendingJson] = React.useState(null); // 待导入的密文文本（选文件后暂存，口令确认后发送）
+			const [ioInfo, setIoInfo] = React.useState(null); // null | {kind: "ok"|"err", text}
+			const fileRef = React.useRef(null);
 			// 键盘焦点态：统一走模块级 focusRingProps()（描边同 DESIGN.md focus 规范，accent 2px 内缩）
 
 			async function saveConn(body, reset) {
@@ -1156,6 +1408,64 @@ window.__ModuleLoader__.load({
 				}
 			}
 
+			// 口令弹窗确认回调：按 passReq 分流导出/导入；value 为 null 即取消
+			async function onPassphrase(value) {
+				const mode = passReq;
+				setPassReq(null);
+				if (value === null || value === undefined) { setPendingJson(null); return; } // 取消即清密文
+				if (mode === "export") await doExport(value);
+				else if (mode === "import") await doImport(value);
+				setPendingJson(null); // 完成即清密文，避免敏感数据滞留组件状态
+			}
+			// 导出：POST /connections/export 拿密文 json → Blob + a[download] 落盘（文件名带日期戳）
+			async function doExport(passphrase) {
+				await props.run("export", async () => {
+					const data = await api("connections/export", { method: "POST", body: { passphrase } });
+					const json = data && data.json;
+					const stamp = new Date().toISOString().slice(0, 10).replace(/-/g, ""); // YYYYMMDD
+					const blob = new Blob([typeof json === "string" ? json : JSON.stringify(json, null, 2)], { type: "application/json" });
+					const url = URL.createObjectURL(blob);
+					const a = document.createElement("a");
+					a.href = url;
+					a.download = "dsh-db-connections-" + stamp + ".enc.json";
+					document.body.appendChild(a);
+					a.click();
+					a.remove();
+					// 延迟回收：部分浏览器在 click 后才异步 fetch blob，同步 revoke 可能中断下载（与结果导出 download 同模式）
+					window.setTimeout(() => URL.revokeObjectURL(url), 1000);
+					// 服务端回传权威条数 count；缺失时回退本地列表（不声称精确数字）
+					const n = (data && typeof data.count === "number") ? data.count : conns.length;
+					setIoInfo({ kind: "ok", text: t("exportDone", { n }) });
+				});
+			}
+			// 导入：密文已在 pendingJson；口令错（INVALID_ARGUMENT + 解密失败文案）给专用提示，其余透传后端 message
+			async function doImport(passphrase) {
+				const json = pendingJson;
+				await props.run("import", async () => {
+					const data = await api("connections/import", { method: "POST", body: { json, passphrase } });
+					await reload();
+					const failed = (data && data.errors ? data.errors.length : 0);
+					const i = (data && data.imported) || 0;
+					const s = (data && data.skipped ? data.skipped.length : 0);
+					setIoInfo(failed > 0
+						? { kind: "err", text: t("importPartialFail", { i, s, f: failed }) }
+						: { kind: "ok", text: t("importResult", { i, s }) });
+				});
+			}
+			// 隐藏文件选择器回调：FileReader 读文本后暂存，再弹口令窗；读失败走通用错误通道
+			function onPickFile(e) {
+				const file = e.target.files && e.target.files[0];
+				e.target.value = ""; // 允许重复选同一文件
+				if (!file) return;
+				const reader = new FileReader();
+				reader.onload = () => {
+					setPendingJson(String(reader.result || ""));
+					setPassReq("import");
+				};
+				reader.onerror = () => props.onError(reader.error || new Error(t("loadFailed")));
+				reader.readAsText(file);
+			}
+
 			if (editing) {
 				return React.createElement(ConnForm, {
 					initial: editing === "new" ? null : buildEditForm(editing),
@@ -1167,13 +1477,23 @@ window.__ModuleLoader__.load({
 			return React.createElement(
 				"div",
 				{ style: { display: "flex", flexDirection: "column", gap: 8 } },
-				// 顶部操作行：审计在左，「新建连接」主按钮置右侧
+				// 顶部操作行：审计 + 导出/导入在左，「新建连接」主按钮置右侧
 				React.createElement(
 					"div",
 					{ className: "dbt-row", style: { justifyContent: "space-between" } },
-					React.createElement("button", { className: "dbt-btn", "aria-expanded": auditOpen, ...focusRingProps(), onClick: loadAudit }, t("auditShort")),
+					React.createElement(
+						"div",
+						{ className: "dbt-row" },
+						React.createElement("button", { className: "dbt-btn", "aria-expanded": auditOpen, ...focusRingProps(), onClick: loadAudit }, t("auditShort")),
+						React.createElement("button", { className: "dbt-btn", disabled: busy === "export", ...focusRingProps(), onClick: () => setPassReq("export") }, t("exportConns")),
+						React.createElement("button", { className: "dbt-btn", disabled: busy === "import", ...focusRingProps(), onClick: () => { if (fileRef.current) fileRef.current.click(); } }, t("importConns")),
+					),
 					React.createElement("button", { className: "dbt-btn primary", ...focusRingProps(), onClick: () => setEditing("new") }, t("newConn")),
 				),
+				// 隐藏文件选择器：仅导入用，accept 限定 .json
+				React.createElement("input", { type: "file", accept: ".json", "aria-label": t("pickFile"), style: { display: "none" }, ref: fileRef, onChange: onPickFile }),
+				// 导出/导入就地反馈（与测试反馈同语言：dbt-msg 绿 / dbt-err 红）
+				ioInfo ? React.createElement("div", { role: ioInfo.kind === "ok" ? "status" : "alert", className: ioInfo.kind === "ok" ? "dbt-msg" : "dbt-err" }, ioInfo.text) : null,
 				conns.length === 0
 					? // 空状态引导：一句引导 + 主按钮直达新增表单（state 切换在 ManageView 内）
 						React.createElement(
@@ -1231,6 +1551,12 @@ window.__ModuleLoader__.load({
 								auditTable(audit),
 					)
 					: null,
+				// 口令弹窗：导出/导入共用；取消（null）不动作
+				passReq ? React.createElement(PassphraseDialog, {
+					title: passReq === "export" ? t("exportConns") : t("importConns"),
+					confirmLabel: passReq === "export" ? t("exportConns") : t("importConns"),
+					onClose: onPassphrase,
+				}) : null,
 			);
 		}
 
@@ -1319,7 +1645,7 @@ window.__ModuleLoader__.load({
 		/* ---------------- 数据浏览 ---------------- */
 		// Navicat 式对象树：连接 ▸ 库/[schema] ▸ 表，懒加载展开（浏览面板唯一树实例，展开状态随面板生命周期）
 		function BrowseTree(props) {
-			const { conns, projectPath, sel, onSelect, autoExpand } = props;
+			const { conns, projectPath, sel, onSelect, autoExpand, refreshTick } = props;
 			// sel 由父组件持有（弹窗内 active 高亮与初始选中都依赖）；onSelect(选中记录, 触发元素) 上报
 			const [open, setOpen] = React.useState({}); // "c:<id>" | "d:<id>/<db>" -> bool
 			const [loading, setLoading] = React.useState({});
@@ -1333,6 +1659,50 @@ window.__ModuleLoader__.load({
 				setOpen({}); setLoading({}); setError({}); setDbs({}); setSchemasMap({}); setTablesMap({});
 			}, [projectPath]);
 
+			// 三层加载统一入口（toggle 展开与手动/自动刷新共用；key: c:<id> | d:<id>/<db> | s:<id>/<db>/<schema>）
+			function loadByKey(key) {
+				const cm = /^c:(.+)$/.exec(key);
+				const dm = /^d:(.+?)\/(.+)$/.exec(key);
+				const sm = /^s:(.+?)\/(.+?)\/(.+)$/.exec(key);
+				const connOf = (id) => conns.find((x) => x.id === id);
+				if (cm) {
+					const c = connOf(cm[1]);
+					if (!c) return Promise.resolve();
+					return api("databases" + qs({ project: projectPath, connId: c.id })).then((list) => {
+						setDbs((m) => Object.assign({}, m, { [c.id]: list || [] }));
+					});
+				}
+				if (dm) {
+					const c = connOf(dm[1]);
+					if (!c) return Promise.resolve();
+					const useSchemas = !!HAS_SCHEMAS[c.kind];
+					const what = useSchemas ? "schemas" : "tables";
+					return api(what + qs({ project: projectPath, connId: c.id, database: dm[2] })).then((list) => {
+						const setter = useSchemas ? setSchemasMap : setTablesMap;
+						setter((m) => Object.assign({}, m, { [c.id + "/" + dm[2]]: list || [] }));
+					});
+				}
+				if (sm) {
+					return api("tables" + qs({ project: projectPath, connId: sm[1], database: sm[2] + "." + sm[3] })).then((list) => {
+						setTablesMap((m) => Object.assign({}, m, { [sm[1] + "/" + sm[2] + "/" + sm[3]]: list || [] }));
+					});
+				}
+				return Promise.resolve();
+			}
+
+			// 手动刷新按钮 / 侧边栏切回可见：对所有已展开节点重新拉取（新库/新表即时可见），展开态保持
+			React.useEffect(() => {
+				if (!refreshTick) return;
+				for (const [key, isOpen] of Object.entries(open)) {
+					if (!isOpen || loading[key]) continue;
+					setError((s) => Object.assign({}, s, { [key]: undefined }));
+					setLoading((s) => Object.assign({}, s, { [key]: true }));
+					loadByKey(key)
+						.catch((e) => setError((s) => Object.assign({}, s, { [key]: e && e.message ? e.message : String(e) })))
+						.finally(() => setLoading((s) => Object.assign({}, s, { [key]: false })));
+				}
+			}, [refreshTick]); // eslint-disable-line
+
 			function toggle(key, load) {
 				const isOpen = !!open[key];
 				setOpen((o) => Object.assign({}, o, { [key]: !isOpen }));
@@ -1351,10 +1721,7 @@ window.__ModuleLoader__.load({
 			}
 			function toggleConn(c) {
 				if (!projectPath) return;
-				toggle("c:" + c.id, () =>
-					api("databases" + qs({ project: projectPath, connId: c.id })).then((list) => {
-						setDbs((m) => Object.assign({}, m, { [c.id]: list || [] }));
-					}));
+				toggle("c:" + c.id, () => loadByKey("c:" + c.id));
 			}
 			// autoExpand：挂载后自动展开第一层级（连接节点），复用 toggleConn 的展开+懒加载；
 			// 加载失败仍走既有就地错误行机制。声明在清缓存 effect 之后：项目切换时先清 open 再重新展开。
@@ -1369,21 +1736,12 @@ window.__ModuleLoader__.load({
 			const HAS_SCHEMAS = { postgresql: true, gaussdb: true };
 			function toggleDb(c, d) {
 				if (!projectPath) return;
-				const useSchemas = !!HAS_SCHEMAS[c.kind];
-				const what = useSchemas ? "schemas" : "tables";
-				toggle("d:" + c.id + "/" + d, () =>
-					api(what + qs({ project: projectPath, connId: c.id, database: d })).then((list) => {
-						const setter = useSchemas ? setSchemasMap : setTablesMap;
-						setter((m) => Object.assign({}, m, { [c.id + "/" + d]: list || [] }));
-					}));
+				toggle("d:" + c.id + "/" + d, () => loadByKey("d:" + c.id + "/" + d));
 			}
 			function toggleSchema(c, d, s) {
 				if (!projectPath) return;
 				// PG 系跨库浏览：tables 的 database 传 "库名.schema"（Navicat 官方行为，服务端按库开连接）
-				toggle("s:" + c.id + "/" + d + "/" + s, () =>
-					api("tables" + qs({ project: projectPath, connId: c.id, database: d + "." + s })).then((list) => {
-						setTablesMap((m) => Object.assign({}, m, { [c.id + "/" + d + "/" + s]: list || [] }));
-					}));
+				toggle("s:" + c.id + "/" + d + "/" + s, () => loadByKey("s:" + c.id + "/" + d + "/" + s));
 			}
 			// 树键盘导航（WAI-ARIA treeview / roving tabindex）：Tab 仅进停靠行，方向键在可见行间移动；
 			// 右箭头展开、左箭头收起或回到父级（父级 = DOM 序向上第一个更浅层级行），Home/End 跳首尾
@@ -1702,7 +2060,7 @@ window.__ModuleLoader__.load({
 						"label",
 						// 不用 .dbt-row：全局 input flex:1 会把 checkbox 拉伸占满、标签被推到远端（视觉审查命中）
 						{ style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "nowrap", width: "fit-content" } },
-						React.createElement("input", { type: "checkbox", style: { flex: "none", minWidth: 0, width: "auto" }, checked: editNull, onChange: (e) => setEditNull(e.target.checked) }),
+						React.createElement("input", { type: "checkbox", checked: editNull, onChange: (e) => setEditNull(e.target.checked) }),
 						t("setNull"),
 					) : null,
 					truncHint && truncHint !== selReason ? React.createElement("span", { className: "dbt-readhint" }, t(truncHint)) : null,
@@ -1828,6 +2186,7 @@ window.__ModuleLoader__.load({
 					React.createElement(BrowseTree, {
 						conns, projectPath, sel,
 						autoExpand: !!active, // 首次激活才自动展开连接层级（常驻挂载下隐藏不发请求）
+						refreshTick: props.refreshTick, // 手动刷新按钮 / 侧边栏切回可见时重拉已展开层
 						onSelect: (s) => setSel(s), // 树内切表
 					}),
 				),
@@ -2450,6 +2809,579 @@ window.__ModuleLoader__.load({
 			);
 		}
 
+		/* ---------------- 数据传输（Navicat 式双栏：摘要条 + 源/目标层级联动 + 信息区 + 表清单 + 进度轮询） ---------------- */
+		// 双向箭头（摘要条与栏间分隔共用；stroke currentColor 随容器变色）
+		function transferArrow() {
+			return React.createElement("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "aria-hidden": true },
+				React.createElement("path", { d: "M4 8.5h15M15.5 4.5L19 8.5l-3.5 4" }),
+				React.createElement("path", { d: "M20 15.5H5M8.5 11.5L5 15.5l3.5 4" }));
+		}
+		// 信息区服务器版本探测：300ms 防抖 + 按 connId 缓存（组件卸载丢弃）+ 失败静默为空串 + 切走后只写缓存不改显示
+		function useServerVer(connId, cacheRef) {
+			const [ver, setVer] = React.useState("");
+			const liveRef = React.useRef(connId); // 乱序护栏：慢响应回来时只服务当前选中连接
+			React.useEffect(() => {
+				liveRef.current = connId;
+				if (!connId) { setVer(""); return undefined; }
+				const cached = cacheRef.current[connId];
+				if (cached !== undefined) { setVer(cached); return undefined; }
+				const asked = connId;
+				const timer = window.setTimeout(() => {
+					api("connections/" + encodeURIComponent(asked) + "/test", { method: "POST", body: {} })
+						.then((r) => {
+							const info = r && r.ok && r.serverInfo ? String(r.serverInfo) : "";
+							cacheRef.current[asked] = info; // 失败也缓存空串，会话内不反复探测
+							if (liveRef.current === asked) setVer(info);
+						})
+						.catch(() => { cacheRef.current[asked] = ""; });
+				}, 300);
+				return () => window.clearTimeout(timer);
+			}, [connId]);
+			return ver;
+		}
+		function TransferView(props) {
+			const conns = props.conns || [];
+			const projectPath = props.projectPath;
+			const askConfirm = props.askConfirm;
+			const visible = props.visible; // Panel 传入：视图隐藏时停轮询
+			const [srcId, setSrcId] = React.useState("");
+			const [dstId, setDstId] = React.useState("");
+			// 层级状态（BrowsePane 同语义：database=对象树第一层，schema=第二层仅 pg 系；""=连接默认上下文）
+			const [srcDb, setSrcDb] = React.useState("");
+			const [srcSchema, setSrcSchema] = React.useState("");
+			const [dstDb, setDstDb] = React.useState("");
+			const [dstSchema, setDstSchema] = React.useState("");
+			const [srcDbs, setSrcDbs] = React.useState(null); // null=未加载
+			const [srcSchemas, setSrcSchemas] = React.useState(null);
+			const [dstDbs, setDstDbs] = React.useState(null);
+			const [dstSchemas, setDstSchemas] = React.useState(null);
+			const [dbsErr, setDbsErr] = React.useState({ src: "", dst: "" }); // 库清单加载失败就地显示（不弹全局）
+			const [srcTables, setSrcTables] = React.useState([]); // {name,type}[] 可传输对象（表/集合）
+			const [loadingTables, setLoadingTables] = React.useState(false);
+			const [tablesErr, setTablesErr] = React.useState("");
+			const [tablesTick, setTablesTick] = React.useState(0); // 表清单就地重试
+			const [selected, setSelected] = React.useState([]); // 已勾选表名
+			const [writeMode, setWriteMode] = React.useState("insert");
+			const [batchSize, setBatchSize] = React.useState(1000);
+			const [tableConcurrency, setTableConcurrency] = React.useState(4);
+			const [shardConcurrency, setShardConcurrency] = React.useState(4);
+			const [overwriteStructure, setOverwriteStructure] = React.useState(false);
+			const [subTab, setSubTab] = React.useState("history"); // history=传输历史 | tlog=传输日志（同级子标签）
+			const [liveTasks, setLiveTasks] = React.useState(null); // 运行中任务快照（2s 轮询）
+			// 实时进度轮询：标签可见即轮（不依赖本视图发起的任务，重启/外部发起的传输也可见）
+			React.useEffect(() => {
+				const loadLive = () => {
+					api("transfer/live" + qs({ project: projectPath }))
+						.then((list) => setLiveTasks(Array.isArray(list) ? list : []))
+						.catch(() => setLiveTasks([]));
+				};
+				loadLive();
+				if (!visible) return undefined;
+				const timer = setInterval(loadLive, 2000);
+				return () => clearInterval(timer);
+			}, [visible, projectPath]);
+			const pct = (rows, total) => (total != null && total > 0 ? Math.min(100, Math.round((rows / total) * 100)) + "%" : "—");
+			const [task, setTask] = React.useState(null); // {id, snap}
+			const [busy, setBusy] = React.useState(false);
+			const [error, setError] = React.useState("");
+			const pollRef = React.useRef(null);
+			const mountedRef = React.useRef(true);
+			const dbsCacheRef = React.useRef({}); // connId -> string[]
+			const schemasCacheRef = React.useRef({}); // connId + "/" + db -> string[]
+			const verCacheRef = React.useRef({}); // connId -> serverInfo（含失败空串）
+			React.useEffect(() => () => { mountedRef.current = false; }, []);
+			const srcVer = useServerVer(srcId, verCacheRef);
+			const dstVer = useServerVer(dstId, verCacheRef);
+
+			const srcConn = conns.find((c) => c.id === srcId);
+			const dstConn = conns.find((c) => c.id === dstId);
+			const dstGrant = (props.grants || []).find((x) => x.connId === dstId);
+			// PG/GaussDB 三层（库→模式→表），与 BrowsePane 同一张表；sqlite 无库层（连接默认上下文）
+			const HAS_SCHEMAS = { postgresql: true, gaussdb: true };
+			const NO_DB_LEVEL = { sqlite: true };
+
+			// 项目切换清层级缓存（对齐 BrowsePane：避免陈旧授权下的旧数据）
+			React.useEffect(() => {
+				dbsCacheRef.current = {}; schemasCacheRef.current = {};
+				setSrcDb(""); setSrcSchema(""); setDstDb(""); setDstSchema(""); setSrcDbs(null); setSrcSchemas(null); setDstDbs(null); setDstSchemas(null);
+				setDbsErr({ src: "", dst: "" });
+			}, [projectPath]);
+
+			// 库清单加载（BrowsePane 同端点；缓存防重复拉取，失败就地记 dbsErr 可重试）
+			function loadDbs(slot, connId) {
+				const conn = conns.find((c) => c.id === connId);
+				if (!connId || !projectPath || !conn || NO_DB_LEVEL[conn.kind]) return;
+				const cached = dbsCacheRef.current[connId];
+				if (cached) {
+					if (slot === "src") setSrcDbs(cached); else setDstDbs(cached);
+					return;
+				}
+				api("databases" + qs({ project: projectPath, connId }))
+					.then((list) => {
+						const v = Array.isArray(list) ? list : [];
+						dbsCacheRef.current[connId] = v;
+						if (slot === "src") setSrcDbs(v); else setDstDbs(v);
+					})
+					.catch((e) => setDbsErr((s) => Object.assign({}, s, { [slot]: String(e && e.message ? e.message : e) })));
+			}
+			// 源连接变化 → 清层级与表选中，拉库清单（目标侧连接变化只联动自身）
+			React.useEffect(() => {
+				setSrcDb(""); setSrcSchema(""); setSrcSchemas(null); setTablesErr("");
+				setDbsErr((s) => Object.assign({}, s, { src: "" }));
+				loadDbs("src", srcId);
+			}, [srcId, projectPath]); // eslint-disable-line
+			React.useEffect(() => {
+				setDstDb(""); setDstSchema(""); setDstSchemas(null);
+				setDbsErr((s) => Object.assign({}, s, { dst: "" }));
+				loadDbs("dst", dstId);
+			}, [dstId, projectPath]); // eslint-disable-line
+			// 库变化（pg 系）→ 清模式并拉库内 schema 清单，完成后自动补选第一项（Navicat 式：进库即见表）；源/目标共用
+			function loadSchemas(slot, connId, db) {
+				const conn = conns.find((c) => c.id === connId);
+				if (!connId || !db || !HAS_SCHEMAS[conn && conn.kind]) return;
+				const setList = slot === "src" ? setSrcSchemas : setDstSchemas;
+				const setPick = slot === "src" ? setSrcSchema : setDstSchema;
+				setPick(""); setList(null);
+				const ck = connId + "/" + db;
+				const cached = schemasCacheRef.current[ck];
+				if (cached) { setList(cached); setPick(cached[0] || ""); return; }
+				api("schemas" + qs({ project: projectPath, connId, database: db }))
+					.then((list) => {
+						const v = Array.isArray(list) ? list : [];
+						schemasCacheRef.current[ck] = v;
+						setList(v);
+						setPick(v[0] || "");
+					})
+					.catch(() => { setList([]); }); // 失败置空清单：模式/表区按「无模式」呈现，不弹全局错误
+			}
+			React.useEffect(() => { loadSchemas("src", srcId, srcDb); }, [srcId, srcDb, projectPath]); // eslint-disable-line
+			React.useEffect(() => { loadSchemas("dst", dstId, dstDb); }, [dstId, dstDb, projectPath]); // eslint-disable-line
+			// 表清单按源层级加载：pg 系需库+模式齐备（服务端 tables.database="库名.模式" 复合形态，与 BrowsePane 一致）；
+			// 其余库层直传库名（""=默认库），sqlite/mongo 按连接默认上下文。只列 BASE TABLE/COLLECTION。乱序护栏 stopped。
+			React.useEffect(() => {
+				setSrcTables([]); setSelected([]); setTablesErr("");
+				if (!srcId || !projectPath) return undefined;
+				const kind = srcConn && srcConn.kind;
+				let database;
+				if (NO_DB_LEVEL[kind]) database = undefined;
+				else if (HAS_SCHEMAS[kind]) {
+					if (!srcDb || !srcSchema) return undefined; // 等模式下拉就位（schema effect 自动补选）
+					database = srcDb + "." + srcSchema;
+				} else database = srcDb || undefined;
+				let stopped = false;
+				setLoadingTables(true);
+				api("tables" + qs({ project: projectPath, connId: srcId, database }))
+					.then((list) => {
+						if (stopped) return;
+					const rows = (Array.isArray(list) ? list : [])
+						.filter((x) => !x || !x.type || String(x.type).toUpperCase() === "TABLE" || String(x.type).toUpperCase() === "COLLECTION" || String(x.type).toUpperCase() === "BASE TABLE")
+						.map((x) => ({ name: String(x.name), type: String((x && x.type) || "").toUpperCase(), comment: x && x.comment ? String(x.comment) : "" }))
+						.filter((x) => x.name);
+					setSrcTables(rows);
+					})
+					.catch((e) => { if (!stopped) { setSrcTables([]); setTablesErr(String(e && e.message ? e.message : e)); } })
+					.finally(() => { if (!stopped) setLoadingTables(false); });
+				return () => { stopped = true; };
+			}, [srcId, srcDb, srcSchema, projectPath, tablesTick]); // eslint-disable-line
+
+			// 轮询：running → 每 800ms；终态/NOT_FOUND 停止（NOT_FOUND = 终态即清除）
+			const stopPoll = React.useCallback(() => {
+				if (pollRef.current) { clearInterval(pollRef.current); pollRef.current = null; }
+			}, []);
+			React.useEffect(() => stopPoll, [stopPoll]);
+			function poll(id) {
+				stopPoll();
+				// 乱序护栏：慢响应（>800ms）晚到时本轮已被置失效，不得覆盖已到达的终态快照
+				let stopped = false;
+				pollRef.current = setInterval(async () => {
+					if (stopped) return;
+					try {
+						const snap = await api("transfer/" + encodeURIComponent(id) + qs({ project: projectPath }));
+						if (stopped) return; // 终态已先行（另一轮已 stopPoll）：丢弃本轮旧快照
+						setTask({ id, snap });
+						if (!snap || snap.status !== "running") { stopped = true; stopPoll(); }
+					} catch (e) {
+						stopped = true;
+						stopPoll();
+						// 任务条目已被清理（终态保留窗口过后/被新任务 sweep）：拉一次失败不报错，保持既有快照
+						setTask((prev) => (prev && prev.snap && prev.snap.status !== "running" ? prev : null));
+					}
+				}, 800);
+			}
+
+			// 同连接且库/模式都相同才视为同上下文：允许同连接跨库（或同库跨模式）传输
+			// （后端同目标互斥仍按 targetConnId，statement 携带定位入审计）
+			const sameCtx = !!srcId && srcId === dstId && (srcDb || "") === (dstDb || "") && (srcSchema || "") === (dstSchema || "");
+			const canStart = !!srcId && !!dstId && selected.length > 0 && !sameCtx;
+			// 禁用提示按实际缺失条件给出（sameCtx 优先：结构性约束先于勾表提醒），不得与禁因不符
+			const startHint = sameCtx ? t("trSameConn") : (!srcId || !dstId) ? t("selectConn") : t("trxPickTable");
+
+			async function start() {
+				if (busy || !canStart) return;
+				setBusy(true); setError("");
+				try {
+					const data = await runGuarded(
+						(challengeId) => api("transfer/start", {
+							method: "POST",
+							body: {
+								projectPath, sourceConnId: srcId, targetConnId: dstId, tables: selected, writeMode, batchSize, tableConcurrency, shardConcurrency, overwriteStructure, challengeId,
+								// 定位字段（undefined 序列化即省略 = 连接默认上下文，后端 optStr 语义）
+								sourceDatabase: srcDb || undefined, sourceSchema: srcSchema || undefined,
+								targetDatabase: dstDb || undefined, targetSchema: dstSchema || undefined,
+							},
+						}),
+						(info) => askConfirm(Object.assign({}, info, {
+							target: { conn: dstConn ? (dstConn.name || dstId) : dstId, kind: dstConn ? dstConn.kind : "", db: dstDb ? (dstDb + (dstSchema ? "." + dstSchema : "")) : t("defaultDb"), mode: dstGrant ? dstGrant.mode : "" },
+						})),
+					);
+				const id = data && data.taskId;
+				// 确认往返期间组件可能已卸载（locale 切换重建 Panel）：此时不再建立轮询
+				if (id && mountedRef.current) {
+					setTask({ id, snap: { status: "running", tables: [], failures: [] } });
+					poll(id);
+				}
+				} catch (e) {
+					if (!e.cancelled) setError(String(e && e.message ? e.message : e));
+				} finally {
+					setBusy(false);
+				}
+			}
+
+			function cancel() {
+				if (!task) return;
+				api("transfer/" + encodeURIComponent(task.id) + "/cancel", { method: "POST", body: { projectPath } })
+					.catch((e) => setError(String(e && e.message ? e.message : e)));
+			}
+
+			const toggle = (name) => setSelected((prev) => (prev.includes(name) ? prev.filter((n) => n !== name) : prev.concat(name)));
+			const [collapsed, setCollapsed] = React.useState({}); // 分组树折叠状态（{ [type]: true }）
+			const [history, setHistory] = React.useState(null); // 终态历史条目数组（子标签激活时懒加载）
+			const loadHistory = React.useCallback(() => {
+				if (!projectPath) return;
+				api("transfer-history" + qs({ limit: 30 }))
+					.then((list) => setHistory(Array.isArray(list) ? list : []))
+					.catch((e) => setError(String(e && e.message ? e.message : e)));
+			}, [projectPath]);
+			// 传输历史懒加载：子标签激活且顶级可见时拉取（默认激活子标签首次进入即加载，onClick 保持纯切换）
+			React.useEffect(() => {
+				if (visible && subTab === "history" && history === null) loadHistory();
+			}, [visible, subTab, history, loadHistory]);
+			// 清除确认走 askConfirm 通道（原生 confirm 已在库内移除：无 aria/焦点管理）
+			async function clearHistory() {
+				const yes = await props.askConfirm({
+					title: t("trHistoryClear"),
+					statement: t("trHistory"),
+					hint: t("trHistoryClearConfirm"),
+					confirmLabel: t("trHistoryClear"),
+					target: { conn: "", kind: "", db: "", mode: "" },
+				});
+				if (!yes) return;
+				api("transfer-history/clear", { method: "POST", body: {} })
+					.then((r) => { setMessage(t("ok") + " (" + (r && r.removed != null ? r.removed : 0) + ")"); setHistory([]); })
+					.catch((e) => setError(String(e && e.message ? e.message : e)));
+			}
+			const historyStatus = (s2) => s2 === "done" ? t("trStatusDone") : s2 === "failed" ? t("trStatusFailed") : s2 === "cancelled" ? t("trStatusCancelled") : s2;
+			// 状态着色：failed 红 / done 绿 / 其余默认
+			const statusColor = (s) => s === "failed" ? { color: "var(--dbt-danger,#ff453a)", fontWeight: 600 } : s === "done" ? { color: "var(--dbt-success,#30d158)" } : undefined;
+			const statusLabel = (s) => s === "pending" ? t("trStatusPending") : s === "running" ? t("trStatusRunning") : s === "done" ? t("trStatusDone") : s === "failed" ? t("trStatusFailed") : s === "cancelled" ? t("trStatusCancelled") : s;
+			const connOptions = (value, onPick, disabled, label) => React.createElement("select", { value, disabled: !!disabled || busy, "aria-label": label, onChange: (e) => onPick(e.target.value) },
+				React.createElement("option", { value: "" }, t("selectConn")),
+				conns.filter((c) => c.kind !== "redis").map((c) => {
+					const g = (props.grants || []).find((x) => x.connId === c.id);
+					const suffix = g && g.mode ? " · " + g.mode : "";
+					return React.createElement("option", { key: c.id, value: c.id }, (c.name || c.id) + " (" + c.kind + suffix + ")");
+				}));
+			// 摘要条层级描述：pg 系「库名.模式名」，其余库层显库名，无层级/未选库显示默认库
+			const scopeText = (conn, db, schema) => {
+				if (!conn) return "—";
+				const k = conn.kind;
+				if (NO_DB_LEVEL[k] || !db) return t("defaultDb");
+				return HAS_SCHEMAS[k] && schema ? db + "." + schema : db;
+			};
+			// 信息区键值：kind/name/host/port 直读连接元数据（URL 方式可能无 host/port，显示「—」不编造）
+			function infoKv(conn, ver) {
+				return React.createElement("dl", { className: "dbt-transfer-kv" },
+					React.createElement("dt", null, t("trxConnType")), React.createElement("dd", null, conn.kind || "—"),
+					React.createElement("dt", null, t("trxConnName")), React.createElement("dd", null, conn.name || conn.id),
+					React.createElement("dt", null, t("trxHost")), React.createElement("dd", null, conn.host || "—"),
+					React.createElement("dt", null, t("trxPort")), React.createElement("dd", null, conn.port != null ? String(conn.port) : "—"),
+					React.createElement("dt", null, t("trxServerVer")), React.createElement("dd", null, ver || "—"));
+			}
+			// 单栏：栏标题（蓝）+ 连接/库(/模式)纵向下拉 + 底部信息区
+			function transferCol(side) {
+				const isSrc = side === "src";
+				const connId = isSrc ? srcId : dstId;
+				const conn = isSrc ? srcConn : dstConn;
+				const kind = conn && conn.kind;
+				const db = isSrc ? srcDb : dstDb;
+				const onDb = isSrc ? setSrcDb : setDstDb;
+				const dbs = isSrc ? srcDbs : dstDbs;
+				const schemas = isSrc ? srcSchemas : dstSchemas;
+				const schema = isSrc ? srcSchema : dstSchema;
+				const onSchema = isSrc ? setSrcSchema : setDstSchema;
+				const errText = isSrc ? dbsErr.src : dbsErr.dst;
+				const titleId = "dbt-transfer-" + side + "-title";
+				// mongo 源/目标栏均可选库：服务端 tables/preview 按 database 定位（mongodb/index.ts dbOf），
+				// 表清单与 sourceDatabase/targetDatabase 同库对齐，无错位
+				const noDbLevel = NO_DB_LEVEL[kind];
+				return React.createElement("section", { className: "dbt-transfer-col", "aria-labelledby": titleId },
+					React.createElement("header", { id: titleId, className: "dbt-transfer-coltitle" }, t(isSrc ? "trxSource" : "trxTarget")),
+					React.createElement("label", { className: "dbt-transfer-field" },
+						React.createElement("span", { className: "dbt-transfer-fieldlabel" }, t("trxConn")),
+						connOptions(connId, isSrc ? setSrcId : setDstId, false, t("trxConn"))),
+					noDbLevel
+						? React.createElement("label", { className: "dbt-transfer-field" },
+							React.createElement("span", { className: "dbt-transfer-fieldlabel" }, t("trxDatabase")),
+							React.createElement("span", { className: "dbt-muted" }, t("trxNoDbLevel")))
+						: React.createElement("label", { className: "dbt-transfer-field" },
+							React.createElement("span", { className: "dbt-transfer-fieldlabel" }, t("trxDatabase")),
+							React.createElement("select", { value: db, disabled: busy || !connId, "aria-label": t("trxDatabase"), onChange: (e) => onDb(e.target.value) },
+								React.createElement("option", { value: "" }, t("defaultDb")),
+								(dbs || []).map((d) => React.createElement("option", { key: d, value: d }, d)))),
+					errText ? React.createElement("span", { className: "dbt-err" },
+						t("trxLoadDbsFail") + "：" + errText + " ",
+						React.createElement("button", { className: "dbt-btn", onClick: () => { setDbsErr((s) => Object.assign({}, s, { [side]: "" })); loadDbs(side, connId); } }, t("retry"))) : null,
+					HAS_SCHEMAS[kind] ? React.createElement("label", { className: "dbt-transfer-field" },
+						React.createElement("span", { className: "dbt-transfer-fieldlabel" }, t("trxSchema")),
+						React.createElement("select", { value: schema, disabled: busy || !db || !schemas, "aria-label": t("trxSchema"), onChange: (e) => onSchema(e.target.value) },
+							(schemas || []).map((s) => React.createElement("option", { key: s, value: s }, s)))) : null,
+					conn ? React.createElement("footer", { className: "dbt-transfer-info" },
+						React.createElement("div", { className: "dbt-transfer-infotitle" }, t("trxInfo")),
+						infoKv(conn, isSrc ? srcVer : dstVer)) : null,
+					!isSrc && sameCtx ? React.createElement("span", { className: "dbt-err", role: "alert" }, t("trSameConn")) : null,
+				);
+			}
+			// 表清单三态：加载中 / 失败+就地重试 / 空态（未选连接或 pg 系未选库、库内无模式、无表）/ 分组树
+			function tablesBody() {
+				if (loadingTables) return React.createElement("div", { className: "dbt-muted" }, t("trLoadingTables"));
+				if (tablesErr) return React.createElement("div", { className: "dbt-browse-errorbox" },
+					React.createElement("span", { className: "dbt-err", role: "alert" }, tablesErr),
+					React.createElement("button", { className: "dbt-btn", onClick: () => setTablesTick((x) => x + 1) }, t("retry")));
+				const kind = srcConn && srcConn.kind;
+				if (!srcId || (HAS_SCHEMAS[kind] && !srcDb)) return React.createElement("div", { className: "dbt-muted" }, t("trxPickSource"));
+				if (HAS_SCHEMAS[kind] && srcDb && srcSchemas && srcSchemas.length === 0) return React.createElement("div", { className: "dbt-muted" }, t("noSchemas"));
+				if (HAS_SCHEMAS[kind] && srcDb && !srcSchema) return React.createElement("div", { className: "dbt-muted" }, t("trLoadingTables"));
+				if (srcTables.length === 0) return React.createElement("div", { className: "dbt-muted" }, t("noTables"));
+				// 按类型分组（TABLE/BASE TABLE→表、COLLECTION→集合、其余→其他），对齐 Navicat 数据库对象树
+				const byType = new Map();
+				for (const row of srcTables) {
+					const key = row.type === "COLLECTION" ? "COLLECTION" : row.type === "VIEW" ? "VIEW" : row.type === "" ? "OTHER" : "TABLE";
+					if (!byType.has(key)) byType.set(key, []);
+					byType.get(key).push(row);
+				}
+				const groupLabel = (key) => key === "COLLECTION" ? t("trGroupCollection") : key === "VIEW" ? t("trGroupView") : key === "OTHER" ? t("trGroupOther") : t("trGroupTable");
+				const toggleGroup = (rows, allSelected) =>
+					setSelected((prev) => allSelected
+						? prev.filter((n) => !rows.some((r) => r.name === n))
+						: prev.concat(rows.map((r) => r.name).filter((n) => !prev.includes(n))));
+				const triRef = (all, some) => (el) => { if (el) el.indeterminate = some && !all; };
+				return React.createElement("div", { className: "dbt-transfer-tablelist", role: "group", "aria-label": t("trTables") },
+					[...byType.entries()].map(([key, rows]) => {
+						const selCount = rows.filter((r) => selected.includes(r.name)).length;
+						const all = selCount === rows.length;
+						const some = selCount > 0;
+						const open = !collapsed[key];
+						const flip = () => setCollapsed((prev) => Object.assign({}, prev, { [key]: open }));
+						return React.createElement("div", { key },
+							React.createElement("div", { className: "dbt-tr-group-head", role: "button", tabIndex: 0, "aria-expanded": open,
+								onClick: flip, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); flip(); } } },
+								React.createElement("span", { className: "dbt-tr-caret" + (open ? " open" : ""), "aria-hidden": "true" }),
+								React.createElement("input", { type: "checkbox", ref: triRef(all, some), checked: all, onChange: () => toggleGroup(rows, all), onClick: (e) => e.stopPropagation(), "aria-label": groupLabel(key) }),
+								React.createElement("span", null, groupLabel(key) + " (" + selCount + "/" + rows.length + ")")),
+							open ? rows.map((row) => React.createElement("div", { key: row.name, className: "dbt-tr-item", title: row.comment || undefined },
+								React.createElement("label", { className: "dbt-tr-pair" },
+									React.createElement("input", { type: "checkbox", checked: selected.includes(row.name), onChange: () => toggle(row.name) }),
+									React.createElement("span", null, row.name),
+									row.comment ? React.createElement("span", { className: "dbt-tr-comment" }, row.comment) : null))) : null);
+					}));
+			}
+
+			return React.createElement(
+				"div",
+				{ className: "dbt-card" },
+				// 顶部摘要条：源连接/层级 ⇄ 目标连接/层级（源=目标同上下文时箭头转 danger 色）
+				React.createElement("div", { className: "dbt-transfer-summary", "aria-label": t("trxArrowLabel") },
+					React.createElement("span", { className: "dbt-transfer-endpoint" },
+						React.createElement("strong", null, srcConn ? (srcConn.name || srcId) : t("selectConn")),
+						React.createElement("span", { className: "dbt-muted" }, scopeText(srcConn, srcDb, srcSchema))),
+					React.createElement("span", { className: "dbt-transfer-divider", style: sameCtx ? { color: "var(--dbt-danger)" } : undefined }, transferArrow()),
+					React.createElement("span", { className: "dbt-transfer-endpoint" },
+						React.createElement("strong", null, dstConn ? (dstConn.name || dstId) : t("selectConn")),
+						React.createElement("span", { className: "dbt-muted" }, scopeText(dstConn, dstDb, dstSchema)))),
+				// 双栏：源（连接/数据库/模式）⇄ 目标（连接/数据库）
+				React.createElement("div", { className: "dbt-transfer-cols" },
+					transferCol("src"),
+					React.createElement("div", { className: "dbt-transfer-divider" }, transferArrow()),
+					transferCol("dst")),
+				// 传输对象：表清单按源层级联动加载
+				React.createElement("div", { className: "dbt-group" },
+					React.createElement("div", { className: "dbt-listrow" },
+						React.createElement("span", { className: "dbt-muted" }, t("trTables")),
+						React.createElement("span", { className: "dbt-muted" }, t("trxSelectedCount", { n: selected.length })),
+						React.createElement("span", { style: { flex: 1 } }),
+						srcTables.length > 0 ? React.createElement("button", { className: "dbt-btn", onClick: () => setSelected(srcTables.map((x) => x.name)) }, t("trSelectAll")) : null,
+						selected.length > 0 ? React.createElement("button", { className: "dbt-btn", onClick: () => setSelected([]) }, t("trClear")) : null),
+					tablesBody()),
+				// 传输选项（原生 details 渐进披露；四控件沿用原逻辑）
+				React.createElement("details", { className: "dbt-transfer-options" },
+					React.createElement("summary", null, t("trxOptions")),
+					React.createElement("div", { className: "dbt-group" },
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { className: "dbt-muted" }, t("trWriteMode")),
+							React.createElement("select", { value: writeMode, disabled: busy, "aria-label": t("trWriteMode"), onChange: (e) => setWriteMode(e.target.value) },
+								React.createElement("option", { value: "insert" }, t("trModeInsert")),
+								React.createElement("option", { value: "ignore" }, t("trModeIgnore")),
+								React.createElement("option", { value: "replace" }, t("trModeReplace")),
+								React.createElement("option", { value: "truncate" }, t("trModeTruncate")))),
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { className: "dbt-muted" }, t("trBatchSize")),
+							React.createElement("input", { type: "number", min: 1, max: 5000, "aria-label": t("trBatchSize"), value: batchSize, disabled: busy, onChange: (e) => setBatchSize(Math.min(5000, Math.max(1, Math.floor(Number(e.target.value) || 1)))) })),
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { className: "dbt-muted" }, t("trTableConcurrency")),
+							React.createElement("input", { type: "number", min: 1, max: 16, "aria-label": t("trTableConcurrency"), value: tableConcurrency, disabled: busy, onChange: (e) => setTableConcurrency(Math.min(16, Math.max(1, Math.floor(Number(e.target.value) || 1)))) })),
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { className: "dbt-muted" }, t("trShardConcurrency")),
+							React.createElement("input", { type: "number", min: 1, max: 32, "aria-label": t("trShardConcurrency"), value: shardConcurrency, disabled: busy, onChange: (e) => setShardConcurrency(Math.min(32, Math.max(1, Math.floor(Number(e.target.value) || 1)))) })),
+					React.createElement("label", { className: "dbt-listrow", title: t("trxOverwriteHint") },
+						React.createElement("input", { type: "checkbox", checked: overwriteStructure, disabled: busy, onChange: (e) => setOverwriteStructure(e.target.checked) }),
+						React.createElement("span", { className: "dbt-muted" }, t("trxOverwrite"))))),
+
+				// 动作行（禁用时 title 说明原因）+ 进度（仅任务存在时渲染）
+				React.createElement("div", { className: "dbt-listrow" },
+					React.createElement("button", { className: "dbt-btn primary", disabled: busy || !canStart, title: canStart ? undefined : startHint, onClick: () => { start(); } }, t("trStart")),
+					task && task.snap && task.snap.status === "running"
+						? React.createElement("button", { className: "dbt-btn", onClick: cancel }, t("trCancel"))
+						: null,
+					error ? React.createElement("span", { className: "dbt-err", role: "alert" }, error) : null),
+				task && task.snap
+					? React.createElement(
+						"div",
+						{ className: "dbt-group" },
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { className: "dbt-muted" }, t("trProgress")),
+							React.createElement("strong", null, React.createElement("span", { "aria-live": "polite", style: statusColor(task.snap.status) }, statusLabel(task.snap.status)))),
+						React.createElement("table", { className: "dbt-table" },
+							React.createElement("thead", null, React.createElement("tr", null,
+								React.createElement("th", null, t("trTables")),
+								React.createElement("th", null, t("trStatus")),
+								React.createElement("th", null, t("trRows")),
+								React.createElement("th", null, t("trShards")))),
+							React.createElement("tbody", null, (task.snap.tables || []).map((tb) =>
+								React.createElement("tr", { key: tb.name },
+									React.createElement("td", null, tb.name),
+									React.createElement("td", { style: statusColor(tb.status) }, statusLabel(tb.status)),
+									React.createElement("td", null, String(tb.rows) + (tb.totalRows != null ? " / " + tb.totalRows + "（" + pct(tb.rows, tb.totalRows) + "）" : "")),
+									React.createElement("td", null, tb.shardsDone + "/" + tb.shardsTotal + (tb.shardsFailed > 0 ? " (" + tb.shardsFailed + "×)" : "")))))),
+						(task.snap.failures || []).length > 0
+							? React.createElement("div", { className: "dbt-group" },
+								React.createElement("div", { className: "dbt-muted" }, t("trFailures")),
+								task.snap.failures.map((f, i) => React.createElement("div", { key: i, className: "dbt-err" },
+									f.table + (f.shard >= 0 ? " #" + f.shard : "") + ": " + f.error)))
+							: null)
+					: null,
+				// 传输历史/传输日志：同级子标签（分段控件复用 .dbt-tabs），内容常驻挂载 + hidden 切换（切换不丢状态）
+				React.createElement("div", { className: "dbt-tabs", role: "tablist" },
+					[["history", t("trHistory")], ["tlog", t("viewTransferLog")]].map(([v, label]) =>
+						React.createElement("button", {
+							key: v, className: subTab === v ? "active" : "",
+							role: "tab", "aria-selected": subTab === v,
+							onClick: () => setSubTab(v),
+						}, label)),
+				),
+				React.createElement("div", { hidden: subTab !== "history" },
+					React.createElement("div", { className: "dbt-group" },
+						React.createElement("div", { className: "dbt-listrow" },
+							React.createElement("span", { style: { flex: 1 } }),
+							history !== null && history.length > 0
+								? React.createElement("button", { className: "dbt-btn", onClick: () => { clearHistory(); } }, t("trHistoryClear"))
+								: null),
+						history === null
+							? React.createElement("div", { className: "dbt-muted" }, "…")
+							: history.length === 0
+								? React.createElement("div", { className: "dbt-muted" }, t("trHistoryEmpty"))
+								: history.map((h) => React.createElement("div", { key: h.taskId + h.ts, className: "dbt-tr-item", title: h.statement },
+									React.createElement("span", { className: "dbt-muted", style: { flex: "none" } }, new Date(h.ts).toLocaleString()),
+									React.createElement("strong", { style: statusColor(h.status) }, historyStatus(h.status)),
+									React.createElement("span", { className: "dbt-tr-comment" },
+										((h.statement.match(/表\[[^\]]*\]/) || [""])[0].slice(0, 80))
+											+ " · " + (h.tables || []).filter((t2) => t2.status === "done").length + "✓/"
+											+ (h.tables || []).filter((t2) => t2.status === "failed").length + "✗"
+											+ ((h.failures || []).length > 0 ? " · " + t("trFailures") + " " + h.failures.length : ""))))),
+				),
+				// 传输日志：props 直取原始入参别名（2843-2846 行绑定），不经过本地遮蔽的 busy/error（那是传输任务自己的状态）；
+				// visible=顶级标签激活且当前在日志子标签（切走即停 5s 轮询）
+				React.createElement("div", { hidden: subTab !== "tlog" },
+					React.createElement(TransferLogView, { projectPath, visible: visible && subTab === "tlog", askConfirm })),
+			);
+		}
+		/* ---------------- 传输日志（「数据传输」内子标签：实时事件流，5s 自动刷新） ---------------- */
+		function TransferLogView(props) {
+			const projectPath = props.projectPath;
+			const [rows, setRows] = React.useState(null); // 日志条目数组
+			const [auto, setAuto] = React.useState(true);
+			const [error, setError] = React.useState("");
+
+			const load = React.useCallback(() => {
+				api("transfer-log" + qs({ project: projectPath, limit: 300 }))
+					.then((list) => setRows(Array.isArray(list) ? list : []))
+					.catch((e) => setError(String(e && e.message ? e.message : e)));
+			}, [projectPath]);
+
+			// 子标签可见时 5s 轮询；隐藏即真正清除定时器（切走即停），重进/进入时立即拉取一次
+			// （auto 关闭时这次拉取是唯一加载路径，等价替代已删除的手动刷新按钮）
+			React.useEffect(() => {
+				if (!props.visible) return undefined;
+				load();
+				if (!auto) return undefined;
+				const timer = setInterval(load, 5000);
+				return () => clearInterval(timer);
+			}, [props.visible, auto, load]);
+
+			async function clearLog() {
+				const yes = await props.askConfirm({
+					title: t("tlogClear"),
+					statement: t("viewTransferLog"),
+					hint: t("tlogClearConfirm"),
+					confirmLabel: t("tlogClear"),
+					target: { conn: "", kind: "", db: "", mode: "" },
+				});
+				if (!yes) return;
+				api("transfer-history/clear", { method: "POST", body: {} })
+					.then(() => load())
+					.catch((e) => setError(String(e && e.message ? e.message : e)));
+			}
+
+			const typeLabel = (ty) => ty === "start" ? t("tlogTypeStart") : ty === "table" ? t("tlogTypeTable") : ty === "progress" ? t("tlogTypeProgress") : ty === "finish" ? t("tlogTypeFinish") : ty;
+
+			return React.createElement(
+				"div",
+				{ className: "dbt-card" },
+				React.createElement("div", { className: "dbt-listrow" },
+					React.createElement("label", { className: "dbt-listrow", style: { flex: "none" } },
+						React.createElement("input", { type: "checkbox", checked: auto, onChange: (e) => setAuto(e.target.checked) }),
+						React.createElement("span", { className: "dbt-muted" }, t("tlogAuto"))),
+					React.createElement("span", { style: { flex: 1 } }),
+					React.createElement("button", { className: "dbt-btn", onClick: () => { clearLog(); } }, t("tlogClear"))),
+				error ? React.createElement("div", { className: "dbt-err", role: "alert" }, error) : null,
+				rows === null
+					? React.createElement("div", { className: "dbt-muted" }, "…")
+					: rows.length === 0
+						? React.createElement("div", { className: "dbt-muted" }, t("tlogEmpty"))
+						: React.createElement("div", { className: "dbt-transfer-tablelist", style: { maxHeight: 320 } },
+							rows.map((r, i) => {
+								const brief = r.type === "start"
+									? (r.statement || "").replace(/表\[[^\]]*\]/, "表[" + ((r.statement.match(/表\[([^\]]*)\]/) || ["", ""])[1].split(",").length) + "张]")
+									: r.type === "table" || r.type === "progress"
+										? (r.table || "") + "  " + (r.rows != null ? r.rows : 0) + (r.totalRows != null ? " / " + r.totalRows : "") + " 行" + (r.status === "failed" ? "  " + (r.statusLabel || "") : "")
+										: (r.statement || "").slice(0, 60) + "  " + (r.status || "");
+								return React.createElement("div", { key: r.ts + i, className: "dbt-tr-item" },
+									React.createElement("span", { className: "dbt-muted", style: { flex: "none", minWidth: 84 } }, new Date(r.ts).toLocaleTimeString()),
+									React.createElement("span", { className: "dbt-tr-chip", style: { flex: "none" } }, typeLabel(r.type)),
+									React.createElement("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, brief));
+							})),
+			);
+		}
+
 		/* ---------------- 根面板 ---------------- */
 		function Panel(props) {
 			const visible = props.visible;
@@ -2463,6 +3395,11 @@ window.__ModuleLoader__.load({
 			const [error, setError] = React.useState("");
 			const [message, setMessage] = React.useState("");
 			const [confirmReq, setConfirmReq] = React.useState(null); // {statement,danger,reason,resolve}
+			const [treeRefresh, setTreeRefresh] = React.useState(0); // 浏览树刷新信号（手动按钮 / 切回可见自动）
+			// 侧边栏切回可见时自动重拉已展开层：agents 等外部建库/建表后切回来即可见，无需手点刷新
+			React.useEffect(() => {
+				if (visible) setTreeRefresh((x) => x + 1);
+			}, [visible]);
 
 			const askConfirm = React.useCallback((info) => new Promise((resolve) => {
 				setConfirmReq(Object.assign({}, info, { resolve }));
@@ -2515,6 +3452,7 @@ window.__ModuleLoader__.load({
 				manage: React.createElement(ManageView, shared),
 				grants: React.createElement(GrantsView, shared),
 				console: React.createElement(ConsoleView, shared),
+				transfer: React.createElement(TransferView, Object.assign({}, shared, { visible })),
 			};
 			return React.createElement(
 				"div",
@@ -2522,7 +3460,7 @@ window.__ModuleLoader__.load({
 				React.createElement(
 					"div",
 					{ className: "dbt-tabs", role: "tablist" },
-					[["manage", t("viewManage")], ["grants", t("viewGrants")], ["browse", t("viewBrowse")], ["console", t("viewConsole")]].map(([v, label]) =>
+					[["manage", t("viewManage")], ["grants", t("viewGrants")], ["browse", t("viewBrowse")], ["console", t("viewConsole")], ["transfer", t("viewTransfer")]].map(([v, label]) =>
 						React.createElement("button", {
 							key: v, className: view === v ? "active" : "",
 							role: "tab", "aria-selected": view === v,
@@ -2548,21 +3486,31 @@ window.__ModuleLoader__.load({
 						React.createElement("span", { className: "dbt-muted" }, t("projectLabel", { path: projectPath })),
 						// 编辑图标：极简铅笔 SVG（验收要求无 emoji；svg aria-hidden，按钮 aria-label 提供语义）
 						React.createElement("button", {
-							className: "dbt-btn", onClick: () => setProjectEdited(true), "aria-label": t("edit"),
-						},
-							React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true" },
-								React.createElement("path", {
-									d: "M8.6 1.4 L10.6 3.4 L4.2 9.8 L1.6 10.4 L2.2 7.8 Z",
-									stroke: "currentColor", strokeWidth: 1.2, strokeLinejoin: "round",
-								})),
-						)),
+								className: "dbt-btn", onClick: () => setProjectEdited(true), "aria-label": t("edit"),
+							},
+								React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true" },
+									React.createElement("path", {
+										d: "M8.6 1.4 L10.6 3.4 L4.2 9.8 L1.6 10.4 L2.2 7.8 Z",
+										stroke: "currentColor", strokeWidth: 1.2, strokeLinejoin: "round",
+									})),
+							),
+							// 刷新：重拉所有已展开的库/模式/表（agents 等外部建库后点一下即可见）
+							React.createElement("button", {
+								className: "dbt-btn", onClick: () => setTreeRefresh((x) => x + 1), "aria-label": t("trRefresh"), title: t("trRefresh"),
+							},
+								React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true" },
+									React.createElement("path", {
+										d: "M10.5 6a4.5 4.5 0 1 1-1.32-3.18M10.5 1v2.5H8",
+										stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round",
+									})),
+							)),
 				error ? React.createElement("div", { className: "dbt-err", "aria-live": "polite" }, t("error") + ": " + error) : null,
 				message ? React.createElement("div", { className: "dbt-msg", "aria-live": "polite" }, message) : null,
 				// 视图常驻挂载 + hidden 切换：切 tab 保留各视图内部状态（控制台 SQL、浏览选中不丢）；
 				// dbt-in 入场动画只在面板首次打开播一次（.dbt-view 类自带，常驻后不随 tab 重播）；
 				// browse 撑满面板剩余高度（BrowsePane 内详情栏才能钉在面板最底部），active 控制首次激活才拉树。
 				// .dbt-view 类的 display:flex 会盖过 hidden 的 UA 样式，故内联 display 同步切换
-				["manage", "grants", "browse", "console"].map((v) =>
+				["manage", "grants", "browse", "console", "transfer"].map((v) =>
 					React.createElement("div", {
 						key: v, className: "dbt-view", hidden: view !== v,
 						style: v === "browse"
@@ -2570,7 +3518,7 @@ window.__ModuleLoader__.load({
 							: (view === v ? undefined : { display: "none" }),
 					},
 						v === "browse"
-							? React.createElement(BrowsePane, { ctx: props.ctx, conns, projectPath, grants, askConfirm, active: view === "browse" })
+							? React.createElement(BrowsePane, { ctx: props.ctx, conns, projectPath, grants, askConfirm, active: view === "browse", refreshTick: treeRefresh })
 							: viewEls[v])),
 				React.createElement("div", { className: "dbt-muted" }, t("footerHint")),
 				confirmReq ? React.createElement(DangerDialog, { challenge: confirmReq, onClose: () => setConfirmReq(null) }) : null,
@@ -2634,13 +3582,14 @@ window.__ModuleLoader__.load({
 		}
 		exports.apply = apply;
 		exports.inject = inject;
-		// 测试面：单元格写回 + 控制台工具纯函数 + ConsoleView（集成测试浅渲染元素树）
+		// 测试面：单元格写回 + 控制台工具纯函数 + ConsoleView（集成测试浅渲染元素树）+ Panel/TransferView/TransferLogView（传输日志降级结构断言）
 		exports.__testables = {
 			dialectOf, quoteIdent, parseCellText, isTruncatedCell, isBlobCell,
 			buildUpdate, buildRedisOp, buildMongoOp, renderStatementWithParams,
 			splitSqlStatements, fmtDialectOf, toCsv, toJson, fmtMs,
 			sortRows, slicePage, ResultSetGrid,
 			classifyHead, ConsoleView,
+			Panel, TransferView, TransferLogView,
 		};
 		return module.exports;
 	},