@billtaofbj/diagram 1.1.0 → 1.2.0

package/dist/index.es.js

@@ -5,12 +5,12 @@ import { ElMessage as P } from "element-plus";
 import F from "axios";
 import * as I from "yjs";
 import { HocuspocusProvider as L } from "@hocuspocus/provider";
-import { ArrowDown as R, ArrowLeft as z, Bell as B, Clock as V, Close as H, Delete as U, Link as W, Loading as G, Monitor as K, Picture as ee, Plus as q, Promotion as te, Setting as J, Share as Y } from "@element-plus/icons-vue";
+import { ArrowDown as R, ArrowLeft as z, Bell as B, Clock as V, Close as H, Delete as U, Link as ee, Loading as W, Monitor as G, Picture as K, Plus as te, Promotion as q, Setting as J, Share as ne } from "@element-plus/icons-vue";
 F.create({
 	baseURL: "/api",
 	timeout: 3e4
 });
-function ne(e = "/api") {
+function re(e = "/api") {
 	let t = F.create({
 		baseURL: e,
 		timeout: 3e4
@@ -25,7 +25,7 @@ function ne(e = "/api") {
 		listAttachments: (e) => t.get(`/documents/${e}/attachments`)
 	};
 }
-function re(e = "/api") {
+function Y(e = "/api") {
 	let t = F.create({
 		baseURL: e,
 		timeout: 3e4
@@ -36,8 +36,8 @@ function re(e = "/api") {
 		update: (e, n) => t.put(`/questionnaires/${e}`, n)
 	};
 }
-re("/api");
-var ie = ne("/api");
+Y("/api");
+var ie = re("/api");
 //#endregion
 //#region ../../src/composables/useCollaboration.js
 function ae(e, t = {}) {
@@ -818,7 +818,7 @@ var ue = {
 	execution: "执行流程图",
 	dataflow: "数据流程图"
 };
-function Z(e, t, n, r = {}) {
+function he(e, t, n, r = {}) {
 	let i = ue[e] || ue.process;
 	return {
 		id: "node_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
@@ -850,7 +850,7 @@ function Z(e, t, n, r = {}) {
 		...r
 	};
 }
-function he(e, t, n = {}) {
+function Z(e, t, n = {}) {
 	return {
 		id: "edge_" + Date.now() + "_" + Math.random().toString(36).substr(2, 6),
 		sourceId: e,
@@ -1004,13 +1004,13 @@ function ve(e = "process", n = null) {
 		c.length = 0, l.length = 0, u.length = 0, c.push(...e.nodes), l.push(...e.edges), u.push(...e.swimlanes);
 	}, k = (e, t, n, r) => {
 		E();
-		let i = Z(e, t, n, r);
+		let i = he(e, t, n, r);
 		return c.push(i), i;
 	}, A = (e, t, n) => {
 		let r = l.find((n) => n.sourceId === e && n.targetId === t);
 		if (r) return r;
 		E();
-		let i = he(e, t, n);
+		let i = Z(e, t, n);
 		return l.push(i), i;
 	}, j = (e, t, n) => {
 		E();
@@ -1055,7 +1055,7 @@ function ve(e = "process", n = null) {
 	}, U = (e) => {
 		let t = c.find((t) => t.id === e);
 		t && (t.zIndex = Math.min(...c.map((e) => e.zIndex || 0)) - 1);
-	}, W = () => ({
+	}, ee = () => ({
 		version: "1.0",
 		mode: e,
 		type: g.value,
@@ -1065,34 +1065,34 @@ function ve(e = "process", n = null) {
 		edges: JSON.parse(JSON.stringify(l)),
 		swimlanes: JSON.parse(JSON.stringify(u)),
 		exportTime: (/* @__PURE__ */ new Date()).toISOString()
-	}), G = (e) => e ? (c.length = 0, l.length = 0, u.length = 0, e.nodes && c.push(...e.nodes), e.edges && l.push(...e.edges), e.swimlanes && u.push(...e.swimlanes), e.title && (_.value = e.title), e.type ? g.value = e.type : e.subType && (g.value = e.subType), e.theme && (b.value = e.theme), x.value = [], S.value = [], !0) : !1, K = (e = "vertical") => {
+	}), W = (e) => e ? (c.length = 0, l.length = 0, u.length = 0, e.nodes && c.push(...e.nodes), e.edges && l.push(...e.edges), e.swimlanes && u.push(...e.swimlanes), e.title && (_.value = e.title), e.type ? g.value = e.type : e.subType && (g.value = e.subType), e.theme && (b.value = e.theme), x.value = [], S.value = [], !0) : !1, G = (e = "vertical") => {
 		E();
 		let t = r ? 40 : 50, n = r ? 50 : 80;
 		c.forEach((r, i) => {
 			e === "vertical" ? (r.x = 300, r.y = n, n += r.height + t) : (r.x = 50 + i * (r.width + t), r.y = 200);
 		});
-	}, ee = (e) => {
+	}, K = (e) => {
 		switch (R(), e) {
 			case "approval":
-				q();
+				te();
 				break;
 			case "execution":
-				te();
+				q();
 				break;
 			case "dataflow":
 				J();
 				break;
 			case "business":
-				Y();
+				ne();
 				break;
 			case "h-swimlane":
-				ne();
+				re();
 				break;
 			case "v-swimlane":
-				re();
+				Y();
 				break;
 		}
-	}, q = () => {
+	}, te = () => {
 		_.value = "审批流程";
 		let e = k("start", 300, 30), t = k("person", 290, 130);
 		t.label = "申请人";
@@ -1106,7 +1106,7 @@ function ve(e = "process", n = null) {
 		a.label = "系统通知";
 		let o = k("end", 300, 730);
 		A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id, { label: "否" }), A(r.id, a.id, { label: "是" }), A(i.id, a.id), A(a.id, o.id);
-	}, te = () => {
+	}, q = () => {
 		_.value = "程序执行流程";
 		let e = k("start", 300, 30), t = k("api", 260, 130);
 		t.label = "接收请求";
@@ -1138,7 +1138,7 @@ function ve(e = "process", n = null) {
 		o.label = "生成报表";
 		let s = k("end", 300, 890);
 		A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id), A(i.id, a.id, { label: "通过" }), A(a.id, o.id), A(o.id, s.id);
-	}, Y = () => {
+	}, ne = () => {
 		_.value = "业务流程图";
 		let e = k("start", 300, 30);
 		e.label = "客户提交申请";
@@ -1162,7 +1162,7 @@ function ve(e = "process", n = null) {
 		l.label = "退回补正";
 		let u = k("annotation", 480, 610);
 		u.label = "驳回并说明原因", A(e.id, t.id), A(t.id, n.id), A(n.id, r.id), A(r.id, i.id, { label: "是" }), A(r.id, l.id, { label: "否" }), A(l.id, t.id), A(i.id, a.id), A(a.id, o.id, { label: "通过" }), A(a.id, u.id, { label: "驳回" }), A(u.id, c.id), A(o.id, s.id), A(s.id, c.id);
-	}, ne = () => {
+	}, re = () => {
 		_.value = "水平泳道图 - 订单处理";
 		let e = j("订单处理流程", "horizontal", {
 			width: 900,
@@ -1187,7 +1187,7 @@ function ve(e = "process", n = null) {
 		c.label = "安排物流";
 		let l = k("end", 460, 370);
 		l.label = "送达客户", A(t.id, n.id), A(n.id, r.id), A(r.id, i.id), A(i.id, a.id), A(a.id, o.id, { label: "有货" }), A(a.id, s.id, { label: "缺货" }), A(o.id, s.id), A(s.id, c.id), A(c.id, l.id);
-	}, re = () => {
+	}, Y = () => {
 		_.value = "垂直泳道图 - 审批流程";
 		let e = j("审批流程", "vertical", {
 			width: 750,
@@ -1248,12 +1248,12 @@ function ve(e = "process", n = null) {
 		getNodesInSwimlane: V,
 		bringToFront: H,
 		sendToBack: U,
-		toJSON: W,
-		fromJSON: G,
-		autoLayout: K,
-		loadTemplate: ee,
-		createNode: Z,
-		createEdge: he,
+		toJSON: ee,
+		fromJSON: W,
+		autoLayout: G,
+		loadTemplate: K,
+		createNode: he,
+		createEdge: Z,
 		PROCESS_TYPE_LABELS: pe,
 		EXECUTION_TYPE_LABELS: me,
 		THEMES: X,
@@ -1267,7 +1267,7 @@ var Q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ye = { class: "chat-header" }, be = { class: "chat-header-left" }, xe = { class: "chat-title" }, Se = { class: "online-users-list" }, Ce = { class: "online-user-item" }, we = { class: "online-user-name" }, $ = { key: 1 }, Te = { class: "online-user-name" }, Ee = { class: "chat-header-right" }, De = {
+}, ye = { class: "chat-header" }, be = { class: "chat-header-left" }, xe = { class: "chat-title" }, Se = { class: "online-users-list" }, Ce = { class: "online-user-item" }, we = { class: "online-user-name" }, Te = { key: 1 }, $ = { class: "online-user-name" }, Ee = { class: "chat-header-right" }, De = {
 	key: 0,
 	class: "chat-empty"
 }, Oe = { class: "chat-empty-hint" }, ke = { key: 1 }, Ae = { class: "message-content" }, je = {
@@ -1359,18 +1359,18 @@ var Q = (e, t) => {
 			w.value = !1;
 		}, V = () => {
 			w.value && (O.value = Math.min(O.value + 1, T.value.length - 1));
-		}, W = () => {
+		}, ee = () => {
 			w.value && (O.value = Math.max(O.value - 1, 0));
-		}, G = (e) => {
+		}, W = (e) => {
 			let t = h.value.slice(0, M), n = h.value.slice(M + j.length + 1);
 			h.value = `${t}@${e.name} ${n}`, w.value = !1;
-		}, ee = (e) => {
+		}, K = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (w.value) {
 					let t = T.value[O.value];
 					if (t) {
-						e.preventDefault(), G(t);
+						e.preventDefault(), W(t);
 						return;
 					}
 				}
@@ -1384,12 +1384,12 @@ var Q = (e, t) => {
 				e && (n = e[1]);
 			}
 			d("send", t, { mentionedUser: n }), h.value = "", w.value = !1;
-		}, q = () => {
+		}, te = () => {
 			f(() => {
 				g.value && (g.value.scrollTop = g.value.scrollHeight);
 			});
 		};
-		return E(() => u.messages.length, q), E(() => u.messages, q, { deep: !0 }), (t, l) => {
+		return E(() => u.messages.length, te), E(() => u.messages, te, { deep: !0 }), (t, l) => {
 			let u = x("el-icon"), f = x("el-tag"), y = x("el-popover"), E = x("el-button"), j = x("el-input");
 			return o.visible ? (_(), i("div", {
 				key: 0,
@@ -1401,7 +1401,7 @@ var Q = (e, t) => {
 						size: 18,
 						color: "#409EFF"
 					}, {
-						default: D(() => [c(C(K))]),
+						default: D(() => [c(C(G))]),
 						_: 1
 					}),
 					a("span", xe, S(o.isCollab ? "协作聊天" : "AI 助手"), 1),
@@ -1447,10 +1447,10 @@ var Q = (e, t) => {
 								key: 0,
 								size: 14
 							}, {
-								default: D(() => [c(C(K))]),
+								default: D(() => [c(C(G))]),
 								_: 1
-							})) : (_(), i("span", $, S((e.name || "U").charAt(0)), 1))], 4),
-							a("span", Te, S(e.name || "未知用户"), 1),
+							})) : (_(), i("span", Te, S((e.name || "U").charAt(0)), 1))], 4),
+							a("span", $, S(e.name || "未知用户"), 1),
 							e.isAi ? (_(), n(f, {
 								key: 0,
 								size: "small",
@@ -1523,7 +1523,7 @@ var Q = (e, t) => {
 							size: 40,
 							color: "#c0c4cc"
 						}, {
-							default: D(() => [c(C(K))]),
+							default: D(() => [c(C(G))]),
 							_: 1
 						}),
 						a("p", null, S(o.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
@@ -1539,7 +1539,7 @@ var Q = (e, t) => {
 						key: 0,
 						size: 16
 					}, {
-						default: D(() => [c(C(K))]),
+						default: D(() => [c(C(G))]),
 						_: 1
 					})) : (_(), i("span", ke, S(R(e)), 1))], 4), a("div", Ae, [
 						o.isCollab && e.role === "user" ? (_(), i("div", je, [a("span", {
@@ -1553,7 +1553,7 @@ var Q = (e, t) => {
 						a("div", Pe, S(e.time), 1)
 					])], 2))), 128)),
 					o.loading ? (_(), i("div", Fe, [a("div", Ie, [c(u, { size: 16 }, {
-						default: D(() => [c(C(K))]),
+						default: D(() => [c(C(G))]),
 						_: 1
 					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
 						a("span"),
@@ -1576,9 +1576,9 @@ var Q = (e, t) => {
 						},
 						placeholder: o.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							k(A(ee, ["exact"]), ["enter"]),
+							k(A(K, ["exact"]), ["enter"]),
 							k(A(V, ["prevent"]), ["down"]),
-							k(A(W, ["prevent"]), ["up"])
+							k(A(ee, ["prevent"]), ["up"])
 						],
 						onInput: z,
 						resize: "none"
@@ -1590,7 +1590,7 @@ var Q = (e, t) => {
 					w.value ? (_(), i("div", Re, [(_(!0), i(e, null, b(T.value, (e, t) => (_(), i("div", {
 						key: e.id || e.clientId,
 						class: p(["mention-item", { active: t === O.value }]),
-						onClick: (t) => G(e),
+						onClick: (t) => W(e),
 						onMouseenter: (e) => O.value = t
 					}, [a("div", {
 						class: "mention-avatar",
@@ -1599,7 +1599,7 @@ var Q = (e, t) => {
 						key: 0,
 						size: 12
 					}, {
-						default: D(() => [c(C(K))]),
+						default: D(() => [c(C(G))]),
 						_: 1
 					})) : (_(), i("span", Be, S((e.name || "U").charAt(0)), 1))], 4), a("span", null, S(e.name), 1)], 42, ze))), 128))])) : r("", !0),
 					c(E, {
@@ -1607,10 +1607,10 @@ var Q = (e, t) => {
 						type: "primary",
 						circle: "",
 						disabled: !h.value.trim() || o.loading,
-						onClick: ee
+						onClick: K
 					}, {
 						default: D(() => [c(u, null, {
-							default: D(() => [c(C(te))]),
+							default: D(() => [c(C(q))]),
 							_: 1
 						})]),
 						_: 1
@@ -1769,8 +1769,119 @@ function He() {
 	};
 }
 //#endregion
+//#region ../../src/composables/useAiApi.js
+var Ue = [
+	"我可以帮您优化流程图布局、检查节点逻辑，或者提供流程设计建议。请问有什么需要帮助的？",
+	"这个流程图的节点连接看起来很清晰。建议检查一下是否有遗漏的分支或异常处理路径。",
+	"根据当前的流程结构，我建议在关键决策节点后添加明确的条件标注，使流程更易理解。",
+	"流程图中的泳道划分很合理。如果需要，我可以帮您分析各角色的职责分配是否均衡。",
+	"我可以帮您检查流程中是否存在循环依赖或死锁风险。需要我逐条分析吗？",
+	"建议在流程开始和结束节点使用统一的样式，这样可以让读者更快识别流程的起止点。",
+	"这个执行图的逻辑链路比较长，建议在中间添加一些检查点节点，便于流程监控和调试。",
+	"我可以帮您生成流程图的文字说明文档，方便团队成员理解流程细节。"
+];
+function We() {
+	return Ue[Math.floor(Math.random() * Ue.length)];
+}
+async function Ge(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 Ke(e) {
+	let t = y(!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 We();
+			t.value = !0, n && n.abort(), n = new AbortController();
+			try {
+				return await Ge(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), We());
+			} 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 Ge(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 Ue = "/api/document-versions", We = 5e3, Ge = () => {
+var qe = "/api/document-versions", Je = 5e3, Ye = () => {
 	let e = y([]), t = y(!1);
 	return {
 		versions: e,
@@ -1778,13 +1889,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await F.post(Ue, {
+				let { data: a } = await F.post(qe, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
 					user_id: r || null,
 					user_name: i || null
-				}, { timeout: We });
+				}, { timeout: Je });
 				return a;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to save version:", e), null;
@@ -1794,9 +1905,9 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await F.get(Ue, {
+				let { data: t } = await F.get(qe, {
 					params: { document_id: n },
-					timeout: We
+					timeout: Je
 				});
 				return e.value = t, t;
 			} catch (t) {
@@ -1807,26 +1918,26 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await F.get(`${Ue}/${e}`, { timeout: We });
+				let { data: t } = await F.get(`${qe}/${e}`, { timeout: Je });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
 			}
 		}
 	};
-}, Ke = { class: "version-history-panel" }, qe = {
+}, Xe = { class: "version-history-panel" }, Ze = {
 	key: 0,
 	class: "loading-state"
-}, Je = {
+}, Qe = {
 	key: 1,
 	class: "empty-state"
-}, Ye = {
+}, $e = {
 	key: 2,
 	class: "version-list"
-}, Xe = {
+}, et = {
 	key: 0,
 	class: "current-version"
-}, Ze = { class: "current-version-header" }, Qe = { class: "version-number" }, $e = ["onClick"], et = { class: "version-number" }, tt = { class: "version-user" }, nt = { class: "panel-footer" }, rt = /*#__PURE__*/ Q({
+}, tt = { class: "current-version-header" }, nt = { class: "version-number" }, rt = ["onClick"], it = { class: "version-number" }, at = { class: "version-user" }, ot = { class: "panel-footer" }, st = /*#__PURE__*/ Q({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -1840,7 +1951,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	},
 	emits: ["update:modelValue", "apply"],
 	setup(t, { expose: o, emit: l }) {
-		let u = t, d = l, { versions: f, loading: m, loadVersions: h, getVersionContent: g } = Ge(), v = y(!1), w = y(null), T = y(!1), O = y(null);
+		let u = t, d = l, { versions: f, loading: m, loadVersions: h, getVersionContent: g } = Ye(), v = y(!1), w = y(null), T = y(!1), O = y(null);
 		E(() => u.modelValue, (e) => {
 			v.value = e, e && u.documentId && (w.value = null, h(u.documentId).then((e) => {
 				e && e.length > 0 && (O.value = e[0]);
@@ -1877,7 +1988,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				size: "420px",
 				"before-close": j
 			}, {
-				footer: D(() => [a("div", nt, [c(g, {
+				footer: D(() => [a("div", ot, [c(g, {
 					type: "primary",
 					disabled: !w.value,
 					loading: T.value,
@@ -1886,22 +1997,22 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					default: D(() => [...o[4] ||= [s(" 切换到此版本 ", -1)]]),
 					_: 1
 				}, 8, ["disabled", "loading"])])]),
-				default: D(() => [a("div", Ke, [C(m) ? (_(), i("div", qe, [c(l, { class: "is-loading" }, {
-					default: D(() => [c(C(G))]),
+				default: D(() => [a("div", Xe, [C(m) ? (_(), i("div", Ze, [c(l, { class: "is-loading" }, {
+					default: D(() => [c(C(W))]),
 					_: 1
-				}), o[1] ||= a("span", null, "加载中...", -1)])) : C(f).length === 0 ? (_(), i("div", Je, [c(l, {
+				}), o[1] ||= a("span", null, "加载中...", -1)])) : C(f).length === 0 ? (_(), i("div", Qe, [c(l, {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
 					default: D(() => [c(C(V))]),
 					_: 1
-				}), o[2] ||= a("p", null, "暂无历史版本", -1)])) : (_(), i("div", Ye, [O.value ? (_(), i("div", Xe, [a("div", Ze, [c(u, {
+				}), o[2] ||= a("p", null, "暂无历史版本", -1)])) : (_(), i("div", $e, [O.value ? (_(), i("div", et, [a("div", tt, [c(u, {
 					type: "success",
 					size: "small"
 				}, {
 					default: D(() => [...o[3] ||= [s("当前版本", -1)]]),
 					_: 1
-				}), a("span", Qe, "v" + S(O.value.version_number), 1)])])) : r("", !0), c(h, null, {
+				}), a("span", nt, "v" + S(O.value.version_number), 1)])])) : r("", !0), c(h, null, {
 					default: D(() => [(_(!0), i(e, null, b(C(f), (e) => (_(), n(d, {
 						key: e.id,
 						timestamp: M(e.created_at),
@@ -1912,7 +2023,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						default: D(() => [a("div", {
 							class: p(["version-item", { active: w.value?.id === e.id }]),
 							onClick: (t) => k(e)
-						}, [a("span", et, "版本号：v" + S(e.version_number), 1), a("span", tt, "提交人：" + S(e.user_name || "未知用户"), 1)], 10, $e)]),
+						}, [a("span", it, "版本号：v" + S(e.version_number), 1), a("span", at, "提交人：" + S(e.user_name || "未知用户"), 1)], 10, rt)]),
 						_: 2
 					}, 1032, [
 						"timestamp",
@@ -1925,77 +2036,77 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			}, 8, ["modelValue"]);
 		};
 	}
-}, [["__scopeId", "data-v-87924b7c"]]), it = { class: "node-palette" }, at = { class: "palette-header" }, ot = { class: "palette-search" }, st = { class: "palette-list" }, ct = ["onDragstart"], lt = {
+}, [["__scopeId", "data-v-87924b7c"]]), ct = { class: "node-palette" }, lt = { class: "palette-header" }, ut = { class: "palette-search" }, dt = { class: "palette-list" }, ft = ["onDragstart"], pt = {
 	key: 0,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, ut = {
+}, mt = {
 	key: 1,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, dt = ["fill"], ft = {
+}, ht = ["fill"], gt = {
 	key: 2,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, pt = ["fill"], mt = {
+}, _t = ["fill"], vt = {
 	key: 3,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, ht = ["fill"], gt = ["stroke"], _t = {
+}, yt = ["fill"], bt = ["stroke"], xt = {
 	key: 4,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, vt = ["fill"], yt = ["fill"], bt = {
+}, St = ["fill"], Ct = ["fill"], wt = {
 	key: 5,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, xt = ["fill"], St = {
+}, Tt = ["fill"], Et = {
 	key: 6,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Ct = ["fill"], wt = {
+}, Dt = ["fill"], Ot = {
 	key: 7,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Tt = ["fill"], Et = {
+}, kt = ["fill"], At = {
 	key: 8,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Dt = ["fill"], Ot = {
+}, jt = ["fill"], Mt = {
 	key: 9,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, kt = ["fill"], At = {
+}, Nt = ["fill"], Pt = {
 	key: 10,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, jt = ["fill"], Mt = ["fill"], Nt = {
+}, Ft = ["fill"], It = ["fill"], Lt = {
 	key: 11,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Pt = ["fill"], Ft = ["fill"], It = {
+}, Rt = ["fill"], zt = ["fill"], Bt = {
 	key: 12,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, Lt = ["fill"], Rt = {
+}, Vt = ["fill"], Ht = {
 	key: 13,
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24"
-}, zt = ["fill"], Bt = { class: "palette-label" }, Vt = /*#__PURE__*/ Q({
+}, Ut = ["fill"], Wt = { class: "palette-label" }, Gt = /*#__PURE__*/ Q({
 	__name: "NodePalette",
 	props: {
 		NODE_TYPES: {
@@ -2027,8 +2138,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		};
 		return (t, l) => {
 			let u = x("el-icon"), h = x("el-button"), g = x("el-dropdown-item"), v = x("el-dropdown-menu"), y = x("el-dropdown"), w = x("el-input"), T = x("el-tooltip");
-			return _(), i("div", it, [
-				a("div", at, [l[6] ||= a("h4", null, "组件库", -1), o.showTypeSelector ? (_(), n(y, {
+			return _(), i("div", ct, [
+				a("div", lt, [l[6] ||= a("h4", null, "组件库", -1), o.showTypeSelector ? (_(), n(y, {
 					key: 0,
 					trigger: "click",
 					onCommand: l[0] ||= (e) => t.$emit("set-type", e),
@@ -2067,7 +2178,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : r("", !0)]),
-				a("div", ot, [c(w, {
+				a("div", ut, [c(w, {
 					size: "small",
 					modelValue: d.value,
 					"onUpdate:modelValue": l[1] ||= (e) => d.value = e,
@@ -2075,7 +2186,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					clearable: "",
 					"prefix-icon": "Search"
 				}, null, 8, ["modelValue"])]),
-				a("div", st, [(_(!0), i(e, null, b(f.value, (e, t) => (_(), n(T, {
+				a("div", dt, [(_(!0), i(e, null, b(f.value, (e, t) => (_(), n(T, {
 					key: t,
 					content: e.desc || e.label,
 					placement: "right",
@@ -2089,7 +2200,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					}, [a("div", {
 						class: "palette-icon",
 						style: m({ background: e.color })
-					}, [t === "custom" ? (_(), i("svg", lt, [...l[7] ||= [
+					}, [t === "custom" ? (_(), i("svg", pt, [...l[7] ||= [
 						a("rect", {
 							x: "3",
 							y: "3",
@@ -2117,7 +2228,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							stroke: "#909399",
 							"stroke-width": "1.5"
 						}, null, -1)
-					]])) : e.shape === "ellipse" ? (_(), i("svg", ut, [a("ellipse", {
+					]])) : e.shape === "ellipse" ? (_(), i("svg", mt, [a("ellipse", {
 						cx: "12",
 						cy: "12",
 						rx: "10",
@@ -2125,22 +2236,22 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, dt)])) : e.shape === "diamond" ? (_(), i("svg", ft, [a("polygon", {
+					}, null, 8, ht)])) : e.shape === "diamond" ? (_(), i("svg", gt, [a("polygon", {
 						points: "12,2 22,12 12,22 2,12",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, pt)])) : e.shape === "person" ? (_(), i("svg", mt, [a("circle", {
+					}, null, 8, _t)])) : e.shape === "person" ? (_(), i("svg", vt, [a("circle", {
 						cx: "12",
 						cy: "8",
 						r: "4",
 						fill: e.color
-					}, null, 8, ht), a("path", {
+					}, null, 8, yt), a("path", {
 						d: "M4 22 Q12 14 20 22",
 						fill: "none",
 						stroke: e.color,
 						"stroke-width": "2"
-					}, null, 8, gt)])) : e.shape === "cylinder" ? (_(), i("svg", _t, [
+					}, null, 8, bt)])) : e.shape === "cylinder" ? (_(), i("svg", xt, [
 						a("ellipse", {
 							cx: "12",
 							cy: "7",
@@ -2149,14 +2260,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							fill: e.color,
 							stroke: "#fff",
 							"stroke-width": "0.5"
-						}, null, 8, vt),
+						}, null, 8, St),
 						a("rect", {
 							x: "3",
 							y: "7",
 							width: "18",
 							height: "10",
 							fill: e.color
-						}, null, 8, yt),
+						}, null, 8, Ct),
 						l[8] ||= a("path", {
 							d: "M3 7 Q3 17 12 17 Q21 17 21 7",
 							fill: "none",
@@ -2172,12 +2283,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							stroke: "#fff",
 							"stroke-width": "1"
 						}, null, -1)
-					])) : e.shape === "hexagon" ? (_(), i("svg", bt, [a("polygon", {
+					])) : e.shape === "hexagon" ? (_(), i("svg", wt, [a("polygon", {
 						points: "7,2 17,2 22,12 17,22 7,22 2,12",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, xt)])) : e.shape === "timer" ? (_(), i("svg", St, [
+					}, null, 8, Tt)])) : e.shape === "timer" ? (_(), i("svg", Et, [
 						a("circle", {
 							cx: "12",
 							cy: "12",
@@ -2185,7 +2296,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							fill: e.color,
 							stroke: "#fff",
 							"stroke-width": "1"
-						}, null, 8, Ct),
+						}, null, 8, Dt),
 						l[10] ||= a("line", {
 							x1: "12",
 							y1: "12",
@@ -2204,7 +2315,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							"stroke-width": "1",
 							"stroke-linecap": "round"
 						}, null, -1)
-					])) : e.shape === "subprocess" ? (_(), i("svg", wt, [a("rect", {
+					])) : e.shape === "subprocess" ? (_(), i("svg", Ot, [a("rect", {
 						x: "2",
 						y: "4",
 						width: "20",
@@ -2213,44 +2324,44 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Tt), l[12] ||= a("rect", {
+					}, null, 8, kt), l[12] ||= a("rect", {
 						x: "4",
 						y: "16",
 						width: "16",
 						height: "2",
 						rx: "1",
 						fill: "rgba(255,255,255,0.4)"
-					}, null, -1)])) : e.shape === "document" ? (_(), i("svg", Et, [a("path", {
+					}, null, -1)])) : e.shape === "document" ? (_(), i("svg", At, [a("path", {
 						d: "M4 2 H20 V16 Q15 13 12 16 Q9 19 4 16 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Dt)])) : e.shape === "parallelogram" ? (_(), i("svg", Ot, [a("polygon", {
+					}, null, 8, jt)])) : e.shape === "parallelogram" ? (_(), i("svg", Mt, [a("polygon", {
 						points: "5,4 22,4 19,20 2,20",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, kt)])) : e.shape === "folder" ? (_(), i("svg", At, [a("path", {
+					}, null, 8, Nt)])) : e.shape === "folder" ? (_(), i("svg", Pt, [a("path", {
 						d: "M2 8 H22 V21 H2 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, jt), a("path", {
+					}, null, 8, Ft), a("path", {
 						d: "M2 8 V5 H9 L11 8",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Mt)])) : e.shape === "note" ? (_(), i("svg", Nt, [a("path", {
+					}, null, 8, It)])) : e.shape === "note" ? (_(), i("svg", Lt, [a("path", {
 						d: "M2 2 H22 V18 L18 22 H2 Z",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, Pt), a("path", {
+					}, null, 8, Rt), a("path", {
 						d: "M18 18 V22 L22 18",
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "0.5"
-					}, null, 8, Ft)])) : e.shape === "rounded闪电" ? (_(), i("svg", It, [a("rect", {
+					}, null, 8, zt)])) : e.shape === "rounded闪电" ? (_(), i("svg", Bt, [a("rect", {
 						x: "2",
 						y: "6",
 						width: "20",
@@ -2259,11 +2370,11 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, Lt), l[13] ||= a("path", {
+					}, null, 8, Vt), l[13] ||= a("path", {
 						d: "M14 8 L10 12 H13 L11 16 L15 12 H12 Z",
 						fill: "#fff",
 						opacity: "0.9"
-					}, null, -1)])) : (_(), i("svg", Rt, [a("rect", {
+					}, null, -1)])) : (_(), i("svg", Ht, [a("rect", {
 						x: "2",
 						y: "4",
 						width: "20",
@@ -2272,19 +2383,22 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: e.color,
 						stroke: "#fff",
 						"stroke-width": "1"
-					}, null, 8, zt)]))], 4), a("span", Bt, S(e.label), 1)], 40, ct)]),
+					}, null, 8, Ut)]))], 4), a("span", Wt, S(e.label), 1)], 40, ft)]),
 					_: 2
 				}, 1032, ["content"]))), 128))])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-ccb25fe4"]]), Ht = { class: "process-toolbar" }, Ut = {
+}, [["__scopeId", "data-v-ccb25fe4"]]), Kt = { class: "process-toolbar" }, qt = {
 	key: 0,
 	class: "toolbar-group"
-}, Wt = {
+}, Jt = {
 	key: 1,
 	class: "toolbar-group"
-}, Gt = { class: "toolbar-group" }, Kt = { class: "toolbar-group" }, qt = { class: "toolbar-group" }, Jt = { class: "toolbar-group" }, Yt = { class: "toolbar-group" }, Xt = { class: "toolbar-group" }, Zt = /*#__PURE__*/ Q({
+}, Yt = {
+	key: 2,
+	class: "toolbar-group"
+}, Xt = { class: "toolbar-group" }, Zt = { class: "toolbar-group" }, Qt = { class: "toolbar-group" }, $t = { class: "toolbar-group" }, en = { class: "toolbar-group" }, tn = /*#__PURE__*/ Q({
 	__name: "ProcessToolbar",
 	props: {
 		animationPlaying: {
@@ -2318,6 +2432,10 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		showTemplateSelector: {
 			type: Boolean,
 			default: !0
+		},
+		showSwimlaneSelector: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: [
@@ -2348,8 +2466,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		};
 		return (t, o) => {
 			let h = x("ArrowDown"), g = x("el-icon"), v = x("el-button"), y = x("el-dropdown-item"), b = x("el-dropdown-menu"), w = x("el-dropdown"), T = x("RefreshLeft"), E = x("RefreshRight"), O = x("Grid"), k = x("el-option"), A = x("el-select"), j = x("Delete"), M = x("Check"), N = x("Clock"), P = x("el-input"), F = x("el-dialog");
-			return _(), i("div", Ht, [
-				e.showTemplateSelector ? (_(), i("div", Ut, [c(w, {
+			return _(), i("div", Kt, [
+				e.showTemplateSelector ? (_(), i("div", qt, [c(w, {
 					trigger: "click",
 					onCommand: o[0] ||= (e) => t.$emit("set-template", e),
 					size: "small"
@@ -2395,14 +2513,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					}, 8, ["disabled"])]),
 					_: 1
 				})])) : r("", !0),
-				e.isJoinedCollab ? r("", !0) : (_(), i("div", Wt, [c(v, {
+				e.isJoinedCollab ? r("", !0) : (_(), i("div", Jt, [c(v, {
 					size: "small",
 					type: e.isCollaborating ? "success" : "default",
 					onClick: o[1] ||= (n) => e.isCollaborating ? t.$emit("stop-collab") : t.$emit("start-collab"),
 					title: "协作"
 				}, {
 					default: D(() => [c(g, null, {
-						default: D(() => [c(C(Y))]),
+						default: D(() => [c(C(ne))]),
 						_: 1
 					}), a("span", null, S(e.isCollaborating ? "协作中" : "协作"), 1)]),
 					_: 1
@@ -2414,12 +2532,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					title: "分享链接"
 				}, {
 					default: D(() => [c(g, null, {
-						default: D(() => [c(C(W))]),
+						default: D(() => [c(C(ee))]),
 						_: 1
 					})]),
 					_: 1
 				})) : r("", !0)])),
-				a("div", Gt, [c(w, {
+				e.showSwimlaneSelector ? (_(), i("div", Yt, [c(w, {
 					trigger: "click",
 					onCommand: p
 				}, {
@@ -2441,8 +2559,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						_: 1
 					})]),
 					_: 1
-				})]),
-				a("div", Kt, [c(v, {
+				})])) : r("", !0),
+				a("div", Xt, [c(v, {
 					size: "small",
 					circle: "",
 					onClick: o[3] ||= (e) => t.$emit("undo"),
@@ -2467,7 +2585,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					})]),
 					_: 1
 				}, 8, ["disabled"])]),
-				a("div", qt, [
+				a("div", Zt, [
 					c(v, {
 						size: "small",
 						onClick: o[5] ||= (e) => t.$emit("auto-layout"),
@@ -2511,7 +2629,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						_: 1
 					}, 8, ["modelValue"])
 				]),
-				a("div", Jt, [c(w, {
+				a("div", Qt, [c(w, {
 					trigger: "click",
 					onCommand: m
 				}, {
@@ -2556,7 +2674,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					default: D(() => [...o[33] ||= [s(" 导入 ", -1)]]),
 					_: 1
 				}, 8, ["disabled"])]),
-				a("div", Yt, [c(v, {
+				a("div", $t, [c(v, {
 					size: "small",
 					onClick: o[10] ||= (e) => t.$emit("clear"),
 					disabled: e.disabled,
@@ -2583,7 +2701,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					_: 1
 				})]),
 				o[38] ||= a("div", { class: "toolbar-spacer" }, null, -1),
-				a("div", Xt, [c(v, {
+				a("div", en, [c(v, {
 					size: "small",
 					type: "primary",
 					onClick: o[12] ||= (e) => t.$emit("save")
@@ -2641,16 +2759,16 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-e290baee"]]), Qt = ["transform"], $t = { key: 0 }, en = ["id"], tn = ["offset", "stop-color"], nn = [
+}, [["__scopeId", "data-v-655606b2"]]), nn = ["transform"], rn = { key: 0 }, an = ["id"], on = ["offset", "stop-color"], sn = [
 	"width",
 	"height",
 	"rx"
-], rn = [
+], cn = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], an = [
+], ln = [
 	"width",
 	"height",
 	"rx",
@@ -2658,19 +2776,19 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke-width",
 	"stroke-dasharray",
 	"filter"
-], on = [
+], un = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], sn = [
+], dn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], cn = [
+], fn = [
 	"width",
 	"height",
 	"rx",
@@ -2678,11 +2796,11 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], ln = [
+], pn = [
 	"href",
 	"width",
 	"height"
-], un = [
+], mn = [
 	"cx",
 	"cy",
 	"rx",
@@ -2691,41 +2809,41 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], dn = [
+], hn = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], fn = { key: 10 }, pn = [
+], gn = { key: 10 }, _n = [
 	"cx",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], mn = ["d", "stroke"], hn = [
+], vn = ["d", "stroke"], yn = [
 	"x1",
 	"x2",
 	"stroke"
-], gn = [
+], bn = [
 	"x1",
 	"x2",
 	"stroke"
-], _n = [
+], xn = [
 	"x1",
 	"x2",
 	"stroke"
-], vn = [
+], Sn = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], yn = [
+], Cn = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], bn = { key: 11 }, xn = [
+], wn = { key: 11 }, Tn = [
 	"width",
 	"height",
 	"rx",
@@ -2733,47 +2851,47 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Sn = ["y", "width"], Cn = { key: 12 }, wn = [
+], En = ["y", "width"], Dn = { key: 12 }, On = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Tn = { key: 13 }, En = [
+], kn = { key: 13 }, An = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Dn = { key: 14 }, On = [
+], jn = { key: 14 }, Mn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], kn = [
+], Nn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], An = { key: 15 }, jn = [
+], Pn = { key: 15 }, Fn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Mn = [
+], In = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Nn = { key: 16 }, Pn = [
+], Ln = { key: 16 }, Rn = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], Fn = [
+], zn = [
 	"cx",
 	"cy",
 	"rx",
@@ -2781,18 +2899,18 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"fill",
 	"stroke",
 	"stroke-width"
-], In = [
+], Bn = [
 	"cx",
 	"cy",
 	"rx",
 	"ry"
-], Ln = { key: 17 }, Rn = [
+], Vn = { key: 17 }, Hn = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], zn = { key: 18 }, Bn = [
+], Un = { key: 18 }, Wn = [
 	"cx",
 	"cy",
 	"r",
@@ -2800,21 +2918,21 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Vn = [
+], Gn = [
 	"cx",
 	"cy",
 	"r"
-], Hn = [
+], Kn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Un = [
+], qn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Wn = ["cx", "cy"], Gn = { key: 19 }, Kn = [
+], Jn = ["cx", "cy"], Yn = { key: 19 }, Xn = [
 	"width",
 	"height",
 	"rx",
@@ -2822,7 +2940,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], qn = ["d"], Jn = [
+], Zn = ["d"], Qn = [
 	"width",
 	"height",
 	"rx",
@@ -2830,22 +2948,22 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke",
 	"stroke-width",
 	"filter"
-], Yn = [
+], $n = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Xn = [
+], er = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Zn = [
+], tr = [
 	"width",
 	"height",
 	"rx",
 	"stroke"
-], Qn = [
+], nr = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2853,14 +2971,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"fill",
 	"font-size",
 	"transform"
-], $n = {
+], rr = {
 	key: 0,
 	class: "resize-handles"
-}, er = [
+}, ir = [
 	"x",
 	"y",
 	"onMousedown"
-], tr = ["cx", "cy"], nr = ["cx", "cy"], rr = /*#__PURE__*/ Q({
+], ar = ["cx", "cy"], or = ["cx", "cy"], sr = /*#__PURE__*/ Q({
 	__name: "DiagramNode",
 	props: {
 		node: {
@@ -3130,8 +3248,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			}
 			return n;
 		}), B = t(() => c.animationPlaying ? { animation: `glowPulseRingOverlay ${c.node.animationDuration || C.value.animation.defaultDuration || 2}s ease-in-out ${c.node.animationDelay || 0}s infinite` } : { display: "none" }), V = t(() => c.animationPlaying ? { animation: `breathingAnimation ${c.node.animationDuration || C.value.animation.defaultDuration || 2}s ease-in-out ${c.node.animationDelay || 0}s infinite` } : { display: "none" }), H = t(() => !c.animationPlaying || c.node.animation !== "ripple" ? { display: "none" } : { animation: `nodeRippleOverlay ${c.node.animationDuration || C.value.animation.defaultDuration || 2}s ease-out ${c.node.animationDelay || 0}s infinite` }), U = () => {
-			v &&= (v(), null), G(), u.value = null;
-		}, W = (e) => {
+			v &&= (v(), null), W(), u.value = null;
+		}, ee = (e) => {
 			if (c.node.locked || e.button !== 0) return;
 			if (c.connectMode) {
 				l("start-connect", c.node.id);
@@ -3146,28 +3264,28 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			let t = (e) => {
 				if (!u.value) return;
 				let t = e.clientX - u.value.x, n = e.clientY - u.value.y;
-				(Math.abs(t) > 3 || Math.abs(n) > 3) && (h = !0, G()), l("drag", c.node.id, t, n), u.value = {
+				(Math.abs(t) > 3 || Math.abs(n) > 3) && (h = !0, W()), l("drag", c.node.id, t, n), u.value = {
 					x: e.clientX,
 					y: e.clientY
 				};
 			}, n = () => {
-				G(), u.value = null, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n), v = null, l("drag-end", c.node.id);
+				W(), u.value = null, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n), v = null, l("drag-end", c.node.id);
 			};
 			v = () => {
 				window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n), v = null;
 			}, window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
-		}, G = () => {
+		}, W = () => {
 			d.value = !1, f &&= (clearTimeout(f), null);
+		}, G = () => {
+			d.value = !1, W();
 		}, K = () => {
-			d.value = !1, G();
-		}, ee = () => {
 			(c.connectMode || c.autoConnectMode) && l("end-connect", h ? null : c.node.id);
-		}, q = () => {
-			l("select", c.node.id);
 		}, te = () => {
+			l("select", c.node.id);
+		}, q = () => {
 			g &&= (g(), null);
 		}, J = (e, t) => {
-			te();
+			q();
 			let n = t.clientX, r = t.clientY, i = c.node.width, a = c.node.height, o = (t) => {
 				let o = t.clientX - n, s = t.clientY - r, u = Math.max(60, i + o * e.dx), d = Math.max(30, a + s * e.dy);
 				l("resize", c.node.id, u, d);
@@ -3179,8 +3297,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			}, window.addEventListener("mousemove", o), window.addEventListener("mouseup", s);
 		};
 		return E(() => c.selected, (e) => {
-			e || (te(), U());
-		}), o({ clearAutoConnect: K }), (t, o) => (_(), i("g", {
+			e || (q(), U());
+		}), o({ clearAutoConnect: G }), (t, o) => (_(), i("g", {
 			class: p(["diagram-node", {
 				selected: n.selected,
 				locked: n.node.locked
@@ -3190,9 +3308,9 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				opacity: n.node.visible ? 1 : .3,
 				cursor: n.connectMode || n.autoConnectMode ? "crosshair" : "move"
 			}),
-			onMousedown: A(W, ["stop"]),
-			onMouseup: A(ee, ["stop"]),
-			onClick: A(q, ["stop"]),
+			onMousedown: A(ee, ["stop"]),
+			onMouseup: A(K, ["stop"]),
+			onClick: A(te, ["stop"]),
 			onDblclick: o[0] ||= (e) => t.$emit("select", n.node.id),
 			onContextmenu: o[1] ||= A((e) => t.$emit("reset-state"), ["prevent"]),
 			onMouseenter: o[2] ||= (e) => t.$emit("hover-remark", {
@@ -3210,7 +3328,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				class: p(["node-shape", `anim-${n.node.animation}`]),
 				style: m(z.value)
 			}, [
-				T.value.type === "gradient" ? (_(), i("defs", $t, [a("linearGradient", {
+				T.value.type === "gradient" ? (_(), i("defs", rn, [a("linearGradient", {
 					id: `grad-${n.node.id}`,
 					x1: "0%",
 					y1: "0%",
@@ -3220,7 +3338,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					key: t,
 					offset: `${t / (T.value.colors.length - 1) * 100}%`,
 					"stop-color": e
-				}, null, 8, tn))), 128))], 8, en)])) : r("", !0),
+				}, null, 8, on))), 128))], 8, an)])) : r("", !0),
 				C.value.nodeStyle.glassHighlight ? (_(), i(e, { key: 1 }, [n.node.shape === "rect" ? (_(), i("rect", {
 					key: 0,
 					width: n.node.width,
@@ -3228,7 +3346,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					rx: C.value.nodeStyle.borderRadius,
 					fill: "rgba(255,255,255,0.15)",
 					style: { "pointer-events": "none" }
-				}, null, 8, nn)) : r("", !0)], 64)) : r("", !0),
+				}, null, 8, sn)) : r("", !0)], 64)) : r("", !0),
 				C.value.nodeStyle.glowEffect && n.selected ? (_(), i(e, { key: 2 }, [n.node.shape === "rect" ? (_(), i("rect", {
 					key: 0,
 					x: -4,
@@ -3241,7 +3359,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-width": 3,
 					filter: "url(#neon-glow-strong)",
 					class: "glow-rect"
-				}, null, 8, rn)) : r("", !0)], 64)) : r("", !0),
+				}, null, 8, cn)) : r("", !0)], 64)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("rect", {
 					key: 3,
 					width: n.node.width,
@@ -3252,7 +3370,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-width": n.selected ? 3 : n.node.strokeWidth,
 					"stroke-dasharray": n.node.strokeWidth > 0 ? "8,4" : "none",
 					filter: `url(#${P.value})`
-				}, null, 8, an)) : r("", !0),
+				}, null, 8, ln)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("line", {
 					key: 4,
 					x1: n.node.width / 2,
@@ -3261,7 +3379,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					y2: n.node.height * .7,
 					stroke: n.selected ? "#409eff" : "#909399",
 					"stroke-width": "2"
-				}, null, 8, on)) : r("", !0),
+				}, null, 8, un)) : r("", !0),
 				n.node.type === "custom" && (n.selected || n.node.strokeWidth > 0) ? (_(), i("line", {
 					key: 5,
 					x1: n.node.width * .3,
@@ -3270,7 +3388,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					y2: n.node.height / 2,
 					stroke: n.selected ? "#409eff" : "#909399",
 					"stroke-width": "2"
-				}, null, 8, sn)) : n.node.shape === "rect" ? (_(), i("rect", {
+				}, null, 8, dn)) : n.node.shape === "rect" ? (_(), i("rect", {
 					key: 6,
 					width: n.node.width,
 					height: n.node.height,
@@ -3279,7 +3397,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, cn)) : r("", !0),
+				}, null, 8, fn)) : r("", !0),
 				n.node.type === "custom" && n.node.image ? (_(), i("image", {
 					key: 7,
 					href: n.node.image,
@@ -3287,7 +3405,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					height: n.node.height,
 					preserveAspectRatio: "none",
 					style: { "pointer-events": "none" }
-				}, null, 8, ln)) : n.node.shape === "ellipse" ? (_(), i("ellipse", {
+				}, null, 8, pn)) : n.node.shape === "ellipse" ? (_(), i("ellipse", {
 					key: 8,
 					cx: n.node.width / 2,
 					cy: n.node.height / 2,
@@ -3297,14 +3415,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, un)) : n.node.shape === "diamond" ? (_(), i("polygon", {
+				}, null, 8, mn)) : n.node.shape === "diamond" ? (_(), i("polygon", {
 					key: 9,
 					points: I.value,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, dn)) : n.node.shape === "person" ? (_(), i("g", fn, [
+				}, null, 8, hn)) : n.node.shape === "person" ? (_(), i("g", gn, [
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: 18,
@@ -3314,14 +3432,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, pn),
+					}, null, 8, _n),
 					a("path", {
 						d: `M ${n.node.width / 2 - 18} 70 Q ${n.node.width / 2} 45 ${n.node.width / 2 + 18} 70`,
 						fill: "none",
 						stroke: M.value.color,
 						"stroke-width": "5",
 						"stroke-linecap": "round"
-					}, null, 8, mn),
+					}, null, 8, vn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 32,
@@ -3330,7 +3448,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": "5",
 						"stroke-linecap": "round"
-					}, null, 8, hn),
+					}, null, 8, yn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 38,
@@ -3339,7 +3457,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, gn),
+					}, null, 8, bn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 38,
@@ -3348,7 +3466,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, _n),
+					}, null, 8, xn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 70,
@@ -3357,7 +3475,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, vn),
+					}, null, 8, Sn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: 70,
@@ -3366,8 +3484,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": "4",
 						"stroke-linecap": "round"
-					}, null, 8, yn)
-				])) : n.node.shape === "subprocess" ? (_(), i("g", bn, [a("rect", {
+					}, null, 8, Cn)
+				])) : n.node.shape === "subprocess" ? (_(), i("g", wn, [a("rect", {
 					width: n.node.width,
 					height: n.node.height,
 					rx: C.value.nodeStyle.borderRadius,
@@ -3375,48 +3493,48 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, xn), a("rect", {
+				}, null, 8, Tn), a("rect", {
 					x: 4,
 					y: n.node.height - 14,
 					width: n.node.width - 8,
 					height: "10",
 					rx: "2",
 					fill: "rgba(255,255,255,0.3)"
-				}, null, 8, Sn)])) : n.node.shape === "document" ? (_(), i("g", Cn, [a("path", {
+				}, null, 8, En)])) : n.node.shape === "document" ? (_(), i("g", Dn, [a("path", {
 					d: `M 0 0 H ${n.node.width} V ${n.node.height * .8} Q ${n.node.width * .75} ${n.node.height * .65} ${n.node.width * .5} ${n.node.height * .8} Q ${n.node.width * .25} ${n.node.height * .95} 0 ${n.node.height * .8} Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, wn)])) : n.node.shape === "parallelogram" ? (_(), i("g", Tn, [a("polygon", {
+				}, null, 8, On)])) : n.node.shape === "parallelogram" ? (_(), i("g", kn, [a("polygon", {
 					points: `${n.node.width * .15} 0, ${n.node.width} 0, ${n.node.width * .85} ${n.node.height}, 0 ${n.node.height}`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, En)])) : n.node.shape === "folder" ? (_(), i("g", Dn, [a("path", {
+				}, null, 8, An)])) : n.node.shape === "folder" ? (_(), i("g", jn, [a("path", {
 					d: `M 0 12 H ${n.node.width} V ${n.node.height} H 0 Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, On), a("path", {
+				}, null, 8, Mn), a("path", {
 					d: `M 0 12 V 0 H ${n.node.width * .35} L ${n.node.width * .45} 12`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width
-				}, null, 8, kn)])) : n.node.shape === "note" ? (_(), i("g", An, [a("path", {
+				}, null, 8, Nn)])) : n.node.shape === "note" ? (_(), i("g", Pn, [a("path", {
 					d: `M 0 0 H ${n.node.width} V ${n.node.height - 15} L ${n.node.width - 15} ${n.node.height} H 0 Z`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, jn), a("path", {
+				}, null, 8, Fn), a("path", {
 					d: `M ${n.node.width - 15} ${n.node.height - 15} V ${n.node.height} L ${n.node.width} ${n.node.height - 15}`,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width
-				}, null, 8, Mn)])) : n.node.shape === "cylinder" ? (_(), i("g", Nn, [
+				}, null, 8, In)])) : n.node.shape === "cylinder" ? (_(), i("g", Ln, [
 					a("path", {
 						d: `M 0 ${n.node.height * .15} 
             Q 0 ${n.node.height * .05} ${n.node.width * .1} ${n.node.height * .02} 
@@ -3430,7 +3548,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, Pn),
+					}, null, 8, Rn),
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: n.node.height * .15,
@@ -3439,7 +3557,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: j.value,
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width
-					}, null, 8, Fn),
+					}, null, 8, zn),
 					a("ellipse", {
 						cx: n.node.width / 2,
 						cy: n.node.height * .15,
@@ -3447,14 +3565,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						ry: n.node.height * .08,
 						fill: "rgba(255,255,255,0.2)",
 						stroke: "none"
-					}, null, 8, In)
-				])) : n.node.shape === "hexagon" ? (_(), i("g", Ln, [a("polygon", {
+					}, null, 8, Bn)
+				])) : n.node.shape === "hexagon" ? (_(), i("g", Vn, [a("polygon", {
 					points: L.value,
 					fill: j.value,
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Rn)])) : n.node.shape === "timer" ? (_(), i("g", zn, [
+				}, null, 8, Hn)])) : n.node.shape === "timer" ? (_(), i("g", Un, [
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
@@ -3463,7 +3581,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: M.value.color,
 						"stroke-width": n.selected ? 3 : M.value.width,
 						filter: `url(#${P.value})`
-					}, null, 8, Bn),
+					}, null, 8, Wn),
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
@@ -3471,7 +3589,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						fill: "none",
 						stroke: "rgba(255,255,255,0.4)",
 						"stroke-width": "1"
-					}, null, 8, Vn),
+					}, null, 8, Gn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: n.node.height / 2,
@@ -3480,7 +3598,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: "#fff",
 						"stroke-width": "2",
 						"stroke-linecap": "round"
-					}, null, 8, Hn),
+					}, null, 8, Kn),
 					a("line", {
 						x1: n.node.width / 2,
 						y1: n.node.height / 2,
@@ -3489,14 +3607,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						stroke: "#fff",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					}, null, 8, Un),
+					}, null, 8, qn),
 					a("circle", {
 						cx: n.node.width / 2,
 						cy: n.node.height / 2,
 						r: "3",
 						fill: "#fff"
-					}, null, 8, Wn)
-				])) : n.node.shape === "rounded闪电" ? (_(), i("g", Gn, [a("rect", {
+					}, null, 8, Jn)
+				])) : n.node.shape === "rounded闪电" ? (_(), i("g", Yn, [a("rect", {
 					width: n.node.width,
 					height: n.node.height,
 					rx: n.node.height / 3,
@@ -3504,7 +3622,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Kn), a("path", {
+				}, null, 8, Xn), a("path", {
 					d: `M ${n.node.width * .55} ${n.node.height * .15} 
             L ${n.node.width * .35} ${n.node.height * .45} 
             H ${n.node.width * .52} 
@@ -3513,7 +3631,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
             H ${n.node.width * .48} Z`,
 					fill: "#fff",
 					opacity: "0.9"
-				}, null, 8, qn)])) : (_(), i("rect", {
+				}, null, 8, Zn)])) : (_(), i("rect", {
 					key: 20,
 					width: n.node.width,
 					height: n.node.height,
@@ -3522,7 +3640,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: M.value.color,
 					"stroke-width": n.selected ? 3 : M.value.width,
 					filter: `url(#${P.value})`
-				}, null, 8, Jn)),
+				}, null, 8, Qn)),
 				n.node.animation === "breathing" ? (_(), i("rect", {
 					key: 21,
 					width: n.node.width + 6,
@@ -3535,7 +3653,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-width": "2",
 					class: "breathing-ring",
 					style: m(V.value)
-				}, null, 12, Yn)) : r("", !0),
+				}, null, 12, $n)) : r("", !0),
 				n.node.animation === "glowPulse" ? (_(), i("rect", {
 					key: 22,
 					width: n.node.width,
@@ -3546,7 +3664,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-width": "2",
 					class: "glow-pulse-ring",
 					style: m(B.value)
-				}, null, 12, Xn)) : r("", !0),
+				}, null, 12, er)) : r("", !0),
 				n.node.animation === "ripple" ? (_(), i("rect", {
 					key: 23,
 					x: -10,
@@ -3559,7 +3677,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-width": "2",
 					class: "ripple-ring",
 					style: m(H.value)
-				}, null, 12, Zn)) : r("", !0)
+				}, null, 12, tr)) : r("", !0)
 			], 6),
 			a("text", {
 				x: F.value.x,
@@ -3577,8 +3695,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"pointer-events": "none",
 					"user-select": "none"
 				}
-			}, S(n.node.label), 11, Qn),
-			n.selected && !n.node.locked ? (_(), i("g", $n, [(_(!0), i(e, null, b(R.value, (e) => (_(), i("rect", {
+			}, S(n.node.label), 11, nr),
+			n.selected && !n.node.locked ? (_(), i("g", rr, [(_(!0), i(e, null, b(R.value, (e) => (_(), i("rect", {
 				key: e.cursor,
 				x: e.x - 4,
 				y: e.y - 4,
@@ -3589,7 +3707,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				"stroke-width": "1",
 				style: m({ cursor: e.cursor }),
 				onMousedown: A((t) => J(e, t), ["stop"])
-			}, null, 44, er))), 128))])) : r("", !0),
+			}, null, 44, ir))), 128))])) : r("", !0),
 			x.value ? (_(), i("circle", {
 				key: 1,
 				cx: n.node.width / 2,
@@ -3598,7 +3716,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				fill: "#409eff",
 				opacity: "0.6",
 				class: "connect-target"
-			}, null, 8, tr)) : r("", !0),
+			}, null, 8, ar)) : r("", !0),
 			d.value ? (_(), i("circle", {
 				key: 2,
 				cx: n.node.width / 2,
@@ -3610,49 +3728,49 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				"stroke-dasharray": "113",
 				"stroke-dashoffset": "113",
 				class: "long-press-ring"
-			}, null, 8, nr)) : r("", !0)
-		], 46, Qt));
+			}, null, 8, or)) : r("", !0)
+		], 46, nn));
 	}
-}, [["__scopeId", "data-v-e89a49e8"]]), ir = ["d", "stroke-width"], ar = [
+}, [["__scopeId", "data-v-e89a49e8"]]), cr = ["d", "stroke-width"], lr = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], or = ["dur"], sr = ["fill"], cr = ["dur", "path"], lr = ["fill"], ur = [
+], ur = ["dur"], dr = ["fill"], fr = ["dur", "path"], pr = ["fill"], mr = [
 	"dur",
 	"path",
 	"begin"
-], dr = ["fill"], fr = [
+], hr = ["fill"], gr = [
 	"dur",
 	"path",
 	"begin"
-], pr = ["fill"], mr = ["dur", "path"], hr = ["dur"], gr = ["dur"], _r = ["fill"], vr = [
+], _r = ["fill"], vr = ["dur", "path"], yr = ["dur"], br = ["dur"], xr = ["fill"], Sr = [
 	"dur",
 	"path",
 	"begin"
-], yr = ["dur"], br = ["fill"], xr = [
+], Cr = ["dur"], wr = ["fill"], Tr = [
 	"dur",
 	"path",
 	"begin"
-], Sr = ["dur"], Cr = ["fill"], wr = ["dur", "path"], Tr = ["dur"], Er = ["dur"], Dr = ["fill"], Or = [
+], Er = ["dur"], Dr = ["fill"], Or = ["dur", "path"], kr = ["dur"], Ar = ["dur"], jr = ["fill"], Mr = [
 	"dur",
 	"path",
 	"begin"
-], kr = ["dur"], Ar = ["dur"], jr = ["fill"], Mr = ["dur", "path"], Nr = ["dur"], Pr = ["fill"], Fr = [
+], Nr = ["dur"], Pr = ["dur"], Fr = ["fill"], Ir = ["dur", "path"], Lr = ["dur"], Rr = ["fill"], zr = [
 	"dur",
 	"path",
 	"begin"
-], Ir = ["dur"], Lr = ["transform"], Rr = ["x", "width"], zr = {
+], Br = ["dur"], Vr = ["transform"], Hr = ["x", "width"], Ur = {
 	"text-anchor": "middle",
 	"dominant-baseline": "central",
 	fill: "#333",
 	"font-size": "12",
 	class: "edge-label"
-}, Br = [
+}, Wr = [
 	"points",
 	"fill",
 	"transform"
-], Vr = /*#__PURE__*/ Q({
+], Gr = /*#__PURE__*/ Q({
 	__name: "DiagramEdge",
 	props: {
 		edge: {
@@ -3774,7 +3892,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				stroke: "transparent",
 				"stroke-width": Math.max(e.edge.lineWidth + 8, 12),
 				class: "edge-hit-area"
-			}, null, 8, ir),
+			}, null, 8, cr),
 			a("path", {
 				d: c.value,
 				fill: "none",
@@ -3794,7 +3912,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				to: "-24",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, or)) : r("", !0)], 14, ar),
+			}, null, 8, ur)) : r("", !0)], 14, lr),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 0,
 				r: "4",
@@ -3805,7 +3923,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite",
 				path: c.value
-			}, null, 8, cr)], 12, sr)) : r("", !0),
+			}, null, 8, fr)], 12, dr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 1,
 				r: "3",
@@ -3818,7 +3936,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 3 + "s"
-			}, null, 8, ur)], 12, lr)) : r("", !0),
+			}, null, 8, mr)], 12, pr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "flow" ? (_(), i("circle", {
 				key: 2,
 				r: "3",
@@ -3831,7 +3949,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) * 2 / 3 + "s"
-			}, null, 8, fr)], 12, dr)) : r("", !0),
+			}, null, 8, gr)], 12, hr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 3,
 				r: "5",
@@ -3842,20 +3960,20 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite",
 					path: c.value
-				}, null, 8, mr),
+				}, null, 8, vr),
 				a("animate", {
 					attributeName: "r",
 					values: "3;6;3",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, hr),
+				}, null, 8, yr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0.5;1;0.5",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, gr)
-			], 8, pr)) : r("", !0),
+				}, null, 8, br)
+			], 8, _r)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 4,
 				r: "4",
@@ -3867,12 +3985,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 3 + "s"
-			}, null, 8, vr), a("animate", {
+			}, null, 8, Sr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, yr)], 8, _r)) : r("", !0),
+			}, null, 8, Cr)], 8, xr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "particleGlow" ? (_(), i("circle", {
 				key: 5,
 				r: "4",
@@ -3884,12 +4002,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) * 2 / 3 + "s"
-			}, null, 8, xr), a("animate", {
+			}, null, 8, Tr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, Sr)], 8, br)) : r("", !0),
+			}, null, 8, Er)], 8, wr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "pulse" ? (_(), i("circle", {
 				key: 6,
 				r: "6",
@@ -3901,20 +4019,20 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite",
 					path: c.value
-				}, null, 8, wr),
+				}, null, 8, Or),
 				a("animate", {
 					attributeName: "r",
 					values: "2;8;2",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, Tr),
+				}, null, 8, kr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0;0.8;0",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, Er)
-			], 8, Cr)) : r("", !0),
+				}, null, 8, Ar)
+			], 8, Dr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "pulse" ? (_(), i("circle", {
 				key: 7,
 				r: "6",
@@ -3927,20 +4045,20 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					repeatCount: "indefinite",
 					path: c.value,
 					begin: (e.edge.animationDuration || 2) / 2 + "s"
-				}, null, 8, Or),
+				}, null, 8, Mr),
 				a("animate", {
 					attributeName: "r",
 					values: "2;8;2",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, kr),
+				}, null, 8, Nr),
 				a("animate", {
 					attributeName: "opacity",
 					values: "0;0.8;0",
 					dur: (e.edge.animationDuration || 2) + "s",
 					repeatCount: "indefinite"
-				}, null, 8, Ar)
-			], 8, Dr)) : r("", !0),
+				}, null, 8, Pr)
+			], 8, jr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "neon" ? (_(), i("circle", {
 				key: 8,
 				r: "4",
@@ -3950,12 +4068,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite",
 				path: c.value
-			}, null, 8, Mr), a("animate", {
+			}, null, 8, Ir), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, Nr)], 8, jr)) : r("", !0),
+			}, null, 8, Lr)], 8, Fr)) : r("", !0),
 			e.animationPlaying && e.edge.animation === "neon" ? (_(), i("circle", {
 				key: 9,
 				r: "4",
@@ -3967,12 +4085,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				repeatCount: "indefinite",
 				path: c.value,
 				begin: (e.edge.animationDuration || 2) / 2 + "s"
-			}, null, 8, Fr), a("animate", {
+			}, null, 8, zr), a("animate", {
 				attributeName: "r",
 				values: "2;5;2",
 				dur: (e.edge.animationDuration || 2) + "s",
 				repeatCount: "indefinite"
-			}, null, 8, Ir)], 8, Pr)) : r("", !0),
+			}, null, 8, Br)], 8, Rr)) : r("", !0),
 			e.edge.label ? (_(), i("g", {
 				key: 10,
 				transform: `translate(${l.value.x}, ${l.value.y})`
@@ -3985,32 +4103,32 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				fill: "#fff",
 				stroke: "#e4e7ed",
 				"stroke-width": "1"
-			}, null, 8, Rr), a("text", zr, S(e.edge.label), 1)], 8, Lr)) : r("", !0),
+			}, null, 8, Hr), a("text", Ur, S(e.edge.label), 1)], 8, Vr)) : r("", !0),
 			e.edge.arrowType === "none" ? r("", !0) : (_(), i("polygon", {
 				key: 11,
 				points: g.value,
 				fill: e.selected ? "#409eff" : e.edge.lineColor,
 				transform: `translate(${s.value.x}, ${s.value.y}) rotate(${h.value})`
-			}, null, 8, Br))
+			}, null, 8, Wr))
 		], 34)) : r("", !0);
 	}
-}, [["__scopeId", "data-v-737212ef"]]), Hr = ["transform"], Ur = [
+}, [["__scopeId", "data-v-737212ef"]]), Kr = ["transform"], qr = [
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Wr = [
+], Jr = [
 	"width",
 	"height",
 	"fill",
 	"opacity"
-], Gr = [
+], Yr = [
 	"width",
 	"height",
 	"fill",
 	"opacity"
-], Kr = [
+], Xr = [
 	"x",
 	"y",
 	"fill",
@@ -4019,7 +4137,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"font-weight",
 	"font-style",
 	"transform"
-], qr = [
+], Zr = [
 	"x",
 	"y",
 	"text-anchor",
@@ -4028,63 +4146,63 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"font-family",
 	"font-weight",
 	"font-style"
-], Jr = ["y", "width"], Yr = {
+], Qr = ["y", "width"], $r = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-name-container"
-}, Xr = ["x", "height"], Zr = {
+}, ei = ["x", "height"], ti = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-name-container vertical"
-}, Qr = [
+}, ni = [
 	"x1",
 	"x2",
 	"onClick"
-], $r = [
+], ri = [
 	"x1",
 	"x2",
 	"stroke"
-], ei = [
+], ii = [
 	"y1",
 	"x2",
 	"y2",
 	"onClick",
 	"onMousedown"
-], ti = [
+], ai = [
 	"x1",
 	"x2",
 	"y2",
 	"onClick",
 	"onMousedown"
-], ni = [
+], oi = [
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], ri = [
+], si = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], ii = [
+], ci = [
 	"y1",
 	"x2",
 	"y2",
 	"onClick"
-], ai = [
+], li = [
 	"y1",
 	"x2",
 	"y2",
 	"stroke"
-], oi = [
+], ui = [
 	"x1",
 	"x2",
 	"y2",
 	"onClick"
-], si = [
+], di = [
 	"x1",
 	"x2",
 	"y2",
 	"stroke"
-], ci = [
+], fi = [
 	"x",
 	"y",
 	"width",
@@ -4094,7 +4212,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke-width",
 	"opacity",
 	"onClick"
-], li = [
+], pi = [
 	"x",
 	"y",
 	"width",
@@ -4104,17 +4222,17 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"stroke-width",
 	"opacity",
 	"onClick"
-], ui = [
+], mi = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], di = [
+], hi = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], fi = [
+], gi = [
 	"x",
 	"y",
 	"text-anchor",
@@ -4125,7 +4243,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"font-style",
 	"onClick",
 	"onDblclick"
-], pi = [
+], _i = [
 	"x",
 	"y",
 	"text-anchor",
@@ -4136,29 +4254,29 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	"font-style",
 	"onClick",
 	"onDblclick"
-], mi = [
+], vi = [
 	"x",
 	"y",
 	"width"
-], hi = {
+], yi = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-lane-container"
-}, gi = ["onBlur", "onKeydown"], _i = [
+}, bi = ["onBlur", "onKeydown"], xi = [
 	"x",
 	"y",
 	"width"
-], vi = {
+], Si = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "edit-lane-container"
-}, yi = ["onBlur", "onKeydown"], bi = ["x", "y"], xi = ["x", "y"], Si = ["x", "y"], Ci = [
+}, Ci = ["onBlur", "onKeydown"], wi = ["x", "y"], Ti = ["x", "y"], Ei = ["x", "y"], Di = [
 	"y1",
 	"x2",
 	"y2"
-], wi = [
+], Oi = [
 	"x1",
 	"x2",
 	"y2"
-], Ti = /*#__PURE__*/ Q({
+], ki = /*#__PURE__*/ Q({
 	__name: "SwimlaneNode",
 	props: {
 		swimlane: {
@@ -4218,7 +4336,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		}), U = y({
 			width: 0,
 			height: 0
-		}), W = (e, t) => {
+		}), ee = (e, t) => {
 			e.preventDefault(), V.value = t, H.value = {
 				x: e.clientX,
 				y: e.clientY
@@ -4233,7 +4351,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				V.value = null, window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", r);
 			};
 			window.addEventListener("mousemove", n), window.addEventListener("mouseup", r);
-		}, G = (e) => {
+		}, W = (e) => {
 			if (e.button !== 0 || e.target.closest(".resize-handle") || e.target.closest(".lane-divider-hit")) return;
 			e.stopPropagation(), e.preventDefault();
 			let t = e.clientX, n = e.clientY, r = s.swimlane.x, i = s.swimlane.y, a = (e) => {
@@ -4243,28 +4361,28 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", o);
 			};
 			window.addEventListener("mousemove", a), window.addEventListener("mouseup", o);
-		}, K = y(null), ee = y(0), q = y(0), te = y(0), J = (e, t) => {
-			e.preventDefault(), K.value = t, s.swimlane.direction === "horizontal" ? (ee.value = h(t), te.value = s.swimlane.lanes[t].height) : (q.value = g(t), te.value = s.swimlane.lanes[t].width || v(t));
+		}, G = y(null), K = y(0), te = y(0), q = y(0), J = (e, t) => {
+			e.preventDefault(), G.value = t, s.swimlane.direction === "horizontal" ? (K.value = h(t), q.value = s.swimlane.lanes[t].height) : (te.value = g(t), q.value = s.swimlane.lanes[t].width || v(t));
 			let n = {
 				x: e.clientX,
 				y: e.clientY
 			}, r = (e) => {
 				if (s.swimlane.direction === "horizontal") {
-					let r = e.clientY - n.y, i = Math.max(40, te.value + r);
+					let r = e.clientY - n.y, i = Math.max(40, q.value + r);
 					c("resize-lane", s.swimlane.id, s.swimlane.lanes[t].id, i);
 				} else {
-					let r = e.clientX - n.x, i = Math.max(80, te.value + r);
+					let r = e.clientX - n.x, i = Math.max(80, q.value + r);
 					c("resize-lane", s.swimlane.id, s.swimlane.lanes[t].id, null, i);
 				}
 			}, i = () => {
-				K.value = null, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", i);
+				G.value = null, window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", i);
 			};
 			window.addEventListener("mousemove", r), window.addEventListener("mouseup", i);
 		};
 		return (t, o) => (_(), i("g", {
 			class: p(["swimlane-node", { selected: n.selected }]),
 			transform: `translate(${n.swimlane.x}, ${n.swimlane.y})`,
-			onMousedown: G
+			onMousedown: W
 		}, [
 			a("rect", {
 				width: n.swimlane.width,
@@ -4275,7 +4393,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				rx: "4",
 				class: "swimlane-bg",
 				onClick: o[0] ||= A((e) => t.$emit("select"), ["stop"])
-			}, null, 8, Ur),
+			}, null, 8, qr),
 			n.swimlane.direction === "horizontal" ? (_(), i("rect", {
 				key: 0,
 				width: l.value,
@@ -4286,7 +4404,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				class: "swimlane-header",
 				onClick: A(j, ["stop"]),
 				onDblclick: A(D, ["stop"])
-			}, null, 40, Wr)) : (_(), i("rect", {
+			}, null, 40, Jr)) : (_(), i("rect", {
 				key: 1,
 				width: n.swimlane.width,
 				height: u.value,
@@ -4296,7 +4414,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				class: "swimlane-header",
 				onClick: A(j, ["stop"]),
 				onDblclick: A(D, ["stop"])
-			}, null, 40, Gr)),
+			}, null, 40, Yr)),
 			!x.value && n.swimlane.direction === "horizontal" ? (_(), i("text", {
 				key: 2,
 				x: l.value / 2,
@@ -4311,7 +4429,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				"pointer-events": "none",
 				transform: `rotate(-90, ${l.value / 2}, ${d.value / 2})`,
 				dy: "0.35em"
-			}, S(n.swimlane.name), 9, Kr)) : !x.value && n.swimlane.direction === "vertical" ? (_(), i("text", {
+			}, S(n.swimlane.name), 9, Xr)) : !x.value && n.swimlane.direction === "vertical" ? (_(), i("text", {
 				key: 3,
 				x: n.swimlane.textAlign === "left" ? 8 : n.swimlane.textAlign === "right" ? n.swimlane.width - 8 : n.swimlane.width / 2,
 				y: u.value / 2,
@@ -4324,14 +4442,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				class: "swimlane-title",
 				"pointer-events": "none",
 				"dominant-baseline": "central"
-			}, S(n.swimlane.name), 9, qr)) : r("", !0),
+			}, S(n.swimlane.name), 9, Zr)) : r("", !0),
 			x.value && n.swimlane.direction === "horizontal" ? (_(), i("foreignObject", {
 				key: 4,
 				x: 0,
 				y: d.value / 2 - 14,
 				width: l.value,
 				height: 28
-			}, [a("div", Yr, [O(a("input", {
+			}, [a("div", $r, [O(a("input", {
 				ref_key: "nameInputRef",
 				ref: E,
 				"onUpdate:modelValue": o[1] ||= (e) => C.value = e,
@@ -4346,14 +4464,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				onBlur: M,
 				onKeydown: [k(M, ["enter"]), k(N, ["escape"])],
 				onClick: o[2] ||= A(() => {}, ["stop"])
-			}, null, 36), [[w, C.value]])])], 8, Jr)) : r("", !0),
+			}, null, 36), [[w, C.value]])])], 8, Qr)) : r("", !0),
 			x.value && n.swimlane.direction === "vertical" ? (_(), i("foreignObject", {
 				key: 5,
 				x: n.swimlane.textAlign === "left" ? 0 : n.swimlane.textAlign === "right" ? n.swimlane.width - 120 : n.swimlane.width / 2 - 60,
 				y: 0,
 				width: 120,
 				height: u.value
-			}, [a("div", Zr, [O(a("input", {
+			}, [a("div", ti, [O(a("input", {
 				ref_key: "nameInputRef",
 				ref: E,
 				"onUpdate:modelValue": o[3] ||= (e) => C.value = e,
@@ -4369,7 +4487,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				onBlur: M,
 				onKeydown: [k(M, ["enter"]), k(N, ["escape"])],
 				onClick: o[4] ||= A(() => {}, ["stop"])
-			}, null, 36), [[w, C.value]])])], 8, Xr)) : r("", !0),
+			}, null, 36), [[w, C.value]])])], 8, ei)) : r("", !0),
 			n.swimlane.lanes && n.swimlane.lanes.length ? (_(!0), i(e, { key: 6 }, b(n.swimlane.lanes, (t, s) => (_(), i("g", { key: t.id }, [
 				s === 0 && n.swimlane.direction === "horizontal" ? (_(), i(e, { key: 0 }, [a("line", {
 					x1: l.value,
@@ -4382,7 +4500,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
 					onMousedown: o[5] ||= A((e) => J(e, 0), ["stop"])
-				}, null, 40, Qr), a("line", {
+				}, null, 40, ni), a("line", {
 					x1: l.value,
 					y1: 0,
 					x2: n.swimlane.width,
@@ -4392,7 +4510,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, $r)], 64)) : r("", !0),
+				}, null, 8, ri)], 64)) : r("", !0),
 				s > 0 ? (_(), i(e, { key: 1 }, [n.swimlane.direction === "horizontal" ? (_(), i("line", {
 					key: 0,
 					x1: 0,
@@ -4405,7 +4523,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(n.swimlane.lanes[s - 1].id), ["stop"]),
 					onMousedown: A((e) => J(e, s - 1), ["stop"])
-				}, null, 40, ei)) : (_(), i("line", {
+				}, null, 40, ii)) : (_(), i("line", {
 					key: 1,
 					x1: g(s),
 					y1: 0,
@@ -4417,7 +4535,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					style: { cursor: "ew-resize" },
 					onClick: A((e) => P(n.swimlane.lanes[s - 1].id), ["stop"]),
 					onMousedown: A((e) => J(e, s - 1), ["stop"])
-				}, null, 40, ti)), n.swimlane.direction === "horizontal" ? (_(), i("line", {
+				}, null, 40, ai)), n.swimlane.direction === "horizontal" ? (_(), i("line", {
 					key: 2,
 					x1: 0,
 					y1: h(s),
@@ -4428,7 +4546,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ni)) : (_(), i("line", {
+				}, null, 8, oi)) : (_(), i("line", {
 					key: 3,
 					x1: g(s),
 					y1: 0,
@@ -4439,7 +4557,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ri))], 64)) : r("", !0),
+				}, null, 8, si))], 64)) : r("", !0),
 				s === n.swimlane.lanes.length - 1 && n.swimlane.direction === "horizontal" ? (_(), i(e, { key: 2 }, [a("line", {
 					x1: 0,
 					y1: d.value,
@@ -4451,7 +4569,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					style: { cursor: "ns-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
 					onMousedown: o[6] ||= A((e) => J(e, n.swimlane.lanes.length - 1), ["stop"])
-				}, null, 40, ii), a("line", {
+				}, null, 40, ci), a("line", {
 					x1: 0,
 					y1: d.value,
 					x2: n.swimlane.width,
@@ -4461,7 +4579,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, ai)], 64)) : r("", !0),
+				}, null, 8, li)], 64)) : r("", !0),
 				s === n.swimlane.lanes.length - 1 && n.swimlane.direction === "vertical" ? (_(), i(e, { key: 3 }, [a("line", {
 					x1: g(n.swimlane.lanes.length),
 					y1: 0,
@@ -4473,7 +4591,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					style: { cursor: "ew-resize" },
 					onClick: A((e) => P(t.id), ["stop"]),
 					onMousedown: o[7] ||= A((e) => J(e, n.swimlane.lanes.length - 1), ["stop"])
-				}, null, 40, oi), a("line", {
+				}, null, 40, ui), a("line", {
 					x1: g(n.swimlane.lanes.length),
 					y1: 0,
 					x2: g(n.swimlane.lanes.length),
@@ -4483,7 +4601,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"stroke-dasharray": "4,2",
 					class: "lane-divider",
 					"pointer-events": "none"
-				}, null, 8, si)], 64)) : r("", !0),
+				}, null, 8, di)], 64)) : r("", !0),
 				n.swimlane.direction === "horizontal" ? (_(), i("rect", {
 					key: 4,
 					x: l.value + 4,
@@ -4497,7 +4615,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					opacity: t.opacity ?? .5,
 					class: "lane-bg",
 					onClick: A((e) => P(t.id), ["stop"])
-				}, null, 8, ci)) : (_(), i("rect", {
+				}, null, 8, fi)) : (_(), i("rect", {
 					key: 5,
 					x: g(s) + 4,
 					y: u.value + 4,
@@ -4510,7 +4628,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					opacity: t.opacity ?? .5,
 					class: "lane-bg",
 					onClick: A((e) => P(t.id), ["stop"])
-				}, null, 8, li)),
+				}, null, 8, pi)),
 				t.headerColor ? O((_(), i("rect", {
 					key: 6,
 					x: l.value + 4,
@@ -4520,7 +4638,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					fill: t.headerColor,
 					rx: "2",
 					"pointer-events": "none"
-				}, null, 8, ui)), [[T, n.swimlane.direction === "horizontal"]]) : r("", !0),
+				}, null, 8, mi)), [[T, n.swimlane.direction === "horizontal"]]) : r("", !0),
 				t.headerColor ? O((_(), i("rect", {
 					key: 7,
 					x: g(s) + 4,
@@ -4530,7 +4648,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					fill: t.headerColor,
 					rx: "2",
 					"pointer-events": "none"
-				}, null, 8, di)), [[T, n.swimlane.direction === "vertical"]]) : r("", !0),
+				}, null, 8, hi)), [[T, n.swimlane.direction === "vertical"]]) : r("", !0),
 				n.swimlane.direction === "horizontal" && F.value !== t.id ? (_(), i("text", {
 					key: 8,
 					x: t.textAlign === "center" ? (l.value + n.swimlane.width) / 2 : t.textAlign === "right" ? n.swimlane.width - 10 : l.value + 10,
@@ -4545,7 +4663,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					class: "lane-label",
 					onClick: A((e) => P(t.id), ["stop"]),
 					onDblclick: A((e) => R(t), ["stop"])
-				}, S(t.name), 41, fi)) : n.swimlane.direction === "vertical" && F.value !== t.id ? (_(), i("text", {
+				}, S(t.name), 41, gi)) : n.swimlane.direction === "vertical" && F.value !== t.id ? (_(), i("text", {
 					key: 9,
 					x: t.textAlign === "center" ? g(s) + v(s) / 2 : t.textAlign === "right" ? g(s) + v(s) - 10 : g(s) + 10,
 					y: u.value + 17,
@@ -4559,14 +4677,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					class: "lane-label",
 					onClick: A((e) => P(t.id), ["stop"]),
 					onDblclick: A((e) => R(t), ["stop"])
-				}, S(t.name), 41, pi)) : r("", !0),
+				}, S(t.name), 41, _i)) : r("", !0),
 				F.value === t.id && n.swimlane.direction === "horizontal" ? (_(), i("foreignObject", {
 					key: 10,
 					x: l.value + 8,
 					y: h(s) + 4,
 					width: n.swimlane.width - l.value - 16,
 					height: 26
-				}, [a("div", hi, [O(a("input", {
+				}, [a("div", yi, [O(a("input", {
 					ref_for: !0,
 					ref_key: "laneNameInputRef",
 					ref: L,
@@ -4583,14 +4701,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					onBlur: (e) => z(t),
 					onKeydown: [k((e) => z(t), ["enter"]), k(B, ["escape"])],
 					onClick: o[9] ||= A(() => {}, ["stop"])
-				}, null, 44, gi), [[w, I.value]])])], 8, mi)) : r("", !0),
+				}, null, 44, bi), [[w, I.value]])])], 8, vi)) : r("", !0),
 				F.value === t.id && n.swimlane.direction === "vertical" ? (_(), i("foreignObject", {
 					key: 11,
 					x: g(s) + 8,
 					y: u.value + 4,
 					width: v(s) - 16,
 					height: 26
-				}, [a("div", vi, [O(a("input", {
+				}, [a("div", Si, [O(a("input", {
 					ref_for: !0,
 					ref_key: "laneNameInputRef",
 					ref: L,
@@ -4607,7 +4725,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					onBlur: (e) => z(t),
 					onKeydown: [k((e) => z(t), ["enter"]), k(B, ["escape"])],
 					onClick: o[11] ||= A(() => {}, ["stop"])
-				}, null, 44, yi), [[w, I.value]])])], 8, _i)) : r("", !0)
+				}, null, 44, Ci), [[w, I.value]])])], 8, xi)) : r("", !0)
 			]))), 128)) : r("", !0),
 			n.selected ? (_(), i(e, { key: 7 }, [
 				a("rect", {
@@ -4619,9 +4737,9 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					rx: "2",
 					class: "resize-handle",
 					style: { cursor: "ew-resize" },
-					onMousedown: o[12] ||= A((e) => W(e, "right"), ["stop", "prevent"]),
+					onMousedown: o[12] ||= A((e) => ee(e, "right"), ["stop", "prevent"]),
 					onClick: o[13] ||= A(() => {}, ["stop"])
-				}, null, 40, bi),
+				}, null, 40, wi),
 				a("rect", {
 					x: n.swimlane.width / 2 - 10,
 					y: d.value - 4,
@@ -4631,9 +4749,9 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					rx: "2",
 					class: "resize-handle",
 					style: { cursor: "ns-resize" },
-					onMousedown: o[14] ||= A((e) => W(e, "bottom"), ["stop", "prevent"]),
+					onMousedown: o[14] ||= A((e) => ee(e, "bottom"), ["stop", "prevent"]),
 					onClick: o[15] ||= A(() => {}, ["stop"])
-				}, null, 40, xi),
+				}, null, 40, Ti),
 				a("rect", {
 					x: g(n.swimlane.lanes?.length || 0) - 6,
 					y: d.value - 6,
@@ -4643,36 +4761,36 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					rx: "2",
 					class: "resize-handle",
 					style: { cursor: "nwse-resize" },
-					onMousedown: o[16] ||= A((e) => W(e, "corner"), ["stop", "prevent"]),
+					onMousedown: o[16] ||= A((e) => ee(e, "corner"), ["stop", "prevent"]),
 					onClick: o[17] ||= A(() => {}, ["stop"])
-				}, null, 40, Si)
+				}, null, 40, Ei)
 			], 64)) : r("", !0),
-			K.value === null ? r("", !0) : (_(), i(e, { key: 8 }, [n.swimlane.direction === "horizontal" ? (_(), i("line", {
+			G.value === null ? r("", !0) : (_(), i(e, { key: 8 }, [n.swimlane.direction === "horizontal" ? (_(), i("line", {
 				key: 0,
 				x1: 0,
-				y1: ee.value,
+				y1: K.value,
 				x2: n.swimlane.width,
-				y2: ee.value,
+				y2: K.value,
 				stroke: "#409eff",
 				"stroke-width": "2",
 				"stroke-dasharray": "6,3"
-			}, null, 8, Ci)) : (_(), i("line", {
+			}, null, 8, Di)) : (_(), i("line", {
 				key: 1,
-				x1: q.value,
+				x1: te.value,
 				y1: 0,
-				x2: q.value,
+				x2: te.value,
 				y2: d.value,
 				stroke: "#409eff",
 				"stroke-width": "2",
 				"stroke-dasharray": "6,3"
-			}, null, 8, wi))], 64))
-		], 42, Hr));
+			}, null, 8, Oi))], 64))
+		], 42, Kr));
 	}
-}, [["__scopeId", "data-v-8e00b7cb"]]), Ei = [
+}, [["__scopeId", "data-v-8e00b7cb"]]), Ai = [
 	"width",
 	"height",
 	"viewBox"
-], Di = ["width", "height"], Oi = ["d"], ki = ["transform"], Ai = {
+], ji = ["width", "height"], Mi = ["d"], Ni = ["transform"], Pi = {
 	key: 0,
 	x: "-5000",
 	y: "-5000",
@@ -4680,12 +4798,12 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 	height: "10000",
 	fill: "url(#grid)",
 	class: "grid-bg"
-}, ji = { key: 1 }, Mi = [
+}, Fi = { key: 1 }, Ii = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ni = { class: "tooltip-content" }, Pi = { class: "zoom-controls" }, Fi = { class: "zoom-label" }, Ii = /*#__PURE__*/ Q({
+], Li = { class: "tooltip-content" }, Ri = { class: "zoom-controls" }, zi = { class: "zoom-label" }, Bi = /*#__PURE__*/ Q({
 	__name: "DiagramCanvas",
 	props: {
 		nodes: {
@@ -4785,20 +4903,20 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				} else z.value = e.event.clientX - t.left + 12, B.value = e.event.clientY - t.top - 10;
 			} else R.value = null;
 		}, H = (e) => d.nodes.find((t) => t.id === e), U = (e) => {
-			if (G) return;
+			if (W) return;
 			let t = e.target;
 			(t === x.value || t.classList.contains("grid-bg") || t.classList.contains("diagram-svg")) && f("select-canvas");
-		}, W = () => {
+		}, ee = () => {
 			f("reset-state");
-		}, G = !1, K = (e) => {
-			e.button === 0 && (M.value = !0, G = !1, N.value = {
+		}, W = !1, G = (e) => {
+			e.button === 0 && (M.value = !0, W = !1, N.value = {
 				x: e.clientX,
 				y: e.clientY
 			}, e.preventDefault());
-		}, ee = (e) => {
+		}, K = (e) => {
 			if (M.value) {
 				let t = e.clientX - N.value.x, n = e.clientY - N.value.y;
-				(Math.abs(t) > 3 || Math.abs(n) > 3) && (G = !0), E.value += t, D.value += n, N.value = {
+				(Math.abs(t) > 3 || Math.abs(n) > 3) && (W = !0), E.value += t, D.value += n, N.value = {
 					x: e.clientX,
 					y: e.clientY
 				};
@@ -4810,18 +4928,18 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					y: (e.clientY - t.top - D.value) / T.value
 				};
 			}
-		}, q = () => {
+		}, te = () => {
 			M.value = !1, j.value = !1, d.autoConnectMode && f("end-connect", null);
-		}, te = (e) => {
+		}, q = (e) => {
 			let t = e.deltaY > 0 ? -.1 : .1;
 			T.value = Math.min(Math.max(T.value + t, .2), 3);
 		}, J = () => {
 			T.value = Math.min(T.value + .1, 3);
-		}, Y = () => {
-			T.value = Math.max(T.value - .1, .2);
 		}, ne = () => {
-			T.value = 1, E.value = 0, D.value = 0;
+			T.value = Math.max(T.value - .1, .2);
 		}, re = () => {
+			T.value = 1, E.value = 0, D.value = 0;
+		}, Y = () => {
 			f("fit-view");
 		}, ie = (e, t, n) => {
 			f("node-drag", e, t, n);
@@ -4843,21 +4961,21 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		}), g(() => {
 			v.value?.removeEventListener("drop", se), window.removeEventListener("keydown", u);
 		}), s({
-			fitView: re,
-			resetView: ne,
+			fitView: Y,
+			resetView: re,
 			zoomIn: J,
-			zoomOut: Y,
+			zoomOut: ne,
 			svgRef: x
 		}), (t, s) => (_(), i("div", {
 			class: "diagram-canvas",
 			ref_key: "containerRef",
 			ref: v,
-			onMousedown: K,
-			onMousemove: ee,
-			onMouseup: q,
-			onWheel: A(te, ["prevent"]),
+			onMousedown: G,
+			onMousemove: K,
+			onMouseup: te,
+			onWheel: A(q, ["prevent"]),
 			onClick: U,
-			onContextmenu: A(W, ["prevent"]),
+			onContextmenu: A(ee, ["prevent"]),
 			onKeydown: oe,
 			tabindex: "0"
 		}, [
@@ -4878,8 +4996,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				fill: "none",
 				stroke: "#e8e8e8",
 				"stroke-width": "1"
-			}, null, 8, Oi)], 8, Di), s[11] ||= o("<filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"2\" dy=\"2\" stdDeviation=\"3\" flood-opacity=\"0.15\" data-v-878b95c1></feDropShadow></filter><filter id=\"glow\" data-v-878b95c1><feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" data-v-878b95c1></feGaussianBlur><feMerge data-v-878b95c1><feMergeNode in=\"coloredBlur\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"glass-shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"4\" dy=\"4\" stdDeviation=\"8\" flood-opacity=\"0.1\" data-v-878b95c1></feDropShadow><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"1\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feOffset in=\"blur\" dx=\"0\" dy=\"-2\" result=\"offsetBlur\" data-v-878b95c1></feOffset><feFlood flood-color=\"white\" flood-opacity=\"0.2\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"offsetBlur\" operator=\"in\" result=\"shadow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"shadow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"4\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.6\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow-strong\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"6\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.8\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"sketch\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\" data-v-878b95c1><feTurbulence type=\"turbulence\" baseFrequency=\"0.03\" numOctaves=\"3\" seed=\"1\" result=\"turbulence\" data-v-878b95c1></feTurbulence><feDisplacementMap in=\"SourceGraphic\" in2=\"turbulence\" scale=\"4\" xChannelSelector=\"R\" yChannelSelector=\"G\" data-v-878b95c1></feDisplacementMap></filter>", 6)]), a("g", { transform: `translate(${E.value}, ${D.value}) scale(${T.value})` }, [
-				O.value ? (_(), i("rect", Ai)) : r("", !0),
+			}, null, 8, Mi)], 8, ji), s[11] ||= o("<filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"2\" dy=\"2\" stdDeviation=\"3\" flood-opacity=\"0.15\" data-v-878b95c1></feDropShadow></filter><filter id=\"glow\" data-v-878b95c1><feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" data-v-878b95c1></feGaussianBlur><feMerge data-v-878b95c1><feMergeNode in=\"coloredBlur\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"glass-shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\" data-v-878b95c1><feDropShadow dx=\"4\" dy=\"4\" stdDeviation=\"8\" flood-opacity=\"0.1\" data-v-878b95c1></feDropShadow><feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"1\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feOffset in=\"blur\" dx=\"0\" dy=\"-2\" result=\"offsetBlur\" data-v-878b95c1></feOffset><feFlood flood-color=\"white\" flood-opacity=\"0.2\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"offsetBlur\" operator=\"in\" result=\"shadow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"shadow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"4\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.6\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"neon-glow-strong\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" data-v-878b95c1><feGaussianBlur stdDeviation=\"6\" result=\"blur\" data-v-878b95c1></feGaussianBlur><feFlood flood-color=\"currentColor\" flood-opacity=\"0.8\" result=\"color\" data-v-878b95c1></feFlood><feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"glow\" data-v-878b95c1></feComposite><feMerge data-v-878b95c1><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"glow\" data-v-878b95c1></feMergeNode><feMergeNode in=\"SourceGraphic\" data-v-878b95c1></feMergeNode></feMerge></filter><filter id=\"sketch\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\" data-v-878b95c1><feTurbulence type=\"turbulence\" baseFrequency=\"0.03\" numOctaves=\"3\" seed=\"1\" result=\"turbulence\" data-v-878b95c1></feTurbulence><feDisplacementMap in=\"SourceGraphic\" in2=\"turbulence\" scale=\"4\" xChannelSelector=\"R\" yChannelSelector=\"G\" data-v-878b95c1></feDisplacementMap></filter>", 6)]), a("g", { transform: `translate(${E.value}, ${D.value}) scale(${T.value})` }, [
+				O.value ? (_(), i("rect", Pi)) : r("", !0),
 				a("rect", {
 					x: "-5000",
 					y: "-5000",
@@ -4889,7 +5007,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					class: "canvas-bg",
 					onClick: s[0] ||= (e) => f("select-canvas")
 				}),
-				(_(!0), i(e, null, b(n.swimlanes, (e) => (_(), i("g", { key: e.id }, [c(Ti, {
+				(_(!0), i(e, null, b(n.swimlanes, (e) => (_(), i("g", { key: e.id }, [c(ki, {
 					swimlane: e,
 					selected: n.selectedSwimlaneId === e.id,
 					"selected-lane-id": n.selectedLaneId,
@@ -4907,7 +5025,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"onSelect",
 					"onSelectLane"
 				])]))), 128)),
-				(_(!0), i(e, null, b(n.edges, (e) => (_(), i("g", { key: e.id }, [c(Vr, {
+				(_(!0), i(e, null, b(n.edges, (e) => (_(), i("g", { key: e.id }, [c(Gr, {
 					edge: e,
 					source: H(e.sourceId),
 					target: H(e.targetId),
@@ -4925,7 +5043,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"animation-playing",
 					"onSelect"
 				])]))), 128)),
-				(_(!0), i(e, null, b(I.value, (e) => (_(), i("g", { key: e.id }, [c(rr, {
+				(_(!0), i(e, null, b(I.value, (e) => (_(), i("g", { key: e.id }, [c(sr, {
 					node: e,
 					selected: n.selectedNodeId === e.id,
 					"connect-mode": n.connectMode,
@@ -4956,7 +5074,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					"onEndConnect",
 					"onAutoConnectStart"
 				])]))), 128)),
-				L.value && P.value ? (_(), i("g", ji, [a("line", {
+				L.value && P.value ? (_(), i("g", Fi, [a("line", {
 					x1: L.value.x + L.value.width / 2,
 					y1: L.value.y + L.value.height / 2,
 					x2: P.value.x,
@@ -4964,8 +5082,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					stroke: "#409eff",
 					"stroke-width": "2",
 					"stroke-dasharray": "5,5"
-				}, null, 8, Mi)])) : r("", !0)
-			], 8, ki)], 8, Ei)),
+				}, null, 8, Ii)])) : r("", !0)
+			], 8, Ni)], 8, Ai)),
 			R.value && R.value.remark ? (_(), i("div", {
 				key: 0,
 				class: "remark-tooltip",
@@ -4973,23 +5091,23 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					left: z.value + "px",
 					top: B.value + "px"
 				})
-			}, [a("div", Ni, S(R.value.remark), 1)], 4)) : r("", !0),
-			a("div", Pi, [
+			}, [a("div", Li, S(R.value.remark), 1)], 4)) : r("", !0),
+			a("div", Ri, [
 				a("button", {
 					onClick: J,
 					title: "放大"
 				}, "+"),
-				a("span", Fi, S(Math.round(T.value * 100)) + "%", 1),
+				a("span", zi, S(Math.round(T.value * 100)) + "%", 1),
 				a("button", {
-					onClick: Y,
+					onClick: ne,
 					title: "缩小"
 				}, "-"),
 				a("button", {
-					onClick: ne,
+					onClick: re,
 					title: "重置视图"
 				}, "⌂"),
 				a("button", {
-					onClick: re,
+					onClick: Y,
 					title: "适应画布"
 				}, "⊞"),
 				a("button", {
@@ -5000,10 +5118,10 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			])
 		], 544));
 	}
-}, [["__scopeId", "data-v-878b95c1"]]), Li = { class: "param-dialog" }, Ri = { class: "json-import" }, zi = { class: "param-list" }, Bi = { class: "col-index" }, Vi = { class: "col-action" }, Hi = {
+}, [["__scopeId", "data-v-878b95c1"]]), Vi = { class: "param-dialog" }, Hi = { class: "json-import" }, Ui = { class: "param-list" }, Wi = { class: "col-index" }, Gi = { class: "col-action" }, Ki = {
 	key: 0,
 	class: "param-empty"
-}, Ui = /*#__PURE__*/ Q({
+}, qi = /*#__PURE__*/ Q({
 	__name: "NodeParamDialog",
 	props: {
 		modelValue: {
@@ -5077,8 +5195,8 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					default: D(() => [...l[6] ||= [s("确定", -1)]]),
 					_: 1
 				})]),
-				default: D(() => [a("div", Li, [
-					a("div", Ri, [c(u, {
+				default: D(() => [a("div", Vi, [
+					a("div", Hi, [c(u, {
 						modelValue: p.value,
 						"onUpdate:modelValue": l[0] ||= (e) => p.value = e,
 						type: "textarea",
@@ -5094,7 +5212,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						_: 1
 					})]),
 					c(T),
-					a("div", zi, [
+					a("div", Ui, [
 						l[3] ||= a("div", { class: "param-list-header" }, [
 							a("span", { class: "col-index" }, "#"),
 							a("span", { class: "col-name" }, "参数名"),
@@ -5107,7 +5225,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							key: t,
 							class: "param-list-row"
 						}, [
-							a("span", Bi, S(t + 1), 1),
+							a("span", Wi, S(t + 1), 1),
 							c(u, {
 								modelValue: e.name,
 								"onUpdate:modelValue": (t) => e.name = t,
@@ -5155,7 +5273,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 								]),
 								_: 1
 							}, 8, ["modelValue", "onUpdate:modelValue"]),
-							a("span", Vi, [c(y, {
+							a("span", Gi, [c(y, {
 								size: "small",
 								type: "danger",
 								circle: "",
@@ -5168,7 +5286,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 								_: 1
 							}, 8, ["onClick"])])
 						]))), 128)),
-						f.value.length === 0 ? (_(), i("div", Hi, " 暂无参数，点击下方按钮添加 ")) : r("", !0)
+						f.value.length === 0 ? (_(), i("div", Ki, " 暂无参数，点击下方按钮添加 ")) : r("", !0)
 					]),
 					c(y, {
 						size: "small",
@@ -5176,7 +5294,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						style: { "margin-top": "8px" }
 					}, {
 						default: D(() => [c(k, null, {
-							default: D(() => [c(C(q))]),
+							default: D(() => [c(C(te))]),
 							_: 1
 						}), l[4] ||= s(" 添加参数 ", -1)]),
 						_: 1
@@ -5186,48 +5304,48 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			}, 8, ["modelValue", "title"]);
 		};
 	}
-}, [["__scopeId", "data-v-8ae88a5a"]]), Wi = { class: "properties-panel" }, Gi = { class: "panel-section theme-section" }, Ki = { class: "theme-grid" }, qi = ["onClick"], Ji = { class: "theme-name" }, Yi = {
+}, [["__scopeId", "data-v-8ae88a5a"]]), Ji = { class: "properties-panel" }, Yi = { class: "panel-section theme-section" }, Xi = { class: "theme-grid" }, Zi = ["onClick"], Qi = { class: "theme-name" }, $i = {
 	key: 0,
 	class: "panel-section"
-}, Xi = { class: "prop-row" }, Zi = {
+}, ea = { class: "prop-row" }, ta = {
 	key: 0,
 	class: "prop-row prop-row-col"
-}, Qi = { style: {
+}, na = { style: {
 	display: "flex",
 	gap: "4px",
 	width: "100%",
 	"align-items": "center"
-} }, $i = {
+} }, ra = {
 	key: 0,
 	class: "image-preview"
-}, ea = ["src"], ta = { class: "prop-row" }, na = { class: "prop-row" }, ra = { class: "prop-row" }, ia = { class: "prop-row" }, aa = { class: "prop-row" }, oa = { class: "prop-row" }, sa = { class: "prop-row" }, ca = { class: "prop-row" }, la = { class: "prop-row" }, ua = {
+}, ia = ["src"], aa = { class: "prop-row" }, oa = { class: "prop-row" }, sa = { class: "prop-row" }, ca = { class: "prop-row" }, la = { class: "prop-row" }, ua = { class: "prop-row" }, da = { class: "prop-row" }, fa = { class: "prop-row" }, pa = { class: "prop-row" }, ma = {
 	key: 1,
 	class: "prop-row prop-row-col"
-}, da = { class: "prop-row-main" }, fa = { class: "prop-row" }, pa = {
+}, ha = { class: "prop-row-main" }, ga = { class: "prop-row" }, _a = {
 	key: 2,
 	class: "prop-row"
-}, ma = {
+}, va = {
 	key: 3,
 	class: "prop-row"
-}, ha = { class: "prop-row" }, ga = { class: "prop-row prop-row-col" }, _a = { class: "prop-row" }, va = { class: "prop-row" }, ya = { class: "prop-row" }, ba = { class: "prop-actions" }, xa = {
+}, ya = { class: "prop-row" }, ba = { class: "prop-row prop-row-col" }, xa = { class: "prop-row" }, Sa = { class: "prop-row" }, Ca = { class: "prop-row" }, wa = { class: "prop-actions" }, Ta = {
 	key: 1,
 	class: "panel-section"
-}, Sa = { class: "prop-row" }, Ca = { class: "prop-row" }, wa = { class: "prop-row" }, Ta = { class: "prop-row" }, Ea = { class: "prop-row" }, Da = { class: "prop-row" }, Oa = { class: "prop-row" }, ka = {
+}, Ea = { class: "prop-row" }, Da = { class: "prop-row" }, Oa = { class: "prop-row" }, ka = { class: "prop-row" }, Aa = { class: "prop-row" }, ja = { class: "prop-row" }, Ma = { class: "prop-row" }, Na = {
 	key: 0,
 	class: "prop-row"
-}, Aa = {
+}, Pa = {
 	key: 1,
 	class: "prop-row"
-}, ja = { class: "prop-row prop-row-col" }, Ma = { class: "prop-actions" }, Na = {
+}, Fa = { class: "prop-row prop-row-col" }, Ia = { class: "prop-actions" }, La = {
 	key: 2,
 	class: "panel-section"
-}, Pa = { class: "prop-row" }, Fa = { class: "prop-row" }, Ia = { class: "prop-row" }, La = { class: "prop-row" }, Ra = { class: "prop-row" }, za = { class: "prop-row" }, Ba = { class: "prop-row" }, Va = { class: "prop-row" }, Ha = { class: "prop-row" }, Ua = { class: "prop-row" }, Wa = { class: "prop-row" }, Ga = {
+}, Ra = { class: "prop-row" }, za = { class: "prop-row" }, Ba = { class: "prop-row" }, Va = { class: "prop-row" }, Ha = { class: "prop-row" }, Ua = { class: "prop-row" }, Wa = { class: "prop-row" }, Ga = { class: "prop-row" }, Ka = { class: "prop-row" }, qa = { class: "prop-row" }, Ja = { class: "prop-row" }, Ya = {
 	key: 3,
 	class: "panel-section"
-}, Ka = { class: "prop-row" }, qa = { class: "prop-row" }, Ja = { class: "prop-row" }, Ya = { class: "prop-row" }, Xa = { class: "prop-row" }, Za = { class: "prop-row" }, Qa = { class: "prop-row" }, $a = { class: "prop-row" }, eo = { class: "prop-row" }, to = { class: "prop-row" }, no = { class: "prop-row" }, ro = { class: "prop-row" }, io = { class: "prop-row" }, ao = { class: "prop-actions" }, oo = {
+}, Xa = { class: "prop-row" }, Za = { class: "prop-row" }, Qa = { class: "prop-row" }, $a = { class: "prop-row" }, eo = { class: "prop-row" }, to = { class: "prop-row" }, no = { class: "prop-row" }, ro = { class: "prop-row" }, io = { class: "prop-row" }, ao = { class: "prop-row" }, oo = { class: "prop-row" }, so = { class: "prop-row" }, co = { class: "prop-row" }, lo = { class: "prop-actions" }, uo = {
 	key: 4,
 	class: "panel-section empty"
-}, so = /*#__PURE__*/ Q({
+}, fo = /*#__PURE__*/ Q({
 	__name: "PropertiesPanel",
 	props: {
 		selectedNode: {
@@ -5317,25 +5435,25 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			u.selectedNode && (u.selectedNode.image = "", N());
 		};
 		return (t, l) => {
-			let u = x("el-tag"), d = x("el-input"), y = x("el-icon"), L = x("el-button"), R = x("el-upload"), z = x("el-input-number"), B = x("el-color-picker"), V = x("el-option"), H = x("el-select"), W = x("el-checkbox"), G = x("el-slider"), K = x("el-dialog");
-			return _(), i("div", Wi, [
-				a("div", Gi, [l[61] ||= a("h4", null, "画布主题", -1), a("div", Ki, [(_(!0), i(e, null, b(C(X), (e, n) => (_(), i("div", {
+			let u = x("el-tag"), d = x("el-input"), y = x("el-icon"), L = x("el-button"), R = x("el-upload"), z = x("el-input-number"), B = x("el-color-picker"), V = x("el-option"), H = x("el-select"), ee = x("el-checkbox"), W = x("el-slider"), G = x("el-dialog");
+			return _(), i("div", Ji, [
+				a("div", Yi, [l[61] ||= a("h4", null, "画布主题", -1), a("div", Xi, [(_(!0), i(e, null, b(C(X), (e, n) => (_(), i("div", {
 					key: n,
 					class: p(["theme-item", { active: o.currentTheme === n }]),
 					onClick: (e) => t.$emit("change-theme", n)
-				}, [a("div", { class: p(["theme-preview", `theme-preview-${n}`]) }, [...l[60] ||= [a("div", { class: "preview-rect" }, null, -1), a("div", { class: "preview-circle" }, null, -1)]], 2), a("span", Ji, S(e.name), 1)], 10, qi))), 128))])]),
-				o.selectedNode ? (_(), i("div", Yi, [
+				}, [a("div", { class: p(["theme-preview", `theme-preview-${n}`]) }, [...l[60] ||= [a("div", { class: "preview-rect" }, null, -1), a("div", { class: "preview-circle" }, null, -1)]], 2), a("span", Qi, S(e.name), 1)], 10, Zi))), 128))])]),
+				o.selectedNode ? (_(), i("div", $i, [
 					l[86] ||= a("h4", null, "节点属性", -1),
-					a("div", Xi, [l[62] ||= a("label", null, "类型", -1), c(u, {
+					a("div", ea, [l[62] ||= a("label", null, "类型", -1), c(u, {
 						size: "small",
 						type: "info"
 					}, {
 						default: D(() => [s(S(O(o.selectedNode.type)), 1)]),
 						_: 1
 					})]),
-					o.selectedNode.type === "custom" ? (_(), i("div", Zi, [
+					o.selectedNode.type === "custom" ? (_(), i("div", ta, [
 						l[63] ||= a("label", null, "组件图片", -1),
-						a("div", Qi, [
+						a("div", na, [
 							c(d, {
 								modelValue: o.selectedNode.image,
 								"onUpdate:modelValue": l[0] ||= (e) => o.selectedNode.image = e,
@@ -5353,7 +5471,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 									circle: ""
 								}, {
 									default: D(() => [c(y, null, {
-										default: D(() => [c(C(ee))]),
+										default: D(() => [c(C(K))]),
 										_: 1
 									})]),
 									_: 1
@@ -5374,7 +5492,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 								_: 1
 							})) : r("", !0)
 						]),
-						o.selectedNode.image ? (_(), i("div", $i, [a("img", {
+						o.selectedNode.image ? (_(), i("div", ra, [a("img", {
 							src: o.selectedNode.image,
 							style: {
 								"max-width": "100%",
@@ -5382,15 +5500,15 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 								border: "1px solid #e4e7ed",
 								"border-radius": "4px"
 							}
-						}, null, 8, ea)])) : r("", !0)
+						}, null, 8, ia)])) : r("", !0)
 					])) : r("", !0),
-					a("div", ta, [l[64] ||= a("label", null, "名称", -1), c(d, {
+					a("div", aa, [l[64] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedNode.label,
 						"onUpdate:modelValue": l[1] ||= (e) => o.selectedNode.label = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", na, [l[65] ||= a("label", null, "宽度", -1), c(z, {
+					a("div", oa, [l[65] ||= a("label", null, "宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.width,
 						"onUpdate:modelValue": l[2] ||= (e) => o.selectedNode.width = e,
@@ -5398,7 +5516,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 500,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ra, [l[66] ||= a("label", null, "高度", -1), c(z, {
+					a("div", sa, [l[66] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.height,
 						"onUpdate:modelValue": l[3] ||= (e) => o.selectedNode.height = e,
@@ -5406,19 +5524,19 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 400,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ia, [l[67] ||= a("label", null, "填充色", -1), c(B, {
+					a("div", ca, [l[67] ||= a("label", null, "填充色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.color,
 						"onUpdate:modelValue": l[4] ||= (e) => o.selectedNode.color = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", aa, [l[68] ||= a("label", null, "边框色", -1), c(B, {
+					a("div", la, [l[68] ||= a("label", null, "边框色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.strokeColor,
 						"onUpdate:modelValue": l[5] ||= (e) => o.selectedNode.strokeColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", oa, [l[69] ||= a("label", null, "边框宽度", -1), c(z, {
+					a("div", ua, [l[69] ||= a("label", null, "边框宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.strokeWidth,
 						"onUpdate:modelValue": l[6] ||= (e) => o.selectedNode.strokeWidth = e,
@@ -5426,13 +5544,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 10,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", sa, [l[70] ||= a("label", null, "文字色", -1), c(B, {
+					a("div", da, [l[70] ||= a("label", null, "文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedNode.textColor,
 						"onUpdate:modelValue": l[7] ||= (e) => o.selectedNode.textColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", ca, [l[71] ||= a("label", null, "字号", -1), c(z, {
+					a("div", fa, [l[71] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.fontSize,
 						"onUpdate:modelValue": l[8] ||= (e) => o.selectedNode.fontSize = e,
@@ -5440,7 +5558,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 36,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", la, [l[72] ||= a("label", null, "文字位置", -1), c(H, {
+					a("div", pa, [l[72] ||= a("label", null, "文字位置", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedNode.labelPosition,
 						"onUpdate:modelValue": l[9] ||= (e) => o.selectedNode.labelPosition = e,
@@ -5474,7 +5592,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedNode.labelPosition === "left" || o.selectedNode.labelPosition === "right" ? (_(), i("div", ua, [a("div", da, [l[73] ||= a("label", null, "文字方向", -1), c(z, {
+					o.selectedNode.labelPosition === "left" || o.selectedNode.labelPosition === "right" ? (_(), i("div", ma, [a("div", ha, [l[73] ||= a("label", null, "文字方向", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.textRotation,
 						"onUpdate:modelValue": l[10] ||= (e) => o.selectedNode.textRotation = e,
@@ -5483,7 +5601,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						step: 15,
 						onChange: N
 					}, null, 8, ["modelValue"])]), l[74] ||= a("span", { class: "prop-hint" }, "-90°=向上 \xA0 0°=向右 \xA0 90°=向下", -1)])) : r("", !0),
-					a("div", fa, [l[75] ||= a("label", null, "动画", -1), c(H, {
+					a("div", ga, [l[75] ||= a("label", null, "动画", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedNode.animation,
 						"onUpdate:modelValue": l[11] ||= (e) => o.selectedNode.animation = e,
@@ -5496,7 +5614,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						}, null, 8, ["value", "label"]))), 128))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", pa, [l[76] ||= a("label", null, "动画时长(秒)", -1), c(z, {
+					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", _a, [l[76] ||= a("label", null, "动画时长(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.animationDuration,
 						"onUpdate:modelValue": l[12] ||= (e) => o.selectedNode.animationDuration = e,
@@ -5505,7 +5623,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", ma, [l[77] ||= a("label", null, "延迟(秒)", -1), c(z, {
+					o.selectedNode.animation === "none" ? r("", !0) : (_(), i("div", va, [l[77] ||= a("label", null, "延迟(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedNode.animationDelay,
 						"onUpdate:modelValue": l[13] ||= (e) => o.selectedNode.animationDelay = e,
@@ -5514,7 +5632,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					a("div", ha, [c(W, {
+					a("div", ya, [c(ee, {
 						modelValue: o.selectedNode.locked,
 						"onUpdate:modelValue": l[14] ||= (e) => o.selectedNode.locked = e,
 						onChange: N
@@ -5522,7 +5640,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						default: D(() => [...l[78] ||= [s("锁定", -1)]]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", ga, [l[79] ||= a("label", null, "备注说明", -1), c(d, {
+					a("div", ba, [l[79] ||= a("label", null, "备注说明", -1), c(d, {
 						modelValue: o.selectedNode.remark,
 						"onUpdate:modelValue": l[15] ||= (e) => o.selectedNode.remark = e,
 						type: "textarea",
@@ -5530,7 +5648,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						placeholder: "输入备注说明...",
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", _a, [
+					a("div", xa, [
 						l[80] ||= a("label", null, "输入参数", -1),
 						c(u, {
 							size: "small",
@@ -5551,7 +5669,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							_: 1
 						})
 					]),
-					a("div", va, [
+					a("div", Sa, [
 						l[81] ||= a("label", null, "输出参数", -1),
 						c(u, {
 							size: "small",
@@ -5572,7 +5690,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							_: 1
 						})
 					]),
-					a("div", ya, [l[82] ||= a("label", null, "动作设置", -1), c(L, {
+					a("div", Ca, [l[82] ||= a("label", null, "动作设置", -1), c(L, {
 						size: "small",
 						circle: "",
 						onClick: l[16] ||= (e) => h.value = !0
@@ -5583,7 +5701,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						})]),
 						_: 1
 					})]),
-					a("div", ba, [
+					a("div", wa, [
 						c(L, {
 							size: "small",
 							onClick: l[17] ||= (e) => t.$emit("bring-front")
@@ -5607,15 +5725,15 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 							_: 1
 						})
 					])
-				])) : o.selectedEdge ? (_(), i("div", xa, [
+				])) : o.selectedEdge ? (_(), i("div", Ta, [
 					l[98] ||= a("h4", null, "连线属性", -1),
-					a("div", Sa, [l[87] ||= a("label", null, "标签", -1), c(d, {
+					a("div", Ea, [l[87] ||= a("label", null, "标签", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedEdge.label,
 						"onUpdate:modelValue": l[20] ||= (e) => o.selectedEdge.label = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ca, [l[88] ||= a("label", null, "线型", -1), c(H, {
+					a("div", Da, [l[88] ||= a("label", null, "线型", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.lineStyle,
 						"onUpdate:modelValue": l[21] ||= (e) => o.selectedEdge.lineStyle = e,
@@ -5628,13 +5746,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						}, null, 8, ["value", "label"]))), 128))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", wa, [l[89] ||= a("label", null, "线色", -1), c(B, {
+					a("div", Oa, [l[89] ||= a("label", null, "线色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedEdge.lineColor,
 						"onUpdate:modelValue": l[22] ||= (e) => o.selectedEdge.lineColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ta, [l[90] ||= a("label", null, "线宽", -1), c(z, {
+					a("div", ka, [l[90] ||= a("label", null, "线宽", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedEdge.lineWidth,
 						"onUpdate:modelValue": l[23] ||= (e) => o.selectedEdge.lineWidth = e,
@@ -5642,7 +5760,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 8,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ea, [l[91] ||= a("label", null, "箭头", -1), c(H, {
+					a("div", Aa, [l[91] ||= a("label", null, "箭头", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.arrowType,
 						"onUpdate:modelValue": l[24] ||= (e) => o.selectedEdge.arrowType = e,
@@ -5657,7 +5775,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						})]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Da, [l[92] ||= a("label", null, "曲线", -1), c(H, {
+					a("div", ja, [l[92] ||= a("label", null, "曲线", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.curveType,
 						"onUpdate:modelValue": l[25] ||= (e) => o.selectedEdge.curveType = e,
@@ -5672,7 +5790,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						})]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Oa, [l[93] ||= a("label", null, "动画", -1), c(H, {
+					a("div", Ma, [l[93] ||= a("label", null, "动画", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedEdge.animation,
 						"onUpdate:modelValue": l[26] ||= (e) => o.selectedEdge.animation = e,
@@ -5685,7 +5803,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						}, null, 8, ["value", "label"])), 64))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", ka, [l[94] ||= a("label", null, "动画时长(秒)", -1), c(z, {
+					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", Na, [l[94] ||= a("label", null, "动画时长(秒)", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedEdge.animationDuration,
 						"onUpdate:modelValue": l[27] ||= (e) => o.selectedEdge.animationDuration = e,
@@ -5694,13 +5812,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						step: .5,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", Aa, [l[95] ||= a("label", null, "粒子颜色", -1), c(B, {
+					o.selectedEdge.animation === "none" ? r("", !0) : (_(), i("div", Pa, [l[95] ||= a("label", null, "粒子颜色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedEdge.particleColor,
 						"onUpdate:modelValue": l[28] ||= (e) => o.selectedEdge.particleColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])])),
-					a("div", ja, [l[96] ||= a("label", null, "备注说明", -1), c(d, {
+					a("div", Fa, [l[96] ||= a("label", null, "备注说明", -1), c(d, {
 						modelValue: o.selectedEdge.remark,
 						"onUpdate:modelValue": l[29] ||= (e) => o.selectedEdge.remark = e,
 						type: "textarea",
@@ -5708,7 +5826,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						placeholder: "输入备注说明...",
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ma, [c(L, {
+					a("div", Ia, [c(L, {
 						size: "small",
 						type: "danger",
 						onClick: l[30] ||= (e) => t.$emit("delete-edge")
@@ -5716,15 +5834,15 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						default: D(() => [...l[97] ||= [s("删除连线", -1)]]),
 						_: 1
 					})])
-				])) : o.selectedLane ? (_(), i("div", Na, [
+				])) : o.selectedLane ? (_(), i("div", La, [
 					l[110] ||= a("h4", null, "泳道名称属性", -1),
-					a("div", Pa, [l[99] ||= a("label", null, "名称", -1), c(d, {
+					a("div", Ra, [l[99] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedLane.name,
 						"onUpdate:modelValue": l[31] ||= (e) => o.selectedLane.name = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Fa, [l[100] ||= a("label", null, "高度", -1), c(z, {
+					a("div", za, [l[100] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedLane.height,
 						"onUpdate:modelValue": l[32] ||= (e) => o.selectedLane.height = e,
@@ -5732,20 +5850,20 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 500,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Ia, [l[101] ||= a("label", null, "背景色", -1), c(B, {
+					a("div", Ba, [l[101] ||= a("label", null, "背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.color,
 						"onUpdate:modelValue": l[33] ||= (e) => o.selectedLane.color = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", La, [l[102] ||= a("label", null, "名称行背景", -1), c(B, {
+					a("div", Va, [l[102] ||= a("label", null, "名称行背景", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.headerColor,
 						"onUpdate:modelValue": l[34] ||= (e) => o.selectedLane.headerColor = e,
 						"show-alpha": "",
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Ra, [l[103] ||= a("label", null, "背景透明度", -1), c(G, {
+					a("div", Ha, [l[103] ||= a("label", null, "背景透明度", -1), c(W, {
 						size: "small",
 						modelValue: j.value,
 						"onUpdate:modelValue": l[35] ||= (e) => j.value = e,
@@ -5758,13 +5876,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						},
 						onChange: M
 					}, null, 8, ["modelValue"])]),
-					a("div", za, [l[104] ||= a("label", null, "文字色", -1), c(B, {
+					a("div", Ua, [l[104] ||= a("label", null, "文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedLane.textColor,
 						"onUpdate:modelValue": l[36] ||= (e) => o.selectedLane.textColor = e,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Ba, [l[105] ||= a("label", null, "字号", -1), c(z, {
+					a("div", Wa, [l[105] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedLane.fontSize,
 						"onUpdate:modelValue": l[37] ||= (e) => o.selectedLane.fontSize = e,
@@ -5772,7 +5890,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 36,
 						onChange: P
 					}, null, 8, ["modelValue"])]),
-					a("div", Va, [l[106] ||= a("label", null, "字体", -1), c(H, {
+					a("div", Ga, [l[106] ||= a("label", null, "字体", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontFamily,
 						"onUpdate:modelValue": l[38] ||= (e) => o.selectedLane.fontFamily = e,
@@ -5814,7 +5932,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ha, [l[107] ||= a("label", null, "字重", -1), c(H, {
+					a("div", Ka, [l[107] ||= a("label", null, "字重", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontWeight,
 						"onUpdate:modelValue": l[39] ||= (e) => o.selectedLane.fontWeight = e,
@@ -5840,7 +5958,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Ua, [l[108] ||= a("label", null, "字体样式", -1), c(H, {
+					a("div", qa, [l[108] ||= a("label", null, "字体样式", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.fontStyle,
 						"onUpdate:modelValue": l[40] ||= (e) => o.selectedLane.fontStyle = e,
@@ -5862,7 +5980,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Wa, [l[109] ||= a("label", null, "文本对齐", -1), c(H, {
+					a("div", Ja, [l[109] ||= a("label", null, "文本对齐", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedLane.textAlign,
 						"onUpdate:modelValue": l[41] ||= (e) => o.selectedLane.textAlign = e,
@@ -5884,19 +6002,19 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])])
-				])) : o.selectedSwimlane ? (_(), i("div", Ga, [
+				])) : o.selectedSwimlane ? (_(), i("div", Ya, [
 					l[126] ||= a("h4", null, "泳道属性", -1),
-					a("div", Ka, [l[111] ||= a("label", null, "名称", -1), c(d, {
+					a("div", Xa, [l[111] ||= a("label", null, "名称", -1), c(d, {
 						size: "small",
 						modelValue: o.selectedSwimlane.name,
 						"onUpdate:modelValue": l[42] ||= (e) => o.selectedSwimlane.name = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", qa, [l[112] ||= a("label", null, "方向", -1), c(u, { size: "small" }, {
+					a("div", Za, [l[112] ||= a("label", null, "方向", -1), c(u, { size: "small" }, {
 						default: D(() => [s(S(o.selectedSwimlane.direction === "horizontal" ? "水平" : "垂直"), 1)]),
 						_: 1
 					})]),
-					a("div", Ja, [l[113] ||= a("label", null, "宽度", -1), c(z, {
+					a("div", Qa, [l[113] ||= a("label", null, "宽度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.width,
 						"onUpdate:modelValue": l[43] ||= (e) => o.selectedSwimlane.width = e,
@@ -5904,7 +6022,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 2e3,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Ya, [l[114] ||= a("label", null, "高度", -1), c(z, {
+					a("div", $a, [l[114] ||= a("label", null, "高度", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.height,
 						"onUpdate:modelValue": l[44] ||= (e) => o.selectedSwimlane.height = e,
@@ -5912,19 +6030,19 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 1e3,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Xa, [l[115] ||= a("label", null, "背景色", -1), c(B, {
+					a("div", eo, [l[115] ||= a("label", null, "背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.color,
 						"onUpdate:modelValue": l[45] ||= (e) => o.selectedSwimlane.color = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Za, [l[116] ||= a("label", null, "标题背景色", -1), c(B, {
+					a("div", to, [l[116] ||= a("label", null, "标题背景色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.headerColor,
 						"onUpdate:modelValue": l[46] ||= (e) => o.selectedSwimlane.headerColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", Qa, [l[117] ||= a("label", null, "标题透明度", -1), c(G, {
+					a("div", no, [l[117] ||= a("label", null, "标题透明度", -1), c(W, {
 						size: "small",
 						modelValue: k.value,
 						"onUpdate:modelValue": l[47] ||= (e) => k.value = e,
@@ -5937,13 +6055,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						},
 						onChange: A
 					}, null, 8, ["modelValue"])]),
-					a("div", $a, [l[118] ||= a("label", null, "标题文字色", -1), c(B, {
+					a("div", ro, [l[118] ||= a("label", null, "标题文字色", -1), c(B, {
 						size: "small",
 						modelValue: o.selectedSwimlane.headerTextColor,
 						"onUpdate:modelValue": l[48] ||= (e) => o.selectedSwimlane.headerTextColor = e,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", eo, [l[119] ||= a("label", null, "字号", -1), c(z, {
+					a("div", io, [l[119] ||= a("label", null, "字号", -1), c(z, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontSize,
 						"onUpdate:modelValue": l[49] ||= (e) => o.selectedSwimlane.fontSize = e,
@@ -5951,7 +6069,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						max: 36,
 						onChange: N
 					}, null, 8, ["modelValue"])]),
-					a("div", to, [l[120] ||= a("label", null, "字体", -1), c(H, {
+					a("div", ao, [l[120] ||= a("label", null, "字体", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontFamily,
 						"onUpdate:modelValue": l[50] ||= (e) => o.selectedSwimlane.fontFamily = e,
@@ -5993,7 +6111,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", no, [l[121] ||= a("label", null, "字重", -1), c(H, {
+					a("div", oo, [l[121] ||= a("label", null, "字重", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontWeight,
 						"onUpdate:modelValue": l[51] ||= (e) => o.selectedSwimlane.fontWeight = e,
@@ -6019,7 +6137,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", ro, [l[122] ||= a("label", null, "字体样式", -1), c(H, {
+					a("div", so, [l[122] ||= a("label", null, "字体样式", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.fontStyle,
 						"onUpdate:modelValue": l[52] ||= (e) => o.selectedSwimlane.fontStyle = e,
@@ -6041,7 +6159,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", io, [l[123] ||= a("label", null, "文本对齐", -1), c(H, {
+					a("div", co, [l[123] ||= a("label", null, "文本对齐", -1), c(H, {
 						size: "small",
 						modelValue: o.selectedSwimlane.textAlign,
 						"onUpdate:modelValue": l[53] ||= (e) => o.selectedSwimlane.textAlign = e,
@@ -6063,7 +6181,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", ao, [c(L, {
+					a("div", lo, [c(L, {
 						size: "small",
 						onClick: l[54] ||= (e) => t.$emit("add-lane")
 					}, {
@@ -6077,22 +6195,22 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 						default: D(() => [...l[125] ||= [s("删除", -1)]]),
 						_: 1
 					})])
-				])) : (_(), i("div", oo, [...l[127] ||= [a("p", null, "选择节点或连线查看属性", -1)]])),
-				c(Ui, {
+				])) : (_(), i("div", uo, [...l[127] ||= [a("p", null, "选择节点或连线查看属性", -1)]])),
+				c(qi, {
 					modelValue: f.value,
 					"onUpdate:modelValue": l[56] ||= (e) => f.value = e,
 					title: "输入参数设置",
 					parameters: o.selectedNode?.inputParams || [],
 					onConfirm: w
 				}, null, 8, ["modelValue", "parameters"]),
-				c(Ui, {
+				c(qi, {
 					modelValue: m.value,
 					"onUpdate:modelValue": l[57] ||= (e) => m.value = e,
 					title: "输出参数设置",
 					parameters: o.selectedNode?.outputParams || [],
 					onConfirm: T
 				}, null, 8, ["modelValue", "parameters"]),
-				c(K, {
+				c(G, {
 					modelValue: h.value,
 					"onUpdate:modelValue": l[59] ||= (e) => h.value = e,
 					title: "动作设置",
@@ -6114,13 +6232,13 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8d0fe2b9"]]), co = { class: "process-diagram-editor" }, lo = { class: "editor-header" }, uo = { class: "header-left" }, fo = { class: "header-right" }, po = {
+}, [["__scopeId", "data-v-8d0fe2b9"]]), po = { class: "process-diagram-editor" }, mo = { class: "editor-header" }, ho = { class: "header-left" }, go = { class: "header-right" }, _o = {
 	key: 0,
 	class: "collab-users"
-}, mo = ["title"], ho = {
+}, vo = ["title"], yo = {
 	key: 0,
 	class: "collab-more"
-}, go = { class: "editor-body" }, _o = { class: "editor-main" }, vo = "diagram", yo = /*#__PURE__*/ Q({
+}, bo = { class: "editor-body" }, xo = { class: "editor-main" }, So = "diagram", Co = /*#__PURE__*/ Q({
 	__name: "DiagramEditor",
 	props: {
 		docId: {
@@ -6150,6 +6268,10 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 		uiConfig: {
 			type: Object,
 			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
 		}
 	},
 	setup(o) {
@@ -6159,13 +6281,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			authorEditable: !0,
 			showTypeSelector: !0,
 			showTemplateSelector: !0,
+			showSwimlaneSelector: !0,
 			initialDiagramType: null,
 			...s.uiConfig
-		})), w = t(() => s.docId ?? u.params.id), T = t(() => s.apiBase && s.apiBase !== "/api" ? ne(s.apiBase) : ie), O = y(!1), k = y(!1), { saveVersion: A } = Ge(), j = He(), I = u.query.type, L = ae(t(() => w.value || "new-doc")), R = null, B = y(null), V = y(null), H = y(!0), U = y(1), W = y(!1), G = y(!1), ee = y([]), q = y(!1), te = y(null), J = y(w.value || null), Y = y(s.user?.name || localStorage.getItem("diagram-user-name") || ""), re = null;
+		})), w = t(() => s.docId ?? u.params.id), T = t(() => s.apiBase && s.apiBase !== "/api" ? re(s.apiBase) : ie), O = y(!1), k = y(!1), { saveVersion: A } = Ye(), j = He(), I = Ke(() => s.aiApi), L = u.query.type, R = ae(t(() => w.value || "new-doc")), B = null, V = y(null), H = y(null), U = y(!0), ee = y(1), W = y(!1), K = y(!1), te = y([]), q = y(!1), J = y(null), ne = y(w.value || null), Y = y(s.user?.name || localStorage.getItem("diagram-user-name") || ""), X = null;
 		E(Y, (e) => {
 			localStorage.setItem("diagram-user-name", e || "");
 		});
-		let X = y(null), oe = y(!1), se = y(!1), ce = null, le = () => {
+		let oe = y(null), se = y(!1), ce = y(!1), le = null, ue = () => {
 			if (!$.value?.trim()) {
 				P.warning("请输入流程图名称");
 				return;
@@ -6176,35 +6299,35 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			}
 			try {
 				let e = w.value || `diagram-${Date.now()}`;
-				te.value = e, L.connect(e, s.wsUrl || void 0), L.setLocalUser({ name: Y.value.trim() }), W.value = !0;
-				let t = L.awareness.value;
+				J.value = e, R.connect(e, s.wsUrl || void 0), R.setLocalUser({ name: Y.value.trim() }), W.value = !0;
+				let t = R.awareness.value;
 				t.on("change", () => {
-					ee.value = Array.from(t.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
+					te.value = Array.from(t.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
 						clientId: e,
 						...t.user
 					}));
 				}), j.setCollabContext({
-					ydoc: L.doc,
+					ydoc: R.doc,
 					provider: t?.provider || null,
-					onlineUsers: ee
+					onlineUsers: te
 				}), j.setCurrentUser({
 					id: t.clientID,
 					name: Y.value.trim(),
 					color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
-				}), L.onRemoteChange("diagram", (e) => {
-					e && (q.value = !0, Je(e), q.value = !1);
-				}), L.syncToYjs("diagram", qe()), R && R();
+				}), R.onRemoteChange("diagram", (e) => {
+					e && (q.value = !0, Xe(e), q.value = !1);
+				}), R.syncToYjs("diagram", Je()), B && B();
 				let n = null, r = () => {
-					n && clearTimeout(n), W.value && !q.value && L.isConnected.value && L.syncToYjs("diagram", qe());
+					n && clearTimeout(n), W.value && !q.value && R.isConnected.value && R.syncToYjs("diagram", Je());
 				};
-				ce = r, R = E([
+				le = r, B = E([
 					Z,
-					he,
-					ge
+					ge,
+					_e
 				], () => {
-					se.value || (n && clearTimeout(n), n = setTimeout(r, 300));
-				}, { deep: !0 }), re && re(), re = E(() => L.isConnected.value, (e, t) => {
-					e && !t && W.value && L.syncToYjs("diagram", qe());
+					ce.value || (n && clearTimeout(n), n = setTimeout(r, 300));
+				}, { deep: !0 }), X && X(), X = E(() => R.isConnected.value, (e, t) => {
+					e && !t && W.value && R.syncToYjs("diagram", Je());
 				});
 				let i = f ? "process-diagram" : "execution-diagram", a = `${window.location.origin}/${i}/${e}?collab=1`;
 				navigator.clipboard.writeText(a).then(() => {
@@ -6215,14 +6338,14 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			} catch (e) {
 				console.error("协作连接失败:", e), P.error("协作连接失败: " + (e.message || e));
 			}
-		}, ue = () => {
-			R &&= (R(), null), re &&= (re(), null), L.closeCollaboration(), W.value = !1, P.info("协作已关闭");
-		}, de = async () => {
+		}, de = () => {
+			B &&= (B(), null), X &&= (X(), null), R.closeCollaboration(), W.value = !1, P.info("协作已关闭");
+		}, fe = async () => {
 			if (!W.value) {
-				le();
+				ue();
 				return;
 			}
-			let e = te.value || u.params.id;
+			let e = J.value || u.params.id;
 			if (!e) {
 				P.warning("请先开启协作");
 				return;
@@ -6233,26 +6356,26 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 			} catch {
 				P.info(`分享链接: ${n}`);
 			}
-		}, { NODE_TYPES: fe, ANIMATION_TYPES: pe, LINE_STYLES: me, nodes: Z, edges: he, swimlanes: ge, selectedNodeId: _e, selectedEdgeId: Q, selectedSwimlaneId: ye, selectedNode: be, selectedEdge: xe, connectMode: Se, connectSource: Ce, diagramType: we, diagramTitle: $, currentTheme: Te, undoStack: Ee, redoStack: De, undo: Oe, redo: ke, addNode: Ae, addEdge: je, addSwimlane: Me, addLane: Ne, updateNode: Pe, updateEdge: Fe, removeNode: Ie, removeEdge: Le, removeSwimlane: Re, clearAll: ze, selectNode: Be, selectEdge: Ue, bringToFront: We, sendToBack: Ke, toJSON: qe, fromJSON: Je, autoLayout: Ye, loadTemplate: Xe, PROCESS_TYPE_LABELS: Ze, EXECUTION_TYPE_LABELS: Qe } = ve(p, v.value.initialDiagramType || I), $e = t(() => ({
-			...Ze,
-			...Qe
-		})[we.value] || "流程图"), et = t(() => ge.find((e) => e.id === ye.value) || null), tt = y(null), nt = t(() => !et.value || !tt.value ? null : et.value.lanes?.find((e) => e.id === tt.value) || null), it = () => {
-			_e.value = null, Q.value = null, ye.value = null, tt.value = null, Se.value = !1, Ce.value = null;
-		}, at = () => {
-			it(), oe.value = !1, X.value = null;
-		}, ot = (e, t) => {
-			ye.value = e, tt.value = t;
-		}, st = (e, t) => {
-			let n = ge.find((t) => t.id === e);
+		}, { NODE_TYPES: pe, ANIMATION_TYPES: me, LINE_STYLES: he, nodes: Z, edges: ge, swimlanes: _e, selectedNodeId: Q, selectedEdgeId: ye, selectedSwimlaneId: be, selectedNode: xe, selectedEdge: Se, connectMode: Ce, connectSource: we, diagramType: Te, diagramTitle: $, currentTheme: Ee, undoStack: De, redoStack: Oe, undo: ke, redo: Ae, addNode: je, addEdge: Me, addSwimlane: Ne, addLane: Pe, updateNode: Fe, updateEdge: Ie, removeNode: Le, removeEdge: Re, removeSwimlane: ze, clearAll: Be, selectNode: Ue, selectEdge: We, bringToFront: Ge, sendToBack: qe, toJSON: Je, fromJSON: Xe, autoLayout: Ze, loadTemplate: Qe, PROCESS_TYPE_LABELS: $e, EXECUTION_TYPE_LABELS: et } = ve(p, v.value.initialDiagramType || L), tt = t(() => ({
+			...$e,
+			...et
+		})[Te.value] || "流程图"), nt = t(() => _e.find((e) => e.id === be.value) || null), rt = y(null), it = t(() => !nt.value || !rt.value ? null : nt.value.lanes?.find((e) => e.id === rt.value) || null), at = () => {
+			Q.value = null, ye.value = null, be.value = null, rt.value = null, Ce.value = !1, we.value = null;
+		}, ot = () => {
+			at(), se.value = !1, oe.value = null;
+		}, ct = (e, t) => {
+			be.value = e, rt.value = t;
+		}, lt = (e, t) => {
+			let n = _e.find((t) => t.id === e);
 			n && Object.assign(n, t);
-		}, ct = (e, t, n) => {
-			let r = ge.find((t) => t.id === e);
+		}, ut = (e, t, n) => {
+			let r = _e.find((t) => t.id === e);
 			if (r) {
 				let e = r.lanes?.find((e) => e.id === t);
 				e && Object.assign(e, n);
 			}
-		}, lt = (e, t, n) => {
-			let r = ge.find((t) => t.id === e);
+		}, dt = (e, t, n) => {
+			let r = _e.find((t) => t.id === e);
 			if (r) {
 				if (r.direction === "horizontal" && r.lanes?.length) {
 					let e = r.lanes.reduce((e, t) => e + t.height, 0);
@@ -6274,86 +6397,86 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 				}
 				r.width = t, r.height = n;
 			}
-		}, ut = (e, t, n, r) => {
-			let i = ge.find((t) => t.id === e);
+		}, ft = (e, t, n, r) => {
+			let i = _e.find((t) => t.id === e);
 			if (i) {
 				let e = i.lanes?.find((e) => e.id === t);
 				e && (n != null && (e.height = n), r != null && (e.width = r, i.direction === "vertical" && i.lanes?.length && (i.width = i.lanes.reduce((e, t) => e + (t.width || 200), 0))));
 			}
-		}, dt = (e, t, n) => {
-			let r = ge.find((t) => t.id === e);
+		}, pt = (e, t, n) => {
+			let r = _e.find((t) => t.id === e);
 			r && (r.x = t, r.y = n);
-		}, ft = (e) => {
-			we.value = e;
-		}, pt = (e) => {
-			Xe(e);
 		}, mt = (e) => {
 			Te.value = e;
-		}, ht = (e, t, n) => {
-			_e.value = Ae(e, t, n).id;
+		}, ht = (e) => {
+			Qe(e);
 		}, gt = (e) => {
-			oe.value = !1, X.value = null, Ce.value = e;
-		}, _t = (e) => {
-			X.value = e, oe.value = !0;
+			Ee.value = e;
+		}, _t = (e, t, n) => {
+			Q.value = je(e, t, n).id;
 		}, vt = (e) => {
-			let t = X.value || Ce.value;
-			t && e && t !== e && je(t, e), Ce.value = null, X.value = null, oe.value = !1;
-		}, yt = (e, t, n) => {
-			se.value = !0;
+			se.value = !1, oe.value = null, we.value = e;
+		}, yt = (e) => {
+			oe.value = e, se.value = !0;
+		}, bt = (e) => {
+			let t = oe.value || we.value;
+			t && e && t !== e && Me(t, e), we.value = null, oe.value = null, se.value = !1;
+		}, xt = (e, t, n) => {
+			ce.value = !0;
 			let r = Z.find((t) => t.id === e);
 			r && !r.locked && (r.x += t, r.y += n);
-		}, bt = () => {
-			se.value = !1, ce && ce();
-		}, xt = (e, t, n) => {
-			se.value = !0;
+		}, St = () => {
+			ce.value = !1, le && le();
+		}, Ct = (e, t, n) => {
+			ce.value = !0;
 			let r = Z.find((t) => t.id === e);
 			r && (r.width = t, r.height = n);
-		}, St = () => {
-			se.value = !1, ce && ce();
-		}, Ct = (e) => {
-			let t = Me("泳道 " + (ge.length + 1), e);
-			Ne(t.id, "角色A"), ye.value = t.id;
 		}, wt = () => {
-			et.value && Ne(et.value.id, "新泳道");
-		}, Tt = () => {
-			et.value && nt.value && ct(et.value.id, nt.value.id, {});
+			ce.value = !1, le && le();
+		}, Tt = (e) => {
+			let t = Ne("泳道 " + (_e.length + 1), e);
+			Pe(t.id, "角色A"), be.value = t.id;
 		}, Et = () => {
+			nt.value && Pe(nt.value.id, "新泳道");
+		}, Dt = () => {
+			nt.value && it.value && ut(nt.value.id, it.value.id, {});
+		}, Ot = () => {
 			if (Z.length === 0) return;
 			let e = Math.min(...Z.map((e) => e.x)), t = Math.min(...Z.map((e) => e.y)), n = Math.max(...Z.map((e) => e.x + e.width)), r = Math.max(...Z.map((e) => e.y + e.height)), i = n - e || 1, a = r - t || 1, o = document.querySelector(".diagram-canvas");
 			if (!o) return;
 			let s = o.getBoundingClientRect(), c = (s.width - 120) / i, l = (s.height - 120) / a, u = Math.min(c, l, 2);
 			Z.forEach((n) => {
 				n.x = 60 + (n.x - e) * u, n.y = 60 + (n.y - t) * u, n.width *= u, n.height *= u;
-			}), B.value && B.value.resetView();
-		}, Dt = async (e) => {
-			let t = qe();
+			}), V.value && V.value.resetView();
+		}, kt = async (e) => {
+			let t = Je();
 			switch (e) {
 				case "json":
-					Ot(t);
+					At(t);
 					break;
 				case "svg":
-					kt();
+					jt();
 					break;
 				case "png":
-					At("png");
+					Mt("png");
 					break;
 				case "html":
-					jt(t);
+					Nt(t);
 					break;
 				case "pdf":
-					Nt();
+					Ft();
 					break;
 			}
-		}, Ot = (e) => {
+		}, At = (e) => {
 			let t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = URL.createObjectURL(t), r = document.createElement("a");
 			r.href = n, r.download = `${$.value || "流程图"}.json`, r.click(), URL.revokeObjectURL(n), P.success("JSON已导出");
-		}, kt = () => {
-			let e = B.value?.svgRef;
+		}, jt = () => {
+			let e = V.value?.svgRef;
 			if (!e) return;
 			let t = e.cloneNode(!0), n = new XMLSerializer().serializeToString(t), r = new Blob([n], { type: "image/svg+xml" }), i = URL.createObjectURL(r), a = document.createElement("a");
 			a.href = i, a.download = `${$.value || "流程图"}.svg`, a.click(), URL.revokeObjectURL(i), P.success("SVG已导出");
-		}, At = async (e) => {
-			let t = B.value?.svgRef;
+		}, Mt = async (e) => {
+			let t = V.value?.svgRef;
 			if (!t) return;
 			let n = new XMLSerializer().serializeToString(t), r = document.createElement("canvas"), i = r.getContext("2d"), a = new Image(), o = new Blob([n], { type: "image/svg+xml;charset=utf-8" }), s = URL.createObjectURL(o);
 			a.onload = () => {
@@ -6362,7 +6485,7 @@ var Ue = "/api/document-versions", We = 5e3, Ge = () => {
 					n.href = URL.createObjectURL(t), n.download = `${$.value || "流程图"}.${e}`, n.click(), P.success(`${e.toUpperCase()}已导出`);
 				}, `image/${e}`);
 			}, a.src = s;
-		}, jt = (e) => {
+		}, Nt = (e) => {
 			let t = `<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
@@ -6384,13 +6507,13 @@ svg { max-width: 100%; height: auto; }
 <div class="container">
 <h1>${e.title}</h1>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4000 3000">
-${Mt(e)}
+${Pt(e)}
 </svg>
 </div>
 </body>
 </html>`, n = new Blob([t], { type: "text/html;charset=utf-8" }), r = URL.createObjectURL(n), i = document.createElement("a");
 			i.href = r, i.download = `${e.title || "流程图"}.html`, i.click(), URL.revokeObjectURL(r), P.success("HTML已导出");
-		}, Mt = (e) => {
+		}, Pt = (e) => {
 			let t = "";
 			return (e.nodes || []).forEach((e) => {
 				let n = e.color || "#409eff", r = e.strokeColor || "#333";
@@ -6407,8 +6530,8 @@ ${Mt(e)}
 					t += `<line x1="${e}" y1="${a}" x2="${o}" y2="${s}" stroke="${n.lineColor}" stroke-width="${n.lineWidth}" marker-end="url(#arrowhead)"/>`;
 				}
 			}), t;
-		}, Nt = () => {
-			let e = B.value?.svgRef;
+		}, Ft = () => {
+			let e = V.value?.svgRef;
 			if (!e) return;
 			let t = new XMLSerializer().serializeToString(e), n = window.open("", "_blank");
 			n.document.write(`
@@ -6421,21 +6544,21 @@ ${Mt(e)}
     </body>
     </html>
   `), n.document.close();
-		}, Pt = () => {
-			V.value?.click();
-		}, Ft = (e) => {
+		}, It = () => {
+			H.value?.click();
+		}, Lt = (e) => {
 			let t = e.target.files[0];
 			if (!t) return;
 			let n = new FileReader();
 			n.onload = (e) => {
 				try {
-					Je(JSON.parse(e.target.result)) ? P.success("导入成功") : P.error("无效的流程图文件");
+					Xe(JSON.parse(e.target.result)) ? P.success("导入成功") : P.error("无效的流程图文件");
 				} catch {
 					P.error("文件解析失败");
 				}
 			}, n.readAsText(t), e.target.value = "";
-		}, It = async () => {
-			if (G.value && L.collaborationClosed.value) {
+		}, Rt = async () => {
+			if (K.value && R.collaborationClosed.value) {
 				P.error("协作已关闭，无法提交保存");
 				return;
 			}
@@ -6448,7 +6571,7 @@ ${Mt(e)}
 				return;
 			}
 			try {
-				let e = qe(), t = {
+				let e = Je(), t = {
 					title: $.value || "流程图",
 					content: JSON.stringify(e),
 					doc_type: f ? "process-diagram" : "exec-diagram"
@@ -6456,14 +6579,14 @@ ${Mt(e)}
 					let t = n ? `${s.saveApi}/${n}` : s.saveApi;
 					return n ? F.put(t, e) : F.post(t, e);
 				} : null;
-				if (r) J.value = (await r(t, n)).data?.id || n;
-				else if (n && n !== "new") await T.value.update(n, t), J.value = n;
+				if (r) ne.value = (await r(t, n)).data?.id || n;
+				else if (n && n !== "new") await T.value.update(n, t), ne.value = n;
 				else {
 					let e = await T.value.create(t);
-					J.value = e.data.id, s.docId || l.replace(`/${f ? "process-diagram" : "execution-diagram"}/${e.data.id}`);
+					ne.value = e.data.id, s.docId || l.replace(`/${f ? "process-diagram" : "execution-diagram"}/${e.data.id}`);
 				}
 				P.success("已保存"), A({
-					documentId: String(J.value || ""),
+					documentId: String(ne.value || ""),
 					docType: f ? "process-diagram" : "exec-diagram",
 					content: JSON.stringify(e),
 					userId: String(j.currentUser.value?.id || ""),
@@ -6472,48 +6595,41 @@ ${Mt(e)}
 			} catch (e) {
 				P.error("保存失败: " + (e.message || e));
 			}
-		}, Lt = async () => {
+		}, zt = async () => {
 			let e = w.value;
 			if (e && e !== "new") try {
 				if (typeof s.loadApi == "function") {
 					let t = await s.loadApi(e);
-					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+					t.data && t.data.content && (Xe(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
 				} else if (s.loadApi) {
 					let t = await F.get(`${s.loadApi}/${e}`);
-					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+					t.data && t.data.content && (Xe(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
 				} else {
 					let t = await T.value.get(e);
-					t.data && t.data.content && (Je(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
+					t.data && t.data.content && (Xe(JSON.parse(t.data.content)), $.value = t.data.title || $.value);
 				}
 			} catch {
 				let t = localStorage.getItem(g + e);
 				if (t) try {
-					Je(JSON.parse(t));
+					Xe(JSON.parse(t));
 				} catch {}
 			}
-		}, Rt = () => {
+		}, Bt = () => {
 			l.push("/");
-		}, zt = [
-			"我可以帮您优化流程图布局、检查节点逻辑，或者提供流程设计建议。请问有什么需要帮助的？",
-			"这个流程图的节点连接看起来很清晰。建议检查一下是否有遗漏的分支或异常处理路径。",
-			"根据当前的流程结构，我建议在关键决策节点后添加明确的条件标注，使流程更易理解。",
-			"流程图中的泳道划分很合理。如果需要，我可以帮您分析各角色的职责分配是否均衡。",
-			"我可以帮您检查流程中是否存在循环依赖或死锁风险。需要我逐条分析吗？",
-			"建议在流程开始和结束节点使用统一的样式，这样可以让读者更快识别流程的起止点。",
-			"这个执行图的逻辑链路比较长，建议在中间添加一些检查点节点，便于流程监控和调试。",
-			"我可以帮您生成流程图的文字说明文档，方便团队成员理解流程细节。"
-		], Bt = async (e, t = {}) => {
-			let n = w.value ? `${vo}-${w.value}` : null;
+		}, Vt = async (e, t = {}) => {
+			let n = w.value ? `${So}-${w.value}` : null;
 			await j.sendMessage(e, {
 				...t,
 				roomId: n
 			});
 			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = j.collabUsers.value.filter((e) => e.name !== j.currentUser.value.name);
-			(!r || i || a.length === 0) && (j.loading.value = !0, setTimeout(() => {
-				j.sendAiMessage(zt[Math.floor(Math.random() * zt.length)], n), j.loading.value = !1;
-			}, 800 + Math.random() * 1200));
+			if (!r || i || a.length === 0) {
+				j.loading.value = !0;
+				let t = await I.chat(e, j.messages.value);
+				j.sendAiMessage(t, n), j.loading.value = !1;
+			}
 		}, Ht = () => {
-			let e = w.value ? `${vo}-${w.value}` : null;
+			let e = w.value ? `${So}-${w.value}` : null;
 			j.clearMessages(e);
 		}, Ut = () => {
 			if (!w.value) {
@@ -6524,31 +6640,31 @@ ${Mt(e)}
 		}, Wt = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				Je && Je(t);
+				Xe && Xe(t);
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
 		};
 		return h(() => {
-			Lt().then(() => {
+			zt().then(() => {
 				if (u.query.collab === "1") {
-					G.value = !0, le();
-					let e = E(() => L.isSynced.value, (t) => {
-						t && (e(), L.checkCollaborationClosed() && (L.disconnect(), G.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入")));
+					K.value = !0, ue();
+					let e = E(() => R.isSynced.value, (t) => {
+						t && (e(), R.checkCollaborationClosed() && (R.disconnect(), K.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入")));
 					});
-					L.isSynced.value && L.checkCollaborationClosed() && (L.disconnect(), G.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入"));
+					R.isSynced.value && R.checkCollaborationClosed() && (R.disconnect(), K.value = !1, W.value = !1, P.warning("该协作已关闭，无法加入"));
 				}
 			});
 		}), (t, o) => {
 			let s = x("el-icon"), l = x("el-button"), u = x("el-input");
-			return _(), i("div", co, [
-				a("div", lo, [a("div", uo, [
+			return _(), i("div", po, [
+				a("div", mo, [a("div", ho, [
 					v.value.backButton === "hide" ? r("", !0) : (_(), n(l, {
 						key: 0,
 						size: "small",
 						circle: "",
 						disabled: v.value.backButton === "disable",
-						onClick: Rt
+						onClick: Bt
 					}, {
 						default: D(() => [c(s, null, {
 							default: D(() => [c(C(z))]),
@@ -6562,7 +6678,7 @@ ${Mt(e)}
 						size: "small",
 						class: "title-input",
 						placeholder: "流程图标题 *",
-						disabled: G.value || !v.value.titleEditable
+						disabled: K.value || !v.value.titleEditable
 					}, null, 8, ["modelValue", "disabled"]),
 					c(u, {
 						modelValue: Y.value,
@@ -6572,12 +6688,12 @@ ${Mt(e)}
 						placeholder: "用户名称 *",
 						disabled: !v.value.authorEditable
 					}, null, 8, ["modelValue", "disabled"])
-				]), a("div", fo, [!G.value && C(L).peers.value.length > 0 ? (_(), i("div", po, [(_(!0), i(e, null, b(C(L).peers.value.slice(0, 5), (e) => (_(), i("div", {
+				]), a("div", go, [!K.value && C(R).peers.value.length > 0 ? (_(), i("div", _o, [(_(!0), i(e, null, b(C(R).peers.value.slice(0, 5), (e) => (_(), i("div", {
 					key: e.clientId,
 					class: "collab-avatar",
 					style: m({ background: e.color }),
 					title: e.name
-				}, S(e.name?.charAt(0)), 13, mo))), 128)), C(L).peers.value.length > 5 ? (_(), i("span", ho, "+" + S(C(L).peers.value.length - 5), 1)) : r("", !0)])) : r("", !0), c(l, {
+				}, S(e.name?.charAt(0)), 13, vo))), 128)), C(R).peers.value.length > 5 ? (_(), i("span", yo, "+" + S(C(R).peers.value.length - 5), 1)) : r("", !0)])) : r("", !0), c(l, {
 					size: "small",
 					circle: "",
 					type: O.value ? "primary" : "default",
@@ -6585,47 +6701,48 @@ ${Mt(e)}
 					title: "AI助手"
 				}, {
 					default: D(() => [c(s, null, {
-						default: D(() => [c(C(K))]),
+						default: D(() => [c(C(G))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"])])]),
-				a("div", go, [
-					c(Vt, {
-						NODE_TYPES: C(fe),
-						"diagram-type-label": $e.value,
-						"type-disabled": G.value,
+				a("div", bo, [
+					c(Gt, {
+						NODE_TYPES: C(pe),
+						"diagram-type-label": tt.value,
+						"type-disabled": K.value,
 						"show-type-selector": v.value.showTypeSelector,
-						onSetType: ft
+						onSetType: mt
 					}, null, 8, [
 						"NODE_TYPES",
 						"diagram-type-label",
 						"type-disabled",
 						"show-type-selector"
 					]),
-					a("div", _o, [c(Zt, {
-						"animation-playing": H.value,
-						"can-undo": C(Ee).length > 0,
-						"can-redo": C(De).length > 0,
-						disabled: G.value,
+					a("div", xo, [c(tn, {
+						"animation-playing": U.value,
+						"can-undo": C(De).length > 0,
+						"can-redo": C(Oe).length > 0,
+						disabled: K.value,
 						"is-collaborating": W.value,
-						"is-joined-collab": G.value,
+						"is-joined-collab": K.value,
 						"show-template-selector": v.value.showTemplateSelector,
-						onAddSwimlane: Ct,
-						onUndo: C(Oe),
-						onRedo: C(ke),
-						onAutoLayout: C(Ye),
-						onToggleAnimation: o[3] ||= (e) => H.value = !H.value,
-						onSetAnimationSpeed: o[4] ||= (e) => U.value = e,
-						onExport: Dt,
-						onImportJson: Pt,
-						onClear: C(ze),
-						onSetTemplate: pt,
-						onStartCollab: le,
-						onStopCollab: ue,
-						onShareCollab: de,
-						onSave: It,
-						"show-history": !!J.value,
+						"show-swimlane-selector": v.value.showSwimlaneSelector,
+						onAddSwimlane: Tt,
+						onUndo: C(ke),
+						onRedo: C(Ae),
+						onAutoLayout: C(Ze),
+						onToggleAnimation: o[3] ||= (e) => U.value = !U.value,
+						onSetAnimationSpeed: o[4] ||= (e) => ee.value = e,
+						onExport: kt,
+						onImportJson: It,
+						onClear: C(Be),
+						onSetTemplate: ht,
+						onStartCollab: ue,
+						onStopCollab: de,
+						onShareCollab: fe,
+						onSave: Rt,
+						"show-history": !!ne.value,
 						onHistory: Ut
 					}, null, 8, [
 						"animation-playing",
@@ -6635,47 +6752,48 @@ ${Mt(e)}
 						"is-collaborating",
 						"is-joined-collab",
 						"show-template-selector",
+						"show-swimlane-selector",
 						"onUndo",
 						"onRedo",
 						"onAutoLayout",
 						"onClear",
 						"show-history"
-					]), c(Ii, {
+					]), c(Bi, {
 						ref_key: "canvasRef",
-						ref: B,
+						ref: V,
 						nodes: C(Z),
-						edges: C(he),
-						swimlanes: C(ge),
-						"selected-node-id": C(_e),
-						"selected-edge-id": C(Q),
-						"selected-swimlane-id": C(ye),
-						"selected-lane-id": tt.value,
-						"connect-mode": C(Se),
-						"connect-source": C(Ce),
-						"animation-playing": H.value,
-						theme: C(Te),
-						onSelectNode: C(Be),
-						onSelectEdge: C(Ue),
-						onSelectSwimlane: o[5] ||= (e) => ye.value = e,
-						onSelectLane: ot,
-						onUpdateSwimlane: st,
-						onUpdateLane: ct,
-						onResizeSwimlane: lt,
-						onResizeLane: ut,
-						onMoveSwimlane: dt,
-						onSelectCanvas: it,
-						"auto-connect-source": X.value,
-						"auto-connect-mode": oe.value,
-						onStartConnect: gt,
-						onEndConnect: vt,
-						onAutoConnectStart: _t,
-						onNodeDrag: yt,
-						onNodeResize: xt,
-						onNodeDragEnd: bt,
-						onNodeResizeEnd: St,
-						onDropNode: ht,
-						onResetState: at,
-						onFitView: Et
+						edges: C(ge),
+						swimlanes: C(_e),
+						"selected-node-id": C(Q),
+						"selected-edge-id": C(ye),
+						"selected-swimlane-id": C(be),
+						"selected-lane-id": rt.value,
+						"connect-mode": C(Ce),
+						"connect-source": C(we),
+						"animation-playing": U.value,
+						theme: C(Ee),
+						onSelectNode: C(Ue),
+						onSelectEdge: C(We),
+						onSelectSwimlane: o[5] ||= (e) => be.value = e,
+						onSelectLane: ct,
+						onUpdateSwimlane: lt,
+						onUpdateLane: ut,
+						onResizeSwimlane: dt,
+						onResizeLane: ft,
+						onMoveSwimlane: pt,
+						onSelectCanvas: at,
+						"auto-connect-source": oe.value,
+						"auto-connect-mode": se.value,
+						onStartConnect: vt,
+						onEndConnect: bt,
+						onAutoConnectStart: yt,
+						onNodeDrag: xt,
+						onNodeResize: Ct,
+						onNodeDragEnd: St,
+						onNodeResizeEnd: wt,
+						onDropNode: _t,
+						onResetState: ot,
+						onFitView: Ot
 					}, null, 8, [
 						"nodes",
 						"edges",
@@ -6693,23 +6811,23 @@ ${Mt(e)}
 						"auto-connect-source",
 						"auto-connect-mode"
 					])]),
-					c(so, {
-						"selected-node": C(be),
-						"selected-edge": C(xe),
-						"selected-swimlane": et.value,
-						"selected-lane": nt.value,
-						NODE_TYPES: C(fe),
-						ANIMATION_TYPES: C(pe),
-						LINE_STYLES: C(me),
-						"current-theme": C(Te),
-						onDeleteNode: o[6] ||= (e) => C(be) && C(Ie)(C(be).id),
-						onDeleteEdge: o[7] ||= (e) => C(xe) && C(Le)(C(xe).id),
-						onDeleteSwimlane: o[8] ||= (e) => et.value && C(Re)(et.value.id),
-						onBringFront: o[9] ||= (e) => C(be) && C(We)(C(be).id),
-						onSendBack: o[10] ||= (e) => C(be) && C(Ke)(C(be).id),
-						onAddLane: wt,
-						onUpdateLane: Tt,
-						onChangeTheme: mt
+					c(fo, {
+						"selected-node": C(xe),
+						"selected-edge": C(Se),
+						"selected-swimlane": nt.value,
+						"selected-lane": it.value,
+						NODE_TYPES: C(pe),
+						ANIMATION_TYPES: C(me),
+						LINE_STYLES: C(he),
+						"current-theme": C(Ee),
+						onDeleteNode: o[6] ||= (e) => C(xe) && C(Le)(C(xe).id),
+						onDeleteEdge: o[7] ||= (e) => C(Se) && C(Re)(C(Se).id),
+						onDeleteSwimlane: o[8] ||= (e) => nt.value && C(ze)(nt.value.id),
+						onBringFront: o[9] ||= (e) => C(xe) && C(Ge)(C(xe).id),
+						onSendBack: o[10] ||= (e) => C(xe) && C(qe)(C(xe).id),
+						onAddLane: Et,
+						onUpdateLane: Dt,
+						onChangeTheme: gt
 					}, null, 8, [
 						"selected-node",
 						"selected-edge",
@@ -6723,11 +6841,11 @@ ${Mt(e)}
 				]),
 				a("input", {
 					ref_key: "fileInput",
-					ref: V,
+					ref: H,
 					type: "file",
 					accept: ".json",
 					style: { display: "none" },
-					onChange: Ft
+					onChange: Lt
 				}, null, 544),
 				c(Ve, {
 					visible: O.value,
@@ -6736,8 +6854,8 @@ ${Mt(e)}
 					"is-collab": C(j).isCollabMode.value,
 					"collab-users": C(j).collabUsers.value,
 					"current-user": C(j).currentUser.value,
-					"is-owner": !G.value,
-					onSend: Bt,
+					"is-owner": !K.value,
+					onSend: Vt,
 					onClose: o[11] ||= (e) => O.value = !1,
 					"unread-mention": C(j).unreadMention.value,
 					onClearUnread: o[12] ||= (e) => C(j).clearUnreadMention(),
@@ -6752,16 +6870,16 @@ ${Mt(e)}
 					"is-owner",
 					"unread-mention"
 				]),
-				c(rt, {
+				c(st, {
 					modelValue: k.value,
 					"onUpdate:modelValue": o[13] ||= (e) => k.value = e,
-					"document-id": J.value,
+					"document-id": ne.value,
 					onApply: Wt
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-1f3850ad"]]), bo = l({
+}, [["__scopeId", "data-v-cd2c3fb5"]]), wo = l({
 	name: "YourCompanyDiagram",
 	props: {
 		docId: {
@@ -6799,14 +6917,18 @@ ${Mt(e)}
 		uiConfig: {
 			type: Object,
 			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
 		}
 	},
 	setup(e, { slots: t }) {
 		return () => u("div", {
 			class: "yourcompany-diagram-wrapper",
 			style: "position:relative"
-		}, [u(yo, { ...e }), u(j)]);
+		}, [u(Co, { ...e }), u(j)]);
 	}
 });
 //#endregion
-export { bo as default };
+export { wo as default };