@dshtrading/client-ui-knowledge 0.6.2 → 0.7.0

package/lib/client.js

@@ -6,7 +6,8 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		Object.freeze({
+		//#region ../knowledge/lib/authors.js
+		const AUTHOR_ALIASES = Object.freeze({
 			"鳄鱼派": "鳄鱼派（像鳄鱼一样思考）",
 			"鳄鱼派（公众号：像鳄鱼一样思考）": "鳄鱼派（像鳄鱼一样思考）",
 			"像鳄鱼一样思考（鳄鱼派）": "鳄鱼派（像鳄鱼一样思考）",
@@ -16,6 +17,137 @@ window.__ModuleLoader__.load({
 			"小鹿投研日记（转播大摩闭门会 9.14，发言人Robin/Steven/钟申/Jenny；Laura股票部分视频截断未录）": "小鹿投研日记",
 			"中金点睛（刘刚、杨萱庭）": "中金点睛"
 		});
+		/** 把作者名归一到规范名；未登记的写法原样返回（仅去除首尾空白）。 */
+		function canonicalAuthor(author) {
+			const trimmed = author.trim();
+			return AUTHOR_ALIASES[trimmed] ?? trimmed;
+		}
+		//#endregion
+		//#region ../knowledge/lib/validate.js
+		const ALLOWED_CREDIBILITY = /* @__PURE__ */ new Set([
+			"high",
+			"medium",
+			"low"
+		]);
+		const ALLOWED_SOURCE_TYPES = /* @__PURE__ */ new Set([
+			"bilibili",
+			"wechat",
+			"manual"
+		]);
+		function isValidSourceUrl(url, type) {
+			if (!url || typeof url !== "string") return false;
+			const trimmed = url.trim();
+			if (type === "manual") return trimmed === "manual" || trimmed.startsWith("manual:") || trimmed.startsWith("http://") || trimmed.startsWith("https://");
+			if (type === "bilibili") return trimmed.includes("bilibili.com") || trimmed.includes("b23.tv") || trimmed.startsWith("BV");
+			if (type === "wechat") return trimmed.includes("mp.weixin.qq.com") || trimmed.includes("weixin.qq.com");
+			return true;
+		}
+		function generateCardId() {
+			return `kc_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`;
+		}
+		function validateKnowledgeCard(input, existingCards = []) {
+			if (!input || typeof input !== "object") return {
+				ok: false,
+				error: "输入卡片数据必须是非空对象"
+			};
+			if (!input.title || typeof input.title !== "string" || input.title.trim().length === 0) return {
+				ok: false,
+				error: "卡片标题 (title) 为必填字段且不能为空"
+			};
+			if (!input.summary || typeof input.summary !== "string" || input.summary.trim().length === 0) return {
+				ok: false,
+				error: "卡片概述 (summary) 为必填字段且不能为空"
+			};
+			if (!input.source || typeof input.source !== "object") return {
+				ok: false,
+				error: "卡片来源 (source) 为必填对象"
+			};
+			const { type, url, author } = input.source;
+			if (!type || !ALLOWED_SOURCE_TYPES.has(type)) return {
+				ok: false,
+				error: `来源类型 (source.type) 非法，允许值为: ${Array.from(ALLOWED_SOURCE_TYPES).join(", ")}`
+			};
+			if (!url || typeof url !== "string" || url.trim().length === 0) return {
+				ok: false,
+				error: "来源链接 (source.url) 为必填字段且不能为空"
+			};
+			if (!isValidSourceUrl(url, type)) return {
+				ok: false,
+				error: `来源链接 (source.url) 与来源类型 (${type}) 不匹配或不符合白名单规范`
+			};
+			if (!author || typeof author !== "string" || author.trim().length === 0) return {
+				ok: false,
+				error: "来源作者/UP主/公众号 (source.author) 为必填字段"
+			};
+			if (!input.credibility || !ALLOWED_CREDIBILITY.has(input.credibility)) return {
+				ok: false,
+				error: `内容可信度 (credibility) 非法，允许值为: ${Array.from(ALLOWED_CREDIBILITY).join(", ")}`
+			};
+			if (!Array.isArray(input.coreClaims) || input.coreClaims.length === 0) return {
+				ok: false,
+				error: "核心论点 (coreClaims) 必须是非空字符串数组"
+			};
+			if (!input.factCheck || typeof input.factCheck !== "object") return {
+				ok: false,
+				error: "事实核查三桶 (factCheck) 为必填对象，包含 verified, discrepancies, unverifiable"
+			};
+			const { verified = [], discrepancies = [], unverifiable = [] } = input.factCheck;
+			if (!Array.isArray(verified) || !Array.isArray(discrepancies) || !Array.isArray(unverifiable)) return {
+				ok: false,
+				error: "事实核查分类项 (verified / discrepancies / unverifiable) 必须为数组"
+			};
+			if (!Array.isArray(input.takeaways)) return {
+				ok: false,
+				error: "可复用经验 (takeaways) 必须为字符串数组"
+			};
+			if (!Array.isArray(input.boundaries)) return {
+				ok: false,
+				error: "适用边界与避坑 (boundaries) 必须为字符串数组"
+			};
+			if (!Array.isArray(input.tags) || input.tags.length === 0) return {
+				ok: false,
+				error: "主题关键词标签 (tags) 必须包含至少一个标签"
+			};
+			if (input.related && Array.isArray(input.related) && input.related.length > 0) {
+				const existingIds = new Set(existingCards.map((c) => c.id));
+				for (const relId of input.related) if (!existingIds.has(relId)) return {
+					ok: false,
+					error: `显式关联卡片 id [${relId}] 在知识库中不存在（拒绝悬空关联）`
+				};
+			}
+			const now = (/* @__PURE__ */ new Date()).toISOString();
+			const id = input.id && input.id.startsWith("kc_") ? input.id : generateCardId();
+			const createdAt = input.createdAt || now;
+			const updatedAt = now;
+			return {
+				ok: true,
+				card: {
+					id,
+					title: input.title.trim(),
+					summary: input.summary.trim(),
+					source: {
+						type: input.source.type,
+						url: input.source.url.trim(),
+						author: canonicalAuthor(input.source.author),
+						publishedAt: input.source.publishedAt
+					},
+					credibility: input.credibility,
+					coreClaims: input.coreClaims.map((c) => String(c).trim()).filter(Boolean),
+					factCheck: {
+						verified: verified.map((c) => String(c).trim()).filter(Boolean),
+						discrepancies: discrepancies.map((c) => String(c).trim()).filter(Boolean),
+						unverifiable: unverifiable.map((c) => String(c).trim()).filter(Boolean)
+					},
+					takeaways: input.takeaways.map((c) => String(c).trim()).filter(Boolean),
+					boundaries: input.boundaries.map((c) => String(c).trim()).filter(Boolean),
+					tags: input.tags.map((t) => String(t).trim()).filter(Boolean),
+					tickers: input.tickers ? input.tickers.map((t) => String(t).trim().toUpperCase()).filter(Boolean) : void 0,
+					related: input.related ? Array.from(new Set(input.related)) : void 0,
+					createdAt,
+					updatedAt
+				}
+			};
+		}
 		//#endregion
 		//#region ../knowledge/lib/graph.js
 		function buildGraph(cards, options = {}) {
@@ -161,6 +293,298 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region ../knowledge/lib/bundle.js
+		/** 单次导入卡片数上限：防止一次导入把库撑到图形/检索不可用的量级。 */
+		const KNOWLEDGE_BUNDLE_MAX_CARDS = 2e3;
+		/** 单文件字节上限（8 MiB）：整个文件要先读进内存再解析，读之前就要有界。 */
+		const KNOWLEDGE_BUNDLE_MAX_BYTES = 8388608;
+		const BUNDLE_GENERATOR = "dsh-trading";
+		const BUNDLE_NOTICE = "知识卡片是第三方观点的结构化转述，不构成投资建议；来源作者与原始链接随卡片保留以便查证。";
+		/**
+		* 由卡片列表构造 bundle。
+		*
+		* 不做深拷贝也不做字段裁剪：导出的是库里已有的卡片（store 写入面已归一作者），
+		* 这里改字段只会让「导出—导入—再导出」三份内容对不上。
+		*/
+		function createKnowledgeBundle(cards, options = {}) {
+			return {
+				meta: {
+					schemaVersion: 1,
+					exportedAt: (options.now ?? /* @__PURE__ */ new Date()).toISOString(),
+					cardCount: cards.length,
+					generator: BUNDLE_GENERATOR,
+					notice: BUNDLE_NOTICE
+				},
+				cards
+			};
+		}
+		/** 落盘文本：2 空格缩进（人可读、可 diff）+ 收尾换行（符合 POSIX 文本约定）。 */
+		function serializeKnowledgeBundle(bundle) {
+			return JSON.stringify(bundle, null, 2) + "\n";
+		}
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		/**
+		* 解析 bundle 文本，逐条判定并把失败原因写成能直接给用户看的一句话。
+		*
+		* 判定顺序即优先级：先看「有没有内容/是不是 JSON/顶层像不像 bundle」这类
+		* 一眼能定性的问题，再进 schemaVersion 与卡数上限，最后才逐卡看必填字段——
+		* 用户拿到的第一条错误就是最该先修的那条。
+		*/
+		function parseKnowledgeBundle(text) {
+			if (typeof text !== "string" || text.trim().length === 0) return {
+				ok: false,
+				error: "bundle 内容为空"
+			};
+			const bytes = new TextEncoder().encode(text).length;
+			if (bytes > 8388608) return {
+				ok: false,
+				error: `bundle 体积 ${bytes} 字节超过上限 ${KNOWLEDGE_BUNDLE_MAX_BYTES} 字节（8 MiB），请拆分后再导入`
+			};
+			let parsed;
+			try {
+				parsed = JSON.parse(text);
+			} catch (error) {
+				return {
+					ok: false,
+					error: `bundle 不是合法 JSON: ${error instanceof Error ? error.message : String(error)}`
+				};
+			}
+			if (!isRecord(parsed)) return {
+				ok: false,
+				error: "bundle 顶层必须是 JSON 对象（含 meta 与 cards 两个字段）"
+			};
+			if (!isRecord(parsed.meta)) return {
+				ok: false,
+				error: "bundle 缺少 meta 字段（应为对象）"
+			};
+			if (parsed.cards === void 0) return {
+				ok: false,
+				error: "bundle 缺少 cards 字段（应为卡片数组）"
+			};
+			const meta = parsed.meta;
+			if (meta.schemaVersion !== 1) return {
+				ok: false,
+				error: `不支持的 schemaVersion: ${String(meta.schemaVersion)}（本机支持 1）`
+			};
+			if (!Array.isArray(parsed.cards)) return {
+				ok: false,
+				error: "bundle 的 cards 必须是数组"
+			};
+			const cards = parsed.cards;
+			if (cards.length > 2e3) return {
+				ok: false,
+				error: `bundle 卡片数 ${cards.length} 超过上限 ${KNOWLEDGE_BUNDLE_MAX_CARDS} 张，请拆分后再导入`
+			};
+			for (let index = 0; index < cards.length; index += 1) {
+				const card = cards[index];
+				const position = `第 ${index + 1} 张卡片（下标 ${index}）`;
+				if (!isRecord(card)) return {
+					ok: false,
+					error: `${position}不是 JSON 对象`
+				};
+				const missing = [];
+				if (typeof card.id !== "string" || card.id.trim().length === 0) missing.push("id");
+				if (typeof card.title !== "string" || card.title.trim().length === 0) missing.push("title");
+				const source = card.source;
+				if (!isRecord(source) || typeof source.url !== "string" || source.url.trim().length === 0) missing.push("source.url");
+				if (missing.length > 0) return {
+					ok: false,
+					error: `${position}缺少或非法字段: ${missing.join(", ")}`
+				};
+			}
+			return {
+				ok: true,
+				bundle: parsed
+			};
+		}
+		/**
+		* 拆出 related 与其余字段。
+		*
+		* related 不能简单「置 undefined」：exactOptionalPropertyTypes 下「没有关联」是
+		* 不带这个键，而且基础内容若残留 incoming 里已被丢弃的旧引用，校验会替我们放行
+		* 一条本该消失的关联。先摘出来、过滤完再条件回填，两个问题一起消掉。
+		*/
+		function splitRelated(input) {
+			const { related, ...base } = input;
+			return {
+				base,
+				related
+			};
+		}
+		/**
+		* related 存在性校验用的最小占位卡片。
+		*
+		* 只为凑出「本地 id ∪ 本批次待写 id」这个集合（validateKnowledgeCard 只读 id），
+		* 永远不会被写库——所以字段能给多小给多小。
+		*/
+		function placeholderCard(id) {
+			return {
+				id,
+				title: "",
+				summary: "",
+				source: {
+					type: "manual",
+					url: "",
+					author: ""
+				},
+				credibility: "low",
+				coreClaims: [],
+				factCheck: {
+					verified: [],
+					discrepancies: [],
+					unverifiable: []
+				},
+				takeaways: [],
+				boundaries: [],
+				tags: [],
+				createdAt: "",
+				updatedAt: ""
+			};
+		}
+		/**
+		* 纯函数：算出「把 incoming 导入本机库」要做的事，不读文件、不调 store、不写库。
+		*
+		* 去重键是 source.url（与 knowledge-fs.getByUrl 同口径：trim 后精确相等）。
+		* 顺序是有意的：先给每张 incoming 定身份与最终 id，再改 related（此时映射表已完整），
+		* 最后统一过 validate——任何一张校验失败只进 invalid，不影响其它卡片。
+		*/
+		function planKnowledgeImport(local, incoming, mode, options = {}) {
+			const localIds = new Set(local.map((card) => card.id));
+			const localByUrl = /* @__PURE__ */ new Map();
+			for (const card of local) {
+				const url = typeof card.source?.url === "string" ? card.source.url.trim() : "";
+				if (url.length > 0 && !localByUrl.has(url)) localByUrl.set(url, card);
+			}
+			const skipped = [];
+			const remappedIds = [];
+			const pending = [];
+			/** 本批次已占用的 id：先到的卡片赢，后到的冲突重生成。 */
+			const claimedIds = /* @__PURE__ */ new Set();
+			/**
+			* remappedIds 的 from 侧。这些 bundle id 已经指向别的卡片（本机同链接卡、或本批更早的卡），
+			* 同批次里就不能再拿它当新卡 id——否则同一个 id 在映射表里同时指向两张卡，related 解析变含糊。
+			*/
+			const remappedFrom = /* @__PURE__ */ new Set();
+			/** 记录一条 id 重映射：数组给报告与映射表用，集合给「已占用」判定用，两处必须同步。 */
+			const recordRemap = (from, to) => {
+				remappedIds.push({
+					from,
+					to
+				});
+				remappedFrom.add(from);
+			};
+			for (let index = 0; index < incoming.length; index += 1) {
+				const card = incoming[index];
+				if (!isRecord(card)) continue;
+				const url = typeof card.source?.url === "string" ? card.source.url.trim() : "";
+				const existing = url.length > 0 ? localByUrl.get(url) : void 0;
+				if (existing) {
+					const targetId = existing.id;
+					const bundleId = typeof card.id === "string" ? card.id.trim() : "";
+					if (bundleId.length > 0 && bundleId !== targetId) recordRemap(bundleId, targetId);
+					if (mode === "skip") {
+						skipped.push({
+							id: targetId,
+							title: existing.title,
+							url: existing.source.url,
+							reason: "source.url 已存在"
+						});
+						continue;
+					}
+					const id = targetId;
+					claimedIds.add(id);
+					const merged = {
+						...existing,
+						...card,
+						id,
+						createdAt: existing.createdAt
+					};
+					pending.push({
+						kind: "update",
+						index,
+						id,
+						...splitRelated(merged)
+					});
+					continue;
+				}
+				const bundleId = typeof card.id === "string" ? card.id.trim() : "";
+				let id = bundleId.length > 0 && bundleId.startsWith("kc_") ? bundleId : generateCardId();
+				if (localIds.has(id) || claimedIds.has(id) || remappedFrom.has(id)) {
+					const fresh = generateCardId();
+					recordRemap(id, fresh);
+					id = fresh;
+				}
+				claimedIds.add(id);
+				const createdAt = typeof card.createdAt === "string" ? card.createdAt : void 0;
+				const created = createdAt === void 0 ? {
+					...card,
+					id
+				} : {
+					...card,
+					id,
+					createdAt
+				};
+				pending.push({
+					kind: "create",
+					index,
+					id,
+					...splitRelated(created)
+				});
+			}
+			const pendingIds = new Set(pending.map((item) => item.id));
+			const knownIds = /* @__PURE__ */ new Set([...localIds, ...pendingIds]);
+			const remap = new Map(remappedIds.map((entry) => [entry.from, entry.to]));
+			const existingForValidation = [...local, ...[...pendingIds].map(placeholderCard)];
+			const create = [];
+			const update = [];
+			const droppedRelated = [];
+			const invalid = [];
+			const nowIso = options.now?.toISOString();
+			for (const item of pending) {
+				let related;
+				if (Array.isArray(item.related) && item.related.length > 0) {
+					const mapped = item.related.map((value) => remap.get(value) ?? value);
+					const kept = mapped.filter((value) => knownIds.has(value));
+					const missing = Array.from(new Set(mapped.filter((value) => !knownIds.has(value))));
+					if (missing.length > 0) droppedRelated.push({
+						id: item.id,
+						missing
+					});
+					related = kept.length > 0 ? Array.from(new Set(kept)) : void 0;
+				}
+				const input = related === void 0 ? item.base : {
+					...item.base,
+					related
+				};
+				const validation = validateKnowledgeCard(input, existingForValidation);
+				if (!validation.ok || !validation.card) {
+					const titleText = typeof input.title === "string" && input.title.trim().length > 0 ? input.title : void 0;
+					invalid.push({
+						index: item.index,
+						error: validation.error ?? "未知校验错误",
+						...titleText === void 0 ? {} : { title: titleText }
+					});
+					continue;
+				}
+				const card = nowIso === void 0 ? validation.card : {
+					...validation.card,
+					updatedAt: nowIso
+				};
+				if (item.kind === "create") create.push(card);
+				else update.push(card);
+			}
+			return {
+				create,
+				update,
+				skipped,
+				droppedRelated,
+				invalid,
+				remappedIds
+			};
+		}
+		//#endregion
 		//#region src/client/shell-faces.ts
 		/**
 		* Shell 面（最小结构镜像）：client-ui-knowledge 不 import
@@ -231,6 +655,51 @@ window.__ModuleLoader__.load({
 			return stale;
 		}
 		//#endregion
+		//#region src/client/import-export.ts
+		/**
+		* 知识库导入 / 导出的纯函数面（可 node 单测，不 import react）。
+		*
+		* 视图与单测共用同一份实现：导出文件名、导出文本、计划摘要、文件文本解析包装。
+		* 落盘格式与去重语义全部来自 @dshtrading/knowledge 的 bundle 模块，本模块只负责
+		* 「UI 要的那几个数 / 那一段文本」，不复制任何判定逻辑——同一事实只有一个家。
+		*/
+		/** 两位补零（月份从 0 起、时间各段都可能是一位数）。 */
+		function pad2$1(value) {
+			return String(value).padStart(2, "0");
+		}
+		/**
+		* 导出文件名：'knowledge-YYYYMMDD-HHmmss.json'（本地时间）。
+		*
+		* 用本地时间而不是 UTC：文件名是给人看、给人找的，用户按自己墙上的时间认文件；
+		* 文件内部 meta.exportedAt 才是 UTC 的绝对时刻。
+		*/
+		function exportKnowledgeFileName(now) {
+			return `knowledge-${`${now.getFullYear()}${pad2$1(now.getMonth() + 1)}${pad2$1(now.getDate())}`}-${`${pad2$1(now.getHours())}${pad2$1(now.getMinutes())}${pad2$1(now.getSeconds())}`}.json`;
+		}
+		/** 导出文本：卡片列表 → bundle → 落盘文本（换行与缩进口径见 serializeKnowledgeBundle）。 */
+		function exportKnowledgeText(cards, now) {
+			return serializeKnowledgeBundle(createKnowledgeBundle(cards, { now }));
+		}
+		/** 导入预览要显示的五个计数（预览面板与结果提示共用同一份口径）。 */
+		function importPlanSummary(plan) {
+			return {
+				create: plan.create.length,
+				update: plan.update.length,
+				skip: plan.skipped.length,
+				dropped: plan.droppedRelated.length,
+				invalid: plan.invalid.length
+			};
+		}
+		/**
+		* 解析文件文本（薄包装）。
+		*
+		* 保持单一解析入口：视图只经这里碰 bundle 文本，将来换解析实现或加护栏时
+		* 视图与单测一起跟着走，不会出现「预览用一种读法、写库用另一种读法」。
+		*/
+		function parseImportFileText(text) {
+			return parseKnowledgeBundle(text);
+		}
+		//#endregion
 		//#region src/client/icons.tsx
 		/** 放大镜搜索图标。 */
 		function IconSearch({ size = 14 }) {
@@ -10157,7 +10626,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-trading/dsh-trading/packages/client-ui-knowledge/src/client/KnowledgeView.module.css.mjs
-		const css = ".bZAtrq_root{background-color:var(--dsw-futu-bg-surface);width:100%;height:100%;color:var(--dsw-futu-text-primary);user-select:none;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.bZAtrq_toolbar{background-color:var(--dsw-futu-bg-base);border-bottom:1px solid var(--dsw-futu-border-subtle);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.bZAtrq_filtersGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bZAtrq_searchBox{background-color:var(--dsw-futu-bg-surface);border:1px solid var(--dsw-futu-border-subtle);min-width:220px;color:var(--dsw-futu-text-primary);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.bZAtrq_searchBox:focus-within{border-color:var(--dsw-futu-border-active);box-shadow:0 0 0 1px var(--dsw-futu-border-active)}.bZAtrq_searchIcon{color:var(--dsw-futu-text-muted);align-items:center;display:flex}.bZAtrq_searchInput{color:var(--dsw-futu-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:12px}.bZAtrq_searchInput::placeholder{color:var(--dsw-futu-text-muted)}.bZAtrq_filterSelect{border:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);color:var(--dsw-futu-text-primary);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.bZAtrq_filterSelect:focus{border-color:var(--dsw-futu-border-active)}.bZAtrq_resetBtn{border:1px solid var(--dsw-futu-border-subtle);color:var(--dsw-futu-text-secondary);cursor:pointer;background-color:#0000;border-radius:4px;padding:4px 8px;font-size:11px}.bZAtrq_resetBtn:hover{background-color:var(--dsw-futu-bg-surface-hover);color:var(--dsw-futu-text-primary)}.bZAtrq_statsText{color:var(--dsw-futu-text-muted);font-size:11px;font-family:var(--dsw-futu-font-mono);white-space:nowrap}.bZAtrq_mainArea{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.bZAtrq_graphCanvas{cursor:grab;width:100%;height:100%}.bZAtrq_graphCanvas:active{cursor:grabbing}.bZAtrq_emptyState{height:100%;color:var(--dsw-futu-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.bZAtrq_emptyIcon{color:var(--dsw-futu-text-muted);opacity:.7}.bZAtrq_emptyHint{max-width:360px;font-size:13px;line-height:1.6}.bZAtrq_drawer{background-color:var(--dsw-futu-bg-base);border-left:1px solid var(--dsw-futu-border-default);z-index:50;user-select:text;flex-direction:column;width:380px;max-width:85%;animation:.2s ease-out bZAtrq_slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}@keyframes bZAtrq_slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.bZAtrq_drawerHeader{border-bottom:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.bZAtrq_drawerTitleGroup{flex:1}.bZAtrq_drawerTitle{color:var(--dsw-futu-text-primary);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.bZAtrq_metaRow{color:var(--dsw-futu-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.bZAtrq_badge{text-transform:uppercase;border-radius:3px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.bZAtrq_badgeHigh{color:var(--dsw-futu-down);background-color:#2ba4711f}.bZAtrq_badgeMedium{color:#b88200;background-color:#f6bd1626}.bZAtrq_badgeLow{color:var(--dsw-futu-up);background-color:#e645451f}.bZAtrq_badgePlatform{color:#2563eb;background-color:#3b82f61a}.bZAtrq_closeBtn{color:var(--dsw-futu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.bZAtrq_closeBtn:hover{background-color:var(--dsw-futu-bg-surface-hover);color:var(--dsw-futu-text-primary)}.bZAtrq_drawerBody{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.bZAtrq_section{flex-direction:column;gap:6px;display:flex}.bZAtrq_sectionLabel{color:var(--dsw-futu-text-secondary);font-size:12px;font-weight:600}.bZAtrq_claimsList{color:var(--dsw-futu-text-primary);margin:0;padding-left:18px;font-size:12px;line-height:1.5}.bZAtrq_claimsList li{margin-bottom:4px}.bZAtrq_factBucket{border-radius:4px;margin-bottom:6px;padding:8px 10px;font-size:11px;line-height:1.4}.bZAtrq_factVerified{border-left:3px solid var(--dsw-futu-down);background-color:#2ba4710f}.bZAtrq_factDiscrepancies{background-color:#f6bd1614;border-left:3px solid #f6bd16}.bZAtrq_factUnverifiable{border-left:3px solid var(--dsw-futu-text-muted);background-color:#8e95a314}.bZAtrq_bucketTitle{margin-bottom:4px;font-weight:600}.bZAtrq_bucketList{margin:0;padding-left:14px}.bZAtrq_tagPills{flex-wrap:wrap;gap:6px;display:flex}.bZAtrq_tagPill{background-color:var(--dsw-futu-bg-surface);border:1px solid var(--dsw-futu-border-subtle);color:var(--dsw-futu-text-secondary);border-radius:12px;padding:2px 8px;font-size:11px}.bZAtrq_relatedItem{background-color:var(--dsw-futu-bg-surface);color:#2563eb;cursor:pointer;border:1px solid var(--dsw-futu-border-subtle);border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:11px}.bZAtrq_relatedItem:hover{background-color:var(--dsw-futu-bg-surface-hover);text-decoration:underline}.bZAtrq_drawerFooter{border-top:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);padding:12px 16px}.bZAtrq_openSourceBtn{text-align:center;background-color:var(--dsw-futu-border-active);color:#fff;cursor:pointer;border-radius:4px;width:100%;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;display:block}.bZAtrq_openSourceBtn:hover{opacity:.9}";
+		const css = ".bZAtrq_root{background-color:var(--dsw-futu-bg-surface);width:100%;height:100%;color:var(--dsw-futu-text-primary);user-select:none;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.bZAtrq_toolbar{background-color:var(--dsw-futu-bg-base);border-bottom:1px solid var(--dsw-futu-border-subtle);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.bZAtrq_filtersGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bZAtrq_searchBox{background-color:var(--dsw-futu-bg-surface);border:1px solid var(--dsw-futu-border-subtle);min-width:220px;color:var(--dsw-futu-text-primary);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.bZAtrq_searchBox:focus-within{border-color:var(--dsw-futu-border-active);box-shadow:0 0 0 1px var(--dsw-futu-border-active)}.bZAtrq_searchIcon{color:var(--dsw-futu-text-muted);align-items:center;display:flex}.bZAtrq_searchInput{color:var(--dsw-futu-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:12px}.bZAtrq_searchInput::placeholder{color:var(--dsw-futu-text-muted)}.bZAtrq_filterSelect{border:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);color:var(--dsw-futu-text-primary);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.bZAtrq_filterSelect:focus{border-color:var(--dsw-futu-border-active)}.bZAtrq_resetBtn{border:1px solid var(--dsw-futu-border-subtle);color:var(--dsw-futu-text-secondary);cursor:pointer;background-color:#0000;border-radius:4px;padding:4px 8px;font-size:11px}.bZAtrq_resetBtn:hover{background-color:var(--dsw-futu-bg-surface-hover);color:var(--dsw-futu-text-primary)}.bZAtrq_statsText{color:var(--dsw-futu-text-muted);font-size:11px;font-family:var(--dsw-futu-font-mono);white-space:nowrap}.bZAtrq_mainArea{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.bZAtrq_graphCanvas{cursor:grab;width:100%;height:100%}.bZAtrq_graphCanvas:active{cursor:grabbing}.bZAtrq_emptyState{height:100%;color:var(--dsw-futu-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.bZAtrq_emptyIcon{color:var(--dsw-futu-text-muted);opacity:.7}.bZAtrq_emptyHint{max-width:360px;font-size:13px;line-height:1.6}.bZAtrq_drawer{background-color:var(--dsw-futu-bg-base);border-left:1px solid var(--dsw-futu-border-default);z-index:50;user-select:text;flex-direction:column;width:380px;max-width:85%;animation:.2s ease-out bZAtrq_slideIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}@keyframes bZAtrq_slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.bZAtrq_drawerHeader{border-bottom:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.bZAtrq_drawerTitleGroup{flex:1}.bZAtrq_drawerTitle{color:var(--dsw-futu-text-primary);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.bZAtrq_metaRow{color:var(--dsw-futu-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.bZAtrq_badge{text-transform:uppercase;border-radius:3px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.bZAtrq_badgeHigh{color:var(--dsw-futu-down);background-color:#2ba4711f}.bZAtrq_badgeMedium{color:#b88200;background-color:#f6bd1626}.bZAtrq_badgeLow{color:var(--dsw-futu-up);background-color:#e645451f}.bZAtrq_badgePlatform{color:#2563eb;background-color:#3b82f61a}.bZAtrq_closeBtn{color:var(--dsw-futu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.bZAtrq_closeBtn:hover{background-color:var(--dsw-futu-bg-surface-hover);color:var(--dsw-futu-text-primary)}.bZAtrq_drawerBody{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.bZAtrq_section{flex-direction:column;gap:6px;display:flex}.bZAtrq_sectionLabel{color:var(--dsw-futu-text-secondary);font-size:12px;font-weight:600}.bZAtrq_claimsList{color:var(--dsw-futu-text-primary);margin:0;padding-left:18px;font-size:12px;line-height:1.5}.bZAtrq_claimsList li{margin-bottom:4px}.bZAtrq_factBucket{border-radius:4px;margin-bottom:6px;padding:8px 10px;font-size:11px;line-height:1.4}.bZAtrq_factVerified{border-left:3px solid var(--dsw-futu-down);background-color:#2ba4710f}.bZAtrq_factDiscrepancies{background-color:#f6bd1614;border-left:3px solid #f6bd16}.bZAtrq_factUnverifiable{border-left:3px solid var(--dsw-futu-text-muted);background-color:#8e95a314}.bZAtrq_bucketTitle{margin-bottom:4px;font-weight:600}.bZAtrq_bucketList{margin:0;padding-left:14px}.bZAtrq_tagPills{flex-wrap:wrap;gap:6px;display:flex}.bZAtrq_tagPill{background-color:var(--dsw-futu-bg-surface);border:1px solid var(--dsw-futu-border-subtle);color:var(--dsw-futu-text-secondary);border-radius:12px;padding:2px 8px;font-size:11px}.bZAtrq_relatedItem{background-color:var(--dsw-futu-bg-surface);color:#2563eb;cursor:pointer;border:1px solid var(--dsw-futu-border-subtle);border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:11px}.bZAtrq_relatedItem:hover{background-color:var(--dsw-futu-bg-surface-hover);text-decoration:underline}.bZAtrq_drawerFooter{border-top:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);padding:12px 16px}.bZAtrq_openSourceBtn{text-align:center;background-color:var(--dsw-futu-border-active);color:#fff;cursor:pointer;border-radius:4px;width:100%;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;display:block}.bZAtrq_openSourceBtn:hover{opacity:.9}.bZAtrq_ioGroup{align-items:center;gap:8px;display:flex}.bZAtrq_ioBtn{border:1px solid var(--dsw-futu-border-subtle);color:var(--dsw-futu-text-secondary);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:4px;padding:4px 8px;font-size:11px}.bZAtrq_ioBtn:hover:not(:disabled){background-color:var(--dsw-futu-bg-surface-hover);color:var(--dsw-futu-text-primary)}.bZAtrq_ioBtn:focus-visible{border-color:var(--dsw-futu-border-active);box-shadow:0 0 0 1px var(--dsw-futu-border-active);outline:none}.bZAtrq_ioBtn:disabled{opacity:.45;cursor:not-allowed}.bZAtrq_ioBtnPrimary{background-color:var(--dsw-futu-border-active);border-color:var(--dsw-futu-border-active);color:#fff}.bZAtrq_ioBtnPrimary:hover:not(:disabled){background-color:var(--dsw-futu-border-active);color:#fff;opacity:.9}.bZAtrq_ioFileInput{display:none}.bZAtrq_ioOverlay{z-index:60;pointer-events:none;align-items:flex-start;padding:12px;display:flex;position:absolute;inset:0}.bZAtrq_ioPanel{pointer-events:auto;background-color:var(--dsw-futu-bg-base);border:1px solid var(--dsw-futu-border-default);user-select:text;border-radius:4px;flex-direction:column;width:400px;max-width:100%;max-height:100%;animation:.16s ease-out bZAtrq_ioPanelIn;display:flex;overflow-y:auto;box-shadow:0 4px 16px #0000001f}@keyframes bZAtrq_ioPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bZAtrq_ioPanelHeader{border-bottom:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.bZAtrq_ioPanelTitle{color:var(--dsw-futu-text-primary);font-size:12px;font-weight:600}.bZAtrq_ioPanelBody{flex-direction:column;gap:10px;padding:12px;display:flex}.bZAtrq_ioFileHint{color:var(--dsw-futu-text-muted);word-break:break-all;font-size:11px;line-height:1.5}.bZAtrq_ioModes{flex-direction:column;gap:6px;display:flex}.bZAtrq_ioMode{color:var(--dsw-futu-text-secondary);cursor:pointer;align-items:flex-start;gap:6px;font-size:11px;line-height:1.5;display:flex}.bZAtrq_ioMode input{accent-color:var(--dsw-futu-border-active);flex-shrink:0;margin:2px 0 0}.bZAtrq_ioCounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.bZAtrq_ioCount{background-color:var(--dsw-futu-bg-surface);border:1px solid var(--dsw-futu-border-subtle);border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.bZAtrq_ioCountValue{color:var(--dsw-futu-text-primary);font-size:13px;font-weight:600;font-family:var(--dsw-futu-font-mono)}.bZAtrq_ioCountLabel{color:var(--dsw-futu-text-muted);white-space:nowrap;font-size:10px}.bZAtrq_ioInvalid{border-left:3px solid var(--dsw-futu-up);background-color:#e645450f;border-radius:4px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.bZAtrq_ioInvalidTitle{color:var(--dsw-futu-up);font-size:11px;font-weight:600}.bZAtrq_ioInvalidList{color:var(--dsw-futu-text-primary);word-break:break-word;margin:0;padding-left:14px;font-size:11px;line-height:1.5}.bZAtrq_ioNotice{color:var(--dsw-futu-text-primary);word-break:break-word;border-radius:4px;padding:8px 10px;font-size:11px;line-height:1.5}.bZAtrq_ioNoticeError{border-left:3px solid var(--dsw-futu-up);background-color:#e6454514}.bZAtrq_ioNoticeOk{border-left:3px solid var(--dsw-futu-down);background-color:#2ba47114}.bZAtrq_ioPanelFooter{border-top:1px solid var(--dsw-futu-border-subtle);background-color:var(--dsw-futu-bg-surface);justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;display:flex}.bZAtrq_ioBanner{margin:8px 12px 0}";
 		const tagId = "@dshtrading/client-ui-knowledge/KnowledgeView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -10167,47 +10636,72 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var KnowledgeView_module_css_default = {
-			"filterSelect": "bZAtrq_filterSelect",
-			"metaRow": "bZAtrq_metaRow",
-			"badgeMedium": "bZAtrq_badgeMedium",
-			"drawerHeader": "bZAtrq_drawerHeader",
-			"badgeLow": "bZAtrq_badgeLow",
-			"bucketTitle": "bZAtrq_bucketTitle",
-			"root": "bZAtrq_root",
-			"graphCanvas": "bZAtrq_graphCanvas",
-			"badge": "bZAtrq_badge",
-			"searchIcon": "bZAtrq_searchIcon",
 			"emptyState": "bZAtrq_emptyState",
-			"resetBtn": "bZAtrq_resetBtn",
-			"factUnverifiable": "bZAtrq_factUnverifiable",
-			"badgePlatform": "bZAtrq_badgePlatform",
-			"emptyIcon": "bZAtrq_emptyIcon",
-			"statsText": "bZAtrq_statsText",
-			"factVerified": "bZAtrq_factVerified",
-			"slideIn": "bZAtrq_slideIn",
-			"closeBtn": "bZAtrq_closeBtn",
-			"section": "bZAtrq_section",
-			"openSourceBtn": "bZAtrq_openSourceBtn",
-			"factDiscrepancies": "bZAtrq_factDiscrepancies",
-			"drawerFooter": "bZAtrq_drawerFooter",
 			"emptyHint": "bZAtrq_emptyHint",
-			"tagPills": "bZAtrq_tagPills",
+			"claimsList": "bZAtrq_claimsList",
 			"searchInput": "bZAtrq_searchInput",
-			"searchBox": "bZAtrq_searchBox",
+			"metaRow": "bZAtrq_metaRow",
+			"ioBtn": "bZAtrq_ioBtn",
+			"ioCountLabel": "bZAtrq_ioCountLabel",
+			"ioInvalid": "bZAtrq_ioInvalid",
+			"ioFileInput": "bZAtrq_ioFileInput",
+			"bucketTitle": "bZAtrq_bucketTitle",
+			"bucketList": "bZAtrq_bucketList",
+			"ioNotice": "bZAtrq_ioNotice",
+			"ioNoticeError": "bZAtrq_ioNoticeError",
+			"ioPanelHeader": "bZAtrq_ioPanelHeader",
 			"badgeHigh": "bZAtrq_badgeHigh",
-			"drawerBody": "bZAtrq_drawerBody",
-			"filtersGroup": "bZAtrq_filtersGroup",
 			"sectionLabel": "bZAtrq_sectionLabel",
+			"ioPanelFooter": "bZAtrq_ioPanelFooter",
+			"openSourceBtn": "bZAtrq_openSourceBtn",
+			"factDiscrepancies": "bZAtrq_factDiscrepancies",
+			"drawerBody": "bZAtrq_drawerBody",
 			"tagPill": "bZAtrq_tagPill",
-			"relatedItem": "bZAtrq_relatedItem",
+			"filtersGroup": "bZAtrq_filtersGroup",
+			"ioPanel": "bZAtrq_ioPanel",
+			"ioPanelTitle": "bZAtrq_ioPanelTitle",
+			"ioPanelBody": "bZAtrq_ioPanelBody",
+			"drawerFooter": "bZAtrq_drawerFooter",
+			"badgeMedium": "bZAtrq_badgeMedium",
+			"ioInvalidTitle": "bZAtrq_ioInvalidTitle",
+			"closeBtn": "bZAtrq_closeBtn",
+			"toolbar": "bZAtrq_toolbar",
+			"resetBtn": "bZAtrq_resetBtn",
+			"ioCount": "bZAtrq_ioCount",
 			"drawer": "bZAtrq_drawer",
-			"mainArea": "bZAtrq_mainArea",
+			"tagPills": "bZAtrq_tagPills",
+			"searchBox": "bZAtrq_searchBox",
+			"factVerified": "bZAtrq_factVerified",
+			"ioInvalidList": "bZAtrq_ioInvalidList",
+			"ioNoticeOk": "bZAtrq_ioNoticeOk",
+			"ioOverlay": "bZAtrq_ioOverlay",
+			"section": "bZAtrq_section",
+			"graphCanvas": "bZAtrq_graphCanvas",
+			"ioCounts": "bZAtrq_ioCounts",
+			"ioCountValue": "bZAtrq_ioCountValue",
+			"ioBtnPrimary": "bZAtrq_ioBtnPrimary",
+			"statsText": "bZAtrq_statsText",
 			"drawerTitle": "bZAtrq_drawerTitle",
+			"factUnverifiable": "bZAtrq_factUnverifiable",
+			"ioGroup": "bZAtrq_ioGroup",
+			"relatedItem": "bZAtrq_relatedItem",
+			"filterSelect": "bZAtrq_filterSelect",
+			"badge": "bZAtrq_badge",
+			"ioPanelIn": "bZAtrq_ioPanelIn",
 			"drawerTitleGroup": "bZAtrq_drawerTitleGroup",
-			"toolbar": "bZAtrq_toolbar",
-			"claimsList": "bZAtrq_claimsList",
+			"ioModes": "bZAtrq_ioModes",
+			"badgeLow": "bZAtrq_badgeLow",
+			"ioFileHint": "bZAtrq_ioFileHint",
+			"ioMode": "bZAtrq_ioMode",
+			"ioBanner": "bZAtrq_ioBanner",
+			"slideIn": "bZAtrq_slideIn",
+			"emptyIcon": "bZAtrq_emptyIcon",
+			"root": "bZAtrq_root",
+			"searchIcon": "bZAtrq_searchIcon",
+			"mainArea": "bZAtrq_mainArea",
+			"badgePlatform": "bZAtrq_badgePlatform",
 			"factBucket": "bZAtrq_factBucket",
-			"bucketList": "bZAtrq_bucketList"
+			"drawerHeader": "bZAtrq_drawerHeader"
 		};
 		//#endregion
 		//#region src/client/KnowledgeView.tsx
@@ -10219,6 +10713,7 @@ window.__ModuleLoader__.load({
 		*   2. 主画布区（Obsidian 式 force-graph 力导知识图谱网络）
 		*   3. 右侧详情抽屉（卡片全文：核心论点 + 事实核查三桶 + 复用经验 + 边界避坑 + 来源链接）
 		*   4. 空态引导与状态持久化 (dshtrading.knowledge.view.v1)
+		*   5. 导出 / 导入动作与导入预览浮动层（非模态：抽屉与图谱照常可交互）
 		*/
 		const STORE_KEY = "dshtrading.knowledge.view.v1";
 		const DEFAULT_STORED = {
@@ -10240,6 +10735,13 @@ window.__ModuleLoader__.load({
 			const [cards, setCards] = (0, react.useState)([]);
 			const [selectedCard, setSelectedCard] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [importError, setImportError] = (0, react.useState)(null);
+			const [applied, setApplied] = (0, react.useState)(null);
+			const [importing, setImporting] = (0, react.useState)(false);
+			/** 导出超出导入侧上限（2000 张 / 8 MiB）时的可见提示，下一次导出成功或被缩小筛选后消失。 */
+			const [exportTooLarge, setExportTooLarge] = (0, react.useState)(false);
+			const fileInputRef = (0, react.useRef)(null);
 			const graphRef = (0, react.useRef)(null);
 			const bridgeRef = (0, react.useRef)(bridge);
 			if (bridgeRef.current === null) bridgeRef.current = bridge;
@@ -10344,6 +10846,11 @@ window.__ModuleLoader__.load({
 					coAuthor: false
 				});
 			}, [filteredCards]);
+			const importPlan = (0, react.useMemo)(() => {
+				if (draft === null || draft.bundle === null) return null;
+				return planKnowledgeImport(cards, draft.bundle.cards, draft.mode);
+			}, [draft, cards]);
+			const importCounts = (0, react.useMemo)(() => importPlan === null ? null : importPlanSummary(importPlan), [importPlan]);
 			const handleResetFilters = () => {
 				setQuery("");
 				setSelectedTag("");
@@ -10352,6 +10859,117 @@ window.__ModuleLoader__.load({
 				setSelectedSourceType("");
 			};
 			const hasActiveFilters = Boolean(query || selectedTag || selectedAuthor || selectedCredibility || selectedSourceType);
+			/**
+			* 导出：当前筛选结果（无筛选即全库）直接下载为 JSON 文件，文件名带本地时间戳。
+			*
+			* 导出侧与导入侧同口径（KNOWLEDGE_BUNDLE_MAX_CARDS / KNOWLEDGE_BUNDLE_MAX_BYTES）：
+			* 超过上限就一个字节都不下载——否则我们造出的文件自己的导入侧必然拒收，
+			* 用户要到下一次导入才知道白导了一场。
+			*/
+			const handleExport = () => {
+				const now = /* @__PURE__ */ new Date();
+				const text = exportKnowledgeText(filteredCards, now);
+				const bytes = new TextEncoder().encode(text).length;
+				if (filteredCards.length > 2e3 || bytes > 8388608) {
+					setExportTooLarge(true);
+					return;
+				}
+				setExportTooLarge(false);
+				const blob = new Blob([text], { type: "application/json" });
+				const url = URL.createObjectURL(blob);
+				const anchor = document.createElement("a");
+				anchor.href = url;
+				anchor.download = exportKnowledgeFileName(now);
+				anchor.click();
+				URL.revokeObjectURL(url);
+			};
+			const closeImportPanel = (0, react.useCallback)(() => {
+				setDraft(null);
+				setImportError(null);
+				setApplied(null);
+				setImporting(false);
+				const input = fileInputRef.current;
+				if (input !== null) input.value = "";
+			}, []);
+			const handleFileChange = async (event) => {
+				const input = event.currentTarget;
+				const file = input.files?.[0] ?? null;
+				input.value = "";
+				if (file === null) return;
+				setApplied(null);
+				let text;
+				try {
+					text = await file.text();
+				} catch (error) {
+					setImportError(error instanceof Error ? error.message : String(error));
+					setDraft({
+						fileName: file.name,
+						text: "",
+						bundle: null,
+						mode: "skip"
+					});
+					return;
+				}
+				const parsed = parseImportFileText(text);
+				if (!parsed.ok) {
+					setImportError(parsed.error);
+					setDraft({
+						fileName: file.name,
+						text,
+						bundle: null,
+						mode: "skip"
+					});
+					return;
+				}
+				setImportError(null);
+				setDraft({
+					fileName: file.name,
+					text,
+					bundle: parsed.bundle,
+					mode: "skip"
+				});
+			};
+			const handleSelectImportMode = (mode) => {
+				setApplied(null);
+				setImportError(null);
+				setDraft((prev) => prev === null ? prev : {
+					...prev,
+					mode
+				});
+			};
+			const handleConfirmImport = async () => {
+				if (draft === null || draft.bundle === null || importing || applied !== null) return;
+				setImporting(true);
+				setImportError(null);
+				try {
+					const result = await stableBridge.importKnowledgeBundle({
+						mode: draft.mode,
+						bundle: draft.text
+					});
+					if (!result.ok) {
+						setImportError(result.error ?? "");
+						return;
+					}
+					setApplied({
+						created: result.created,
+						updated: result.updated,
+						skipped: result.skipped
+					});
+					await loadCards();
+				} catch (error) {
+					setImportError(error instanceof Error ? error.message : String(error));
+				} finally {
+					setImporting(false);
+				}
+			};
+			(0, react.useEffect)(() => {
+				if (draft === null) return;
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") closeImportPanel();
+				};
+				window.addEventListener("keydown", onKeyDown);
+				return () => window.removeEventListener("keydown", onKeyDown);
+			}, [draft, closeImportPanel]);
 			const handleJumpToRelated = (relatedId) => {
 				const target = cards.find((c) => c.id === relatedId);
 				if (target) {
@@ -10370,294 +10988,513 @@ window.__ModuleLoader__.load({
 				for (const c of filteredCards) clusters.add(c.tags[0] ?? "untagged");
 				return clusters.size;
 			}, [filteredCards]);
+			const exportTitle = filteredCards.length === 0 ? t("kv.io.exportEmpty") : exportTooLarge || filteredCards.length > 2e3 ? t("kv.io.exportTooLarge") : t("kv.io.export");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: KnowledgeView_module_css_default.root,
 				"data-dshtrading-knowledge-view": "",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: KnowledgeView_module_css_default.toolbar,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: KnowledgeView_module_css_default.filtersGroup,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: KnowledgeView_module_css_default.searchBox,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: KnowledgeView_module_css_default.searchIcon,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSearch, { size: 13 })
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "text",
-									className: KnowledgeView_module_css_default.searchInput,
-									placeholder: t("kv.search.placeholder"),
-									value: query,
-									onChange: (e) => setQuery(e.target.value)
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: KnowledgeView_module_css_default.filterSelect,
-								value: selectedTag,
-								onChange: (e) => setSelectedTag(e.target.value),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("kv.filter.allTags")
-								}), allTags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: tag,
-									children: tag
-								}, tag))]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: KnowledgeView_module_css_default.filterSelect,
-								value: selectedAuthor,
-								onChange: (e) => setSelectedAuthor(e.target.value),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("kv.filter.allAuthors")
-								}), allAuthors.map((author) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: author,
-									children: author
-								}, author))]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: KnowledgeView_module_css_default.filterSelect,
-								value: selectedCredibility,
-								onChange: (e) => setSelectedCredibility(e.target.value),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("kv.filter.allCredibility")
-								}), CREDIBILITY_OPTIONS.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: option.value,
-									children: t(option.labelKey)
-								}, option.value))]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: KnowledgeView_module_css_default.filterSelect,
-								value: selectedSourceType,
-								onChange: (e) => setSelectedSourceType(e.target.value),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("kv.filter.allSourceTypes")
-								}), SOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: option.value,
-									children: t(option.labelKey)
-								}, option.value))]
-							}),
-							hasActiveFilters && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: KnowledgeView_module_css_default.resetBtn,
-								onClick: handleResetFilters,
-								children: t("kv.filter.reset")
-							})
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: KnowledgeView_module_css_default.statsText,
-						children: [
-							filteredCards.length,
-							" ",
-							t("kv.stats.cards"),
-							" · ",
-							clusterCount,
-							" ",
-							t("kv.stats.clusters")
-						]
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: KnowledgeView_module_css_default.mainArea,
-					children: [cards.length === 0 && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: KnowledgeView_module_css_default.emptyState,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: KnowledgeView_module_css_default.emptyIcon,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconKnowledge, { size: 40 })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: KnowledgeView_module_css_default.emptyHint,
-							children: t("kv.empty.hint")
-						})]
-					}) : filteredCards.length === 0 && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: KnowledgeView_module_css_default.emptyState,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: KnowledgeView_module_css_default.emptyIcon,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconKnowledge, { size: 32 })
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: KnowledgeView_module_css_default.emptyHint,
-								children: t("kv.empty.filtered")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: KnowledgeView_module_css_default.resetBtn,
-								onClick: handleResetFilters,
-								children: t("kv.filter.reset")
-							})
-						]
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: KnowledgeView_module_css_default.graphCanvas,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KnowledgeGraph, {
-							ref: graphRef,
-							data: graphData,
-							selectedCardId: selectedCard?.id,
-							onSelectCard: handleSelectCard,
-							onTagClick: handleTagClick
-						})
-					}), selectedCard && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: KnowledgeView_module_css_default.drawer,
-						role: "dialog",
-						"aria-modal": "false",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: KnowledgeView_module_css_default.drawerHeader,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: KnowledgeView_module_css_default.drawerTitleGroup,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: KnowledgeView_module_css_default.drawerTitle,
-										children: selectedCard.title
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.metaRow,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: `${KnowledgeView_module_css_default.badge} ${KnowledgeView_module_css_default.badgePlatform}`,
-												children: selectedCard.source.type
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: `${KnowledgeView_module_css_default.badge} ${selectedCard.credibility === "high" ? KnowledgeView_module_css_default.badgeHigh : selectedCard.credibility === "medium" ? KnowledgeView_module_css_default.badgeMedium : KnowledgeView_module_css_default.badgeLow}`,
-												children: selectedCard.credibility
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedCard.source.author }),
-											selectedCard.source.publishedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedCard.source.publishedAt })
-										]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: KnowledgeView_module_css_default.toolbar,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: KnowledgeView_module_css_default.filtersGroup,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: KnowledgeView_module_css_default.searchBox,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: KnowledgeView_module_css_default.searchIcon,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSearch, { size: 13 })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										className: KnowledgeView_module_css_default.searchInput,
+										placeholder: t("kv.search.placeholder"),
+										value: query,
+										onChange: (e) => setQuery(e.target.value)
 									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: KnowledgeView_module_css_default.filterSelect,
+									value: selectedTag,
+									onChange: (e) => setSelectedTag(e.target.value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("kv.filter.allTags")
+									}), allTags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: tag,
+										children: tag
+									}, tag))]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: KnowledgeView_module_css_default.filterSelect,
+									value: selectedAuthor,
+									onChange: (e) => setSelectedAuthor(e.target.value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("kv.filter.allAuthors")
+									}), allAuthors.map((author) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: author,
+										children: author
+									}, author))]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: KnowledgeView_module_css_default.filterSelect,
+									value: selectedCredibility,
+									onChange: (e) => setSelectedCredibility(e.target.value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("kv.filter.allCredibility")
+									}), CREDIBILITY_OPTIONS.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: option.value,
+										children: t(option.labelKey)
+									}, option.value))]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: KnowledgeView_module_css_default.filterSelect,
+									value: selectedSourceType,
+									onChange: (e) => setSelectedSourceType(e.target.value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: t("kv.filter.allSourceTypes")
+									}), SOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: option.value,
+										children: t(option.labelKey)
+									}, option.value))]
+								}),
+								hasActiveFilters && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: KnowledgeView_module_css_default.resetBtn,
+									onClick: handleResetFilters,
+									children: t("kv.filter.reset")
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: KnowledgeView_module_css_default.ioGroup,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: KnowledgeView_module_css_default.ioBtn,
+									onClick: handleExport,
+									disabled: filteredCards.length === 0,
+									title: exportTitle,
+									children: t("kv.io.export")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: KnowledgeView_module_css_default.closeBtn,
-									onClick: () => setSelectedCard(null),
-									"aria-label": "Close",
-									children: "✕"
+									className: KnowledgeView_module_css_default.ioBtn,
+									onClick: () => fileInputRef.current?.click(),
+									children: t("kv.io.import")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									ref: fileInputRef,
+									type: "file",
+									accept: "application/json,.json",
+									className: KnowledgeView_module_css_default.ioFileInput,
+									"aria-label": t("kv.io.import"),
+									onChange: (event) => {
+										handleFileChange(event);
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: KnowledgeView_module_css_default.statsText,
+									children: [
+										filteredCards.length,
+										" ",
+										t("kv.stats.cards"),
+										" · ",
+										clusterCount,
+										" ",
+										t("kv.stats.clusters")
+									]
+								})
+							]
+						})]
+					}),
+					exportTooLarge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${KnowledgeView_module_css_default.ioNotice} ${KnowledgeView_module_css_default.ioNoticeError} ${KnowledgeView_module_css_default.ioBanner}`,
+						role: "status",
+						children: t("kv.io.exportTooLarge")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: KnowledgeView_module_css_default.mainArea,
+						children: [
+							cards.length === 0 && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: KnowledgeView_module_css_default.emptyState,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: KnowledgeView_module_css_default.emptyIcon,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconKnowledge, { size: 40 })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: KnowledgeView_module_css_default.emptyHint,
+									children: t("kv.empty.hint")
 								})]
+							}) : filteredCards.length === 0 && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: KnowledgeView_module_css_default.emptyState,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: KnowledgeView_module_css_default.emptyIcon,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconKnowledge, { size: 32 })
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: KnowledgeView_module_css_default.emptyHint,
+										children: t("kv.empty.filtered")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: KnowledgeView_module_css_default.resetBtn,
+										onClick: handleResetFilters,
+										children: t("kv.filter.reset")
+									})
+								]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: KnowledgeView_module_css_default.graphCanvas,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KnowledgeGraph, {
+									ref: graphRef,
+									data: graphData,
+									selectedCardId: selectedCard?.id,
+									onSelectCard: handleSelectCard,
+									onTagClick: handleTagClick
+								})
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: KnowledgeView_module_css_default.drawerBody,
+							selectedCard && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: KnowledgeView_module_css_default.drawer,
+								role: "dialog",
+								"aria-modal": "false",
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.drawer.coreClaims")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-											className: KnowledgeView_module_css_default.claimsList,
-											children: selectedCard.coreClaims.map((claim, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: claim }, idx))
+										className: KnowledgeView_module_css_default.drawerHeader,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: KnowledgeView_module_css_default.drawerTitleGroup,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: KnowledgeView_module_css_default.drawerTitle,
+												children: selectedCard.title
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.metaRow,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `${KnowledgeView_module_css_default.badge} ${KnowledgeView_module_css_default.badgePlatform}`,
+														children: selectedCard.source.type
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: `${KnowledgeView_module_css_default.badge} ${selectedCard.credibility === "high" ? KnowledgeView_module_css_default.badgeHigh : selectedCard.credibility === "medium" ? KnowledgeView_module_css_default.badgeMedium : KnowledgeView_module_css_default.badgeLow}`,
+														children: selectedCard.credibility
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedCard.source.author }),
+													selectedCard.source.publishedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedCard.source.publishedAt })
+												]
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: KnowledgeView_module_css_default.closeBtn,
+											onClick: () => setSelectedCard(null),
+											"aria-label": "Close",
+											children: "✕"
 										})]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
+										className: KnowledgeView_module_css_default.drawerBody,
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: KnowledgeView_module_css_default.sectionLabel,
-												children: t("kv.drawer.factCheck")
-											}),
-											selectedCard.factCheck.verified.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factVerified}`,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: KnowledgeView_module_css_default.bucketTitle,
-													children: ["✅ ", t("kv.drawer.verified")]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.drawer.coreClaims")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-													className: KnowledgeView_module_css_default.bucketList,
-													children: selectedCard.factCheck.verified.map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: v }, i))
+													className: KnowledgeView_module_css_default.claimsList,
+													children: selectedCard.coreClaims.map((claim, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: claim }, idx))
 												})]
 											}),
-											selectedCard.factCheck.discrepancies.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factDiscrepancies}`,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: KnowledgeView_module_css_default.bucketTitle,
-													children: ["⚠️ ", t("kv.drawer.discrepancies")]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: KnowledgeView_module_css_default.sectionLabel,
+														children: t("kv.drawer.factCheck")
+													}),
+													selectedCard.factCheck.verified.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factVerified}`,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: KnowledgeView_module_css_default.bucketTitle,
+															children: ["✅ ", t("kv.drawer.verified")]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+															className: KnowledgeView_module_css_default.bucketList,
+															children: selectedCard.factCheck.verified.map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: v }, i))
+														})]
+													}),
+													selectedCard.factCheck.discrepancies.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factDiscrepancies}`,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: KnowledgeView_module_css_default.bucketTitle,
+															children: ["⚠️ ", t("kv.drawer.discrepancies")]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+															className: KnowledgeView_module_css_default.bucketList,
+															children: selectedCard.factCheck.discrepancies.map((d, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: d }, i))
+														})]
+													}),
+													selectedCard.factCheck.unverifiable.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factUnverifiable}`,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: KnowledgeView_module_css_default.bucketTitle,
+															children: ["❓ ", t("kv.drawer.unverifiable")]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+															className: KnowledgeView_module_css_default.bucketList,
+															children: selectedCard.factCheck.unverifiable.map((u, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: u }, i))
+														})]
+													})
+												]
+											}),
+											selectedCard.takeaways.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.drawer.takeaways")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-													className: KnowledgeView_module_css_default.bucketList,
-													children: selectedCard.factCheck.discrepancies.map((d, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: d }, i))
+													className: KnowledgeView_module_css_default.claimsList,
+													children: selectedCard.takeaways.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: item }, idx))
 												})]
 											}),
-											selectedCard.factCheck.unverifiable.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: `${KnowledgeView_module_css_default.factBucket} ${KnowledgeView_module_css_default.factUnverifiable}`,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: KnowledgeView_module_css_default.bucketTitle,
-													children: ["❓ ", t("kv.drawer.unverifiable")]
+											selectedCard.boundaries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.drawer.boundaries")
 												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-													className: KnowledgeView_module_css_default.bucketList,
-													children: selectedCard.factCheck.unverifiable.map((u, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: u }, i))
+													className: KnowledgeView_module_css_default.claimsList,
+													children: selectedCard.boundaries.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: item }, idx))
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.filter.tag")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.tagPills,
+													children: selectedCard.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: KnowledgeView_module_css_default.tagPill,
+														children: ["#", tag]
+													}, tag))
+												})]
+											}),
+											selectedCard.tickers && selectedCard.tickers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.drawer.tickers")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.tagPills,
+													children: selectedCard.tickers.map((sym) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														className: KnowledgeView_module_css_default.tagPill,
+														children: ["$", sym]
+													}, sym))
+												})]
+											}),
+											selectedCard.related && selectedCard.related.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: KnowledgeView_module_css_default.section,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: KnowledgeView_module_css_default.sectionLabel,
+													children: t("kv.drawer.related")
+												}), selectedCard.related.map((relId) => {
+													const relCard = cards.find((c) => c.id === relId);
+													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: KnowledgeView_module_css_default.relatedItem,
+														onClick: () => handleJumpToRelated(relId),
+														children: ["🔗 ", relCard?.title ?? relId]
+													}, relId);
 												})]
 											})
 										]
 									}),
-									selectedCard.takeaways.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.drawer.takeaways")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-											className: KnowledgeView_module_css_default.claimsList,
-											children: selectedCard.takeaways.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: item }, idx))
-										})]
-									}),
-									selectedCard.boundaries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.drawer.boundaries")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-											className: KnowledgeView_module_css_default.claimsList,
-											children: selectedCard.boundaries.map((item, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: item }, idx))
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.filter.tag")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.tagPills,
-											children: selectedCard.tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: KnowledgeView_module_css_default.tagPill,
-												children: ["#", tag]
-											}, tag))
-										})]
-									}),
-									selectedCard.tickers && selectedCard.tickers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.drawer.tickers")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.tagPills,
-											children: selectedCard.tickers.map((sym) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: KnowledgeView_module_css_default.tagPill,
-												children: ["$", sym]
-											}, sym))
-										})]
-									}),
-									selectedCard.related && selectedCard.related.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: KnowledgeView_module_css_default.section,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: KnowledgeView_module_css_default.sectionLabel,
-											children: t("kv.drawer.related")
-										}), selectedCard.related.map((relId) => {
-											const relCard = cards.find((c) => c.id === relId);
-											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: KnowledgeView_module_css_default.relatedItem,
-												onClick: () => handleJumpToRelated(relId),
-												children: ["🔗 ", relCard?.title ?? relId]
-											}, relId);
-										})]
+									selectedCard.source.url && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: KnowledgeView_module_css_default.drawerFooter,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+											href: selectedCard.source.url,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											className: KnowledgeView_module_css_default.openSourceBtn,
+											children: [t("kv.drawer.openSource"), " ↗"]
+										})
 									})
 								]
 							}),
-							selectedCard.source.url && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: KnowledgeView_module_css_default.drawerFooter,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-									href: selectedCard.source.url,
-									target: "_blank",
-									rel: "noopener noreferrer",
-									className: KnowledgeView_module_css_default.openSourceBtn,
-									children: [t("kv.drawer.openSource"), " ↗"]
+							draft !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: KnowledgeView_module_css_default.ioOverlay,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: KnowledgeView_module_css_default.ioPanel,
+									role: "dialog",
+									"aria-modal": "false",
+									"aria-label": t("kv.io.dialogTitle"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: KnowledgeView_module_css_default.ioPanelHeader,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: KnowledgeView_module_css_default.ioPanelTitle,
+												children: t("kv.io.dialogTitle")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: KnowledgeView_module_css_default.closeBtn,
+												onClick: closeImportPanel,
+												"aria-label": t("kv.io.cancel"),
+												children: "✕"
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: KnowledgeView_module_css_default.ioPanelBody,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: KnowledgeView_module_css_default.ioFileHint,
+													children: [
+														draft.fileName,
+														" — ",
+														t("kv.io.fileHint")
+													]
+												}),
+												importError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: `${KnowledgeView_module_css_default.ioNotice} ${KnowledgeView_module_css_default.ioNoticeError}`,
+													children: [t("kv.io.failed"), importError === "" ? "" : `: ${importError}`]
+												}),
+												applied !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: `${KnowledgeView_module_css_default.ioNotice} ${KnowledgeView_module_css_default.ioNoticeOk}`,
+													children: [
+														t("kv.io.applied"),
+														": ",
+														t("kv.io.planCreate"),
+														" ",
+														applied.created,
+														" ·",
+														" ",
+														t("kv.io.planUpdate"),
+														" ",
+														applied.updated,
+														" · ",
+														t("kv.io.planSkip"),
+														" ",
+														applied.skipped
+													]
+												}),
+												applied === null && draft.bundle !== null && importCounts !== null && importPlan !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: KnowledgeView_module_css_default.ioModes,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+															className: KnowledgeView_module_css_default.ioMode,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																type: "radio",
+																name: "dshtrading-knowledge-import-mode",
+																value: "skip",
+																checked: draft.mode === "skip",
+																onChange: () => handleSelectImportMode("skip"),
+																disabled: importing
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("kv.io.modeSkip") })]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+															className: KnowledgeView_module_css_default.ioMode,
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																type: "radio",
+																name: "dshtrading-knowledge-import-mode",
+																value: "overwrite",
+																checked: draft.mode === "overwrite",
+																onChange: () => handleSelectImportMode("overwrite"),
+																disabled: importing
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("kv.io.modeOverwrite") })]
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: KnowledgeView_module_css_default.ioCounts,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: KnowledgeView_module_css_default.ioCount,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountValue,
+																	children: importCounts.create
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountLabel,
+																	children: t("kv.io.planCreate")
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: KnowledgeView_module_css_default.ioCount,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountValue,
+																	children: importCounts.update
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountLabel,
+																	children: t("kv.io.planUpdate")
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: KnowledgeView_module_css_default.ioCount,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountValue,
+																	children: importCounts.skip
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountLabel,
+																	children: t("kv.io.planSkip")
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: KnowledgeView_module_css_default.ioCount,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountValue,
+																	children: importCounts.dropped
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountLabel,
+																	children: t("kv.io.planDropped")
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: KnowledgeView_module_css_default.ioCount,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountValue,
+																	children: importCounts.invalid
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: KnowledgeView_module_css_default.ioCountLabel,
+																	children: t("kv.io.planInvalid")
+																})]
+															})
+														]
+													}),
+													importCounts.invalid > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: KnowledgeView_module_css_default.ioInvalid,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: KnowledgeView_module_css_default.ioInvalidTitle,
+															children: [
+																t("kv.io.planInvalid"),
+																" ",
+																importCounts.invalid
+															]
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+															className: KnowledgeView_module_css_default.ioInvalidList,
+															children: importPlan.invalid.slice(0, 5).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+																"#",
+																item.index,
+																" ",
+																item.error
+															] }, item.index))
+														})]
+													})
+												] })
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: KnowledgeView_module_css_default.ioPanelFooter,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: KnowledgeView_module_css_default.ioBtn,
+												onClick: closeImportPanel,
+												disabled: importing,
+												children: t("kv.io.cancel")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: `${KnowledgeView_module_css_default.ioBtn} ${KnowledgeView_module_css_default.ioBtnPrimary}`,
+												onClick: () => {
+													handleConfirmImport();
+												},
+												disabled: importing || applied !== null || draft.bundle === null,
+												children: t("kv.io.confirm")
+											})]
+										})
+									]
 								})
 							})
 						]
-					})]
-				})]
+					})
+				]
 			});
 		}
 		//#endregion
@@ -10689,7 +11526,24 @@ window.__ModuleLoader__.load({
 			"kv.drawer.boundaries": "适用边界与避坑",
 			"kv.drawer.tickers": "关联标的",
 			"kv.drawer.related": "关联卡片",
-			"kv.drawer.openSource": "打开原始链接"
+			"kv.drawer.openSource": "打开原始链接",
+			"kv.io.export": "导出",
+			"kv.io.import": "导入",
+			"kv.io.exportEmpty": "当前筛选结果为空，没有可导出的卡片",
+			"kv.io.dialogTitle": "导入知识库文件",
+			"kv.io.modeSkip": "跳过：库里已有同来源链接的卡片保持原样",
+			"kv.io.modeOverwrite": "覆盖：用文件内容改写同来源链接的卡片，保留本机卡片 id",
+			"kv.io.planCreate": "新增",
+			"kv.io.planUpdate": "更新",
+			"kv.io.planSkip": "跳过",
+			"kv.io.planDropped": "丢弃关联",
+			"kv.io.planInvalid": "非法",
+			"kv.io.confirm": "确认导入",
+			"kv.io.cancel": "取消",
+			"kv.io.applied": "导入完成",
+			"kv.io.failed": "导入失败",
+			"kv.io.fileHint": "预览按本机现有卡片计算，确认后才会写入知识库",
+			"kv.io.exportTooLarge": "导出内容超过上限（2000 张卡片或 8 MiB）：请先缩小筛选范围再导出，否则文件导不回来"
 		};
 		const en = {
 			"kv.search.placeholder": "Search title, summary, tags...",
@@ -10718,7 +11572,24 @@ window.__ModuleLoader__.load({
 			"kv.drawer.boundaries": "Boundaries & Pitfalls",
 			"kv.drawer.tickers": "Related Tickers",
 			"kv.drawer.related": "Related Cards",
-			"kv.drawer.openSource": "Open Original URL"
+			"kv.drawer.openSource": "Open Original URL",
+			"kv.io.export": "Export",
+			"kv.io.import": "Import",
+			"kv.io.exportEmpty": "No cards in the current filter — nothing to export",
+			"kv.io.dialogTitle": "Import knowledge bundle",
+			"kv.io.modeSkip": "Skip: cards with the same source link already on this machine stay unchanged",
+			"kv.io.modeOverwrite": "Overwrite: replace cards with the same source link, keeping their local card ids",
+			"kv.io.planCreate": "Create",
+			"kv.io.planUpdate": "Update",
+			"kv.io.planSkip": "Skip",
+			"kv.io.planDropped": "Dropped links",
+			"kv.io.planInvalid": "Invalid",
+			"kv.io.confirm": "Import now",
+			"kv.io.cancel": "Cancel",
+			"kv.io.applied": "Import complete",
+			"kv.io.failed": "Import failed",
+			"kv.io.fileHint": "Preview is computed against the cards already on this machine; nothing is written until you confirm",
+			"kv.io.exportTooLarge": "Export exceeds the limit (2000 cards or 8 MiB): narrow the filter before exporting, otherwise the file cannot be imported back"
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -10738,7 +11609,8 @@ window.__ModuleLoader__.load({
 				const faces = scope;
 				const bridge = {
 					fetchKnowledgeCards: () => faces.tradingBridge.fetchKnowledgeCards(),
-					subscribeTradingEvents: (handlers) => faces.tradingBridge.subscribeTradingEvents(handlers)
+					subscribeTradingEvents: (handlers) => faces.tradingBridge.subscribeTradingEvents(handlers),
+					importKnowledgeBundle: (input) => faces.tradingBridge.importKnowledgeBundle(input)
 				};
 				faces.tradingStageViews.register({
 					id: "knowledge",