@billtaofbj/explosion-diagram 1.0.0 → 1.2.0

package/dist/index.es.js

@@ -2,16 +2,16 @@ import { Fragment as e, Transition as t, computed as n, createBlock as r, create
 import { BrandWatermark as D } from "@billtaofbj/core";
 import { useRoute as O, useRouter as k } from "vue-router";
 import { ElMessage as A, ElMessageBox as j } from "element-plus";
-import { ArrowDown as M, ArrowLeft as ee, Back as te, Bell as N, Clock as P, Close as F, Connection as I, Delete as L, Download as R, Files as z, Link as B, Loading as V, Monitor as H, Promotion as U, RefreshLeft as W, RefreshRight as ne, Share as re, Upload as G, ZoomIn as ie, ZoomOut as K } from "@element-plus/icons-vue";
+import { ArrowDown as M, ArrowLeft as N, Back as ee, Bell as te, Clock as P, Close as F, Connection as ne, Delete as re, Download as I, Files as L, Link as R, Loading as z, Monitor as B, Promotion as V, RefreshLeft as H, RefreshRight as U, Share as W, Upload as G, ZoomIn as K, ZoomOut as ie } from "@element-plus/icons-vue";
 import q from "axios";
-import * as J from "yjs";
-import { HocuspocusProvider as ae } from "@hocuspocus/provider";
+import * as ae from "yjs";
+import { HocuspocusProvider as oe } from "@hocuspocus/provider";
 //#region \0plugin-vue:export-helper
-var Y = (e, t) => {
+var J = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, oe = { class: "chat-header" }, se = { class: "chat-header-left" }, X = { class: "chat-title" }, ce = { class: "online-users-list" }, le = { class: "online-user-item" }, ue = { class: "online-user-name" }, de = { key: 1 }, fe = { class: "online-user-name" }, pe = { class: "chat-header-right" }, Z = {
+}, Y = { class: "chat-header" }, X = { class: "chat-header-left" }, se = { class: "chat-title" }, ce = { class: "online-users-list" }, le = { class: "online-user-item" }, ue = { class: "online-user-name" }, Z = { key: 1 }, de = { class: "online-user-name" }, fe = { class: "chat-header-right" }, pe = {
 	key: 0,
 	class: "chat-empty"
 }, me = { class: "chat-empty-hint" }, he = { key: 1 }, ge = { class: "message-content" }, Q = {
@@ -20,13 +20,13 @@ var Y = (e, t) => {
 }, _e = {
 	key: 0,
 	class: "message-mention"
-}, ve = ["innerHTML"], ye = { class: "message-time" }, $ = {
+}, ve = ["innerHTML"], ye = { class: "message-time" }, be = {
 	key: 1,
 	class: "chat-message chat-message-ai"
-}, be = { class: "message-avatar ai" }, xe = { class: "chat-input-area" }, Se = {
+}, xe = { class: "message-avatar ai" }, Se = { class: "chat-input-area" }, Ce = {
 	key: 0,
 	class: "mention-popup"
-}, Ce = ["onClick", "onMouseenter"], we = { key: 1 }, Te = /*#__PURE__*/ Y({
+}, $ = ["onClick", "onMouseenter"], we = { key: 1 }, Te = /*#__PURE__*/ J({
 	__name: "AiChatPanel",
 	props: {
 		visible: {
@@ -77,44 +77,44 @@ var Y = (e, t) => {
 		"clear-unread"
 	],
 	setup(t, { emit: l }) {
-		let u = t, m = l, h = v(""), _ = v(null), D = v(null), O = v(!1), k = v([]), A = v(0), j = "", M = -1, ee = {
+		let u = t, m = l, h = v(""), _ = v(null), D = v(null), O = v(!1), k = v([]), A = v(0), j = "", M = -1, N = {
 			id: "ai-assistant",
 			name: "AI助手",
 			color: "#409EFF",
 			isAi: !0
-		}, te = n(() => {
+		}, ee = n(() => {
 			let e = u.currentUser.id, t = /* @__PURE__ */ new Set();
-			return [ee, ...u.collabUsers.filter((n) => {
+			return [N, ...u.collabUsers.filter((n) => {
 				let r = n.clientId || n.id || "";
 				if (r && r === e) return !1;
 				let i = String(r || n.name || "");
 				return t.has(i) ? !1 : (t.add(i), !0);
 			})];
-		}), P = n(() => te.value.length + 1), I = (e) => e.role === "ai" ? "chat-message-ai" : u.isCollab && e.user_id && e.user_id !== u.currentUser.id ? "chat-message-other" : "chat-message-user", R = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, z = (e) => (e.user_name || "U").charAt(0), B = (e) => {
+		}), P = n(() => ee.value.length + 1), ne = (e) => e.role === "ai" ? "chat-message-ai" : u.isCollab && e.user_id && e.user_id !== u.currentUser.id ? "chat-message-other" : "chat-message-user", I = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, L = (e) => (e.user_name || "U").charAt(0), R = (e) => {
 			if (!u.isCollab) return;
 			let t = typeof e == "string" ? e : e.target?.value || h.value, n = t.length, r = t.lastIndexOf("@", n);
 			if (r !== -1 && r < n) {
 				let e = t.slice(r + 1, n);
 				if (!e.includes(" ") && !e.includes("\n")) {
-					j = e, M = r, k.value = te.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
+					j = e, M = r, k.value = ee.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
 					return;
 				}
 			}
 			O.value = !1;
-		}, V = () => {
+		}, z = () => {
 			O.value && (A.value = Math.min(A.value + 1, k.value.length - 1));
-		}, W = () => {
+		}, H = () => {
 			O.value && (A.value = Math.max(A.value - 1, 0));
-		}, ne = (e) => {
+		}, U = (e) => {
 			let t = h.value.slice(0, M), n = h.value.slice(M + j.length + 1);
 			h.value = `${t}@${e.name} ${n}`, O.value = !1;
-		}, re = (e) => {
+		}, W = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (O.value) {
 					let t = k.value[A.value];
 					if (t) {
-						e.preventDefault(), ne(t);
+						e.preventDefault(), U(t);
 						return;
 					}
 				}
@@ -140,15 +140,15 @@ var Y = (e, t) => {
 				class: "ai-chat-panel",
 				style: p({ width: t.panelWidth + "px" })
 			}, [
-				o("div", oe, [o("div", se, [
+				o("div", Y, [o("div", X, [
 					c(u, {
 						size: 18,
 						color: "#409EFF"
 					}, {
-						default: w(() => [c(S(H))]),
+						default: w(() => [c(S(B))]),
 						_: 1
 					}),
-					o("span", X, x(t.isCollab ? "协作聊天" : "AI 助手"), 1),
+					o("span", se, x(t.isCollab ? "协作聊天" : "AI 助手"), 1),
 					t.isCollab ? (g(), r(v, {
 						key: 0,
 						width: 200,
@@ -180,7 +180,7 @@ var Y = (e, t) => {
 								_: 1
 							}, 8, ["type"]),
 							l[4] ||= o("span", { class: "self-tag" }, "（我）", -1)
-						]), (g(!0), a(e, null, y(te.value, (e) => (g(), a("div", {
+						]), (g(!0), a(e, null, y(ee.value, (e) => (g(), a("div", {
 							key: e.id || e.clientId,
 							class: "online-user-item"
 						}, [
@@ -191,10 +191,10 @@ var Y = (e, t) => {
 								key: 0,
 								size: 14
 							}, {
-								default: w(() => [c(S(H))]),
+								default: w(() => [c(S(B))]),
 								_: 1
-							})) : (g(), a("span", de, x((e.name || "U").charAt(0)), 1))], 4),
-							o("span", fe, x(e.name || "未知用户"), 1),
+							})) : (g(), a("span", Z, x((e.name || "U").charAt(0)), 1))], 4),
+							o("span", de, x(e.name || "未知用户"), 1),
 							e.isAi ? (g(), r(d, {
 								key: 0,
 								size: "small",
@@ -217,7 +217,7 @@ var Y = (e, t) => {
 						]))), 128))])]),
 						_: 1
 					})) : i("", !0)
-				]), o("div", pe, [
+				]), o("div", fe, [
 					t.isCollab && t.unreadMention ? (g(), a("div", {
 						key: 0,
 						class: "mention-bell",
@@ -227,7 +227,7 @@ var Y = (e, t) => {
 						size: 18,
 						color: "#F56C6C"
 					}, {
-						default: w(() => [c(S(N))]),
+						default: w(() => [c(S(te))]),
 						_: 1
 					})])) : i("", !0),
 					c(C, {
@@ -238,7 +238,7 @@ var Y = (e, t) => {
 						title: "清空对话"
 					}, {
 						default: w(() => [c(u, null, {
-							default: w(() => [c(S(L))]),
+							default: w(() => [c(S(re))]),
 							_: 1
 						})]),
 						_: 1
@@ -262,12 +262,12 @@ var Y = (e, t) => {
 					ref_key: "messagesRef",
 					ref: _
 				}, [
-					t.messages.length === 0 ? (g(), a("div", Z, [
+					t.messages.length === 0 ? (g(), a("div", pe, [
 						c(u, {
 							size: 40,
 							color: "#c0c4cc"
 						}, {
-							default: w(() => [c(S(H))]),
+							default: w(() => [c(S(B))]),
 							_: 1
 						}),
 						o("p", null, x(t.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
@@ -275,17 +275,17 @@ var Y = (e, t) => {
 					])) : i("", !0),
 					(g(!0), a(e, null, y(t.messages, (e) => (g(), a("div", {
 						key: e._msgId || e.time + e.content,
-						class: f(["chat-message", I(e)])
+						class: f(["chat-message", ne(e)])
 					}, [o("div", {
 						class: "message-avatar",
-						style: p(R(e))
+						style: p(I(e))
 					}, [e.role === "ai" ? (g(), r(u, {
 						key: 0,
 						size: 16
 					}, {
-						default: w(() => [c(S(H))]),
+						default: w(() => [c(S(B))]),
 						_: 1
-					})) : (g(), a("span", he, x(z(e)), 1))], 4), o("div", ge, [
+					})) : (g(), a("span", he, x(L(e)), 1))], 4), o("div", ge, [
 						t.isCollab && e.role === "user" ? (g(), a("div", Q, [o("span", {
 							class: "message-sender",
 							style: p({ color: e.user_color || "#67C23A" })
@@ -296,8 +296,8 @@ var Y = (e, t) => {
 						}, null, 8, ve),
 						o("div", ye, x(e.time), 1)
 					])], 2))), 128)),
-					t.loading ? (g(), a("div", $, [o("div", be, [c(u, { size: 16 }, {
-						default: w(() => [c(S(H))]),
+					t.loading ? (g(), a("div", be, [o("div", xe, [c(u, { size: 16 }, {
+						default: w(() => [c(S(B))]),
 						_: 1
 					})]), l[7] ||= o("div", { class: "message-content" }, [o("div", { class: "message-text typing-indicator" }, [
 						o("span"),
@@ -305,7 +305,7 @@ var Y = (e, t) => {
 						o("span")
 					])], -1)])) : i("", !0)
 				], 512),
-				o("div", xe, [o("div", {
+				o("div", Se, [o("div", {
 					class: "chat-input-wrapper",
 					ref_key: "inputWrapperRef",
 					ref: D
@@ -320,21 +320,21 @@ var Y = (e, t) => {
 						},
 						placeholder: t.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							T(E(re, ["exact"]), ["enter"]),
-							T(E(V, ["prevent"]), ["down"]),
-							T(E(W, ["prevent"]), ["up"])
+							T(E(W, ["exact"]), ["enter"]),
+							T(E(z, ["prevent"]), ["down"]),
+							T(E(H, ["prevent"]), ["up"])
 						],
-						onInput: B,
+						onInput: R,
 						resize: "none"
 					}, null, 8, [
 						"modelValue",
 						"placeholder",
 						"onKeydown"
 					]),
-					O.value ? (g(), a("div", Se, [(g(!0), a(e, null, y(k.value, (e, t) => (g(), a("div", {
+					O.value ? (g(), a("div", Ce, [(g(!0), a(e, null, y(k.value, (e, t) => (g(), a("div", {
 						key: e.id || e.clientId,
 						class: f(["mention-item", { active: t === A.value }]),
-						onClick: (t) => ne(e),
+						onClick: (t) => U(e),
 						onMouseenter: (e) => A.value = t
 					}, [o("div", {
 						class: "mention-avatar",
@@ -343,18 +343,18 @@ var Y = (e, t) => {
 						key: 0,
 						size: 12
 					}, {
-						default: w(() => [c(S(H))]),
+						default: w(() => [c(S(B))]),
 						_: 1
-					})) : (g(), a("span", we, x((e.name || "U").charAt(0)), 1))], 4), o("span", null, x(e.name), 1)], 42, Ce))), 128))])) : i("", !0),
+					})) : (g(), a("span", we, x((e.name || "U").charAt(0)), 1))], 4), o("span", null, x(e.name), 1)], 42, $))), 128))])) : i("", !0),
 					c(C, {
 						class: "send-btn",
 						type: "primary",
 						circle: "",
 						disabled: !h.value.trim() || t.loading,
-						onClick: re
+						onClick: W
 					}, {
 						default: w(() => [c(u, null, {
-							default: w(() => [c(S(U))]),
+							default: w(() => [c(S(V))]),
 							_: 1
 						})]),
 						_: 1
@@ -513,8 +513,119 @@ function Ee() {
 	};
 }
 //#endregion
+//#region ../../src/composables/useAiApi.js
+var De = [
+	"我可以帮您优化流程图布局、检查节点逻辑，或者提供流程设计建议。请问有什么需要帮助的？",
+	"这个流程图的节点连接看起来很清晰。建议检查一下是否有遗漏的分支或异常处理路径。",
+	"根据当前的流程结构，我建议在关键决策节点后添加明确的条件标注，使流程更易理解。",
+	"流程图中的泳道划分很合理。如果需要，我可以帮您分析各角色的职责分配是否均衡。",
+	"我可以帮您检查流程中是否存在循环依赖或死锁风险。需要我逐条分析吗？",
+	"建议在流程开始和结束节点使用统一的样式，这样可以让读者更快识别流程的起止点。",
+	"这个执行图的逻辑链路比较长，建议在中间添加一些检查点节点，便于流程监控和调试。",
+	"我可以帮您生成流程图的文字说明文档，方便团队成员理解流程细节。"
+];
+function Oe() {
+	return De[Math.floor(Math.random() * De.length)];
+}
+async function ke(e, t, n) {
+	let r = { "Content-Type": "application/json" };
+	e.apiKey && (r.Authorization = `Bearer ${e.apiKey}`);
+	let i = await fetch(e.url, {
+		method: "POST",
+		headers: r,
+		body: JSON.stringify({
+			model: e.model || "gpt-4o-mini",
+			messages: t,
+			temperature: e.temperature ?? .7,
+			max_tokens: e.maxTokens ?? 4096
+		}),
+		signal: n
+	});
+	if (!i.ok) {
+		let e = await i.text().catch(() => "");
+		throw Error(`AI API error ${i.status}: ${e}`);
+	}
+	return (await i.json()).choices?.[0]?.message?.content || "";
+}
+function Ae(e) {
+	let t = v(!1), n = null, r = () => {
+		let t = typeof e == "function" ? e() : e;
+		return !!(t && t.url);
+	}, i = () => typeof e == "function" ? e() : e || {};
+	return {
+		loading: t,
+		isAvailable: r,
+		chat: async (e, r = []) => {
+			let a = i();
+			if (!a.url) return Oe();
+			t.value = !0, n && n.abort(), n = new AbortController();
+			try {
+				return await ke(a, [
+					{
+						role: "system",
+						content: a.chatPrompt || "你是一个有帮助的AI助手，擅长文档编辑和流程设计。请简洁回答用户问题。"
+					},
+					...r.map((e) => ({
+						role: e.role === "ai" ? "assistant" : "user",
+						content: e.content
+					})),
+					{
+						role: "user",
+						content: e
+					}
+				], n.signal);
+			} catch (e) {
+				return e.name === "AbortError" ? "" : (console.warn("[useAiApi] Chat error, falling back to mock:", e), Oe());
+			} finally {
+				t.value = !1;
+			}
+		},
+		generate: async (e, r) => {
+			let a = i();
+			if (!a.url) return {
+				success: !1,
+				message: "AI生成功能开发中，敬请期待..."
+			};
+			t.value = !0, n && n.abort(), n = new AbortController();
+			try {
+				let t = await ke(a, [{
+					role: "system",
+					content: a.generatePrompt || `你是一个专业的${r || "流程图"}生成助手。根据用户的描述，生成对应的JSON数据结构。只返回JSON，不要包含其他文字或markdown代码块标记。`
+				}, {
+					role: "user",
+					content: e
+				}], n.signal), i = null;
+				try {
+					let e = t.replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/i, "").trim();
+					i = JSON.parse(e);
+				} catch {
+					i = null;
+				}
+				return {
+					success: !0,
+					content: t,
+					parsed: i
+				};
+			} catch (e) {
+				return e.name === "AbortError" ? {
+					success: !1,
+					message: "已取消"
+				} : (console.warn("[useAiApi] Generate error:", e), {
+					success: !1,
+					message: `AI生成失败: ${e.message}`
+				});
+			} finally {
+				t.value = !1;
+			}
+		},
+		abort: () => {
+			n &&= (n.abort(), null);
+		}
+	};
+}
+//#endregion
 //#region ../../src/composables/useVersionHistory.js
-var De = "/api/document-versions", Oe = 5e3, ke = () => {
+var je = "/api/document-versions", Me = 5e3, Ne = () => {
 	let e = v([]), t = v(!1);
 	return {
 		versions: e,
@@ -522,13 +633,13 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await q.post(De, {
+				let { data: a } = await q.post(je, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
 					user_id: r || null,
 					user_name: i || null
-				}, { timeout: Oe });
+				}, { timeout: Me });
 				return a;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to save version:", e), null;
@@ -538,9 +649,9 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await q.get(De, {
+				let { data: t } = await q.get(je, {
 					params: { document_id: n },
-					timeout: Oe
+					timeout: Me
 				});
 				return e.value = t, t;
 			} catch (t) {
@@ -551,26 +662,26 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await q.get(`${De}/${e}`, { timeout: Oe });
+				let { data: t } = await q.get(`${je}/${e}`, { timeout: Me });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
 			}
 		}
 	};
-}, Ae = { class: "version-history-panel" }, je = {
+}, Pe = { class: "version-history-panel" }, Fe = {
 	key: 0,
 	class: "loading-state"
-}, Me = {
+}, Ie = {
 	key: 1,
 	class: "empty-state"
-}, Ne = {
+}, Le = {
 	key: 2,
 	class: "version-list"
-}, Pe = {
+}, Re = {
 	key: 0,
 	class: "current-version"
-}, Fe = { class: "current-version-header" }, Ie = { class: "version-number" }, Le = ["onClick"], Re = { class: "version-number" }, ze = { class: "version-user" }, Be = { class: "panel-footer" }, Ve = /*#__PURE__*/ Y({
+}, ze = { class: "current-version-header" }, Be = { class: "version-number" }, Ve = ["onClick"], He = { class: "version-number" }, Ue = { class: "version-user" }, We = { class: "panel-footer" }, Ge = /*#__PURE__*/ J({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -584,7 +695,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 	},
 	emits: ["update:modelValue", "apply"],
 	setup(t, { expose: n, emit: l }) {
-		let u = t, d = l, { versions: p, loading: m, loadVersions: h, getVersionContent: _ } = ke(), T = v(!1), E = v(null), D = v(!1), O = v(null);
+		let u = t, d = l, { versions: p, loading: m, loadVersions: h, getVersionContent: _ } = Ne(), T = v(!1), E = v(null), D = v(!1), O = v(null);
 		C(() => u.modelValue, (e) => {
 			T.value = e, e && u.documentId && (E.value = null, h(u.documentId).then((e) => {
 				e && e.length > 0 && (O.value = e[0]);
@@ -606,7 +717,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			}
 		}, M = () => {
 			T.value = !1;
-		}, ee = (e) => {
+		}, N = (e) => {
 			if (!e) return "";
 			let t = new Date(e), n = (e) => String(e).padStart(2, "0");
 			return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
@@ -621,7 +732,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				size: "420px",
 				"before-close": M
 			}, {
-				footer: w(() => [o("div", Be, [c(_, {
+				footer: w(() => [o("div", We, [c(_, {
 					type: "primary",
 					disabled: !E.value,
 					loading: D.value,
@@ -630,25 +741,25 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					default: w(() => [...n[4] ||= [s(" 切换到此版本 ", -1)]]),
 					_: 1
 				}, 8, ["disabled", "loading"])])]),
-				default: w(() => [o("div", Ae, [S(m) ? (g(), a("div", je, [c(l, { class: "is-loading" }, {
-					default: w(() => [c(S(V))]),
+				default: w(() => [o("div", Pe, [S(m) ? (g(), a("div", Fe, [c(l, { class: "is-loading" }, {
+					default: w(() => [c(S(z))]),
 					_: 1
-				}), n[1] ||= o("span", null, "加载中...", -1)])) : S(p).length === 0 ? (g(), a("div", Me, [c(l, {
+				}), n[1] ||= o("span", null, "加载中...", -1)])) : S(p).length === 0 ? (g(), a("div", Ie, [c(l, {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
 					default: w(() => [c(S(P))]),
 					_: 1
-				}), n[2] ||= o("p", null, "暂无历史版本", -1)])) : (g(), a("div", Ne, [O.value ? (g(), a("div", Pe, [o("div", Fe, [c(u, {
+				}), n[2] ||= o("p", null, "暂无历史版本", -1)])) : (g(), a("div", Le, [O.value ? (g(), a("div", Re, [o("div", ze, [c(u, {
 					type: "success",
 					size: "small"
 				}, {
 					default: w(() => [...n[3] ||= [s("当前版本", -1)]]),
 					_: 1
-				}), o("span", Ie, "v" + x(O.value.version_number), 1)])])) : i("", !0), c(h, null, {
+				}), o("span", Be, "v" + x(O.value.version_number), 1)])])) : i("", !0), c(h, null, {
 					default: w(() => [(g(!0), a(e, null, y(S(p), (e) => (g(), r(d, {
 						key: e.id,
-						timestamp: ee(e.created_at),
+						timestamp: N(e.created_at),
 						placement: "top",
 						type: E.value?.id === e.id ? "primary" : "",
 						hollow: E.value?.id !== e.id
@@ -656,7 +767,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						default: w(() => [o("div", {
 							class: f(["version-item", { active: E.value?.id === e.id }]),
 							onClick: (t) => k(e)
-						}, [o("span", Re, "版本号：v" + x(e.version_number), 1), o("span", ze, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Le)]),
+						}, [o("span", He, "版本号：v" + x(e.version_number), 1), o("span", Ue, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Ve)]),
 						_: 2
 					}, 1032, [
 						"timestamp",
@@ -669,10 +780,10 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			}, 8, ["modelValue"]);
 		};
 	}
-}, [["__scopeId", "data-v-87924b7c"]]), He = { class: "toolbar" }, Ue = { class: "toolbar-left" }, We = { class: "toolbar-center" }, Ge = { class: "toolbar-right" }, Ke = {
+}, [["__scopeId", "data-v-87924b7c"]]), Ke = { class: "toolbar" }, qe = { class: "toolbar-left" }, Je = { class: "toolbar-center" }, Ye = { class: "toolbar-right" }, Xe = {
 	key: 0,
 	class: "collab-users"
-}, qe = ["title"], Je = /*#__PURE__*/ Y({
+}, Ze = ["title"], Qe = /*#__PURE__*/ J({
 	__name: "Toolbar",
 	props: {
 		title: {
@@ -691,6 +802,14 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		showBackButton: {
+			type: Boolean,
+			default: !0
+		},
+		titleDisabled: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	emits: [
@@ -716,26 +835,28 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		let n = t, l = v(n.title);
 		return C(() => n.title, (e) => l.value = e), (n, u) => {
 			let d = b("el-icon"), f = b("el-button"), m = b("el-input"), h = b("el-dropdown-item"), _ = b("el-dropdown-menu"), v = b("el-dropdown"), C = b("el-tooltip"), T = b("el-divider");
-			return g(), a("div", He, [
-				o("div", Ue, [c(f, {
+			return g(), a("div", Ke, [
+				o("div", qe, [t.showBackButton ? (g(), r(f, {
+					key: 0,
 					onClick: u[0] ||= (e) => n.$emit("back"),
 					size: "small",
 					circle: ""
 				}, {
 					default: w(() => [c(d, null, {
-						default: w(() => [c(S(ee))]),
+						default: w(() => [c(S(N))]),
 						_: 1
 					})]),
 					_: 1
-				}), c(m, {
+				})) : i("", !0), c(m, {
 					modelValue: l.value,
 					"onUpdate:modelValue": u[1] ||= (e) => l.value = e,
 					onBlur: u[2] ||= (e) => n.$emit("update:title", l.value),
+					disabled: t.titleDisabled,
 					placeholder: "输入标题",
 					class: "title-input",
 					size: "small"
-				}, null, 8, ["modelValue"])]),
-				o("div", We, [
+				}, null, 8, ["modelValue", "disabled"])]),
+				o("div", Je, [
 					c(v, {
 						trigger: "click",
 						onCommand: u[3] ||= (e) => n.$emit("add-component", e)
@@ -799,7 +920,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 							onClick: u[4] ||= (e) => n.$emit("export-json")
 						}, {
 							default: w(() => [c(d, null, {
-								default: w(() => [c(S(R))]),
+								default: w(() => [c(S(I))]),
 								_: 1
 							})]),
 							_: 1
@@ -834,7 +955,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 							title: "将选中零件组合为一个"
 						}, {
 							default: w(() => [c(d, null, {
-								default: w(() => [c(S(z))]),
+								default: w(() => [c(S(L))]),
 								_: 1
 							})]),
 							_: 1
@@ -853,7 +974,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 							onClick: u[7] ||= (e) => n.$emit("toggle-connecting")
 						}, {
 							default: w(() => [c(d, null, {
-								default: w(() => [c(S(I))]),
+								default: w(() => [c(S(ne))]),
 								_: 1
 							})]),
 							_: 1
@@ -875,7 +996,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						disabled: !t.canUndo
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(W))]),
+							default: w(() => [c(S(H))]),
 							_: 1
 						})]),
 						_: 1
@@ -887,7 +1008,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						disabled: !t.canRedo
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(ne))]),
+							default: w(() => [c(S(U))]),
 							_: 1
 						})]),
 						_: 1
@@ -899,7 +1020,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[11] ||= (e) => n.$emit("zoom-in")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(ie))]),
+							default: w(() => [c(S(K))]),
 							_: 1
 						})]),
 						_: 1
@@ -910,19 +1031,19 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[12] ||= (e) => n.$emit("zoom-out")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(K))]),
+							default: w(() => [c(S(ie))]),
 							_: 1
 						})]),
 						_: 1
 					})
 				]),
-				o("div", Ge, [
-					t.onlineUsers.length > 0 ? (g(), a("div", Ke, [(g(!0), a(e, null, y(t.onlineUsers.slice(0, 5), (e) => (g(), a("div", {
+				o("div", Ye, [
+					t.onlineUsers.length > 0 ? (g(), a("div", Xe, [(g(!0), a(e, null, y(t.onlineUsers.slice(0, 5), (e) => (g(), a("div", {
 						key: e.clientId,
 						class: "collab-avatar",
 						style: p({ background: e.color }),
 						title: e.name
-					}, x(e.name?.charAt(0)), 13, qe))), 128))])) : i("", !0),
+					}, x(e.name?.charAt(0)), 13, Ze))), 128))])) : i("", !0),
 					t.isJoinMode ? i("", !0) : (g(), r(f, {
 						key: 1,
 						size: "small",
@@ -930,7 +1051,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[13] ||= (e) => n.$emit("toggle-collab")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(re))]),
+							default: w(() => [c(S(W))]),
 							_: 1
 						}), o("span", null, x(t.isConnected ? "协作中" : "协作"), 1)]),
 						_: 1
@@ -943,7 +1064,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						title: "分享链接"
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(B))]),
+							default: w(() => [c(S(R))]),
 							_: 1
 						})]),
 						_: 1
@@ -988,7 +1109,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						onClick: u[16] ||= (e) => n.$emit("save")
 					}, {
 						default: w(() => [c(d, null, {
-							default: w(() => [c(S(R))]),
+							default: w(() => [c(S(I))]),
 							_: 1
 						})]),
 						_: 1
@@ -1010,38 +1131,38 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-919c0dae"]]), Ye = ["viewBox"], Xe = ["id"], Ze = [
+}, [["__scopeId", "data-v-5c549dd2"]]), $e = ["viewBox"], et = ["id"], tt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Qe = [
+], nt = [
 	"transform",
 	"onMousedown",
 	"onDblclick",
 	"onMouseenter"
-], $e = [
+], rt = [
 	"href",
 	"width",
 	"height"
-], et = ["innerHTML", "transform"], tt = [
+], it = ["innerHTML", "transform"], at = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], nt = [
+], ot = [
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], rt = [
+], st = [
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], it = [
+], ct = [
 	"cx",
 	"cy",
 	"rx",
@@ -1049,67 +1170,67 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 	"fill",
 	"stroke",
 	"stroke-width"
-], at = [
+], lt = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ot = [
+], ut = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], st = [
+], dt = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width"
-], ct = [
+], ft = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], lt = ["x", "y"], ut = [
+], pt = ["x", "y"], mt = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], dt = [
+], ht = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], ft = ["x", "y"], pt = { key: 12 }, mt = [
+], gt = ["x", "y"], _t = { key: 12 }, vt = [
 	"x",
 	"y",
 	"onMousedown"
-], ht = ["y", "onMousedown"], gt = ["x", "onMousedown"], _t = ["onMousedown"], vt = { key: 13 }, yt = [
+], yt = ["y", "onMousedown"], bt = ["x", "onMousedown"], xt = ["onMousedown"], St = { key: 13 }, Ct = [
 	"cx",
 	"cy",
 	"onMousedown"
-], bt = ["x", "y"], xt = [
+], wt = ["x", "y"], Tt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"onMousedown"
-], St = ["x", "y"], Ct = [
+], Et = ["x", "y"], Dt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], wt = { key: 1 }, Tt = [
+], Ot = { key: 1 }, kt = [
 	"cx",
 	"cy",
 	"onMousedown"
-], Et = [
+], At = [
 	"href",
 	"x",
 	"y",
 	"width",
 	"height",
 	"clip-path"
-], Dt = { class: "popup-tooltip-key" }, Ot = { class: "popup-tooltip-val" }, kt = /*#__PURE__*/ Y({
+], jt = { class: "popup-tooltip-key" }, Mt = { class: "popup-tooltip-val" }, Nt = /*#__PURE__*/ J({
 	__name: "DiagramCanvas",
 	props: {
 		components: {
@@ -1276,7 +1397,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				width: e.width,
 				height: e.height,
 				rx: "4"
-			}, null, 8, Ze)], 8, Xe))), 128))]),
+			}, null, 8, tt)], 8, et))), 128))]),
 			(g(!0), a(e, null, y(m.value, (s) => (g(), a("g", {
 				key: s.id,
 				transform: `translate(${s.x}, ${s.y})`,
@@ -1293,19 +1414,19 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					height: s.height,
 					preserveAspectRatio: "xMidYMid meet",
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, $e)) : s.shape === "svg" ? (g(), a("g", {
+				}, null, 12, rt)) : s.shape === "svg" ? (g(), a("g", {
 					key: 1,
 					innerHTML: s.svgContent || "",
 					transform: `scale(${s.width / (s.svgWidth || 100)}, ${s.height / (s.svgHeight || 100)})`,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, et)) : s.shape === "polygon" ? (g(), a("polygon", {
+				}, null, 12, it)) : s.shape === "polygon" ? (g(), a("polygon", {
 					key: 2,
 					points: s.points || "",
 					fill: s.fill || "#fff",
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, tt)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("rect", {
+				}, null, 12, at)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("rect", {
 					key: 3,
 					width: s.width,
 					height: s.height,
@@ -1314,7 +1435,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					"stroke-dasharray": "6,3",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: { "pointer-events": "all" }
-				}, null, 8, nt)) : s.shape === "rect" ? (g(), a("rect", {
+				}, null, 8, ot)) : s.shape === "rect" ? (g(), a("rect", {
 					key: 4,
 					width: s.width,
 					height: s.height,
@@ -1323,7 +1444,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, rt)) : s.shape === "circle" ? (g(), a("ellipse", {
+				}, null, 12, st)) : s.shape === "circle" ? (g(), a("ellipse", {
 					key: 5,
 					cx: s.width / 2,
 					cy: s.height / 2,
@@ -1333,21 +1454,21 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, it)) : s.shape === "diamond" ? (g(), a("polygon", {
+				}, null, 12, ct)) : s.shape === "diamond" ? (g(), a("polygon", {
 					key: 6,
 					points: `${s.width / 2},0 ${s.width},${s.height / 2} ${s.width / 2},${s.height} 0,${s.height / 2}`,
 					fill: s.fill || "#fff",
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, at)) : s.shape === "triangle" ? (g(), a("polygon", {
+				}, null, 12, lt)) : s.shape === "triangle" ? (g(), a("polygon", {
 					key: 7,
 					points: `${s.width / 2},0 ${s.width},${s.height} 0,${s.height}`,
 					fill: s.fill || "#fff",
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : s.stroke || "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, ot)) : (g(), a("rect", {
+				}, null, 12, ut)) : (g(), a("rect", {
 					key: 8,
 					width: s.width,
 					height: s.height,
@@ -1355,7 +1476,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					stroke: t.selectedIds.includes(s.id) ? "#409EFF" : "#ccc",
 					"stroke-width": t.selectedIds.includes(s.id) ? 2 : 1,
 					style: p({ pointerEvents: b(s) ? "none" : "all" })
-				}, null, 12, st)),
+				}, null, 12, dt)),
 				s.shape === "image" ? (g(), a(e, { key: 9 }, [o("text", {
 					x: s.width / 2,
 					y: s.height + 10,
@@ -1364,7 +1485,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: s.textColor || "#333",
 					"font-size": s.fontSize || 14,
 					style: { "pointer-events": "none" }
-				}, x(s.label), 9, ct), s.description ? (g(), a("text", {
+				}, x(s.label), 9, ft), s.description ? (g(), a("text", {
 					key: 0,
 					x: s.width / 2,
 					y: s.height + 10 + (s.fontSize || 14) + 2,
@@ -1373,7 +1494,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: "#999",
 					"font-size": "11",
 					style: { "pointer-events": "none" }
-				}, x(s.description), 9, lt)) : i("", !0)], 64)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("text", {
+				}, x(s.description), 9, pt)) : i("", !0)], 64)) : s.shape === "group" && s.id !== t.expandedGroupId ? (g(), a("text", {
 					key: 10,
 					x: s.width / 2,
 					y: s.height + 10,
@@ -1382,7 +1503,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: s.textColor || "#333",
 					"font-size": s.fontSize || 14,
 					style: { "pointer-events": "none" }
-				}, x(s.label), 9, ut)) : s.shape === "group" ? i("", !0) : (g(), a(e, { key: 11 }, [o("text", {
+				}, x(s.label), 9, mt)) : s.shape === "group" ? i("", !0) : (g(), a(e, { key: 11 }, [o("text", {
 					x: s.width / 2,
 					y: s.height / 2 - (s.description ? 6 : 0),
 					"text-anchor": "middle",
@@ -1390,7 +1511,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: s.textColor || "#333",
 					"font-size": s.fontSize || 14,
 					style: { "pointer-events": "none" }
-				}, x(s.label), 9, dt), s.description ? (g(), a("text", {
+				}, x(s.label), 9, ht), s.description ? (g(), a("text", {
 					key: 0,
 					x: s.width / 2,
 					y: s.height / 2 + 12,
@@ -1399,8 +1520,8 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: "#999",
 					"font-size": "11",
 					style: { "pointer-events": "none" }
-				}, x(s.description), 9, ft)) : i("", !0)], 64)),
-				t.selectedIds.includes(s.id) && !b(s) ? (g(), a("g", pt, [
+				}, x(s.description), 9, gt)) : i("", !0)], 64)),
+				t.selectedIds.includes(s.id) && !b(s) ? (g(), a("g", _t, [
 					o("rect", {
 						x: s.width - 5,
 						y: s.height - 5,
@@ -1411,7 +1532,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						"stroke-width": "1",
 						style: { cursor: "nwse-resize" },
 						onMousedown: E((e) => n.$emit("start-resize", s, "se", e), ["stop"])
-					}, null, 40, mt),
+					}, null, 40, vt),
 					o("rect", {
 						x: -5,
 						y: s.height - 5,
@@ -1422,7 +1543,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						"stroke-width": "1",
 						style: { cursor: "nesw-resize" },
 						onMousedown: E((e) => n.$emit("start-resize", s, "sw", e), ["stop"])
-					}, null, 40, ht),
+					}, null, 40, yt),
 					o("rect", {
 						x: s.width - 5,
 						y: -5,
@@ -1433,7 +1554,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						"stroke-width": "1",
 						style: { cursor: "nesw-resize" },
 						onMousedown: E((e) => n.$emit("start-resize", s, "ne", e), ["stop"])
-					}, null, 40, gt),
+					}, null, 40, bt),
 					o("rect", {
 						x: -5,
 						y: -5,
@@ -1444,9 +1565,9 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 						"stroke-width": "1",
 						style: { cursor: "nwse-resize" },
 						onMousedown: E((e) => n.$emit("start-resize", s, "nw", e), ["stop"])
-					}, null, 40, _t)
+					}, null, 40, xt)
 				])) : i("", !0),
-				(t.selectedIds.includes(s.id) || t.connectingMode) && !b(s) && !(t.editingPolygon && t.editingPolygon.id === s.id) ? (g(), a("g", vt, [(g(!0), a(e, null, y(w(s), (e, t) => (g(), a("circle", {
+				(t.selectedIds.includes(s.id) || t.connectingMode) && !b(s) && !(t.editingPolygon && t.editingPolygon.id === s.id) ? (g(), a("g", St, [(g(!0), a(e, null, y(w(s), (e, t) => (g(), a("circle", {
 					key: t,
 					cx: e.x,
 					cy: e.y,
@@ -1456,7 +1577,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					"stroke-width": "1",
 					style: { cursor: "crosshair" },
 					onMousedown: E((t) => n.$emit("start-connect", s, e, t), ["stop"])
-				}, null, 40, yt))), 128))])) : i("", !0),
+				}, null, 40, Ct))), 128))])) : i("", !0),
 				t.editingPolygon && t.editingPolygon.id === s.id ? (g(), a("text", {
 					key: 14,
 					x: s.width / 2,
@@ -1465,8 +1586,8 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 					fill: "#409EFF",
 					"font-size": "11",
 					style: { "pointer-events": "none" }
-				}, "双击退出编辑", 8, bt)) : i("", !0)
-			], 44, Qe))), 128)),
+				}, "双击退出编辑", 8, wt)) : i("", !0)
+			], 44, nt))), 128)),
 			(g(!0), a(e, null, y(t.connections, (e) => (g(), a("g", {
 				key: e.id,
 				style: p(S(e) ? "pointer-events:none;opacity:0.5;" : "")
@@ -1480,14 +1601,14 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				"pointer-events": "stroke",
 				style: { cursor: "pointer" },
 				onMousedown: E((t) => n.$emit("select", e, "connection", t), ["stop"])
-			}, null, 40, xt), e.label ? (g(), a("text", {
+			}, null, 40, Tt), e.label ? (g(), a("text", {
 				key: 0,
 				x: D(e).x,
 				y: D(e).y - 6,
 				"text-anchor": "middle",
 				fill: "#666",
 				"font-size": "12"
-			}, x(e.label), 9, St)) : i("", !0)], 4))), 128)),
+			}, x(e.label), 9, Et)) : i("", !0)], 4))), 128)),
 			t.drawingConn ? (g(), a("line", {
 				key: 0,
 				x1: t.drawingConn.x1,
@@ -1497,8 +1618,8 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				stroke: "#409EFF",
 				"stroke-width": "2",
 				"stroke-dasharray": "4,4"
-			}, null, 8, Ct)) : i("", !0),
-			t.editingPolygon ? (g(), a("g", wt, [(g(!0), a(e, null, y(C.value, (e, n) => (g(), a("circle", {
+			}, null, 8, Dt)) : i("", !0),
+			t.editingPolygon ? (g(), a("g", Ot, [(g(!0), a(e, null, y(C.value, (e, n) => (g(), a("circle", {
 				key: "pv-" + n,
 				cx: t.editingPolygon.x + e.x,
 				cy: t.editingPolygon.y + e.y,
@@ -1508,7 +1629,7 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				"stroke-width": "1.5",
 				style: { cursor: "move" },
 				onMousedown: E((e) => j(t.editingPolygon, n, e), ["stop"])
-			}, null, 40, Tt))), 128))])) : i("", !0),
+			}, null, 40, kt))), 128))])) : i("", !0),
 			(g(!0), a(e, null, y(m.value, (e) => (g(), a("g", { key: "img-" + e.id }, [e.shape === "group" && e.imageUrl && e.id !== t.expandedGroupId ? (g(), a("image", {
 				key: 0,
 				href: e.imageUrl,
@@ -1519,8 +1640,8 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 				preserveAspectRatio: "xMidYMid slice",
 				"clip-path": `url(#clip-${e.id})`,
 				style: { "pointer-events": "none" }
-			}, null, 8, Et)) : i("", !0)]))), 128))
-		], 40, Ye)), d.value && d.value.popupConfig && d.value.popupConfig.length ? (g(), a("div", {
+			}, null, 8, At)) : i("", !0)]))), 128))
+		], 40, $e)), d.value && d.value.popupConfig && d.value.popupConfig.length ? (g(), a("div", {
 			key: 0,
 			class: "popup-tooltip",
 			style: p({
@@ -1530,13 +1651,13 @@ var De = "/api/document-versions", Oe = 5e3, ke = () => {
 		}, [(g(!0), a(e, null, y(d.value.popupConfig, (e, t) => (g(), a("div", {
 			key: t,
 			class: "popup-tooltip-row"
-		}, [o("span", Dt, x(e.key) + "：", 1), o("span", Ot, x(e.value), 1)]))), 128))], 4)) : i("", !0)], 512));
+		}, [o("span", jt, x(e.key) + "：", 1), o("span", Mt, x(e.value), 1)]))), 128))], 4)) : i("", !0)], 512));
 	}
 }, [["__scopeId", "data-v-f89f4797"]]);
 //#endregion
 //#region ../../src/composables/useExplosionCollaboration.js
-function At(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
-	let r = new J.Doc(), i = v(!1), a = v(!1), o = v(!1), s = v(!1), c = v([]), l = null, u = null, d = null, f = null, p = !1, m = null, g = `ws://${window.location.hostname || "localhost"}:1234`, _ = `${t}-${e}`, y = () => {
+function Pt(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
+	let r = new ae.Doc(), i = v(!1), a = v(!1), o = v(!1), s = v(!1), c = v([]), l = null, u = null, d = null, f = null, p = !1, m = null, g = `ws://${window.location.hostname || "localhost"}:1234`, _ = `${t}-${e}`, y = () => {
 		b(), m = setInterval(() => {
 			if (l && l.connection && l.connection.ws && l.connection.ws.readyState === WebSocket.CLOSED) try {
 				l.connect();
@@ -1547,7 +1668,7 @@ function At(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
 	}, b = () => {
 		m &&= (clearInterval(m), null);
 	};
-	l = new ae({
+	l = new oe({
 		url: g,
 		name: _,
 		document: r,
@@ -1650,8 +1771,8 @@ function At(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
 }
 //#endregion
 //#region ../../src/composables/useExplosionDiagramCollaboration.js
-var jt = (e, { onRemoteChange: t } = {}) => {
-	let n = At(e, {
+var Ft = (e, { onRemoteChange: t } = {}) => {
+	let n = Pt(e, {
 		roomPrefix: "explosion-diagram",
 		syncKey: "_data"
 	});
@@ -1679,69 +1800,108 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 		pushToYjs: r,
 		pullFromYjs: i
 	};
-}, Mt = { class: "explosion-diagram-editor" }, Nt = {
+}, It = { class: "explosion-diagram-editor" }, Lt = {
 	key: 0,
 	class: "group-breadcrumb"
-}, Pt = { class: "editor-body" }, Ft = {
+}, Rt = { class: "editor-body" }, zt = {
 	key: 0,
 	class: "props-panel"
-}, It = { class: "prop-row" }, Lt = { class: "prop-row" }, Rt = { class: "prop-row" }, zt = { class: "prop-row" }, Bt = { class: "prop-row" }, Vt = {
+}, Bt = { class: "prop-row" }, Vt = { class: "prop-row" }, Ht = { class: "prop-row" }, Ut = { class: "prop-row" }, Wt = { class: "prop-row" }, Gt = {
 	key: 0,
 	class: "group-image-preview"
-}, Ht = ["src"], Ut = { class: "prop-row" }, Wt = { class: "prop-row" }, Gt = { class: "prop-row" }, Kt = { class: "prop-row" }, qt = { class: "prop-row" }, Jt = { class: "prop-row" }, Yt = { class: "prop-row" }, Xt = { class: "prop-row" }, Zt = { class: "prop-row" }, Qt = { style: {
+}, Kt = ["src"], qt = { class: "prop-row" }, Jt = { class: "prop-row" }, Yt = { class: "prop-row" }, Xt = { class: "prop-row" }, Zt = { class: "prop-row" }, Qt = { class: "prop-row" }, $t = { class: "prop-row" }, en = { class: "prop-row" }, tn = { class: "prop-row" }, nn = { style: {
 	"margin-bottom": "8px",
 	display: "flex",
 	gap: "8px"
-} }, $t = "explosion-diagram", en = /*#__PURE__*/ Y({
+} }, rn = "explosion-diagram", an = /*#__PURE__*/ J({
 	__name: "ExplosionDiagramEditor",
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: null
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
+		}
+	},
 	setup(l) {
-		let u = O(), d = k(), f = v(null), p = v(!1), C = v(!1), { saveVersion: T } = ke(), E = Ee(), D = _({
+		let u = l, d = n(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			...u.uiConfig
+		})), f = n(() => u.docId ?? p.params.id), p = O(), C = k(), T = v(u.docId ?? null), E = v(!1), D = v(!1), { saveVersion: M } = Ne(), N = Ee(), te = Ae(() => u.aiApi), P = _({
 			title: "爆炸图",
 			components: [],
 			connections: []
-		}), M = v(!1), ee = v(!1), N = v(!1), P = null, F = v([]), I = v(-1), L = v(null), R = v([]), z = v(null), B = v(null), V = v(!1), H = v(null), U = v(null), W = v([]), ne = v(null), re = v(null), G = v(!1), ie = v(null), K = v([]), J = n(() => W.value.length ? W.value[W.value.length - 1] : null), ae = n(() => {
-			if (!J.value) return D.components;
+		}), F = v(!1), ne = v(!1), re = v(!1), I = null, L = v([]), R = v(-1), z = v(null), B = v([]), V = v(null), H = v(null), U = v(!1), W = v(null), G = v(null), K = v([]), ie = v(null), ae = v(null), oe = v(!1), J = v(null), Y = v([]), X = n(() => K.value.length ? K.value[K.value.length - 1] : null), se = n(() => {
+			if (!X.value) return P.components;
 			let e = (t) => {
 				let n = /* @__PURE__ */ new Set([t]);
-				return D.components.filter((e) => e.groupId === t).forEach((t) => {
+				return P.components.filter((e) => e.groupId === t).forEach((t) => {
 					n.add(t.id), t.shape === "group" && e(t.id).forEach((e) => n.add(e));
 				}), n;
-			}, t = e(J.value);
-			return D.components.filter((e) => t.has(e.id));
-		}), Y = n(() => {
-			if (!J.value) return D.connections;
-			let e = new Set(ae.value.map((e) => e.id));
-			return D.connections.filter((t) => e.has(t.fromId) || e.has(t.toId));
-		}), oe = n(() => {
-			if (!J.value) return "0 0 2000 1500";
-			let e = D.components.find((e) => e.id === J.value);
+			}, t = e(X.value);
+			return P.components.filter((e) => t.has(e.id));
+		}), ce = n(() => {
+			if (!X.value) return P.connections;
+			let e = new Set(se.value.map((e) => e.id));
+			return P.connections.filter((t) => e.has(t.fromId) || e.has(t.toId));
+		}), le = n(() => {
+			if (!X.value) return "0 0 2000 1500";
+			let e = P.components.find((e) => e.id === X.value);
 			if (!e) return "0 0 2000 1500";
-			let t = ae.value.filter((e) => e.id !== J.value);
+			let t = se.value.filter((e) => e.id !== X.value);
 			if (!t.length) return `${e.x} ${e.y} ${e.width} ${e.height}`;
 			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 			return t.forEach((e) => {
 				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
 			}), `${n - 40} ${r - 40} ${i - n + 80} ${a - r + 80}`;
-		}), se = (e) => D.components.find((t) => t.id === e), X = () => {
-			F.value = F.value.slice(0, I.value + 1), F.value.push(JSON.stringify({
-				components: D.components,
-				connections: D.connections
-			})), I.value = F.value.length - 1, ce();
-		}, ce = () => {
-			M.value && P && P.pushToYjs(D);
-		}, le = () => {
-			if (I.value > 0) {
-				I.value--;
-				let e = JSON.parse(F.value[I.value]);
-				D.components = e.components, D.connections = e.connections, ce();
+		}), ue = (e) => P.components.find((t) => t.id === e), Z = () => {
+			L.value = L.value.slice(0, R.value + 1), L.value.push(JSON.stringify({
+				components: P.components,
+				connections: P.connections
+			})), R.value = L.value.length - 1, de();
+		}, de = () => {
+			F.value && I && I.pushToYjs(P);
+		}, fe = () => {
+			if (R.value > 0) {
+				R.value--;
+				let e = JSON.parse(L.value[R.value]);
+				P.components = e.components, P.connections = e.connections, de();
 			}
-		}, ue = () => {
-			if (I.value < F.value.length - 1) {
-				I.value++;
-				let e = JSON.parse(F.value[I.value]);
-				D.components = e.components, D.connections = e.connections, ce();
+		}, pe = () => {
+			if (R.value < L.value.length - 1) {
+				R.value++;
+				let e = JSON.parse(L.value[R.value]);
+				P.components = e.components, P.connections = e.connections, de();
 			}
-		}, de = () => {}, fe = () => {}, pe = 0, Z = () => `comp-${++pe}-${Date.now()}`, me = {
+		}, me = () => {}, he = () => {}, ge = 0, Q = () => `comp-${++ge}-${Date.now()}`, _e = {
 			rect: [140, 60],
 			circle: [80, 80],
 			diamond: [100, 80],
@@ -1751,20 +1911,20 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			polygon: [150, 120],
 			svg: [120, 120],
 			group: [200, 150]
-		}, he = v(null), ge = v(null), Q = null, _e = (e) => {
+		}, ve = v(null), ye = v(null), be = null, xe = (e) => {
 			if (e === "image") {
-				Q = "image", he.value?.click();
+				be = "image", ve.value?.click();
 				return;
 			}
 			if (e === "svg") {
-				Q = "svg", ge.value?.click();
+				be = "svg", ye.value?.click();
 				return;
 			}
 			if (e === "polygon") {
 				let e = {
-					id: Z(),
+					id: Q(),
 					shape: "polygon",
-					label: `${D.components.length + 1}`,
+					label: `${P.components.length + 1}`,
 					description: "",
 					x: 300 + Math.random() * 200,
 					y: 200 + Math.random() * 200,
@@ -1776,14 +1936,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					textColor: "#333",
 					fontSize: 14
 				};
-				J.value && (e.groupId = J.value), D.components.push(e), X();
+				X.value && (e.groupId = X.value), P.components.push(e), Z();
 				return;
 			}
 			if (e === "group") {
 				let e = {
-					id: Z(),
+					id: Q(),
 					shape: "group",
-					label: `${D.components.length + 1}`,
+					label: `${P.components.length + 1}`,
 					description: "",
 					x: 300 + Math.random() * 200,
 					y: 200 + Math.random() * 200,
@@ -1795,13 +1955,13 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					textColor: "#333",
 					fontSize: 14
 				};
-				J.value && (e.groupId = J.value), D.components.push(e), X();
+				X.value && (e.groupId = X.value), P.components.push(e), Z();
 				return;
 			}
-			let [t, n] = me[e] || [120, 60], r = {
-				id: Z(),
+			let [t, n] = _e[e] || [120, 60], r = {
+				id: Q(),
 				shape: e,
-				label: `${D.components.length + 1}`,
+				label: `${P.components.length + 1}`,
 				description: "",
 				x: 300 + Math.random() * 200,
 				y: 200 + Math.random() * 200,
@@ -1812,19 +1972,19 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				textColor: "#333",
 				fontSize: 14
 			};
-			J.value && (r.groupId = J.value), D.components.push(r), X();
-		}, ve = async (e) => {
+			X.value && (r.groupId = X.value), P.components.push(r), Z();
+		}, Se = async (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FormData();
-			n.append("file", t), Q === "image" && n.append("remove_bg", "true");
+			n.append("file", t), be === "image" && n.append("remove_bg", "true");
 			try {
-				let e = await q.post("/api/files/upload/image", n), r = e.data.url || e.data.file_path;
-				if (Q === "image") {
+				let e = await q.post(`${u.apiBase}/files/upload/image`, n), r = e.data.url || e.data.file_path;
+				if (be === "image") {
 					let e = {
-						id: Z(),
+						id: Q(),
 						shape: "image",
-						label: `${D.components.length + 1}`,
+						label: `${P.components.length + 1}`,
 						description: "",
 						x: 300 + Math.random() * 200,
 						y: 200 + Math.random() * 200,
@@ -1836,17 +1996,17 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 						textColor: "#333",
 						fontSize: 14
 					};
-					J.value && (e.groupId = J.value), D.components.push(e);
-				} else if (Q === "svg") {
+					X.value && (e.groupId = X.value), P.components.push(e);
+				} else if (be === "svg") {
 					let e = await t.text(), n = new DOMParser().parseFromString(e, "image/svg+xml").querySelector("svg"), r = n?.getAttribute("width") || 100, i = n?.getAttribute("height") || 100, a = n?.getAttribute("viewBox"), o = parseFloat(r), s = parseFloat(i);
 					if (a) {
 						let e = a.split(/[\s,]+/).map(Number);
 						o = e[2] || o, s = e[3] || s;
 					}
 					let c = n?.innerHTML || "", l = {
-						id: Z(),
+						id: Q(),
 						shape: "svg",
-						label: `${D.components.length + 1}`,
+						label: `${P.components.length + 1}`,
 						description: "",
 						x: 300 + Math.random() * 200,
 						y: 200 + Math.random() * 200,
@@ -1860,29 +2020,29 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 						textColor: "#333",
 						fontSize: 14
 					};
-					J.value && (l.groupId = J.value), D.components.push(l);
+					X.value && (l.groupId = X.value), P.components.push(l);
 				}
-				X();
+				Z();
 			} catch {
 				A.error("上传失败");
 			}
 			e.target.value = "";
-		}, ye = (e, t, n) => {
+		}, Ce = (e, t, n) => {
 			if (n && (n.ctrlKey || n.metaKey)) {
-				R.value.includes(e.id) ? R.value = R.value.filter((t) => t !== e.id) : R.value.push(e.id), L.value = R.value[R.value.length - 1] || null, B.value = L.value ? D.components.find((e) => e.id === L.value) : null, z.value = "component";
+				B.value.includes(e.id) ? B.value = B.value.filter((t) => t !== e.id) : B.value.push(e.id), z.value = B.value[B.value.length - 1] || null, H.value = z.value ? P.components.find((e) => e.id === z.value) : null, V.value = "component";
 				return;
 			}
-			L.value = e.id, R.value = [e.id], z.value = t, B.value = e, U.value = null;
+			z.value = e.id, B.value = [e.id], V.value = t, H.value = e, G.value = null;
 		}, $ = () => {
-			L.value = null, R.value = [], z.value = null, B.value = null, U.value = null;
-		}, be = (e, t, n) => {
-			let r = xe(n), i = e.x, a = e.y, o = e.width, s = e.height, c = e.shape === "polygon" ? (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)) : null, l = e.shape === "group", u = l ? D.components.filter((t) => t.groupId === e.id && t.id !== e.id) : [], d = u.map((e) => ({
+			z.value = null, B.value = [], V.value = null, H.value = null, G.value = null;
+		}, we = (e, t, n) => {
+			let r = De(n), i = e.x, a = e.y, o = e.width, s = e.height, c = e.shape === "polygon" ? (e.points || "").trim().split(/\s+/).map((e) => e.split(",").map(Number)) : null, l = e.shape === "group", u = l ? P.components.filter((t) => t.groupId === e.id && t.id !== e.id) : [], d = u.map((e) => ({
 				id: e.id,
 				x: e.x,
 				y: e.y,
 				w: e.width,
 				h: e.height
-			})), f = new Set(l ? u.map((e) => e.id) : [e.id]), p = D.connections.filter((e) => f.has(e.fromId) || f.has(e.toId)).map((e) => ({
+			})), f = new Set(l ? u.map((e) => e.id) : [e.id]), p = P.connections.filter((e) => f.has(e.fromId) || f.has(e.toId)).map((e) => ({
 				conn: e,
 				fromAnchor: e.fromAnchor ? {
 					x: e.fromAnchor.x,
@@ -1893,7 +2053,7 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					y: e.toAnchor.y
 				} : null
 			})), m = (n) => {
-				let m = xe(n), h = m.x - r.x, g = m.y - r.y, _ = o, v = s, y = i, b = a;
+				let m = De(n), h = m.x - r.x, g = m.y - r.y, _ = o, v = s, y = i, b = a;
 				if (t === "se" ? (_ = o + h, v = s + g) : t === "sw" ? (y = i + h, _ = o - h, v = s + g) : t === "ne" ? (_ = o + h, b = a + g, v = s - g) : t === "nw" && (y = i + h, b = a + g, _ = o - h, v = s - g), _ = Math.max(30, _), v = Math.max(20, v), e.x = y, e.y = b, e.width = _, e.height = v, c && o > 0 && s > 0 && (e.points = c.map(([e, t]) => `${Math.round(e * _ / o)},${Math.round(t * v / s)}`).join(" ")), o > 0 && s > 0) {
 					let e = _ / o, t = v / s;
 					l && u.forEach((n, r) => {
@@ -1913,10 +2073,10 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					});
 				}
 			}, h = () => {
-				document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), X();
+				document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", h), Z();
 			};
 			document.addEventListener("mousemove", m), document.addEventListener("mouseup", h);
-		}, xe = (e) => {
+		}, De = (e) => {
 			let t = document.querySelector(".diagram-svg");
 			if (!t) return {
 				x: 0,
@@ -1927,20 +2087,20 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				x: (e.clientX - n.left) / n.width * r.width + r.x,
 				y: (e.clientY - n.top) / n.height * r.height + r.y
 			};
-		}, Se = (e, t, n, r = !1) => {
-			let i = D.components.find((t) => t.id === e);
+		}, Oe = (e, t, n, r = !1) => {
+			let i = P.components.find((t) => t.id === e);
 			if (!i) return;
 			let a = t - i.x, o = n - i.y;
-			i.x = t, i.y = n, i.shape === "group" && i.id && D.components.forEach((e) => {
+			i.x = t, i.y = n, i.shape === "group" && i.id && P.components.forEach((e) => {
 				e.groupId === i.id && e.id !== i.id && (e.x += a, e.y += o);
-			}), r && X();
-		}, Ce = (e) => {
+			}), r && Z();
+		}, ke = (e) => {
 			if (e.shape === "group") {
-				je(e);
+				Ie(e);
 				return;
 			}
 			if (e.shape === "polygon") {
-				U.value && U.value.id === e.id ? U.value = null : U.value = e;
+				G.value && G.value.id === e.id ? G.value = null : G.value = e;
 				return;
 			}
 			j.prompt("编辑标签", "组件", {
@@ -1949,12 +2109,12 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			}).then(({ value: t }) => {
 				t !== null && (e.label = t);
 			}).catch(() => {});
-		}, we = () => {
-			L.value && (z.value === "component" ? (D.components = D.components.filter((e) => e.id !== L.value), D.connections = D.connections.filter((e) => e.fromId !== L.value && e.toId !== L.value)) : D.connections = D.connections.filter((e) => e.id !== L.value), $(), X());
-		}, De = (e, t, n) => {
-			V.value = !0;
+		}, je = () => {
+			z.value && (V.value === "component" ? (P.components = P.components.filter((e) => e.id !== z.value), P.connections = P.connections.filter((e) => e.fromId !== z.value && e.toId !== z.value)) : P.connections = P.connections.filter((e) => e.id !== z.value), $(), Z());
+		}, Me = (e, t, n) => {
+			U.value = !0;
 			let r = e.x + t.x, i = e.y + t.y;
-			H.value = {
+			W.value = {
 				x1: r,
 				y1: i,
 				x2: r,
@@ -1963,14 +2123,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			let a = n.target.closest("svg"), o = (e) => {
 				if (!a) return;
 				let t = a.getBoundingClientRect(), n = a.viewBox.baseVal;
-				H.value.x2 = (e.clientX - t.left) / t.width * n.width + n.x, H.value.y2 = (e.clientY - t.top) / t.height * n.height + n.y;
+				W.value.x2 = (e.clientX - t.left) / t.width * n.width + n.x, W.value.y2 = (e.clientY - t.top) / t.height * n.height + n.y;
 			}, s = (n) => {
-				if (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), H.value = null, !a) {
-					V.value = !1;
+				if (document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), W.value = null, !a) {
+					U.value = !1;
 					return;
 				}
 				let r = a.getBoundingClientRect(), i = a.viewBox.baseVal, c = (n.clientX - r.left) / r.width * i.width + i.x, l = (n.clientY - r.top) / r.height * i.height + i.y, u = null, d = 30;
-				for (let t of D.components) {
+				for (let t of P.components) {
 					if (t.id === e.id) continue;
 					let n = [
 						{
@@ -1996,13 +2156,13 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					}
 				}
 				if (!u) {
-					for (let t of D.components) if (t.id !== e.id && c >= t.x && c <= t.x + t.width && l >= t.y && l <= t.y + t.height) {
+					for (let t of P.components) if (t.id !== e.id && c >= t.x && c <= t.x + t.width && l >= t.y && l <= t.y + t.height) {
 						u = t;
 						break;
 					}
 				}
-				u && (D.connections.find((t) => t.fromId === e.id && t.toId === u.id) || (D.connections.push({
-					id: Z(),
+				u && (P.connections.find((t) => t.fromId === e.id && t.toId === u.id) || (P.connections.push({
+					id: Q(),
 					fromId: e.id,
 					toId: u.id,
 					fromAnchor: {
@@ -2016,11 +2176,11 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					label: "",
 					lineWidth: 2,
 					dashed: !1
-				}), X())), V.value = !1;
+				}), Z())), U.value = !1;
 			};
 			document.addEventListener("mousemove", o), document.addEventListener("mouseup", s);
-		}, Oe = () => {
-			let e = D.components.filter((e) => R.value.includes(e.id));
+		}, Pe = () => {
+			let e = P.components.filter((e) => B.value.includes(e.id));
 			if (e.length < 2) {
 				A.warning("请至少选择2个零件进行组合");
 				return;
@@ -2029,7 +2189,7 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			e.forEach((e) => {
 				t = Math.min(t, e.x), n = Math.min(n, e.y), r = Math.max(r, e.x + e.width), i = Math.max(i, e.y + e.height);
 			});
-			let a = Z();
+			let a = Q();
 			e.forEach((e) => {
 				e.groupId = a;
 			});
@@ -2048,231 +2208,246 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 				fontSize: 14,
 				movable: !1
 			};
-			J.value && (o.groupId = J.value), D.components = [
-				...D.components.filter((e) => !R.value.includes(e.id)),
+			X.value && (o.groupId = X.value), P.components = [
+				...P.components.filter((e) => !B.value.includes(e.id)),
 				o,
 				...e
-			], R.value = [], X();
-		}, Ae = (e) => {
-			let t = D.components.filter((t) => t.groupId === e.id && t.id !== e.id);
+			], B.value = [], Z();
+		}, Fe = (e) => {
+			let t = P.components.filter((t) => t.groupId === e.id && t.id !== e.id);
 			if (!t.length) return;
 			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 			t.forEach((e) => {
 				n = Math.min(n, e.x), r = Math.min(r, e.y), i = Math.max(i, e.x + e.width), a = Math.max(a, e.y + e.height);
-			}), e.x = n - 10, e.y = r - 10, e.width = i - n + 20, e.height = a - r + 20, X();
-		}, je = (e) => {
-			W.value.push(e.id), $();
-		}, Me = () => {
-			W.value.length && (W.value.pop(), $());
-		}, Ne = (e) => {
-			W.value = W.value.slice(0, e + 1), $();
-		}, Pe = async (e) => {
+			}), e.x = n - 10, e.y = r - 10, e.width = i - n + 20, e.height = a - r + 20, Z();
+		}, Ie = (e) => {
+			K.value.push(e.id), $();
+		}, Le = () => {
+			K.value.length && (K.value.pop(), $());
+		}, Re = (e) => {
+			K.value = K.value.slice(0, e + 1), $();
+		}, ze = async (e) => {
 			let t = e.target.files?.[0];
-			if (!t || !B.value) return;
+			if (!t || !H.value) return;
 			let n = new FormData();
 			n.append("file", t);
 			try {
-				let e = await q.post("/api/files/upload/image", n);
-				B.value.imageUrl = e.data.url || e.data.file_path, Ae(B.value);
+				let e = await q.post(`${u.apiBase}/files/upload/image`, n);
+				H.value.imageUrl = e.data.url || e.data.file_path, Fe(H.value);
 			} catch {
 				A.error("上传失败");
 			}
 			e.target.value = "";
-		}, Fe = () => {
-			let e = D.components;
+		}, Be = () => {
+			let e = P.components;
 			if (!e.length) return;
 			let t = Math.ceil(Math.sqrt(e.length));
-			D.components = e.map((e, n) => ({
+			P.components = e.map((e, n) => ({
 				...e,
 				x: 100 + n % t * 200,
 				y: 100 + Math.floor(n / t) * 120
-			})), X();
-		}, Ie = () => d.push("/"), Le = [
-			"我可以帮您优化爆炸图布局、检查组件标注，或者提供装配顺序建议。请问有什么需要帮助的？",
-			"这个爆炸图的组件分布很清晰。建议检查连接线是否准确反映了实际装配关系。",
-			"根据当前的爆炸图结构，我建议为关键组件添加编号说明，便于阅读理解。",
-			"我可以帮您检查爆炸图中是否有遗漏的零部件或多余的标注。需要我逐个分析吗？",
-			"建议在爆炸图中添加装配方向指示箭头，这样可以让装配流程更加直观。",
-			"这个爆炸图的层次感不错。如果需要，我可以帮您优化组件间距和标注位置。",
-			"我可以帮您将爆炸图的数据导出为BOM清单格式，方便采购和生产管理。",
-			"文档中的组件信息很详细。建议补充每个组件的规格参数和供应商信息。"
-		], Re = async (e, t = {}) => {
-			let n = f.value ? `${$t}-${f.value}` : null;
-			await E.sendMessage(e, {
+			})), Z();
+		}, Ve = () => {
+			u.docId ?? C.push("/");
+		}, He = async (e, t = {}) => {
+			let n = T.value ? `${rn}-${T.value}` : null;
+			await N.sendMessage(e, {
 				...t,
 				roomId: n
 			});
-			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = E.collabUsers.value.filter((e) => e.name !== E.currentUser.value.name);
-			(!r || i || a.length === 0) && (E.loading.value = !0, setTimeout(() => {
-				E.sendAiMessage(Le[Math.floor(Math.random() * Le.length)], n), E.loading.value = !1;
-			}, 800 + Math.random() * 1200));
-		}, ze = () => {
-			let e = f.value ? `${$t}-${f.value}` : null;
-			E.clearMessages(e);
-		}, Be = () => {
-			if (!f.value) {
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = N.collabUsers.value.filter((e) => e.name !== N.currentUser.value.name);
+			if (!r || i || a.length === 0) {
+				N.loading.value = !0;
+				try {
+					let t = await te.chat(e, N.messages.value);
+					N.sendAiMessage(t, n);
+				} catch (e) {
+					N.sendAiMessage("AI 请求失败: " + (e.message || "未知错误"), n);
+				} finally {
+					N.loading.value = !1;
+				}
+			}
+		}, Ue = () => {
+			let e = T.value ? `${rn}-${T.value}` : null;
+			N.clearMessages(e);
+		}, We = () => {
+			if (!T.value) {
 				A.warning("请先保存文档");
 				return;
 			}
-			C.value = !0;
-		}, He = (e) => {
+			D.value = !0;
+		}, Ke = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $();
+				t.components && (P.components = t.components), t.connections && (P.connections = t.connections), $();
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
-		}, Ue = async () => {
-			if (M.value && P?.collaborationClosed.value && !N.value) {
+		}, qe = async () => {
+			if (F.value && I?.collaborationClosed.value && !re.value) {
 				A.warning("协作已关闭，无法保存");
 				return;
 			}
 			try {
 				let e = {
-					title: D.title,
+					title: P.title,
 					view_type: "diagram",
 					config: JSON.stringify({
-						components: D.components,
-						connections: D.connections
+						components: P.components,
+						connections: P.connections
 					})
 				};
-				f.value ? await q.put(`/api/explosion-views/${f.value}`, e) : f.value = (await q.post("/api/explosion-views/", e)).data.id, A.success("保存成功"), T({
-					documentId: f.value,
+				if (typeof u.saveApi == "function") {
+					let t = await u.saveApi(e, T.value);
+					t?.id && (T.value = t.id);
+				} else if (typeof u.saveApi == "string") T.value ? await q.put(u.saveApi, e) : T.value = (await q.post(u.saveApi, e)).data.id;
+				else {
+					let t = u.apiBase;
+					T.value ? await q.put(`${t}/explosion-views/${T.value}`, e) : T.value = (await q.post(`${t}/explosion-views/`, e)).data.id;
+				}
+				A.success("保存成功"), M({
+					documentId: T.value,
 					docType: "diagram",
 					content: JSON.stringify({
-						components: D.components,
-						connections: D.connections
+						components: P.components,
+						connections: P.connections
 					}),
-					userId: String(E.currentUser.value?.id || ""),
-					userName: E.currentUser.value?.name || "未知"
+					userId: String(N.currentUser.value?.id || ""),
+					userName: N.currentUser.value?.name || "未知"
 				});
 			} catch {
 				A.error("保存失败");
 			}
-		}, We = async () => {
-			if (u.params.id) try {
-				let e = (await q.get(`/api/explosion-views/${u.params.id}`)).data;
-				if (f.value = e.id, D.title = e.title, e.config) {
+		}, Je = async () => {
+			if (f.value) try {
+				let e;
+				if (typeof u.loadApi == "function") e = await u.loadApi(f.value);
+				else if (typeof u.loadApi == "string") e = (await q.get(u.loadApi)).data;
+				else {
+					let t = u.apiBase;
+					e = (await q.get(`${t}/explosion-views/${f.value}`)).data;
+				}
+				if (T.value = e.id, P.title = e.title, e.config) {
 					let t = JSON.parse(e.config);
-					D.components = t.components || [], D.connections = t.connections || [];
+					P.components = t.components || [], P.connections = t.connections || [];
 				}
-				X();
+				Z();
 			} catch (e) {
 				console.error("load error", e);
 			}
-			else X();
-		}, Ge = async (e) => {
+			else Z();
+		}, Ye = async (e) => {
 			try {
 				let t = document.querySelector(".diagram-svg");
 				if (!t) return A.error("未找到SVG元素");
 				let n = new XMLSerializer().serializeToString(t);
 				if (e === "svg") {
 					let e = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), t = URL.createObjectURL(e), r = document.createElement("a");
-					r.href = t, r.download = `${D.title || "爆炸图"}.svg`, r.click(), URL.revokeObjectURL(t);
+					r.href = t, r.download = `${P.title || "爆炸图"}.svg`, r.click(), URL.revokeObjectURL(t);
 				} else if (e === "png") {
 					let e = document.createElement("canvas"), t = e.getContext("2d"), r = new Image(), i = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i);
 					r.onload = () => {
 						e.width = r.width, e.height = r.height, t.fillStyle = "#fff", t.fillRect(0, 0, e.width, e.height), t.drawImage(r, 0, 0), e.toBlob((e) => {
 							let t = document.createElement("a");
-							t.href = URL.createObjectURL(e), t.download = `${D.title || "爆炸图"}.png`, t.click();
+							t.href = URL.createObjectURL(e), t.download = `${P.title || "爆炸图"}.png`, t.click();
 						}), URL.revokeObjectURL(a);
 					}, r.src = a;
 				} else A.info(`导出 ${e} 开发中`);
 			} catch {
 				A.error("导出失败");
 			}
-		}, Ke = (e) => {
-			P &&= (P.destroy(), null), P = jt(e, { onRemoteChange: (e) => {
-				e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $();
-			} }), P._setSyncReady(!1);
-		}, qe = async () => {
-			if (M.value) return;
-			if (!f.value && (await Ue(), !f.value)) {
+		}, Xe = (e) => {
+			I &&= (I.destroy(), null), I = Ft(e, { onRemoteChange: (e) => {
+				e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $();
+			} }), I._setSyncReady(!1);
+		}, Ze = async () => {
+			if (F.value) return;
+			if (!T.value && (await qe(), !T.value)) {
 				A.error("请先保存文档");
 				return;
 			}
-			Ke(String(f.value)), P.connect();
+			Xe(String(T.value)), I.connect();
 			let e = {
 				name: `用户${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, t = () => {
-				if (P.provider && P.provider.synced) {
-					P._setSyncReady(!0), P.setLocalUser(e);
-					let t = P.pullFromYjs();
-					t ? (t.title && (D.title = t.title), t.components && (D.components = t.components), t.connections && (D.connections = t.connections), $()) : D.components.length > 0 && P.pushToYjs(D), M.value = !0, N.value = !0, ee.value = !1, E.setCollabContext({
-						ydoc: P.ydoc,
-						provider: P.provider,
-						onlineUsers: P.onlineUsers
-					}), E.setCurrentUser({
-						id: P.provider.awareness.clientID,
+				if (I.provider && I.provider.synced) {
+					I._setSyncReady(!0), I.setLocalUser(e);
+					let t = I.pullFromYjs();
+					t ? (t.title && (P.title = t.title), t.components && (P.components = t.components), t.connections && (P.connections = t.connections), $()) : P.components.length > 0 && I.pushToYjs(P), F.value = !0, re.value = !0, ne.value = !1, N.setCollabContext({
+						ydoc: I.ydoc,
+						provider: I.provider,
+						onlineUsers: I.onlineUsers
+					}), N.setCurrentUser({
+						id: I.provider.awareness.clientID,
 						name: e.name,
 						color: e.color
 					}), A.success("协作已开启");
 				} else setTimeout(t, 100);
 			};
 			setTimeout(t, 200);
-		}, Ye = () => {
-			P && (P.closeCollaboration(), M.value = !1, N.value = !1, A.info("协作已关闭"));
-		}, Xe = () => {
-			let e = u.params.id;
+		}, $e = () => {
+			I && (I.closeCollaboration(), F.value = !1, re.value = !1, A.info("协作已关闭"));
+		}, et = () => {
+			let e = p.params.id;
 			if (!e) return;
-			Ke(e), P.connect();
+			Xe(e), I.connect();
 			let t = {
 				name: `协作人${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, n = () => {
-				if (P.provider && P.provider.synced) {
-					if (P.checkCollaborationClosed()) {
-						P.disconnect(), M.value = !1, A.warning("该协作已关闭，无法加入");
+				if (I.provider && I.provider.synced) {
+					if (I.checkCollaborationClosed()) {
+						I.disconnect(), F.value = !1, A.warning("该协作已关闭，无法加入");
 						return;
 					}
-					P._setSyncReady(!0), P.setLocalUser(t);
-					let e = P.pullFromYjs();
-					e && (e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $()), M.value = !0, N.value = !1, E.setCollabContext({
-						ydoc: P.ydoc,
-						provider: P.provider,
-						onlineUsers: P.onlineUsers
-					}), E.setCurrentUser({
-						id: P.provider.awareness.clientID,
+					I._setSyncReady(!0), I.setLocalUser(t);
+					let e = I.pullFromYjs();
+					e && (e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $()), F.value = !0, re.value = !1, N.setCollabContext({
+						ydoc: I.ydoc,
+						provider: I.provider,
+						onlineUsers: I.onlineUsers
+					}), N.setCurrentUser({
+						id: I.provider.awareness.clientID,
 						name: t.name,
 						color: t.color
 					}), A.success("已加入协作");
 				} else setTimeout(n, 100);
 			};
 			setTimeout(n, 200);
-		}, Ze = () => {
-			M.value ? Ye() : qe();
-		}, Qe = async () => {
-			if (M.value || await qe(), !f.value && (await Ue(), !f.value)) {
+		}, tt = () => {
+			F.value ? $e() : Ze();
+		}, nt = async () => {
+			if (F.value || await Ze(), !T.value && (await qe(), !T.value)) {
 				A.warning("请先保存文档后再分享");
 				return;
 			}
-			let e = `${window.location.origin}/explosion-diagram/${f.value}?collab=1`;
+			let e = `${window.location.origin}/explosion-diagram/${T.value}?collab=1`;
 			try {
 				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
 			} catch {
 				A.info("协作链接: " + e);
 			}
-		}, $e = () => {
-			K.value = (B.value?.popupConfig || []).map((e) => ({ ...e })), G.value = !0;
-		}, et = () => {
-			K.value.push({
+		}, rt = () => {
+			Y.value = (H.value?.popupConfig || []).map((e) => ({ ...e })), oe.value = !0;
+		}, it = () => {
+			Y.value.push({
 				key: "",
 				value: ""
 			});
-		}, tt = () => {
-			B.value.popupConfig = K.value.filter((e) => e.key.trim()), G.value = !1, X();
-		}, nt = (e) => {
+		}, at = () => {
+			H.value.popupConfig = Y.value.filter((e) => e.key.trim()), oe.value = !1, Z();
+		}, ot = (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = () => {
 				try {
 					let e = JSON.parse(n.result);
-					Array.isArray(e) ? K.value = e.map((e) => ({
+					Array.isArray(e) ? Y.value = e.map((e) => ({
 						key: String(e.key || ""),
 						value: String(e.value || "")
-					})) : typeof e == "object" && (K.value = Object.entries(e).map(([e, t]) => ({
+					})) : typeof e == "object" && (Y.value = Object.entries(e).map(([e, t]) => ({
 						key: e,
 						value: String(t)
 					}))), A.success("导入成功");
@@ -2280,68 +2455,70 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					A.error("JSON解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
-		}, rt = () => {
+		}, st = () => {
 			let e = JSON.stringify({
-				title: D.title,
-				components: D.components,
-				connections: D.connections
+				title: P.title,
+				components: P.components,
+				connections: P.connections
 			}, null, 2), t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
-			r.href = n, r.download = `${D.title || "爆炸图"}.json`, r.click(), URL.revokeObjectURL(n), A.success("导出成功");
-		}, it = (e) => {
+			r.href = n, r.download = `${P.title || "爆炸图"}.json`, r.click(), URL.revokeObjectURL(n), A.success("导出成功");
+		}, ct = (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = () => {
 				try {
 					let e = JSON.parse(n.result);
-					e.title && (D.title = e.title), e.components && (D.components = e.components), e.connections && (D.connections = e.connections), $(), X(), A.success("导入成功");
+					e.title && (P.title = e.title), e.components && (P.components = e.components), e.connections && (P.connections = e.connections), $(), Z(), A.success("导入成功");
 				} catch {
 					A.error("JSON解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
 		};
 		m(async () => {
-			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
-			localStorage.setItem("editor-user-name", e), E.setCurrentUser({
-				id: Date.now(),
+			let e = u.user?.name || localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), N.setCurrentUser({
+				id: u.user?.id || Date.now(),
 				name: e,
-				color: "#409eff"
-			}), await We(), u.params.id && u.query.collab === "1" && Xe();
+				color: u.user?.color || "#409eff"
+			}), await Je(), f.value && p.query.collab === "1" && et();
 		});
-		let at = (e) => {
-			e.key === "Delete" && L.value && we(), (e.ctrlKey || e.metaKey) && e.key === "z" && (e.preventDefault(), le()), (e.ctrlKey || e.metaKey) && e.key === "y" && (e.preventDefault(), ue());
+		let lt = (e) => {
+			e.key === "Delete" && z.value && je(), (e.ctrlKey || e.metaKey) && e.key === "z" && (e.preventDefault(), fe()), (e.ctrlKey || e.metaKey) && e.key === "y" && (e.preventDefault(), pe());
 		};
-		return m(() => document.addEventListener("keydown", at)), h(() => {
-			document.removeEventListener("keydown", at), P &&= (P.destroy(), null);
+		return m(() => document.addEventListener("keydown", lt)), h(() => {
+			document.removeEventListener("keydown", lt), I &&= (I.destroy(), null);
 		}), (n, l) => {
-			let d = b("el-breadcrumb-item"), m = b("el-breadcrumb"), h = b("el-icon"), _ = b("el-button"), v = b("el-tooltip"), T = b("el-input"), O = b("el-input-number"), k = b("el-color-picker"), A = b("el-switch"), j = b("el-table-column"), ee = b("el-table"), q = b("el-dialog"), ce = b("Monitor");
-			return g(), a("div", Mt, [
-				c(Je, {
-					title: D.title,
-					"onUpdate:title": l[0] ||= (e) => D.title = e,
-					"can-undo": I.value > 0,
-					"can-redo": I.value < F.value.length - 1,
-					"connecting-mode": V.value,
-					"is-connected": M.value,
-					"online-users": S(P) ? S(P).onlineUsers.value : [],
-					"is-join-mode": S(u).query.collab === "1",
-					onBack: Ie,
-					onAddComponent: _e,
-					onToggleConnecting: l[1] ||= (e) => V.value = !V.value,
-					onGroupSelected: Oe,
-					onAutoLayout: Fe,
-					onUndo: le,
-					onRedo: ue,
-					onZoomIn: de,
-					onZoomOut: fe,
-					onExport: Ge,
-					onSave: Ue,
-					onToggleCollab: Ze,
-					onShareCollab: Qe,
-					onExportJson: rt,
-					onImportJson: l[2] ||= (e) => re.value?.click(),
-					"show-history": !!f.value,
-					onHistory: Be
+			let u = b("el-breadcrumb-item"), f = b("el-breadcrumb"), m = b("el-icon"), h = b("el-button"), _ = b("el-tooltip"), v = b("el-input"), C = b("el-input-number"), O = b("el-color-picker"), k = b("el-switch"), A = b("el-table-column"), j = b("el-table"), M = b("el-dialog"), te = b("Monitor");
+			return g(), a("div", It, [
+				c(Qe, {
+					title: P.title,
+					"onUpdate:title": l[0] ||= (e) => P.title = e,
+					"can-undo": R.value > 0,
+					"can-redo": R.value < L.value.length - 1,
+					"connecting-mode": U.value,
+					"is-connected": F.value,
+					"online-users": S(I) ? S(I).onlineUsers.value : [],
+					"is-join-mode": S(p).query.collab === "1",
+					"show-back-button": d.value.backButton === "show",
+					"title-disabled": !d.value.titleEditable,
+					onBack: Ve,
+					onAddComponent: xe,
+					onToggleConnecting: l[1] ||= (e) => U.value = !U.value,
+					onGroupSelected: Pe,
+					onAutoLayout: Be,
+					onUndo: fe,
+					onRedo: pe,
+					onZoomIn: me,
+					onZoomOut: he,
+					onExport: Ye,
+					onSave: qe,
+					onToggleCollab: tt,
+					onShareCollab: nt,
+					onExportJson: st,
+					onImportJson: l[2] ||= (e) => ae.value?.click(),
+					"show-history": !!T.value,
+					onHistory: We
 				}, null, 8, [
 					"title",
 					"can-undo",
@@ -2350,91 +2527,93 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"is-connected",
 					"online-users",
 					"is-join-mode",
+					"show-back-button",
+					"title-disabled",
 					"show-history"
 				]),
 				o("input", {
 					ref_key: "fileInputRef",
-					ref: he,
+					ref: ve,
 					type: "file",
 					accept: "image/*,.svg",
 					style: { display: "none" },
-					onChange: ve
+					onChange: Se
 				}, null, 544),
 				o("input", {
 					ref_key: "svgInputRef",
-					ref: ge,
+					ref: ye,
 					type: "file",
 					accept: ".svg",
 					style: { display: "none" },
-					onChange: ve
+					onChange: Se
 				}, null, 544),
 				o("input", {
 					ref_key: "groupImageInputRef",
-					ref: ne,
+					ref: ie,
 					type: "file",
 					accept: "image/*",
 					style: { display: "none" },
-					onChange: Pe
+					onChange: ze
 				}, null, 544),
 				o("input", {
 					ref_key: "importJsonInputRef",
-					ref: re,
+					ref: ae,
 					type: "file",
 					accept: ".json",
 					style: { display: "none" },
-					onChange: it
+					onChange: ct
 				}, null, 544),
-				W.value.length ? (g(), a("div", Nt, [c(m, { separator: "/" }, {
-					default: w(() => [c(d, {
-						onClick: l[3] ||= (e) => Ne(-1),
+				K.value.length ? (g(), a("div", Lt, [c(f, { separator: "/" }, {
+					default: w(() => [c(u, {
+						onClick: l[3] ||= (e) => Re(-1),
 						style: { cursor: "pointer" }
 					}, {
 						default: w(() => [...l[27] ||= [s("根目录", -1)]]),
 						_: 1
-					}), (g(!0), a(e, null, y(W.value, (e, t) => (g(), r(d, {
+					}), (g(!0), a(e, null, y(K.value, (e, t) => (g(), r(u, {
 						key: e,
-						onClick: (e) => Ne(t),
+						onClick: (e) => Re(t),
 						style: { cursor: "pointer" }
 					}, {
-						default: w(() => [s(x(se(e)?.label || "组合"), 1)]),
+						default: w(() => [s(x(ue(e)?.label || "组合"), 1)]),
 						_: 2
 					}, 1032, ["onClick"]))), 128))]),
 					_: 1
-				}), c(v, {
+				}), c(_, {
 					content: "返回上一层",
 					placement: "bottom"
 				}, {
-					default: w(() => [c(_, {
+					default: w(() => [c(h, {
 						size: "small",
 						circle: "",
-						onClick: Me
+						onClick: Le
 					}, {
-						default: w(() => [c(h, null, {
-							default: w(() => [c(S(te))]),
+						default: w(() => [c(m, null, {
+							default: w(() => [c(S(ee))]),
 							_: 1
 						})]),
 						_: 1
 					})]),
 					_: 1
 				})])) : i("", !0),
-				o("div", Pt, [c(kt, {
-					components: ae.value,
-					connections: Y.value,
-					"selected-id": L.value,
-					"selected-ids": R.value,
-					"connecting-mode": V.value,
-					"drawing-conn": H.value,
-					"editing-polygon": U.value,
-					"view-box": oe.value,
-					"is-expanded": !!J.value,
-					"expanded-group-id": J.value,
-					onSelect: ye,
-					onEdit: Ce,
+				o("div", Rt, [c(Nt, {
+					components: se.value,
+					connections: ce.value,
+					"selected-id": z.value,
+					"selected-ids": B.value,
+					"connecting-mode": U.value,
+					"drawing-conn": W.value,
+					"editing-polygon": G.value,
+					"view-box": le.value,
+					"is-expanded": !!X.value,
+					"expanded-group-id": X.value,
+					onSelect: Ce,
+					onEdit: ke,
 					onClearSelection: $,
-					onStartConnect: De,
-					onStartResize: be,
-					onMoveComponent: Se,
-					onDragPolygonVertex: X
+					onStartConnect: Me,
+					onStartResize: we,
+					onMoveComponent: Oe,
+					onDragPolygonVertex: Z
 				}, null, 8, [
 					"components",
 					"connections",
@@ -2447,134 +2626,134 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"is-expanded",
 					"expanded-group-id"
 				]), c(t, { name: "slide" }, {
-					default: w(() => [B.value ? (g(), a("div", Ft, [o("h4", null, x(z.value === "component" ? "组件属性" : "连线属性"), 1), z.value === "component" ? (g(), a(e, { key: 0 }, [
-						o("div", It, [l[28] ||= o("label", null, "标签", -1), c(T, {
-							modelValue: B.value.label,
-							"onUpdate:modelValue": l[4] ||= (e) => B.value.label = e,
+					default: w(() => [H.value ? (g(), a("div", zt, [o("h4", null, x(V.value === "component" ? "组件属性" : "连线属性"), 1), V.value === "component" ? (g(), a(e, { key: 0 }, [
+						o("div", Bt, [l[28] ||= o("label", null, "标签", -1), c(v, {
+							modelValue: H.value.label,
+							"onUpdate:modelValue": l[4] ||= (e) => H.value.label = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Lt, [l[29] ||= o("label", null, "描述", -1), c(T, {
-							modelValue: B.value.description,
-							"onUpdate:modelValue": l[5] ||= (e) => B.value.description = e,
+						o("div", Vt, [l[29] ||= o("label", null, "描述", -1), c(v, {
+							modelValue: H.value.description,
+							"onUpdate:modelValue": l[5] ||= (e) => H.value.description = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						B.value.shape === "group" ? (g(), a(e, { key: 0 }, [
-							o("div", Rt, [l[30] ||= o("label", null, "宽度", -1), c(O, {
-								modelValue: B.value.width,
-								"onUpdate:modelValue": l[6] ||= (e) => B.value.width = e,
+						H.value.shape === "group" ? (g(), a(e, { key: 0 }, [
+							o("div", Ht, [l[30] ||= o("label", null, "宽度", -1), c(C, {
+								modelValue: H.value.width,
+								"onUpdate:modelValue": l[6] ||= (e) => H.value.width = e,
 								min: 40,
 								max: 2e3,
 								size: "small"
 							}, null, 8, ["modelValue"])]),
-							o("div", zt, [l[31] ||= o("label", null, "高度", -1), c(O, {
-								modelValue: B.value.height,
-								"onUpdate:modelValue": l[7] ||= (e) => B.value.height = e,
+							o("div", Ut, [l[31] ||= o("label", null, "高度", -1), c(C, {
+								modelValue: H.value.height,
+								"onUpdate:modelValue": l[7] ||= (e) => H.value.height = e,
 								min: 30,
 								max: 1500,
 								size: "small"
 							}, null, 8, ["modelValue"])]),
-							o("div", Bt, [l[34] ||= o("label", null, "显示图片", -1), B.value.imageUrl ? (g(), a("div", Vt, [o("img", {
-								src: B.value.imageUrl,
+							o("div", Wt, [l[34] ||= o("label", null, "显示图片", -1), H.value.imageUrl ? (g(), a("div", Gt, [o("img", {
+								src: H.value.imageUrl,
 								style: {
 									"max-width": "100%",
 									"max-height": "80px",
 									border: "1px solid #e4e7ed",
 									"border-radius": "4px"
 								}
-							}, null, 8, Ht), c(_, {
+							}, null, 8, Kt), c(h, {
 								size: "small",
 								type: "danger",
 								text: "",
-								onClick: l[8] ||= (e) => B.value.imageUrl = ""
+								onClick: l[8] ||= (e) => H.value.imageUrl = ""
 							}, {
 								default: w(() => [...l[32] ||= [s("移除", -1)]]),
 								_: 1
-							})])) : (g(), r(_, {
+							})])) : (g(), r(h, {
 								key: 1,
 								size: "small",
-								onClick: l[9] ||= (e) => ne.value?.click()
+								onClick: l[9] ||= (e) => ie.value?.click()
 							}, {
 								default: w(() => [...l[33] ||= [s("上传图片", -1)]]),
 								_: 1
 							}))]),
-							c(_, {
+							c(h, {
 								size: "small",
-								onClick: l[10] ||= (e) => Ae(B.value)
+								onClick: l[10] ||= (e) => Fe(H.value)
 							}, {
 								default: w(() => [...l[35] ||= [s("适配子零件", -1)]]),
 								_: 1
 							})
-						], 64)) : (g(), a(e, { key: 1 }, [o("div", Ut, [l[36] ||= o("label", null, "宽度", -1), c(O, {
-							modelValue: B.value.width,
-							"onUpdate:modelValue": l[11] ||= (e) => B.value.width = e,
+						], 64)) : (g(), a(e, { key: 1 }, [o("div", qt, [l[36] ||= o("label", null, "宽度", -1), c(C, {
+							modelValue: H.value.width,
+							"onUpdate:modelValue": l[11] ||= (e) => H.value.width = e,
 							min: 40,
 							max: 400,
 							size: "small"
-						}, null, 8, ["modelValue"])]), o("div", Wt, [l[37] ||= o("label", null, "高度", -1), c(O, {
-							modelValue: B.value.height,
-							"onUpdate:modelValue": l[12] ||= (e) => B.value.height = e,
+						}, null, 8, ["modelValue"])]), o("div", Jt, [l[37] ||= o("label", null, "高度", -1), c(C, {
+							modelValue: H.value.height,
+							"onUpdate:modelValue": l[12] ||= (e) => H.value.height = e,
 							min: 30,
 							max: 300,
 							size: "small"
 						}, null, 8, ["modelValue"])])], 64)),
-						o("div", Gt, [l[38] ||= o("label", null, "填充色", -1), c(k, {
-							modelValue: B.value.fill,
-							"onUpdate:modelValue": l[13] ||= (e) => B.value.fill = e,
+						o("div", Yt, [l[38] ||= o("label", null, "填充色", -1), c(O, {
+							modelValue: H.value.fill,
+							"onUpdate:modelValue": l[13] ||= (e) => H.value.fill = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Kt, [l[39] ||= o("label", null, "边框色", -1), c(k, {
-							modelValue: B.value.stroke,
-							"onUpdate:modelValue": l[14] ||= (e) => B.value.stroke = e,
+						o("div", Xt, [l[39] ||= o("label", null, "边框色", -1), c(O, {
+							modelValue: H.value.stroke,
+							"onUpdate:modelValue": l[14] ||= (e) => H.value.stroke = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", qt, [l[40] ||= o("label", null, "文字色", -1), c(k, {
-							modelValue: B.value.textColor,
-							"onUpdate:modelValue": l[15] ||= (e) => B.value.textColor = e,
+						o("div", Zt, [l[40] ||= o("label", null, "文字色", -1), c(O, {
+							modelValue: H.value.textColor,
+							"onUpdate:modelValue": l[15] ||= (e) => H.value.textColor = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Jt, [l[41] ||= o("label", null, "字号", -1), c(O, {
-							modelValue: B.value.fontSize,
-							"onUpdate:modelValue": l[16] ||= (e) => B.value.fontSize = e,
+						o("div", Qt, [l[41] ||= o("label", null, "字号", -1), c(C, {
+							modelValue: H.value.fontSize,
+							"onUpdate:modelValue": l[16] ||= (e) => H.value.fontSize = e,
 							min: 10,
 							max: 32,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						c(_, {
+						c(h, {
 							size: "small",
-							onClick: $e
+							onClick: rt
 						}, {
 							default: w(() => [...l[42] ||= [s("属性弹框设置", -1)]]),
 							_: 1
 						}),
-						c(_, {
+						c(h, {
 							size: "small",
 							type: "danger",
-							onClick: we
+							onClick: je
 						}, {
 							default: w(() => [...l[43] ||= [s("删除", -1)]]),
 							_: 1
 						})
-					], 64)) : z.value === "connection" ? (g(), a(e, { key: 1 }, [
-						o("div", Yt, [l[44] ||= o("label", null, "标签", -1), c(T, {
-							modelValue: B.value.label,
-							"onUpdate:modelValue": l[17] ||= (e) => B.value.label = e,
+					], 64)) : V.value === "connection" ? (g(), a(e, { key: 1 }, [
+						o("div", $t, [l[44] ||= o("label", null, "标签", -1), c(v, {
+							modelValue: H.value.label,
+							"onUpdate:modelValue": l[17] ||= (e) => H.value.label = e,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Xt, [l[45] ||= o("label", null, "线宽", -1), c(O, {
-							modelValue: B.value.lineWidth,
-							"onUpdate:modelValue": l[18] ||= (e) => B.value.lineWidth = e,
+						o("div", en, [l[45] ||= o("label", null, "线宽", -1), c(C, {
+							modelValue: H.value.lineWidth,
+							"onUpdate:modelValue": l[18] ||= (e) => H.value.lineWidth = e,
 							min: 1,
 							max: 6,
 							size: "small"
 						}, null, 8, ["modelValue"])]),
-						o("div", Zt, [l[46] ||= o("label", null, "虚线", -1), c(A, {
-							modelValue: B.value.dashed,
-							"onUpdate:modelValue": l[19] ||= (e) => B.value.dashed = e
+						o("div", tn, [l[46] ||= o("label", null, "虚线", -1), c(k, {
+							modelValue: H.value.dashed,
+							"onUpdate:modelValue": l[19] ||= (e) => H.value.dashed = e
 						}, null, 8, ["modelValue"])]),
-						c(_, {
+						c(h, {
 							size: "small",
 							type: "danger",
-							onClick: we
+							onClick: je
 						}, {
 							default: w(() => [...l[47] ||= [s("删除", -1)]]),
 							_: 1
@@ -2582,58 +2761,58 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					], 64)) : i("", !0)])) : i("", !0)]),
 					_: 1
 				})]),
-				c(q, {
-					modelValue: G.value,
-					"onUpdate:modelValue": l[22] ||= (e) => G.value = e,
+				c(M, {
+					modelValue: oe.value,
+					"onUpdate:modelValue": l[22] ||= (e) => oe.value = e,
 					title: "属性弹框设置",
 					width: "500",
 					"append-to-body": ""
 				}, {
-					footer: w(() => [c(_, { onClick: l[21] ||= (e) => G.value = !1 }, {
+					footer: w(() => [c(h, { onClick: l[21] ||= (e) => oe.value = !1 }, {
 						default: w(() => [...l[51] ||= [s("取消", -1)]]),
 						_: 1
-					}), c(_, {
+					}), c(h, {
 						type: "primary",
-						onClick: tt
+						onClick: at
 					}, {
 						default: w(() => [...l[52] ||= [s("保存", -1)]]),
 						_: 1
 					})]),
-					default: w(() => [o("div", Qt, [
-						c(_, {
+					default: w(() => [o("div", nn, [
+						c(h, {
 							size: "small",
-							onClick: et
+							onClick: it
 						}, {
 							default: w(() => [...l[48] ||= [s("+ 添加一行", -1)]]),
 							_: 1
 						}),
-						c(_, {
+						c(h, {
 							size: "small",
-							onClick: l[20] ||= (e) => ie.value?.click()
+							onClick: l[20] ||= (e) => J.value?.click()
 						}, {
 							default: w(() => [...l[49] ||= [s("导入JSON", -1)]]),
 							_: 1
 						}),
 						o("input", {
 							ref_key: "popupConfigImportRef",
-							ref: ie,
+							ref: J,
 							type: "file",
 							accept: ".json",
 							style: { display: "none" },
-							onChange: nt
+							onChange: ot
 						}, null, 544)
-					]), c(ee, {
-						data: K.value,
+					]), c(j, {
+						data: Y.value,
 						border: "",
 						size: "small",
 						"max-height": "300"
 					}, {
 						default: w(() => [
-							c(j, {
+							c(A, {
 								label: "属性名",
 								"min-width": "120"
 							}, {
-								default: w(({ row: e }) => [c(T, {
+								default: w(({ row: e }) => [c(v, {
 									modelValue: e.key,
 									"onUpdate:modelValue": (t) => e.key = t,
 									size: "small",
@@ -2641,11 +2820,11 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
 								_: 1
 							}),
-							c(j, {
+							c(A, {
 								label: "悬浮内容",
 								"min-width": "200"
 							}, {
-								default: w(({ row: e }) => [c(T, {
+								default: w(({ row: e }) => [c(v, {
 									modelValue: e.value,
 									"onUpdate:modelValue": (t) => e.value = t,
 									size: "small",
@@ -2653,15 +2832,15 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
 								_: 1
 							}),
-							c(j, {
+							c(A, {
 								width: "60",
 								label: "操作"
 							}, {
-								default: w(({ $index: e }) => [c(_, {
+								default: w(({ $index: e }) => [c(h, {
 									size: "small",
 									type: "danger",
 									text: "",
-									onClick: (t) => K.value.splice(e, 1)
+									onClick: (t) => Y.value.splice(e, 1)
 								}, {
 									default: w(() => [...l[50] ||= [s("删除", -1)]]),
 									_: 1
@@ -2673,33 +2852,33 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					}, 8, ["data"])]),
 					_: 1
 				}, 8, ["modelValue"]),
-				c(_, {
+				c(h, {
 					class: "ai-chat-fab",
-					type: p.value ? "primary" : "default",
+					type: E.value ? "primary" : "default",
 					circle: "",
 					size: "large",
-					onClick: l[23] ||= (e) => p.value = !p.value,
+					onClick: l[23] ||= (e) => E.value = !E.value,
 					title: "AI助手"
 				}, {
-					default: w(() => [c(h, null, {
-						default: w(() => [c(ce)]),
+					default: w(() => [c(m, null, {
+						default: w(() => [c(te)]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"]),
 				c(Te, {
-					visible: p.value,
-					messages: S(E).messages.value,
-					loading: S(E).loading.value,
-					"is-collab": S(E).isCollabMode.value,
-					"collab-users": S(E).collabUsers.value,
-					"current-user": S(E).currentUser.value,
-					"is-owner": N.value,
-					onSend: Re,
-					onClose: l[24] ||= (e) => p.value = !1,
-					"unread-mention": S(E).unreadMention.value,
-					onClearUnread: l[25] ||= (e) => S(E).clearUnreadMention(),
-					onClear: ze
+					visible: E.value,
+					messages: S(N).messages.value,
+					loading: S(N).loading.value,
+					"is-collab": S(N).isCollabMode.value,
+					"collab-users": S(N).collabUsers.value,
+					"current-user": S(N).currentUser.value,
+					"is-owner": re.value,
+					onSend: He,
+					onClose: l[24] ||= (e) => E.value = !1,
+					"unread-mention": S(N).unreadMention.value,
+					onClearUnread: l[25] ||= (e) => S(N).clearUnreadMention(),
+					onClear: Ue
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -2710,16 +2889,16 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 					"is-owner",
 					"unread-mention"
 				]),
-				c(Ve, {
-					modelValue: C.value,
-					"onUpdate:modelValue": l[26] ||= (e) => C.value = e,
-					"document-id": f.value,
-					onApply: He
+				c(Ge, {
+					modelValue: D.value,
+					"onUpdate:modelValue": l[26] ||= (e) => D.value = e,
+					"document-id": T.value,
+					onApply: Ke
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-f2d3d8e9"]]), tn = l({
+}, [["__scopeId", "data-v-f876f109"]]), on = l({
 	name: "YourCompanyExplosionDiagram",
 	props: {
 		docId: {
@@ -2730,6 +2909,14 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -2745,14 +2932,22 @@ var jt = (e, { onRemoteChange: t } = {}) => {
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
 		}
 	},
 	setup(e, { slots: t }) {
 		return () => u("div", {
 			class: "yourcompany-explosion-diagram-wrapper",
 			style: "position:relative"
-		}, [u(en, { ...e }), u(D)]);
+		}, [u(an, { ...e }), u(D)]);
 	}
 });
 //#endregion
-export { tn as default };
+export { on as default };