@billtaofbj/fishbone 1.0.0 → 1.1.0

package/dist/index.es.js

@@ -1,32 +1,32 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, onUnmounted as h, openBlock as g, reactive as _, ref as v, renderList as y, resolveComponent as b, toDisplayString as x, unref as S, vModelSelect as C, vModelText as w, vShow as T, watch as E, withCtx as D, withDirectives as O, withKeys as k, withModifiers as A } from "vue";
-import { BrandWatermark as j } from "@billtaofbj/core";
-import { useRoute as M, useRouter as N } from "vue-router";
-import { ElMessage as P, ElMessageBox as ee } from "element-plus";
-import { ArrowLeft as te, Bell as F, Brush as I, Check as L, Clock as ne, Close as re, Delete as ie, Document as ae, Download as oe, Edit as se, FullScreen as ce, InfoFilled as le, Link as ue, Loading as de, MagicStick as fe, Monitor as pe, Picture as me, PictureFilled as he, Plus as ge, Promotion as _e, RefreshLeft as ve, RefreshRight as ye, Right as be, Share as xe, ZoomIn as Se, ZoomOut as R } from "@element-plus/icons-vue";
-import z from "axios";
-import * as B from "yjs";
-import { HocuspocusProvider as Ce } from "@hocuspocus/provider";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, onUnmounted as h, openBlock as g, reactive as _, ref as v, renderList as y, resolveComponent as b, toDisplayString as x, unref as S, vModelSelect as ee, vModelText as C, vShow as w, watch as T, withCtx as E, withDirectives as D, withKeys as O, withModifiers as k } from "vue";
+import { BrandWatermark as A } from "@billtaofbj/core";
+import { useRoute as te, useRouter as j } from "vue-router";
+import { ElMessage as M, ElMessageBox as ne } from "element-plus";
+import N from "axios";
+import { ArrowLeft as re, Bell as ie, Brush as ae, Check as P, Clock as oe, Close as F, Delete as se, Document as I, Download as L, Edit as ce, FullScreen as le, InfoFilled as ue, Link as de, Loading as fe, MagicStick as pe, Monitor as me, Picture as he, PictureFilled as ge, Plus as _e, Promotion as ve, RefreshLeft as ye, RefreshRight as be, Right as xe, Share as Se, ZoomIn as Ce, ZoomOut as R } from "@element-plus/icons-vue";
+import * as z from "yjs";
+import { HocuspocusProvider as we } from "@hocuspocus/provider";
 //#region \0plugin-vue:export-helper
-var V = (e, t) => {
+var B = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, H = { class: "chat-header" }, U = { class: "chat-header-left" }, we = { class: "chat-title" }, Te = { class: "online-users-list" }, Ee = { class: "online-user-item" }, De = { class: "online-user-name" }, Oe = { key: 1 }, W = { class: "online-user-name" }, ke = { class: "chat-header-right" }, G = {
+}, V = { class: "chat-header" }, H = { class: "chat-header-left" }, U = { class: "chat-title" }, Te = { class: "online-users-list" }, Ee = { class: "online-user-item" }, W = { class: "online-user-name" }, De = { key: 1 }, G = { class: "online-user-name" }, Oe = { class: "chat-header-right" }, ke = {
 	key: 0,
 	class: "chat-empty"
-}, K = { class: "chat-empty-hint" }, Ae = { key: 1 }, q = { class: "message-content" }, J = {
+}, Ae = { class: "chat-empty-hint" }, je = { key: 1 }, Me = { class: "message-content" }, K = {
 	key: 0,
 	class: "message-meta"
-}, je = {
+}, q = {
 	key: 0,
 	class: "message-mention"
-}, Me = ["innerHTML"], Ne = { class: "message-time" }, Pe = {
+}, J = ["innerHTML"], Ne = { class: "message-time" }, Pe = {
 	key: 1,
 	class: "chat-message chat-message-ai"
 }, Fe = { class: "message-avatar ai" }, Ie = { class: "chat-input-area" }, Le = {
 	key: 0,
 	class: "mention-popup"
-}, Re = ["onClick", "onMouseenter"], ze = { key: 1 }, Be = /*#__PURE__*/ V({
+}, Re = ["onClick", "onMouseenter"], ze = { key: 1 }, Be = /*#__PURE__*/ B({
 	__name: "AiChatPanel",
 	props: {
 		visible: {
@@ -77,44 +77,44 @@ var V = (e, t) => {
 		"clear-unread"
 	],
 	setup(c, { emit: l }) {
-		let p = c, m = l, h = v(""), _ = v(null), C = v(null), w = v(!1), T = v([]), O = v(0), j = "", M = -1, N = {
+		let p = c, m = l, h = v(""), _ = v(null), ee = v(null), C = v(!1), w = v([]), D = v(0), A = "", te = -1, j = {
 			id: "ai-assistant",
 			name: "AI助手",
 			color: "#409EFF",
 			isAi: !0
-		}, P = t(() => {
+		}, M = t(() => {
 			let e = p.currentUser.id, t = /* @__PURE__ */ new Set();
-			return [N, ...p.collabUsers.filter((n) => {
+			return [j, ...p.collabUsers.filter((n) => {
 				let r = n.clientId || n.id || "";
 				if (r && r === e) return !1;
 				let i = String(r || n.name || "");
 				return t.has(i) ? !1 : (t.add(i), !0);
 			})];
-		}), ee = t(() => P.value.length + 1), te = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", I = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, L = (e) => (e.user_name || "U").charAt(0), ne = (e) => {
+		}), ne = t(() => M.value.length + 1), N = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", re = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, ae = (e) => (e.user_name || "U").charAt(0), P = (e) => {
 			if (!p.isCollab) return;
 			let t = typeof e == "string" ? e : e.target?.value || h.value, n = t.length, r = t.lastIndexOf("@", n);
 			if (r !== -1 && r < n) {
 				let e = t.slice(r + 1, n);
 				if (!e.includes(" ") && !e.includes("\n")) {
-					j = e, M = r, T.value = P.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), w.value = T.value.length > 0, O.value = 0;
+					A = e, te = r, w.value = M.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), C.value = w.value.length > 0, D.value = 0;
 					return;
 				}
 			}
-			w.value = !1;
-		}, ae = () => {
-			w.value && (O.value = Math.min(O.value + 1, T.value.length - 1));
+			C.value = !1;
 		}, oe = () => {
-			w.value && (O.value = Math.max(O.value - 1, 0));
-		}, se = (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;
+			C.value && (D.value = Math.min(D.value + 1, w.value.length - 1));
+		}, I = () => {
+			C.value && (D.value = Math.max(D.value - 1, 0));
+		}, L = (e) => {
+			let t = h.value.slice(0, te), n = h.value.slice(te + A.length + 1);
+			h.value = `${t}@${e.name} ${n}`, C.value = !1;
 		}, ce = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
-				if (w.value) {
-					let t = T.value[O.value];
+				if (C.value) {
+					let t = w.value[D.value];
 					if (t) {
-						e.preventDefault(), se(t);
+						e.preventDefault(), L(t);
 						return;
 					}
 				}
@@ -127,60 +127,60 @@ var V = (e, t) => {
 				let e = t.match(/@(\S+)/);
 				e && (n = e[1]);
 			}
-			m("send", t, { mentionedUser: n }), h.value = "", w.value = !1;
+			m("send", t, { mentionedUser: n }), h.value = "", C.value = !1;
 		}, le = () => {
 			u(() => {
 				_.value && (_.value.scrollTop = _.value.scrollHeight);
 			});
 		};
-		return E(() => p.messages.length, le), E(() => p.messages, le, { deep: !0 }), (t, l) => {
-			let u = b("el-icon"), p = b("el-tag"), v = b("el-popover"), E = b("el-button"), j = b("el-input");
+		return T(() => p.messages.length, le), T(() => p.messages, le, { deep: !0 }), (t, l) => {
+			let u = b("el-icon"), p = b("el-tag"), v = b("el-popover"), T = b("el-button"), A = b("el-input");
 			return c.visible ? (g(), i("div", {
 				key: 0,
 				class: "ai-chat-panel",
 				style: f({ width: c.panelWidth + "px" })
 			}, [
-				a("div", H, [a("div", U, [
+				a("div", V, [a("div", H, [
 					s(u, {
 						size: 18,
 						color: "#409EFF"
 					}, {
-						default: D(() => [s(S(pe))]),
+						default: E(() => [s(S(me))]),
 						_: 1
 					}),
-					a("span", we, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
+					a("span", U, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
 					c.isCollab ? (g(), n(v, {
 						key: 0,
 						width: 200,
 						placement: "bottom-start",
 						trigger: "click"
 					}, {
-						reference: D(() => [s(p, {
+						reference: E(() => [s(p, {
 							size: "small",
 							type: "success",
 							effect: "plain",
 							class: "online-tag"
 						}, {
-							default: D(() => [o(x(ee.value) + "人在线 ", 1)]),
+							default: E(() => [o(x(ne.value) + "人在线 ", 1)]),
 							_: 1
 						})]),
-						default: D(() => [a("div", Te, [a("div", Ee, [
+						default: E(() => [a("div", Te, [a("div", Ee, [
 							a("div", {
 								class: "online-user-avatar",
 								style: f({ background: c.currentUser.color || "#409EFF" })
 							}, x((c.currentUser.name || "U").charAt(0)), 5),
-							a("span", De, x(c.currentUser.name || "我"), 1),
+							a("span", W, x(c.currentUser.name || "我"), 1),
 							s(p, {
 								size: "small",
 								type: c.isOwner ? "warning" : "success",
 								effect: "plain",
 								class: "role-tag"
 							}, {
-								default: D(() => [o(x(c.isOwner ? "发起人" : "协作人"), 1)]),
+								default: E(() => [o(x(c.isOwner ? "发起人" : "协作人"), 1)]),
 								_: 1
 							}, 8, ["type"]),
 							l[4] ||= a("span", { class: "self-tag" }, "（我）", -1)
-						]), (g(!0), i(e, null, y(P.value, (e) => (g(), i("div", {
+						]), (g(!0), i(e, null, y(M.value, (e) => (g(), i("div", {
 							key: e.id || e.clientId,
 							class: "online-user-item"
 						}, [
@@ -191,10 +191,10 @@ var V = (e, t) => {
 								key: 0,
 								size: 14
 							}, {
-								default: D(() => [s(S(pe))]),
+								default: E(() => [s(S(me))]),
 								_: 1
-							})) : (g(), i("span", Oe, x((e.name || "U").charAt(0)), 1))], 4),
-							a("span", W, x(e.name || "未知用户"), 1),
+							})) : (g(), i("span", De, x((e.name || "U").charAt(0)), 1))], 4),
+							a("span", G, x(e.name || "未知用户"), 1),
 							e.isAi ? (g(), n(p, {
 								key: 0,
 								size: "small",
@@ -202,7 +202,7 @@ var V = (e, t) => {
 								effect: "plain",
 								class: "role-tag"
 							}, {
-								default: D(() => [...l[5] ||= [o("AI助手", -1)]]),
+								default: E(() => [...l[5] ||= [o("AI助手", -1)]]),
 								_: 1
 							})) : (g(), n(p, {
 								key: 1,
@@ -211,13 +211,13 @@ var V = (e, t) => {
 								effect: "plain",
 								class: "role-tag"
 							}, {
-								default: D(() => [...l[6] ||= [o("协作人", -1)]]),
+								default: E(() => [...l[6] ||= [o("协作人", -1)]]),
 								_: 1
 							}))
 						]))), 128))])]),
 						_: 1
 					})) : r("", !0)
-				]), a("div", ke, [
+				]), a("div", Oe, [
 					c.isCollab && c.unreadMention ? (g(), i("div", {
 						key: 0,
 						class: "mention-bell",
@@ -227,31 +227,31 @@ var V = (e, t) => {
 						size: 18,
 						color: "#F56C6C"
 					}, {
-						default: D(() => [s(S(F))]),
+						default: E(() => [s(S(ie))]),
 						_: 1
 					})])) : r("", !0),
-					s(E, {
+					s(T, {
 						text: "",
 						circle: "",
 						size: "small",
 						onClick: l[1] ||= (e) => t.$emit("clear"),
 						title: "清空对话"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(ie))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(se))]),
 							_: 1
 						})]),
 						_: 1
 					}),
-					s(E, {
+					s(T, {
 						text: "",
 						circle: "",
 						size: "small",
 						onClick: l[2] ||= (e) => t.$emit("close"),
 						title: "关闭"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(re))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(F))]),
 							_: 1
 						})]),
 						_: 1
@@ -262,42 +262,42 @@ var V = (e, t) => {
 					ref_key: "messagesRef",
 					ref: _
 				}, [
-					c.messages.length === 0 ? (g(), i("div", G, [
+					c.messages.length === 0 ? (g(), i("div", ke, [
 						s(u, {
 							size: 40,
 							color: "#c0c4cc"
 						}, {
-							default: D(() => [s(S(pe))]),
+							default: E(() => [s(S(me))]),
 							_: 1
 						}),
 						a("p", null, x(c.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
-						a("p", K, x(c.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
+						a("p", Ae, x(c.isCollab ? "与团队成员和AI助手实时聊天" : "可以问我任何关于文档编辑的问题"), 1)
 					])) : r("", !0),
 					(g(!0), i(e, null, y(c.messages, (e) => (g(), i("div", {
 						key: e._msgId || e.time + e.content,
-						class: d(["chat-message", te(e)])
+						class: d(["chat-message", N(e)])
 					}, [a("div", {
 						class: "message-avatar",
-						style: f(I(e))
+						style: f(re(e))
 					}, [e.role === "ai" ? (g(), n(u, {
 						key: 0,
 						size: 16
 					}, {
-						default: D(() => [s(S(pe))]),
+						default: E(() => [s(S(me))]),
 						_: 1
-					})) : (g(), i("span", Ae, x(L(e)), 1))], 4), a("div", q, [
-						c.isCollab && e.role === "user" ? (g(), i("div", J, [a("span", {
+					})) : (g(), i("span", je, x(ae(e)), 1))], 4), a("div", Me, [
+						c.isCollab && e.role === "user" ? (g(), i("div", K, [a("span", {
 							class: "message-sender",
 							style: f({ color: e.user_color || "#67C23A" })
-						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (g(), i("span", je, "@" + x(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
+						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (g(), i("span", q, "@" + x(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
 						a("div", {
 							class: "message-text",
 							innerHTML: e.content
-						}, null, 8, Me),
+						}, null, 8, J),
 						a("div", Ne, x(e.time), 1)
 					])], 2))), 128)),
 					c.loading ? (g(), i("div", Pe, [a("div", Fe, [s(u, { size: 16 }, {
-						default: D(() => [s(S(pe))]),
+						default: E(() => [s(S(me))]),
 						_: 1
 					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
 						a("span"),
@@ -308,9 +308,9 @@ var V = (e, t) => {
 				a("div", Ie, [a("div", {
 					class: "chat-input-wrapper",
 					ref_key: "inputWrapperRef",
-					ref: C
+					ref: ee
 				}, [
-					s(j, {
+					s(A, {
 						modelValue: h.value,
 						"onUpdate:modelValue": l[3] ||= (e) => h.value = e,
 						type: "textarea",
@@ -320,22 +320,22 @@ var V = (e, t) => {
 						},
 						placeholder: c.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							k(A(ce, ["exact"]), ["enter"]),
-							k(A(ae, ["prevent"]), ["down"]),
-							k(A(oe, ["prevent"]), ["up"])
+							O(k(ce, ["exact"]), ["enter"]),
+							O(k(oe, ["prevent"]), ["down"]),
+							O(k(I, ["prevent"]), ["up"])
 						],
-						onInput: ne,
+						onInput: P,
 						resize: "none"
 					}, null, 8, [
 						"modelValue",
 						"placeholder",
 						"onKeydown"
 					]),
-					w.value ? (g(), i("div", Le, [(g(!0), i(e, null, y(T.value, (e, t) => (g(), i("div", {
+					C.value ? (g(), i("div", Le, [(g(!0), i(e, null, y(w.value, (e, t) => (g(), i("div", {
 						key: e.id || e.clientId,
-						class: d(["mention-item", { active: t === O.value }]),
-						onClick: (t) => se(e),
-						onMouseenter: (e) => O.value = t
+						class: d(["mention-item", { active: t === D.value }]),
+						onClick: (t) => L(e),
+						onMouseenter: (e) => D.value = t
 					}, [a("div", {
 						class: "mention-avatar",
 						style: f({ background: e.color || "#909399" })
@@ -343,18 +343,18 @@ var V = (e, t) => {
 						key: 0,
 						size: 12
 					}, {
-						default: D(() => [s(S(pe))]),
+						default: E(() => [s(S(me))]),
 						_: 1
 					})) : (g(), i("span", ze, x((e.name || "U").charAt(0)), 1))], 4), a("span", null, x(e.name), 1)], 42, Re))), 128))])) : r("", !0),
-					s(E, {
+					s(T, {
 						class: "send-btn",
 						type: "primary",
 						circle: "",
 						disabled: !h.value.trim() || c.loading,
 						onClick: ce
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(_e))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(ve))]),
 							_: 1
 						})]),
 						_: 1
@@ -373,7 +373,7 @@ function Ve() {
 		color: ""
 	}), a = v(!1), o = null, s = null, c = null, l = /* @__PURE__ */ new Set(), u = "/api/chat", d = null, f = ({ ydoc: t, provider: s, onlineUsers: u }) => {
 		if (t) {
-			n.value = !0, c = u, d && d(), d = E(c, (e) => {
+			n.value = !0, c = u, d && d(), d = T(c, (e) => {
 				r.value = Array.isArray(e) ? e : [];
 			}, {
 				immediate: !0,
@@ -422,7 +422,7 @@ function Ve() {
 			console.warn("[useChat] Failed to push to Y.Array:", e);
 		}
 		if (r.roomId) try {
-			await z.post(u, {
+			await N.post(u, {
 				room_id: r.roomId,
 				role: "user",
 				content: t,
@@ -448,7 +448,7 @@ function Ve() {
 			console.warn("[useChat] Failed to push AI message to Y.Array:", e);
 		}
 		if (r) try {
-			await z.post(u, {
+			await N.post(u, {
 				room_id: r,
 				role: "ai",
 				content: t,
@@ -460,7 +460,7 @@ function Ve() {
 		}
 	}, b = async (t) => {
 		if (t) try {
-			let n = await z.get(u, { params: { room_id: t } });
+			let n = await N.get(u, { params: { room_id: t } });
 			if (Array.isArray(n.data)) {
 				let t = n.data.map((e) => ({
 					_msgId: e._msgId || `hist-${e.id || Date.now()}`,
@@ -479,13 +479,13 @@ function Ve() {
 		}
 	}, x = async (t) => {
 		if (e.value = [], l.clear(), t) try {
-			await z.delete(u, { params: { room_id: t } });
+			await N.delete(u, { params: { room_id: t } });
 		} catch (e) {
 			console.warn("[useChat] Failed to clear messages on server:", e);
 		}
-	}, C = () => {
+	}, ee = () => {
 		a.value = !1;
-	}, w = () => {
+	}, C = () => {
 		if (d &&= (d(), null), o && s) {
 			try {
 				o.unobserve(s);
@@ -494,7 +494,7 @@ function Ve() {
 		}
 		o = null, c = null, l.clear();
 	};
-	return h(() => w()), {
+	return h(() => C()), {
 		messages: e,
 		loading: t,
 		isCollabMode: n,
@@ -508,8 +508,8 @@ function Ve() {
 		sendAiMessage: y,
 		loadHistory: b,
 		clearMessages: x,
-		clearUnreadMention: C,
-		destroy: w
+		clearUnreadMention: ee,
+		destroy: C
 	};
 }
 //#endregion
@@ -522,7 +522,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await z.post(He, {
+				let { data: a } = await N.post(He, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
@@ -538,7 +538,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await z.get(He, {
+				let { data: t } = await N.get(He, {
 					params: { document_id: n },
 					timeout: Ue
 				});
@@ -551,7 +551,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await z.get(`${He}/${e}`, { timeout: Ue });
+				let { data: t } = await N.get(`${He}/${e}`, { timeout: Ue });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
@@ -570,7 +570,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 }, Ye = {
 	key: 0,
 	class: "current-version"
-}, Xe = { class: "current-version-header" }, Ze = { class: "version-number" }, Qe = ["onClick"], $e = { class: "version-number" }, et = { class: "version-user" }, tt = { class: "panel-footer" }, nt = /*#__PURE__*/ V({
+}, Xe = { class: "current-version-header" }, Ze = { class: "version-number" }, Qe = ["onClick"], $e = { class: "version-number" }, et = { class: "version-user" }, tt = { class: "panel-footer" }, nt = /*#__PURE__*/ B({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -584,78 +584,78 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	},
 	emits: ["update:modelValue", "apply"],
 	setup(t, { expose: c, emit: l }) {
-		let u = t, f = l, { versions: p, loading: m, loadVersions: h, getVersionContent: _ } = We(), C = v(!1), w = v(null), T = v(!1), O = v(null);
-		E(() => u.modelValue, (e) => {
-			C.value = e, e && u.documentId && (w.value = null, h(u.documentId).then((e) => {
-				e && e.length > 0 && (O.value = e[0]);
+		let u = t, f = l, { versions: p, loading: m, loadVersions: h, getVersionContent: _ } = We(), ee = v(!1), C = v(null), w = v(!1), D = v(null);
+		T(() => u.modelValue, (e) => {
+			ee.value = e, e && u.documentId && (C.value = null, h(u.documentId).then((e) => {
+				e && e.length > 0 && (D.value = e[0]);
 			}));
-		}), E(C, (e) => {
+		}), T(ee, (e) => {
 			f("update:modelValue", e);
 		});
-		let k = (e) => {
-			w.value = e;
-		}, A = async () => {
-			if (w.value) {
-				T.value = !0;
+		let O = (e) => {
+			C.value = e;
+		}, k = async () => {
+			if (C.value) {
+				w.value = !0;
 				try {
-					let e = await _(w.value.id);
-					e && e.content ? (O.value = w.value, w.value = null, f("apply", e.content), P.success("已切换到版本 v" + O.value.version_number)) : P.error("获取版本内容失败");
+					let e = await _(C.value.id);
+					e && e.content ? (D.value = C.value, C.value = null, f("apply", e.content), M.success("已切换到版本 v" + D.value.version_number)) : M.error("获取版本内容失败");
 				} finally {
-					T.value = !1;
+					w.value = !1;
 				}
 			}
-		}, j = () => {
-			C.value = !1;
-		}, M = (e) => {
+		}, A = () => {
+			ee.value = !1;
+		}, te = (e) => {
 			if (!e) return "";
 			let t = new Date(e), n = (e) => String(e).padStart(2, "0");
 			return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
 		};
-		return c({ currentVersion: O }), (t, c) => {
+		return c({ currentVersion: D }), (t, c) => {
 			let l = b("el-icon"), u = b("el-tag"), f = b("el-timeline-item"), h = b("el-timeline"), _ = b("el-button"), v = b("el-drawer");
 			return g(), n(v, {
-				modelValue: C.value,
-				"onUpdate:modelValue": c[0] ||= (e) => C.value = e,
+				modelValue: ee.value,
+				"onUpdate:modelValue": c[0] ||= (e) => ee.value = e,
 				title: "更新履历",
 				direction: "rtl",
 				size: "420px",
-				"before-close": j
+				"before-close": A
 			}, {
-				footer: D(() => [a("div", tt, [s(_, {
+				footer: E(() => [a("div", tt, [s(_, {
 					type: "primary",
-					disabled: !w.value,
-					loading: T.value,
-					onClick: A
+					disabled: !C.value,
+					loading: w.value,
+					onClick: k
 				}, {
-					default: D(() => [...c[4] ||= [o(" 切换到此版本 ", -1)]]),
+					default: E(() => [...c[4] ||= [o(" 切换到此版本 ", -1)]]),
 					_: 1
 				}, 8, ["disabled", "loading"])])]),
-				default: D(() => [a("div", Ge, [S(m) ? (g(), i("div", Ke, [s(l, { class: "is-loading" }, {
-					default: D(() => [s(S(de))]),
+				default: E(() => [a("div", Ge, [S(m) ? (g(), i("div", Ke, [s(l, { class: "is-loading" }, {
+					default: E(() => [s(S(fe))]),
 					_: 1
 				}), c[1] ||= a("span", null, "加载中...", -1)])) : S(p).length === 0 ? (g(), i("div", qe, [s(l, {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
-					default: D(() => [s(S(ne))]),
+					default: E(() => [s(S(oe))]),
 					_: 1
-				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (g(), i("div", Je, [O.value ? (g(), i("div", Ye, [a("div", Xe, [s(u, {
+				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (g(), i("div", Je, [D.value ? (g(), i("div", Ye, [a("div", Xe, [s(u, {
 					type: "success",
 					size: "small"
 				}, {
-					default: D(() => [...c[3] ||= [o("当前版本", -1)]]),
+					default: E(() => [...c[3] ||= [o("当前版本", -1)]]),
 					_: 1
-				}), a("span", Ze, "v" + x(O.value.version_number), 1)])])) : r("", !0), s(h, null, {
-					default: D(() => [(g(!0), i(e, null, y(S(p), (e) => (g(), n(f, {
+				}), a("span", Ze, "v" + x(D.value.version_number), 1)])])) : r("", !0), s(h, null, {
+					default: E(() => [(g(!0), i(e, null, y(S(p), (e) => (g(), n(f, {
 						key: e.id,
-						timestamp: M(e.created_at),
+						timestamp: te(e.created_at),
 						placement: "top",
-						type: w.value?.id === e.id ? "primary" : "",
-						hollow: w.value?.id !== e.id
+						type: C.value?.id === e.id ? "primary" : "",
+						hollow: C.value?.id !== e.id
 					}, {
-						default: D(() => [a("div", {
-							class: d(["version-item", { active: w.value?.id === e.id }]),
-							onClick: (t) => k(e)
+						default: E(() => [a("div", {
+							class: d(["version-item", { active: C.value?.id === e.id }]),
+							onClick: (t) => O(e)
 						}, [a("span", $e, "版本号：v" + x(e.version_number), 1), a("span", et, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Qe)]),
 						_: 2
 					}, 1032, [
@@ -669,7 +669,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			}, 8, ["modelValue"]);
 		};
 	}
-}, [["__scopeId", "data-v-87924b7c"]]), rt = { class: "theme-picker" }, it = { class: "theme-header" }, at = { class: "theme-count" }, ot = { class: "theme-grid" }, st = ["onClick", "title"], ct = { class: "theme-name" }, lt = /*#__PURE__*/ V({
+}, [["__scopeId", "data-v-87924b7c"]]), rt = { class: "theme-picker" }, it = { class: "theme-header" }, at = { class: "theme-count" }, ot = { class: "theme-grid" }, st = ["onClick", "title"], ct = { class: "theme-name" }, lt = /*#__PURE__*/ B({
 	__name: "ThemePicker",
 	props: {
 		currentTheme: {
@@ -871,24 +871,24 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				width: "340",
 				placement: "bottom-end"
 			}, {
-				reference: D(() => [s(p, {
+				reference: E(() => [s(p, {
 					size: "small",
 					circle: "",
 					tabindex: "-1",
 					title: "主题",
 					disabled: t.disabled
 				}, {
-					default: D(() => [s(u, null, {
-						default: D(() => [s(S(I))]),
+					default: E(() => [s(u, null, {
+						default: E(() => [s(S(ae))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["disabled"])]),
-				default: D(() => [a("div", rt, [a("div", it, [o[1] ||= a("h4", null, "选择主题", -1), a("span", at, x(c.length) + " 种配色", 1)]), a("div", ot, [(g(), i(e, null, y(c, (e) => a("div", {
+				default: E(() => [a("div", rt, [a("div", it, [o[1] ||= a("h4", null, "选择主题", -1), a("span", at, x(c.length) + " 种配色", 1)]), a("div", ot, [(g(), i(e, null, y(c, (e) => a("div", {
 					key: e.id,
 					class: d(["theme-item", { active: t.currentTheme === e.id }]),
 					onClick: (t) => l(e.id),
-					onMousedown: o[0] ||= A(() => {}, ["prevent"]),
+					onMousedown: o[0] ||= k(() => {}, ["prevent"]),
 					title: e.name
 				}, [a("div", {
 					class: "theme-preview",
@@ -1436,22 +1436,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		verticalGap: 140,
 		fontFamily: "Arial"
 	}
-], dt = { class: "style-picker" }, ft = { class: "style-header" }, pt = { class: "style-count" }, mt = { class: "style-grid" }, ht = ["onClick"], Y = { class: "style-preview" }, gt = {
+], dt = { class: "style-picker" }, ft = { class: "style-header" }, pt = { class: "style-count" }, mt = { class: "style-grid" }, ht = ["onClick"], gt = { class: "style-preview" }, _t = {
 	viewBox: "0 0 80 40",
 	class: "style-svg"
-}, _t = ["stroke", "stroke-width"], vt = [
+}, vt = ["stroke", "stroke-width"], yt = [
 	"y2",
 	"stroke",
 	"stroke-width",
 	"opacity",
 	"stroke-dasharray"
-], yt = [
+], bt = [
 	"y2",
 	"stroke",
 	"stroke-width",
 	"opacity",
 	"stroke-dasharray"
-], bt = [
+], Y = [
 	"y",
 	"height",
 	"rx",
@@ -1465,7 +1465,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"rx",
 	"ry",
 	"fill"
-], Ct = { class: "style-name" }, X = /*#__PURE__*/ V({
+], Ct = { class: "style-name" }, wt = /*#__PURE__*/ B({
 	__name: "StylePicker",
 	props: {
 		currentStyle: {
@@ -1484,24 +1484,24 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				width: "480",
 				placement: "bottom-end"
 			}, {
-				reference: D(() => [s(u, {
+				reference: E(() => [s(u, {
 					size: "small",
 					circle: "",
 					title: "样式",
 					disabled: t.disabled
 				}, {
-					default: D(() => [s(l, null, {
-						default: D(() => [s(S(fe))]),
+					default: E(() => [s(l, null, {
+						default: E(() => [s(S(pe))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["disabled"])]),
-				default: D(() => [a("div", dt, [a("div", ft, [c[1] ||= a("h4", null, "鱼骨图样式", -1), a("span", pt, x(S(r).length) + " 种", 1)]), a("div", mt, [(g(!0), i(e, null, y(S(r), (e) => (g(), i("div", {
+				default: E(() => [a("div", dt, [a("div", ft, [c[1] ||= a("h4", null, "鱼骨图样式", -1), a("span", pt, x(S(r).length) + " 种", 1)]), a("div", mt, [(g(!0), i(e, null, y(S(r), (e) => (g(), i("div", {
 					key: e.id,
 					class: d(["style-item", { active: t.currentStyle === e.id }]),
 					onClick: (t) => o.$emit("selectStyle", e.id),
-					onMousedown: c[0] ||= A(() => {}, ["prevent"])
-				}, [a("div", Y, [(g(), i("svg", gt, [
+					onMousedown: c[0] ||= k(() => {}, ["prevent"])
+				}, [a("div", gt, [(g(), i("svg", _t, [
 					a("line", {
 						x1: "10",
 						y1: "20",
@@ -1510,7 +1510,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						stroke: e.spineColor,
 						"stroke-width": e.spineWidth * .4,
 						"stroke-linecap": "round"
-					}, null, 8, _t),
+					}, null, 8, vt),
 					a("line", {
 						x1: "30",
 						y1: "20",
@@ -1520,7 +1520,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						"stroke-width": e.branchWidth * .4,
 						opacity: e.branchOpacity,
 						"stroke-dasharray": e.branchDashed ? "3,2" : "none"
-					}, null, 8, vt),
+					}, null, 8, yt),
 					a("line", {
 						x1: "45",
 						y1: "20",
@@ -1530,7 +1530,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						"stroke-width": e.branchWidth * .4,
 						opacity: e.branchOpacity,
 						"stroke-dasharray": e.branchDashed ? "3,2" : "none"
-					}, null, 8, yt),
+					}, null, 8, bt),
 					a("rect", {
 						x: "34",
 						y: 20 - e.branchAngle * .4 - e.nodeHeight * .15,
@@ -1539,7 +1539,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						rx: e.nodeRadius * .15,
 						fill: e.spineColor,
 						opacity: "0.8"
-					}, null, 8, bt),
+					}, null, 8, Y),
 					a("rect", {
 						x: "49",
 						y: 20 + e.branchAngle * .4 - e.nodeHeight * .15,
@@ -1562,13 +1562,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			});
 		};
 	}
-}, [["__scopeId", "data-v-0387ce0f"]]), wt = { class: "toolbar-left" }, Tt = { class: "toolbar-center" }, Et = { class: "zoom-value" }, Dt = { class: "toolbar-right" }, Ot = {
+}, [["__scopeId", "data-v-0387ce0f"]]), Tt = { class: "toolbar-left" }, Et = { class: "toolbar-center" }, Dt = { class: "zoom-value" }, Ot = { class: "toolbar-right" }, X = {
 	key: 1,
 	class: "online-users"
-}, Z = {
+}, kt = {
 	key: 0,
 	class: "more-users"
-}, kt = /*#__PURE__*/ V({
+}, At = /*#__PURE__*/ B({
 	__name: "Toolbar",
 	props: {
 		title: String,
@@ -1594,6 +1594,18 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		backButton: {
+			type: String,
+			default: "show"
+		},
+		titleEditable: {
+			type: Boolean,
+			default: !0
+		},
+		authorEditable: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: [
@@ -1618,39 +1630,42 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		"history"
 	],
 	setup(t, { emit: c }) {
-		let l = t, u = c, p = v(l.title), m = v(l.effect), h = v(l.author), _ = v(null), C = v(null), w = v(null), T = v(!1), O = v(""), k = () => {
-			O.value.trim() && (u("ai-generate", O.value.trim()), T.value = !1, O.value = "");
+		let l = t, u = c, p = v(l.title), m = v(l.effect), h = v(l.author), _ = v(null), ee = v(null), C = v(null), w = v(!1), D = v(""), O = () => {
+			D.value.trim() && (u("ai-generate", D.value.trim()), w.value = !1, D.value = "");
 		};
-		E(() => l.title, (e) => {
+		T(() => l.title, (e) => {
 			p.value = e;
-		}), E(() => l.effect, (e) => {
+		}), T(() => l.effect, (e) => {
 			m.value = e;
-		}), E(() => l.author, (e) => {
+		}), T(() => l.author, (e) => {
 			h.value = e;
 		});
-		let A = (e) => {
+		let k = (e) => {
 			let t = e.target?.tagName;
-			t !== "INPUT" && t !== "TEXTAREA" && (_.value?.blur(), C.value?.blur());
+			t !== "INPUT" && t !== "TEXTAREA" && (_.value?.blur(), ee.value?.blur());
 		};
 		return (c, l) => {
-			let u = b("el-icon"), v = b("el-button"), E = b("el-input"), j = b("el-divider"), M = b("Clock"), N = b("el-dropdown-item"), P = b("el-dropdown-menu"), ee = b("el-dropdown"), F = b("el-avatar"), I = b("el-dialog");
+			let u = b("el-icon"), v = b("el-button"), T = b("el-input"), A = b("el-divider"), te = b("Clock"), j = b("el-dropdown-item"), M = b("el-dropdown-menu"), ne = b("el-dropdown"), N = b("el-avatar"), ie = b("el-dialog");
 			return g(), i(e, null, [a("div", {
 				class: "toolbar",
-				onMousedown: A
+				onMousedown: k
 			}, [
-				a("div", wt, [
-					s(v, {
-						onClick: l[0] ||= (e) => c.$emit("back"),
+				a("div", Tt, [
+					t.backButton === "hide" ? r("", !0) : (g(), n(v, {
+						key: 0,
 						size: "small",
-						circle: ""
+						circle: "",
+						disabled: t.backButton === "disable",
+						onClick: l[0] ||= (e) => c.$emit("back"),
+						title: "返回"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(te))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(re))]),
 							_: 1
 						})]),
 						_: 1
-					}),
-					s(E, {
+					}, 8, ["disabled"])),
+					s(T, {
 						ref_key: "titleInputRef",
 						ref: _,
 						modelValue: p.value,
@@ -1659,40 +1674,40 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						placeholder: "标题 *",
 						class: "title-input",
 						size: "small",
-						disabled: t.readonly
+						disabled: t.readonly || !t.titleEditable
 					}, null, 8, ["modelValue", "disabled"]),
-					s(E, {
+					s(T, {
 						ref_key: "effectInputRef",
-						ref: C,
+						ref: ee,
 						modelValue: m.value,
 						"onUpdate:modelValue": l[3] ||= (e) => m.value = e,
 						onBlur: l[4] ||= (e) => c.$emit("update:effect", m.value),
 						placeholder: "问题/结果 *",
 						class: "effect-input",
 						size: "small",
-						disabled: t.readonly
+						disabled: t.readonly || !t.titleEditable
 					}, null, 8, ["modelValue", "disabled"]),
-					s(E, {
+					s(T, {
 						ref_key: "authorInputRef",
-						ref: w,
+						ref: C,
 						modelValue: h.value,
 						"onUpdate:modelValue": l[5] ||= (e) => h.value = e,
 						onBlur: l[6] ||= (e) => c.$emit("update:author", h.value),
 						placeholder: "作者 *",
 						class: "author-input",
 						size: "small",
-						disabled: t.readonly
+						disabled: t.readonly || !t.authorEditable
 					}, null, 8, ["modelValue", "disabled"])
 				]),
-				a("div", Tt, [
+				a("div", Et, [
 					s(v, {
 						size: "small",
 						circle: "",
-						onClick: l[7] ||= (e) => T.value = !0,
+						onClick: l[7] ||= (e) => w.value = !0,
 						title: "AI生成",
 						disabled: t.readonly
 					}, {
-						default: D(() => [...l[25] ||= [a("svg", {
+						default: E(() => [...l[25] ||= [a("svg", {
 							viewBox: "0 0 24 24",
 							width: "14",
 							height: "14",
@@ -1708,8 +1723,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[8] ||= (e) => c.$emit("addTextBox"),
 						title: "文本框"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(se))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(ce))]),
 							_: 1
 						})]),
 						_: 1
@@ -1721,21 +1736,21 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						title: "箭头线",
 						disabled: !t.canAddArrow
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(be))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(xe))]),
 							_: 1
 						})]),
 						_: 1
 					}, 8, ["disabled"]),
-					s(j, { direction: "vertical" }),
+					s(A, { direction: "vertical" }),
 					s(v, {
 						size: "small",
 						circle: "",
 						onClick: l[10] ||= (e) => c.$emit("undo"),
 						disabled: !t.canUndo
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(ve))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(ye))]),
 							_: 1
 						})]),
 						_: 1
@@ -1746,32 +1761,32 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[11] ||= (e) => c.$emit("redo"),
 						disabled: !t.canRedo
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(ye))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(be))]),
 							_: 1
 						})]),
 						_: 1
 					}, 8, ["disabled"]),
-					s(j, { direction: "vertical" }),
+					s(A, { direction: "vertical" }),
 					s(v, {
 						size: "small",
 						circle: "",
 						onClick: l[12] ||= (e) => c.$emit("zoomOut")
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(R))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(R))]),
 							_: 1
 						})]),
 						_: 1
 					}),
-					a("span", Et, x(t.zoom) + "%", 1),
+					a("span", Dt, x(t.zoom) + "%", 1),
 					s(v, {
 						size: "small",
 						circle: "",
 						onClick: l[13] ||= (e) => c.$emit("zoomIn")
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(Se))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(Ce))]),
 							_: 1
 						})]),
 						_: 1
@@ -1782,25 +1797,25 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[14] ||= (e) => c.$emit("fitView"),
 						title: "适应画布"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(ce))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(le))]),
 							_: 1
 						})]),
 						_: 1
 					})
 				]),
-				a("div", Dt, [
+				a("div", Ot, [
 					s(lt, {
 						"current-theme": t.currentTheme,
 						onSelectTheme: l[15] ||= (e) => c.$emit("selectTheme", e),
 						disabled: t.readonly
 					}, null, 8, ["current-theme", "disabled"]),
-					s(X, {
+					s(wt, {
 						"current-style": t.currentDiagramStyle,
 						onSelectStyle: l[16] ||= (e) => c.$emit("selectStyle", e),
 						disabled: t.readonly
 					}, null, 8, ["current-style", "disabled"]),
-					s(j, { direction: "vertical" }),
+					s(A, { direction: "vertical" }),
 					s(v, {
 						size: "small",
 						type: "primary",
@@ -1808,8 +1823,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[17] ||= (e) => c.$emit("save"),
 						title: "保存"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(L))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(P))]),
 							_: 1
 						})]),
 						_: 1
@@ -1821,52 +1836,52 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						title: "更新履历",
 						onClick: l[18] ||= (e) => c.$emit("history")
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(M)]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(te)]),
 							_: 1
 						})]),
 						_: 1
 					})) : r("", !0),
-					s(ee, {
+					s(ne, {
 						trigger: "click",
 						onCommand: l[19] ||= (e) => c.$emit("export", e)
 					}, {
-						dropdown: D(() => [s(P, null, {
-							default: D(() => [
-								s(N, { command: "svg" }, {
-									default: D(() => [s(u, null, {
-										default: D(() => [s(S(me))]),
+						dropdown: E(() => [s(M, null, {
+							default: E(() => [
+								s(j, { command: "svg" }, {
+									default: E(() => [s(u, null, {
+										default: E(() => [s(S(he))]),
 										_: 1
 									}), l[26] ||= o(" SVG 矢量图 ", -1)]),
 									_: 1
 								}),
-								s(N, { command: "png" }, {
-									default: D(() => [s(u, null, {
-										default: D(() => [s(S(he))]),
+								s(j, { command: "png" }, {
+									default: E(() => [s(u, null, {
+										default: E(() => [s(S(ge))]),
 										_: 1
 									}), l[27] ||= o(" PNG 图片 ", -1)]),
 									_: 1
 								}),
-								s(N, { command: "jpg" }, {
-									default: D(() => [s(u, null, {
-										default: D(() => [s(S(he))]),
+								s(j, { command: "jpg" }, {
+									default: E(() => [s(u, null, {
+										default: E(() => [s(S(ge))]),
 										_: 1
 									}), l[28] ||= o(" JPG 图片 ", -1)]),
 									_: 1
 								}),
-								s(N, {
+								s(j, {
 									divided: "",
 									command: "json"
 								}, {
-									default: D(() => [s(u, null, {
-										default: D(() => [s(S(ae))]),
+									default: E(() => [s(u, null, {
+										default: E(() => [s(S(I))]),
 										_: 1
 									}), l[29] ||= o(" JSON 数据 ", -1)]),
 									_: 1
 								}),
-								s(N, { command: "xml" }, {
-									default: D(() => [s(u, null, {
-										default: D(() => [s(S(ae))]),
+								s(j, { command: "xml" }, {
+									default: E(() => [s(u, null, {
+										default: E(() => [s(S(I))]),
 										_: 1
 									}), l[30] ||= o(" XML 格式 ", -1)]),
 									_: 1
@@ -1874,22 +1889,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							]),
 							_: 1
 						})]),
-						default: D(() => [s(v, {
+						default: E(() => [s(v, {
 							size: "small",
 							type: "warning",
 							circle: "",
 							title: "导出"
 						}, {
-							default: D(() => [s(u, null, {
-								default: D(() => [s(S(oe))]),
+							default: E(() => [s(u, null, {
+								default: E(() => [s(S(L))]),
 								_: 1
 							})]),
 							_: 1
 						})]),
 						_: 1
 					}),
-					s(j, { direction: "vertical" }),
-					t.onlineCount > 0 ? (g(), i("div", Ot, [(g(!0), i(e, null, y(t.onlineUsers.slice(0, 3), (e, t) => (g(), n(F, {
+					s(A, { direction: "vertical" }),
+					t.onlineCount > 0 ? (g(), i("div", X, [(g(!0), i(e, null, y(t.onlineUsers.slice(0, 3), (e, t) => (g(), n(N, {
 						key: e.id || t,
 						size: 24,
 						style: f({
@@ -1898,9 +1913,9 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						}),
 						title: e.name
 					}, {
-						default: D(() => [o(x(e.name?.charAt(0) || "?"), 1)]),
+						default: E(() => [o(x(e.name?.charAt(0) || "?"), 1)]),
 						_: 2
-					}, 1032, ["style", "title"]))), 128)), t.onlineCount > 3 ? (g(), i("span", Z, "+" + x(t.onlineCount - 3), 1)) : r("", !0)])) : r("", !0),
+					}, 1032, ["style", "title"]))), 128)), t.onlineCount > 3 ? (g(), i("span", kt, "+" + x(t.onlineCount - 3), 1)) : r("", !0)])) : r("", !0),
 					t.readonly ? r("", !0) : (g(), n(v, {
 						key: 2,
 						size: "small",
@@ -1908,8 +1923,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[20] ||= (e) => c.$emit("toggle-collab"),
 						title: "协作"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(xe))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(Se))]),
 							_: 1
 						}), a("span", null, x(t.isConnected ? "协作中" : "协作"), 1)]),
 						_: 1
@@ -1921,36 +1936,36 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 						onClick: l[21] ||= (e) => c.$emit("share-collab"),
 						title: "分享链接"
 					}, {
-						default: D(() => [s(u, null, {
-							default: D(() => [s(S(ue))]),
+						default: E(() => [s(u, null, {
+							default: E(() => [s(S(de))]),
 							_: 1
 						})]),
 						_: 1
 					})),
 					a("div", { class: d(["connection-status", { connected: t.isConnected }]) }, [...l[31] ||= [a("span", { class: "status-dot" }, null, -1)]], 2)
 				])
-			], 32), s(I, {
-				modelValue: T.value,
-				"onUpdate:modelValue": l[24] ||= (e) => T.value = e,
+			], 32), s(ie, {
+				modelValue: w.value,
+				"onUpdate:modelValue": l[24] ||= (e) => w.value = e,
 				title: "AI生成鱼骨图",
 				width: "70vw",
 				top: "50px",
 				center: "",
 				class: "ai-dialog"
 			}, {
-				footer: D(() => [s(v, { onClick: l[23] ||= (e) => T.value = !1 }, {
-					default: D(() => [...l[32] ||= [o("取消", -1)]]),
+				footer: E(() => [s(v, { onClick: l[23] ||= (e) => w.value = !1 }, {
+					default: E(() => [...l[32] ||= [o("取消", -1)]]),
 					_: 1
 				}), s(v, {
 					type: "primary",
-					onClick: k
+					onClick: O
 				}, {
-					default: D(() => [...l[33] ||= [o("生成", -1)]]),
+					default: E(() => [...l[33] ||= [o("生成", -1)]]),
 					_: 1
 				})]),
-				default: D(() => [s(E, {
-					modelValue: O.value,
-					"onUpdate:modelValue": l[22] ||= (e) => O.value = e,
+				default: E(() => [s(T, {
+					modelValue: D.value,
+					"onUpdate:modelValue": l[22] ||= (e) => D.value = e,
 					type: "textarea",
 					autosize: {
 						minRows: 27,
@@ -1963,12 +1978,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			}, 8, ["modelValue"])], 64);
 		};
 	}
-}, [["__scopeId", "data-v-7f095050"]]), At = (e, t) => !e || e.length <= t ? e || "" : e.substring(0, t - 1) + "...", jt = (e, t = 14) => {
+}, [["__scopeId", "data-v-554e46a6"]]), jt = (e, t) => !e || e.length <= t ? e || "" : e.substring(0, t - 1) + "...", Mt = (e, t = 14) => {
 	if (!e) return 0;
 	let n = 0;
 	for (let r of e) r.charCodeAt(0) > 127 ? n += t : n += t * .6;
 	return n;
-}, Mt = (e, t = "cause") => {
+}, Nt = (e, t = "cause") => {
 	let n = {
 		category: 100,
 		cause: 80,
@@ -1977,13 +1992,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		category: 180,
 		cause: 140,
 		child: 100
-	}, i = jt(e);
+	}, i = Mt(e);
 	return Math.max(n[t] || n.cause, Math.min(r[t] || r.cause, i + 30));
-}, Nt = { class: "fishbone-wrapper" }, Pt = [
+}, Pt = { class: "fishbone-wrapper" }, Ft = [
 	"viewBox",
 	"width",
 	"height"
-], Ft = ["width", "height"], It = ["transform"], Lt = ["width", "height"], Rt = ["width", "height"], zt = {
+], Z = ["width", "height"], It = ["transform"], Lt = ["width", "height"], Rt = ["width", "height"], zt = {
 	xmlns: "http://www.w3.org/1999/xhtml",
 	class: "tooltip-content"
 }, Bt = [
@@ -2156,12 +2171,12 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"fill",
 	"font-size",
 	"font-family"
-], Q = ["onMouseenter"], An = ["onClick"], jn = ["cx", "cy"], Mn = ["cx", "cy"], Nn = [
+], An = ["onMouseenter"], jn = ["onClick"], Mn = ["cx", "cy"], Nn = ["cx", "cy"], Pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Pn = [
+], Q = [
 	"x1",
 	"y1",
 	"x2",
@@ -2186,7 +2201,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 	"y1",
 	"x2",
 	"y2"
-], Gn = 150, $ = 250, Kn = 60, qn = /*#__PURE__*/ V({
+], Gn = 150, $ = 250, Kn = 60, qn = /*#__PURE__*/ B({
 	__name: "FishboneRenderer",
 	props: {
 		categories: {
@@ -2264,20 +2279,20 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			type: e,
 			id: t,
 			catIndex: n
-		}), C = (e, t, n) => p("openMindmap", {
+		}), ee = (e, t, n) => p("openMindmap", {
 			catIndex: e,
 			causeIndex: t,
 			measureIndex: n
-		}), w = () => p("clearSelection"), T = v({
+		}), C = () => p("clearSelection"), w = v({
 			show: !1,
 			text: "",
 			x: 0,
 			y: 0,
 			w: 300,
 			h: 200
-		}), E = (e, t, n) => {
+		}), T = (e, t, n) => {
 			let r = e.split("\n"), i = Math.max(...r.map((e) => e.length)), a = Math.max(120, Math.min(300, i * 14 + 24)), o = Math.max(40, Math.min(200, r.length * 22 + 20));
-			T.value = {
+			w.value = {
 				show: !0,
 				text: e,
 				x: Math.max(10, Math.min(t - a / 2, Te.value - a - 10)),
@@ -2285,17 +2300,17 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				w: a,
 				h: o
 			};
-		}, D = () => {
-			T.value.show = !1;
-		}, O = t(() => d.theme.primary || "#546E7A"), k = t(() => d.theme.primary || "#37474F"), j = t(() => ut.find((e) => e.id === d.diagramStyle) || ut[0]), M = (e) => e === "left" ? "start" : e === "right" ? "end" : "middle", N = (e, t) => e === "left" ? -t / 2 : e === "right" ? t / 2 : 0, P = t(() => Math.max(d.categories.length, 1)), ee = t(() => Math.max(600, P.value * 130)), te = t(() => ee.value / (P.value + 1)), F = t(() => 150 + ee.value), I = t(() => At(d.effect || "问题", 8)), L = t(() => {
+		}, E = () => {
+			w.value.show = !1;
+		}, D = t(() => d.theme.primary || "#546E7A"), O = t(() => d.theme.primary || "#37474F"), A = t(() => ut.find((e) => e.id === d.diagramStyle) || ut[0]), te = (e) => e === "left" ? "start" : e === "right" ? "end" : "middle", j = (e, t) => e === "left" ? -t / 2 : e === "right" ? t / 2 : 0, M = t(() => Math.max(d.categories.length, 1)), ne = t(() => Math.max(600, M.value * 130)), N = t(() => ne.value / (M.value + 1)), re = t(() => 150 + ne.value), ie = t(() => jt(d.effect || "问题", 8)), ae = t(() => {
 			let e = $;
 			return `M 70 ${e} Q 20 ${e - 30} 35 ${e - 65} Q 55 ${e} 35 315 Q 20 280 70 ${e} Z`;
-		}), ne = (e) => 150 + te.value * (e + 1), re = (e) => e % 2 == 0 ? $ - Gn : 400, ie = (e) => e % 2 == 0 ? $ - Gn - (j.value.nodeHeight / 2 + 8) : 400 + (j.value.nodeHeight / 2 + 8), ae = (e) => ne(e) + J("anchor", e).dx, oe = (e) => $, se = (e) => ne(e) + 30 + J("cat", e).dx, ce = (e) => re(e) + J("cat", e).dy, le = (e) => ({
+		}), P = (e) => 150 + N.value * (e + 1), oe = (e) => e % 2 == 0 ? $ - Gn : 400, F = (e) => e % 2 == 0 ? $ - Gn - (A.value.nodeHeight / 2 + 8) : 400 + (A.value.nodeHeight / 2 + 8), se = (e) => P(e) + K("anchor", e).dx, I = (e) => $, L = (e) => P(e) + 30 + K("cat", e).dx, ce = (e) => oe(e) + K("cat", e).dy, le = (e) => ({
 			dx: (e.direction || "left") === "left" ? -35 : 35,
 			dy: 0
 		}), ue = (e, t, n) => {
-			e.preventDefault(), e.stopPropagation(), D(), h.value = null;
-			let r = G(e), i = ae(t), a = oe(t), o = se(t), s = ce(t), c = d.categories?.[t]?.causes || [], l = c.length === 1 ? .5 : (n + 1) / (c.length + 1), u = c[n]?.style?.anchorT ?? l;
+			e.preventDefault(), e.stopPropagation(), E(), h.value = null;
+			let r = ke(e), i = se(t), a = I(t), o = L(t), s = ce(t), c = d.categories?.[t]?.causes || [], l = c.length === 1 ? .5 : (n + 1) / (c.length + 1), u = c[n]?.style?.anchorT ?? l;
 			de.value = {
 				i: t,
 				ci: n,
@@ -2327,13 +2342,13 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				x: 0,
 				y: $
 			};
-			let i = n.length === 1 ? .5 : (t + 1) / (n.length + 1), a = r?.style?.anchorT ?? i, o = ae(e), s = oe(e), c = se(e), l = ce(e);
+			let i = n.length === 1 ? .5 : (t + 1) / (n.length + 1), a = r?.style?.anchorT ?? i, o = se(e), s = I(e), c = L(e), l = ce(e);
 			return {
 				x: o + (c - o) * a,
 				y: s + (l - s) * a
 			};
 		}, me = (e, t) => pe(e, t).x, he = (e, t) => pe(e, t).y, ge = (e, t, n) => {
-			let r = n.direction || "left", i = B(n.text) / 2;
+			let r = n.direction || "left", i = z(n.text) / 2;
 			return me(e, t) + le(n).dx + (r === "left" ? -i : i);
 		}, _e = (e, t) => he(e, t), ve = (e, t, n) => {
 			let r = d.categories?.[e]?.causes?.[t];
@@ -2349,35 +2364,35 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 		}, Se = (e, t, n) => {
 			let r = be(e, t), i = d.categories?.[e]?.causes?.[t]?.children?.[n];
 			return i?.style?.color ? i.style.color : u(r, 2);
-		}, R = (e, t, n) => {
+		}, Ce = (e, t, n) => {
 			let r = xe(e, t), i = d.categories?.[e]?.causes?.[t]?.children?.[n];
 			return i?.style?.fontSize ? i.style.fontSize : Math.max(8, r - 2);
-		}, z = (e) => Mt(e, "category"), B = (e) => Mt(e, "cause"), Ce = (e, t) => At(e, t), V = (e) => (e?.style?.fontSize ?? 12) * 2 + 8, H = (e) => (e?.style?.fontSize ?? 11) * 2 + 6, U = (e, t = 0) => isNaN(e) || !isFinite(e) ? t : e, we = t(() => {
+		}, R = (e) => Nt(e, "category"), z = (e) => Nt(e, "cause"), we = (e, t) => jt(e, t), B = (e) => (e?.style?.fontSize ?? 12) * 2 + 8, V = (e) => (e?.style?.fontSize ?? 11) * 2 + 6, H = (e, t = 0) => isNaN(e) || !isFinite(e) ? t : e, U = t(() => {
 			let e = 30, t = 100, n = $, r = $;
-			n = Math.min(n, $ - 70), r = Math.max(r, 320), t = Math.max(t, F.value + 120);
-			for (let i = 0; i < P.value; i++) {
-				let a = ne(i), o = re(i), s = ie(i), c = (z(d.categories?.[i]?.name || "test") || 80) / 2 + 20;
-				e = Math.min(e, a - c), t = Math.max(t, a + c + 40), n = Math.min(n, o, s - (j.value?.nodeHeight || 36) / 2), r = Math.max(r, o, s + (j.value?.nodeHeight || 36) / 2);
+			n = Math.min(n, $ - 70), r = Math.max(r, 320), t = Math.max(t, re.value + 120);
+			for (let i = 0; i < M.value; i++) {
+				let a = P(i), o = oe(i), s = F(i), c = (R(d.categories?.[i]?.name || "test") || 80) / 2 + 20;
+				e = Math.min(e, a - c), t = Math.max(t, a + c + 40), n = Math.min(n, o, s - (A.value?.nodeHeight || 36) / 2), r = Math.max(r, o, s + (A.value?.nodeHeight || 36) / 2);
 			}
-			for (let i = 0; i < P.value; i++) {
+			for (let i = 0; i < M.value; i++) {
 				let a = d.categories?.[i]?.causes || [];
 				for (let o = 0; o < a.length; o++) {
-					let s = U(me(i, o)), c = U(he(i, o), $), l = U(B(a[o]?.text || "test"), 80) / 2 + 20;
-					e = Math.min(e, s - l), t = Math.max(t, s + l + 30), n = Math.min(n, c - (j.value?.causeHeight || 26) / 2 - 10), r = Math.max(r, c + (j.value?.causeHeight || 26) / 2 + 10);
+					let s = H(me(i, o)), c = H(he(i, o), $), l = H(z(a[o]?.text || "test"), 80) / 2 + 20;
+					e = Math.min(e, s - l), t = Math.max(t, s + l + 30), n = Math.min(n, c - (A.value?.causeHeight || 26) / 2 - 10), r = Math.max(r, c + (A.value?.causeHeight || 26) / 2 + 10);
 					let u = a[o]?.children || [];
 					for (let a = 0; a < u.length; a++) {
-						let s = U(ve(i, o, a)), l = U(ye(i, o, a), c), d = U(B(u[a]?.text || "test"), 60) / 2 + 15;
-						e = Math.min(e, s - d), t = Math.max(t, s + d + 25), n = Math.min(n, l - (j.value?.causeHeight || 26) / 2 - 8), r = Math.max(r, l + (j.value?.causeHeight || 26) / 2 + 8);
+						let s = H(ve(i, o, a)), l = H(ye(i, o, a), c), d = H(z(u[a]?.text || "test"), 60) / 2 + 15;
+						e = Math.min(e, s - d), t = Math.max(t, s + d + 25), n = Math.min(n, l - (A.value?.causeHeight || 26) / 2 - 8), r = Math.max(r, l + (A.value?.causeHeight || 26) / 2 + 8);
 					}
 				}
 			}
 			return {
-				minX: U(e, 0),
-				maxX: U(t, 800),
-				minY: U(n, 0),
-				maxY: U(r, 500)
+				minX: H(e, 0),
+				maxX: H(t, 800),
+				minY: H(n, 0),
+				maxY: H(r, 500)
 			};
-		}), Te = t(() => U(we.value.maxX - we.value.minX + Kn * 2, 800)), Ee = t(() => U(we.value.maxY - we.value.minY + Kn * 2, 500)), De = t(() => U(we.value.minX - Kn, 0)), Oe = t(() => U(we.value.minY - Kn, 0)), W = v(null), ke = v({}), G = (e) => {
+		}), Te = t(() => H(U.value.maxX - U.value.minX + Kn * 2, 800)), Ee = t(() => H(U.value.maxY - U.value.minY + Kn * 2, 500)), W = t(() => H(U.value.minX - Kn, 0)), De = t(() => H(U.value.minY - Kn, 0)), G = v(null), Oe = v({}), ke = (e) => {
 			if (!m.value) return {
 				x: 0,
 				y: 0
@@ -2394,10 +2409,10 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				x: i.x,
 				y: i.y
 			};
-		}, K = (e, t, n, r, i) => {
-			e.preventDefault(), e.stopPropagation(), D(), h.value = null;
-			let a = G(e), o = J(t, n, r, i);
-			W.value = {
+		}, Ae = (e, t, n, r, i) => {
+			e.preventDefault(), e.stopPropagation(), E(), h.value = null;
+			let a = ke(e), o = K(t, n, r, i);
+			G.value = {
 				type: t,
 				ci: n,
 				cii: r,
@@ -2407,45 +2422,45 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				baseDx: o.dx,
 				baseDy: o.dy
 			}, setTimeout(() => {
-				document.addEventListener("mouseup", q, { once: !0 });
+				document.addEventListener("mouseup", Me, { once: !0 });
 			}, 0);
-		}, Ae = (e) => {
+		}, je = (e) => {
 			if (!e.buttons) {
-				W.value && q(), de.value && fe();
+				G.value && Me(), de.value && fe();
 				return;
 			}
 			if (de.value) {
-				let t = de.value, n = G(e), r = n.x - t.smx, i = n.y - t.smy, a = Math.sqrt((t.ex - t.sx) ** 2 + (t.ey - t.sy) ** 2);
+				let t = de.value, n = ke(e), r = n.x - t.smx, i = n.y - t.smy, a = Math.sqrt((t.ex - t.sx) ** 2 + (t.ey - t.sy) ** 2);
 				if (a > 0) {
 					let e = (r * (t.ex - t.sx) + i * (t.ey - t.sy)) / (a * a), n = Math.max(.05, Math.min(.95, t.startT + e)), o = (d.categories?.[t.i]?.causes || [])[t.ci];
 					o && (o.style ||= {}, o.style.anchorT = n);
 				}
 				return;
 			}
-			if (!W.value) return;
-			let t = G(e), n = W.value.baseDx + (t.x - W.value.smx), r = W.value.baseDy + (t.y - W.value.smy);
-			W.value.type === "anchor" && (r = 0);
-			let i = `${W.value.type}-${W.value.ci}-${W.value.cii ?? ""}-${W.value.mii ?? ""}`;
-			ke.value[i] = {
+			if (!G.value) return;
+			let t = ke(e), n = G.value.baseDx + (t.x - G.value.smx), r = G.value.baseDy + (t.y - G.value.smy);
+			G.value.type === "anchor" && (r = 0);
+			let i = `${G.value.type}-${G.value.ci}-${G.value.cii ?? ""}-${G.value.mii ?? ""}`;
+			Oe.value[i] = {
 				dx: n,
 				dy: r
 			};
-		}, q = () => {
-			if (W.value) {
-				let e = `${W.value.type}-${W.value.ci}-${W.value.cii ?? ""}-${W.value.mii ?? ""}`, t = ke.value[e];
+		}, Me = () => {
+			if (G.value) {
+				let e = `${G.value.type}-${G.value.ci}-${G.value.cii ?? ""}-${G.value.mii ?? ""}`, t = Oe.value[e];
 				t && p("nodeDragged", {
-					type: W.value.type,
-					catIndex: W.value.ci,
-					causeIndex: W.value.cii,
-					measureIndex: W.value.mii,
+					type: G.value.type,
+					catIndex: G.value.ci,
+					causeIndex: G.value.cii,
+					measureIndex: G.value.mii,
 					dx: t.dx,
 					dy: t.dy
 				});
 			}
-			W.value = null, ke.value = {};
-		}, J = (e, t, n, r) => {
+			G.value = null, Oe.value = {};
+		}, K = (e, t, n, r) => {
 			let i = `${e}-${t}-${n ?? ""}-${r ?? ""}`;
-			if (ke.value[i]) return ke.value[i];
+			if (Oe.value[i]) return Oe.value[i];
 			if (e === "cat") {
 				let e = d.categories?.[t];
 				return {
@@ -2472,22 +2487,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				dx: 0,
 				dy: 0
 			};
-		}, je = () => {
-			h.value = null, D();
-		}, Me = () => {
-			q(), fe();
+		}, q = () => {
+			h.value = null, E();
+		}, J = () => {
+			Me(), fe();
 		}, Ne = () => {
-			W.value && q(), document.activeElement?.blur(), p("clearSelection");
+			G.value && Me(), document.activeElement?.blur(), p("clearSelection");
 		}, Pe = (e) => {
-			!e.target.closest("[style*=\"cursor: grab\"]") && W.value && q(), e.target.closest("[style*=\"cursor: grab\"]") || p("clearSelection");
+			!e.target.closest("[style*=\"cursor: grab\"]") && G.value && Me(), e.target.closest("[style*=\"cursor: grab\"]") || p("clearSelection");
 		}, Fe = (e, t) => {
 			h.value = {
 				type: "category",
 				id: t.id,
 				catIndex: e
 			};
-			let n = J("anchor", e), r = J("cat", e);
-			E(t.name, ne(e) + 30 + n.dx + r.dx, ie(e) + r.dy);
+			let n = K("anchor", e), r = K("cat", e);
+			T(t.name, P(e) + 30 + n.dx + r.dx, F(e) + r.dy);
 		}, Ie = (e, t, n) => {
 			h.value = {
 				type: "cause",
@@ -2495,8 +2510,8 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				catIndex: e,
 				causeIndex: t
 			};
-			let r = J("cause", e, t), i = me(e, t) + le(n).dx + r.dx, a = he(e, t) + le(n).dy + r.dy;
-			E(n.text, i, a);
+			let r = K("cause", e, t), i = me(e, t) + le(n).dx + r.dx, a = he(e, t) + le(n).dy + r.dy;
+			T(n.text, i, a);
 		}, Le = (e, t, n, r) => {
 			h.value = {
 				type: "measure",
@@ -2505,35 +2520,35 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				causeIndex: t,
 				measureIndex: n
 			};
-			let i = J("cause", e, t), a = J("measure", e, t, n);
-			E(r.text, ve(e, t, n) + i.dx + a.dx, ye(e, t, n) + i.dy + a.dy);
+			let i = K("cause", e, t), a = K("measure", e, t, n);
+			T(r.text, ve(e, t, n) + i.dx + a.dx, ye(e, t, n) + i.dy + a.dy);
 		};
 		return o({
 			getSvgElement: () => m.value,
 			getViewBox: () => ({
-				x: De.value,
-				y: Oe.value,
+				x: W.value,
+				y: De.value,
 				w: Te.value,
 				h: Ee.value
 			})
-		}), (t, o) => (g(), i("div", Nt, [(g(), i("svg", {
+		}), (t, o) => (g(), i("div", Pt, [(g(), i("svg", {
 			ref_key: "svgRef",
 			ref: m,
 			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: `${De.value} ${Oe.value} ${Te.value} ${Ee.value}`,
+			viewBox: `${W.value} ${De.value} ${Te.value} ${Ee.value}`,
 			width: Te.value,
 			height: Ee.value,
 			preserveAspectRatio: "xMidYMid meet",
 			class: "fishbone-svg",
 			style: f({
 				background: n.theme.bg || "#fafbfc",
-				cursor: W.value ? "grabbing" : "default"
+				cursor: G.value ? "grabbing" : "default"
 			}),
-			onClick: A(w, ["self"]),
+			onClick: k(C, ["self"]),
 			onMousedown: Pe,
-			onMousemove: Ae,
-			onMouseup: q,
-			onMouseleave: Me
+			onMousemove: je,
+			onMouseup: Me,
+			onMouseleave: J
 		}, [
 			a("rect", {
 				x: "0",
@@ -2542,150 +2557,150 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				height: Ee.value,
 				fill: "transparent",
 				onClick: Ne
-			}, null, 8, Ft),
-			T.value.show ? (g(), i("g", {
+			}, null, 8, Z),
+			w.value.show ? (g(), i("g", {
 				key: 0,
-				transform: `translate(${T.value.x}, ${T.value.y})`
+				transform: `translate(${w.value.x}, ${w.value.y})`
 			}, [a("rect", {
 				x: "0",
 				y: "0",
-				width: T.value.w,
-				height: T.value.h,
+				width: w.value.w,
+				height: w.value.h,
 				rx: "6",
 				fill: "#303236",
 				opacity: "0.4"
 			}, null, 8, Lt), (g(), i("foreignObject", {
 				x: "8",
 				y: "6",
-				width: T.value.w - 16,
-				height: T.value.h - 12
-			}, [a("div", zt, x(T.value.text), 1)], 8, Rt))], 8, It)) : r("", !0),
+				width: w.value.w - 16,
+				height: w.value.h - 12
+			}, [a("div", zt, x(w.value.text), 1)], 8, Rt))], 8, It)) : r("", !0),
 			(g(), i("g", { key: n.styleTick }, [
 				a("line", {
 					x1: 100,
 					y1: $,
-					x2: F.value,
+					x2: re.value,
 					y2: $,
-					stroke: j.value.spineColor || O.value,
-					"stroke-width": j.value.spineWidth,
+					stroke: A.value.spineColor || D.value,
+					"stroke-width": A.value.spineWidth,
 					"stroke-linecap": "round"
 				}, null, 8, Bt),
 				a("path", {
-					d: L.value,
-					fill: j.value.spineColor || O.value,
+					d: ae.value,
+					fill: A.value.spineColor || D.value,
 					opacity: "0.5"
 				}, null, 8, Vt),
 				a("g", null, [
 					a("ellipse", {
-						cx: F.value + 55,
+						cx: re.value + 55,
 						cy: $,
-						rx: j.value.headRx,
-						ry: j.value.headRy,
-						fill: j.value.spineColor || k.value,
+						rx: A.value.headRx,
+						ry: A.value.headRy,
+						fill: A.value.spineColor || O.value,
 						style: { "pointer-events": "none" }
 					}, null, 8, Ht),
 					a("circle", {
-						cx: F.value + 45,
+						cx: re.value + 45,
 						cy: $ - 7,
 						r: "6",
 						fill: "white",
 						style: { "pointer-events": "none" }
 					}, null, 8, Ut),
 					a("circle", {
-						cx: F.value + 47,
+						cx: re.value + 47,
 						cy: $ - 7,
 						r: "3.5",
 						fill: "#263238",
 						style: { "pointer-events": "none" }
 					}, null, 8, Wt),
 					a("circle", {
-						cx: F.value + 49,
+						cx: re.value + 49,
 						cy: $ - 9,
 						r: "1.2",
 						fill: "white",
 						style: { "pointer-events": "none" }
 					}, null, 8, Gt),
 					a("text", {
-						x: F.value + 55,
+						x: re.value + 55,
 						y: 268,
 						"text-anchor": "middle",
 						"dominant-baseline": "middle",
 						fill: "white",
 						"font-size": "12",
-						"font-family": j.value.fontFamily + ", sans-serif",
+						"font-family": A.value.fontFamily + ", sans-serif",
 						style: { "pointer-events": "none" }
-					}, x(I.value), 9, Kt)
+					}, x(ie.value), 9, Kt)
 				]),
 				(g(!0), i(e, null, y(n.categories, (t, s) => (g(), i("g", { key: t.id }, [
 					a("line", {
-						x1: ne(s) + J("anchor", s).dx,
+						x1: P(s) + K("anchor", s).dx,
 						y1: $,
-						x2: ne(s) + 30 + J("cat", s).dx,
-						y2: re(s) + J("cat", s).dy,
-						stroke: t.style?.lineColor || j.value.spineColor || t.color,
-						"stroke-width": j.value.branchWidth,
+						x2: P(s) + 30 + K("cat", s).dx,
+						y2: oe(s) + K("cat", s).dy,
+						stroke: t.style?.lineColor || A.value.spineColor || t.color,
+						"stroke-width": A.value.branchWidth,
 						"stroke-linecap": "round",
-						opacity: (t.style?.lineOpacity ?? j.value.branchOpacity * 100) / 100,
+						opacity: (t.style?.lineOpacity ?? A.value.branchOpacity * 100) / 100,
 						"stroke-dasharray": t.style?.lineStyle === "dashed" ? "6,3" : "none"
 					}, null, 8, qt),
-					j.value.showDots ? (g(), i("circle", {
+					A.value.showDots ? (g(), i("circle", {
 						key: 0,
-						cx: ne(s) + J("anchor", s).dx,
+						cx: P(s) + K("anchor", s).dx,
 						cy: $,
 						r: "4",
-						fill: j.value.spineColor || t.color
+						fill: A.value.spineColor || t.color
 					}, null, 8, Jt)) : r("", !0),
 					a("circle", {
-						cx: ne(s) + J("anchor", s).dx,
+						cx: P(s) + K("anchor", s).dx,
 						cy: $,
 						r: n.selectedNode?.id === t.id ? 6 : 4,
 						fill: n.selectedNode?.id === t.id ? "#409EFF" : "transparent",
 						stroke: n.selectedNode?.id === t.id ? "#409EFF" : "#909399",
 						"stroke-width": 1.5,
 						style: { cursor: "ew-resize" },
-						onMousedown: A((e) => K(e, "anchor", s), ["stop"]),
-						onMouseup: q
+						onMousedown: k((e) => Ae(e, "anchor", s), ["stop"]),
+						onMouseup: Me
 					}, null, 40, Yt),
 					a("g", {
-						transform: `translate(${ne(s) + 30 + J("cat", s).dx}, ${ie(s) + J("cat", s).dy})`,
-						onClick: A((e) => _("category", t.id, s), ["stop"]),
-						onMousedown: (e) => K(e, "cat", s),
-						onMouseup: q,
-						onMouseleave: je,
+						transform: `translate(${P(s) + 30 + K("cat", s).dx}, ${F(s) + K("cat", s).dy})`,
+						onClick: k((e) => _("category", t.id, s), ["stop"]),
+						onMousedown: (e) => Ae(e, "cat", s),
+						onMouseup: Me,
+						onMouseleave: q,
 						onMouseenter: (e) => Fe(s, t),
 						style: { cursor: "grab" }
 					}, [
 						n.selectedNode?.id === t.id ? (g(), i("rect", {
 							key: 0,
-							x: -z(t.name) / 2 - 4,
-							y: -(V(t) / 2 + 4),
-							width: z(t.name) + 8,
-							height: V(t) + 8,
-							rx: j.value.nodeRadius + 4,
+							x: -R(t.name) / 2 - 4,
+							y: -(B(t) / 2 + 4),
+							width: R(t.name) + 8,
+							height: B(t) + 8,
+							rx: A.value.nodeRadius + 4,
 							fill: "none",
 							stroke: "#409EFF",
 							"stroke-width": "3"
 						}, null, 8, Zt)) : r("", !0),
 						a("rect", {
-							x: -z(t.name) / 2,
-							y: -V(t) / 2,
-							width: z(t.name),
-							height: V(t),
-							rx: j.value.nodeRadius,
+							x: -R(t.name) / 2,
+							y: -B(t) / 2,
+							width: R(t.name),
+							height: B(t),
+							rx: A.value.nodeRadius,
 							fill: t.color,
 							opacity: (t.style?.opacity ?? 100) / 100,
 							stroke: n.selectedNode?.id === t.id ? "#409EFF" : t.style?.borderStyle === "none" ? "none" : t.style?.borderColor || t.color,
 							"stroke-width": n.selectedNode?.id === t.id ? 3 : t.style?.borderStyle === "none" ? 0 : t.style?.borderWidth ?? 1.5
 						}, null, 8, Qt),
 						a("text", {
-							"text-anchor": M(t.style?.textAlign),
+							"text-anchor": te(t.style?.textAlign),
 							"dominant-baseline": "middle",
-							x: N(t.style?.textAlign, z(t.name)),
+							x: j(t.style?.textAlign, R(t.name)),
 							fill: t.style?.textColor || "white",
 							"font-size": t.style?.fontSize ?? 12,
-							"font-family": (t.style?.fontFamily || j.value.fontFamily) + ", sans-serif",
+							"font-family": (t.style?.fontFamily || A.value.fontFamily) + ", sans-serif",
 							style: { "pointer-events": "none" }
-						}, x(Ce(t.name, t.style?.maxChars ?? 15)), 9, $t),
+						}, x(we(t.name, t.style?.maxChars ?? 15)), 9, $t),
 						h.value?.id === t.id ? (g(), i("g", {
 							key: 1,
 							style: { "pointer-events": "auto" },
@@ -2696,61 +2711,61 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							},
 							onMouseleave: o[2] ||= (e) => h.value = null
 						}, [a("g", {
-							onClick: A((e) => b("category", t.id, s), ["stop"]),
-							onMousedown: o[0] ||= A(() => {}, ["stop"]),
+							onClick: k((e) => b("category", t.id, s), ["stop"]),
+							onMousedown: o[0] ||= k(() => {}, ["stop"]),
 							style: { cursor: "pointer" }
 						}, [
 							a("circle", {
-								cx: z(t.name) / 2 - 24,
-								cy: -V(t) / 2 - 6,
+								cx: R(t.name) / 2 - 24,
+								cy: -B(t) / 2 - 6,
 								r: "7",
 								fill: "#409EFF",
 								opacity: "0.9"
 							}, null, 8, nn),
 							a("line", {
-								x1: z(t.name) / 2 - 27,
-								y1: -V(t) / 2 - 6,
-								x2: z(t.name) / 2 - 21,
-								y2: -V(t) / 2 - 6,
+								x1: R(t.name) / 2 - 27,
+								y1: -B(t) / 2 - 6,
+								x2: R(t.name) / 2 - 21,
+								y2: -B(t) / 2 - 6,
 								stroke: "white",
 								"stroke-width": "1.5",
 								"stroke-linecap": "round"
 							}, null, 8, rn),
 							a("line", {
-								x1: z(t.name) / 2 - 24,
-								y1: -V(t) / 2 - 9,
-								x2: z(t.name) / 2 - 24,
-								y2: -V(t) / 2 - 3,
+								x1: R(t.name) / 2 - 24,
+								y1: -B(t) / 2 - 9,
+								x2: R(t.name) / 2 - 24,
+								y2: -B(t) / 2 - 3,
 								stroke: "white",
 								"stroke-width": "1.5",
 								"stroke-linecap": "round"
 							}, null, 8, an)
 						], 40, tn), a("g", {
-							onClick: A((e) => S("category", t.id, s), ["stop"]),
-							onMousedown: o[1] ||= A(() => {}, ["stop"]),
+							onClick: k((e) => S("category", t.id, s), ["stop"]),
+							onMousedown: o[1] ||= k(() => {}, ["stop"]),
 							style: { cursor: "pointer" }
 						}, [
 							a("circle", {
-								cx: z(t.name) / 2 - 8,
-								cy: -V(t) / 2 - 6,
+								cx: R(t.name) / 2 - 8,
+								cy: -B(t) / 2 - 6,
 								r: "7",
 								fill: "#F56C6C",
 								opacity: "0.9"
 							}, null, 8, sn),
 							a("line", {
-								x1: z(t.name) / 2 - 11,
-								y1: -V(t) / 2 - 9,
-								x2: z(t.name) / 2 - 5,
-								y2: -V(t) / 2 - 3,
+								x1: R(t.name) / 2 - 11,
+								y1: -B(t) / 2 - 9,
+								x2: R(t.name) / 2 - 5,
+								y2: -B(t) / 2 - 3,
 								stroke: "white",
 								"stroke-width": "1.5",
 								"stroke-linecap": "round"
 							}, null, 8, cn),
 							a("line", {
-								x1: z(t.name) / 2 - 5,
-								y1: -V(t) / 2 - 9,
-								x2: z(t.name) / 2 - 11,
-								y2: -V(t) / 2 - 3,
+								x1: R(t.name) / 2 - 5,
+								y1: -B(t) / 2 - 9,
+								x2: R(t.name) / 2 - 11,
+								y2: -B(t) / 2 - 3,
 								stroke: "white",
 								"stroke-width": "1.5",
 								"stroke-linecap": "round"
@@ -2766,59 +2781,59 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							stroke: n.selectedNode?.id === c.id ? "#409EFF" : "#fff",
 							"stroke-width": 1.5,
 							style: { cursor: "ew-resize" },
-							onMousedown: A((e) => ue(e, s, l), ["stop"]),
-							onMouseup: q,
-							onClick: A((e) => _("cause", c.id, s, l), ["stop"])
+							onMousedown: k((e) => ue(e, s, l), ["stop"]),
+							onMouseup: Me,
+							onClick: k((e) => _("cause", c.id, s, l), ["stop"])
 						}, null, 40, un),
 						a("line", {
 							x1: me(s, l),
 							y1: he(s, l),
-							x2: me(s, l) + le(c).dx + J("cause", s, l).dx,
-							y2: he(s, l) + le(c).dy + J("cause", s, l).dy,
+							x2: me(s, l) + le(c).dx + K("cause", s, l).dx,
+							y2: he(s, l) + le(c).dy + K("cause", s, l).dy,
 							stroke: t.color,
 							"stroke-width": 1,
 							opacity: .4
 						}, null, 8, dn),
 						a("g", {
-							transform: `translate(${me(s, l) + le(c).dx + J("cause", s, l).dx}, ${he(s, l) + le(c).dy + J("cause", s, l).dy})`,
-							onClick: A((e) => _("cause", c.id, s, l), ["stop"]),
-							onMousedown: (e) => K(e, "cause", s, l),
-							onMouseup: q,
-							onMouseleave: je,
+							transform: `translate(${me(s, l) + le(c).dx + K("cause", s, l).dx}, ${he(s, l) + le(c).dy + K("cause", s, l).dy})`,
+							onClick: k((e) => _("cause", c.id, s, l), ["stop"]),
+							onMousedown: (e) => Ae(e, "cause", s, l),
+							onMouseup: Me,
+							onMouseleave: q,
 							onMouseenter: (e) => Ie(s, l, c),
 							style: { cursor: "grab" }
 						}, [
 							n.selectedNode?.id === c.id ? (g(), i("rect", {
 								key: 0,
-								x: -B(c.text) / 2 - 4,
-								y: -(H(c) / 2 + 4),
-								width: B(c.text) + 8,
-								height: H(c) + 8,
-								rx: j.value.causeRadius + 4,
+								x: -z(c.text) / 2 - 4,
+								y: -(V(c) / 2 + 4),
+								width: z(c.text) + 8,
+								height: V(c) + 8,
+								rx: A.value.causeRadius + 4,
 								fill: "none",
 								stroke: "#409EFF",
 								"stroke-width": "3"
 							}, null, 8, pn)) : r("", !0),
 							a("rect", {
-								x: -B(c.text) / 2,
-								y: -H(c) / 2,
-								width: B(c.text),
-								height: H(c),
-								rx: j.value.causeRadius,
+								x: -z(c.text) / 2,
+								y: -V(c) / 2,
+								width: z(c.text),
+								height: V(c),
+								rx: A.value.causeRadius,
 								fill: be(s, l),
 								opacity: (c.style?.opacity ?? 100) / 100,
 								stroke: n.selectedNode?.id === c.id ? "#409EFF" : c.style?.borderStyle === "none" ? "none" : c.style?.borderColor || t.color,
 								"stroke-width": n.selectedNode?.id === c.id ? 3 : c.style?.borderStyle === "none" ? 0 : c.style?.borderWidth ?? 1.5
 							}, null, 8, mn),
 							a("text", {
-								"text-anchor": M(c.style?.textAlign),
+								"text-anchor": te(c.style?.textAlign),
 								"dominant-baseline": "middle",
-								x: N(c.style?.textAlign, B(c.text)),
+								x: j(c.style?.textAlign, z(c.text)),
 								fill: c.style?.textColor || "#263238",
 								"font-size": xe(s, l),
-								"font-family": (c.style?.fontFamily || j.value.fontFamily) + ", sans-serif",
+								"font-family": (c.style?.fontFamily || A.value.fontFamily) + ", sans-serif",
 								style: { "pointer-events": "none" }
-							}, x(Ce(c.text, c.style?.maxChars ?? 20)), 9, hn),
+							}, x(we(c.text, c.style?.maxChars ?? 20)), 9, hn),
 							h.value?.id === c.id ? (g(), i("g", {
 								key: 1,
 								style: { "pointer-events": "auto" },
@@ -2830,61 +2845,61 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 								},
 								onMouseleave: o[5] ||= (e) => h.value = null
 							}, [a("g", {
-								onClick: A((e) => b("cause", c.id, s, l), ["stop"]),
-								onMousedown: o[3] ||= A(() => {}, ["stop"]),
+								onClick: k((e) => b("cause", c.id, s, l), ["stop"]),
+								onMousedown: o[3] ||= k(() => {}, ["stop"]),
 								style: { cursor: "pointer" }
 							}, [
 								a("circle", {
-									cx: B(c.text) / 2 - 30,
-									cy: -H(c) / 2 - 6,
+									cx: z(c.text) / 2 - 30,
+									cy: -V(c) / 2 - 6,
 									r: "6",
 									fill: "#409EFF",
 									opacity: "0.9"
 								}, null, 8, vn),
 								a("line", {
-									x1: B(c.text) / 2 - 33,
-									y1: -H(c) / 2 - 6,
-									x2: B(c.text) / 2 - 27,
-									y2: -H(c) / 2 - 6,
+									x1: z(c.text) / 2 - 33,
+									y1: -V(c) / 2 - 6,
+									x2: z(c.text) / 2 - 27,
+									y2: -V(c) / 2 - 6,
 									stroke: "white",
 									"stroke-width": "1.5",
 									"stroke-linecap": "round"
 								}, null, 8, yn),
 								a("line", {
-									x1: B(c.text) / 2 - 30,
-									y1: -H(c) / 2 - 9,
-									x2: B(c.text) / 2 - 30,
-									y2: -H(c) / 2 - 3,
+									x1: z(c.text) / 2 - 30,
+									y1: -V(c) / 2 - 9,
+									x2: z(c.text) / 2 - 30,
+									y2: -V(c) / 2 - 3,
 									stroke: "white",
 									"stroke-width": "1.5",
 									"stroke-linecap": "round"
 								}, null, 8, bn)
 							], 40, _n), a("g", {
-								onClick: A((e) => S("cause", c.id, s), ["stop"]),
-								onMousedown: o[4] ||= A(() => {}, ["stop"]),
+								onClick: k((e) => S("cause", c.id, s), ["stop"]),
+								onMousedown: o[4] ||= k(() => {}, ["stop"]),
 								style: { cursor: "pointer" }
 							}, [
 								a("circle", {
-									cx: B(c.text) / 2 - 14,
-									cy: -H(c) / 2 - 6,
+									cx: z(c.text) / 2 - 14,
+									cy: -V(c) / 2 - 6,
 									r: "6",
 									fill: "#F56C6C",
 									opacity: "0.9"
 								}, null, 8, Sn),
 								a("line", {
-									x1: B(c.text) / 2 - 17,
-									y1: -H(c) / 2 - 9,
-									x2: B(c.text) / 2 - 11,
-									y2: -H(c) / 2 - 3,
+									x1: z(c.text) / 2 - 17,
+									y1: -V(c) / 2 - 9,
+									x2: z(c.text) / 2 - 11,
+									y2: -V(c) / 2 - 3,
 									stroke: "white",
 									"stroke-width": "1.5",
 									"stroke-linecap": "round"
 								}, null, 8, Cn),
 								a("line", {
-									x1: B(c.text) / 2 - 11,
-									y1: -H(c) / 2 - 9,
-									x2: B(c.text) / 2 - 17,
-									y2: -H(c) / 2 - 3,
+									x1: z(c.text) / 2 - 11,
+									y1: -V(c) / 2 - 9,
+									x2: z(c.text) / 2 - 17,
+									y2: -V(c) / 2 - 3,
 									stroke: "white",
 									"stroke-width": "1.5",
 									"stroke-linecap": "round"
@@ -2893,52 +2908,52 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							(g(!0), i(e, null, y(c.children || [], (e, u) => (g(), i("g", { key: e.id }, [a("line", {
 								x1: ge(s, l, c) - (me(s, l) + le(c).dx),
 								y1: 0,
-								x2: ve(s, l, u) - (me(s, l) + le(c).dx) + J("measure", s, l, u).dx,
-								y2: ye(s, l, u) - he(s, l) + J("measure", s, l, u).dy,
-								stroke: e.style?.lineColor || j.value.spineColor || t.color,
-								"stroke-width": j.value.branchWidth * .4,
-								opacity: (e.style?.lineOpacity ?? j.value.branchOpacity * 40) / 100,
+								x2: ve(s, l, u) - (me(s, l) + le(c).dx) + K("measure", s, l, u).dx,
+								y2: ye(s, l, u) - he(s, l) + K("measure", s, l, u).dy,
+								stroke: e.style?.lineColor || A.value.spineColor || t.color,
+								"stroke-width": A.value.branchWidth * .4,
+								opacity: (e.style?.lineOpacity ?? A.value.branchOpacity * 40) / 100,
 								"stroke-dasharray": e.style?.lineStyle === "dashed" ? "3,2" : "none"
 							}, null, 8, Tn), a("g", {
-								transform: `translate(${ve(s, l, u) - (me(s, l) + le(c).dx) + J("measure", s, l, u).dx}, ${ye(s, l, u) - he(s, l) + J("measure", s, l, u).dy})`,
-								onClick: A((t) => _("measure", e.id, s, l, u), ["stop"]),
-								onMousedown: (e) => K(e, "measure", s, l, u),
-								onMouseup: q,
+								transform: `translate(${ve(s, l, u) - (me(s, l) + le(c).dx) + K("measure", s, l, u).dx}, ${ye(s, l, u) - he(s, l) + K("measure", s, l, u).dy})`,
+								onClick: k((t) => _("measure", e.id, s, l, u), ["stop"]),
+								onMousedown: (e) => Ae(e, "measure", s, l, u),
+								onMouseup: Me,
 								onMouseenter: (t) => Le(s, l, u, e),
-								onMouseleave: je,
+								onMouseleave: q,
 								style: { cursor: "grab" }
 							}, [
 								n.selectedNode?.id === e.id ? (g(), i("rect", {
 									key: 0,
-									x: -B(e.text) / 2 - 3,
-									y: -(H(e) / 2 + 3),
-									width: B(e.text) + 6,
-									height: H(e) + 6,
-									rx: j.value.causeRadius + 3,
+									x: -z(e.text) / 2 - 3,
+									y: -(V(e) / 2 + 3),
+									width: z(e.text) + 6,
+									height: V(e) + 6,
+									rx: A.value.causeRadius + 3,
 									fill: "none",
 									stroke: "#409EFF",
 									"stroke-width": "2.5"
 								}, null, 8, Dn)) : r("", !0),
 								a("rect", {
-									x: -B(e.text) / 2,
-									y: -H(e) / 2,
-									width: B(e.text),
-									height: H(e),
-									rx: j.value.causeRadius,
+									x: -z(e.text) / 2,
+									y: -V(e) / 2,
+									width: z(e.text),
+									height: V(e),
+									rx: A.value.causeRadius,
 									fill: Se(s, l, u),
 									opacity: (e.style?.opacity ?? 100) / 100,
 									stroke: n.selectedNode?.id === e.id ? "#409EFF" : e.style?.borderStyle === "none" ? "none" : e.style?.borderColor || t.color,
 									"stroke-width": n.selectedNode?.id === e.id ? 2.5 : e.style?.borderStyle === "none" ? 0 : e.style?.borderWidth ?? 1
 								}, null, 8, On),
 								a("text", {
-									"text-anchor": M(e.style?.textAlign),
+									"text-anchor": te(e.style?.textAlign),
 									"dominant-baseline": "middle",
-									x: N(e.style?.textAlign, B(e.text)),
+									x: j(e.style?.textAlign, z(e.text)),
 									fill: e.style?.textColor || "#263238",
-									"font-size": R(s, l, u),
-									"font-family": (e.style?.fontFamily || j.value.fontFamily) + ", sans-serif",
+									"font-size": Ce(s, l, u),
+									"font-family": (e.style?.fontFamily || A.value.fontFamily) + ", sans-serif",
 									style: { "pointer-events": "none" }
-								}, x(Ce(e.text, e.style?.maxChars ?? 15)), 9, kn),
+								}, x(we(e.text, e.style?.maxChars ?? 15)), 9, kn),
 								h.value?.id === e.id ? (g(), i("g", {
 									key: 1,
 									style: { "pointer-events": "auto" },
@@ -2951,120 +2966,120 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 									},
 									onMouseleave: o[8] ||= (e) => h.value = null
 								}, [a("g", {
-									onClick: A((e) => C(s, l, u), ["stop"]),
-									onMousedown: o[6] ||= A(() => {}, ["stop"]),
+									onClick: k((e) => ee(s, l, u), ["stop"]),
+									onMousedown: o[6] ||= k(() => {}, ["stop"]),
 									style: { cursor: "pointer" }
 								}, [
 									a("circle", {
-										cx: B(e.text) / 2 - 28,
-										cy: -H(e) / 2 - 6,
+										cx: z(e.text) / 2 - 28,
+										cy: -V(e) / 2 - 6,
 										r: "6",
 										fill: "#67C23A",
 										opacity: "0.9"
-									}, null, 8, jn),
+									}, null, 8, Mn),
 									a("circle", {
-										cx: B(e.text) / 2 - 28,
-										cy: -H(e) / 2 - 6,
+										cx: z(e.text) / 2 - 28,
+										cy: -V(e) / 2 - 6,
 										r: "2",
 										fill: "white"
-									}, null, 8, Mn),
+									}, null, 8, Nn),
 									a("line", {
-										x1: B(e.text) / 2 - 28,
-										y1: -H(e) / 2 - 6,
-										x2: B(e.text) / 2 - 32,
-										y2: -H(e) / 2 - 9,
+										x1: z(e.text) / 2 - 28,
+										y1: -V(e) / 2 - 6,
+										x2: z(e.text) / 2 - 32,
+										y2: -V(e) / 2 - 9,
 										stroke: "white",
 										"stroke-width": "1",
 										"stroke-linecap": "round"
-									}, null, 8, Nn),
+									}, null, 8, Pn),
 									a("line", {
-										x1: B(e.text) / 2 - 28,
-										y1: -H(e) / 2 - 6,
-										x2: B(e.text) / 2 - 32,
-										y2: -H(e) / 2 - 3,
+										x1: z(e.text) / 2 - 28,
+										y1: -V(e) / 2 - 6,
+										x2: z(e.text) / 2 - 32,
+										y2: -V(e) / 2 - 3,
 										stroke: "white",
 										"stroke-width": "1",
 										"stroke-linecap": "round"
-									}, null, 8, Pn),
+									}, null, 8, Q),
 									a("line", {
-										x1: B(e.text) / 2 - 28,
-										y1: -H(e) / 2 - 6,
-										x2: B(e.text) / 2 - 24,
-										y2: -H(e) / 2 - 9,
+										x1: z(e.text) / 2 - 28,
+										y1: -V(e) / 2 - 6,
+										x2: z(e.text) / 2 - 24,
+										y2: -V(e) / 2 - 9,
 										stroke: "white",
 										"stroke-width": "1",
 										"stroke-linecap": "round"
 									}, null, 8, Fn),
 									a("line", {
-										x1: B(e.text) / 2 - 28,
-										y1: -H(e) / 2 - 6,
-										x2: B(e.text) / 2 - 24,
-										y2: -H(e) / 2 - 3,
+										x1: z(e.text) / 2 - 28,
+										y1: -V(e) / 2 - 6,
+										x2: z(e.text) / 2 - 24,
+										y2: -V(e) / 2 - 3,
 										stroke: "white",
 										"stroke-width": "1",
 										"stroke-linecap": "round"
 									}, null, 8, In),
 									a("circle", {
-										cx: B(e.text) / 2 - 32,
-										cy: -H(e) / 2 - 9,
+										cx: z(e.text) / 2 - 32,
+										cy: -V(e) / 2 - 9,
 										r: "1",
 										fill: "white"
 									}, null, 8, Ln),
 									a("circle", {
-										cx: B(e.text) / 2 - 32,
-										cy: -H(e) / 2 - 3,
+										cx: z(e.text) / 2 - 32,
+										cy: -V(e) / 2 - 3,
 										r: "1",
 										fill: "white"
 									}, null, 8, Rn),
 									a("circle", {
-										cx: B(e.text) / 2 - 24,
-										cy: -H(e) / 2 - 9,
+										cx: z(e.text) / 2 - 24,
+										cy: -V(e) / 2 - 9,
 										r: "1",
 										fill: "white"
 									}, null, 8, zn),
 									a("circle", {
-										cx: B(e.text) / 2 - 24,
-										cy: -H(e) / 2 - 3,
+										cx: z(e.text) / 2 - 24,
+										cy: -V(e) / 2 - 3,
 										r: "1",
 										fill: "white"
 									}, null, 8, Bn)
-								], 40, An), a("g", {
-									onClick: A((t) => S("measure", e.id, s), ["stop"]),
-									onMousedown: o[7] ||= A(() => {}, ["stop"]),
+								], 40, jn), a("g", {
+									onClick: k((t) => S("measure", e.id, s), ["stop"]),
+									onMousedown: o[7] ||= k(() => {}, ["stop"]),
 									style: { cursor: "pointer" }
 								}, [
 									a("circle", {
-										cx: B(e.text) / 2 - 12,
-										cy: -H(e) / 2 - 6,
+										cx: z(e.text) / 2 - 12,
+										cy: -V(e) / 2 - 6,
 										r: "6",
 										fill: "#F56C6C",
 										opacity: "0.9"
 									}, null, 8, Hn),
 									a("line", {
-										x1: B(e.text) / 2 - 15,
-										y1: -H(e) / 2 - 9,
-										x2: B(e.text) / 2 - 9,
-										y2: -H(e) / 2 - 3,
+										x1: z(e.text) / 2 - 15,
+										y1: -V(e) / 2 - 9,
+										x2: z(e.text) / 2 - 9,
+										y2: -V(e) / 2 - 3,
 										stroke: "white",
 										"stroke-width": "1.5",
 										"stroke-linecap": "round"
 									}, null, 8, Un),
 									a("line", {
-										x1: B(e.text) / 2 - 9,
-										y1: -H(e) / 2 - 9,
-										x2: B(e.text) / 2 - 15,
-										y2: -H(e) / 2 - 3,
+										x1: z(e.text) / 2 - 9,
+										y1: -V(e) / 2 - 9,
+										x2: z(e.text) / 2 - 15,
+										y2: -V(e) / 2 - 3,
 										stroke: "white",
 										"stroke-width": "1.5",
 										"stroke-linecap": "round"
 									}, null, 8, Wn)
-								], 40, Vn)], 40, Q)) : r("", !0)
+								], 40, Vn)], 40, An)) : r("", !0)
 							], 40, En)]))), 128))
 						], 40, fn)
 					]))), 128))
 				]))), 128))
 			]))
-		], 44, Pt))]));
+		], 44, Ft))]));
 	}
 }, [["__scopeId", "data-v-52439ed0"]]), Jn = [
 	{
@@ -3167,7 +3182,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 }, rr = { style: {
 	"font-size": "12px",
 	color: "#909399"
-} }, ir = { class: "size-preview" }, ar = /*#__PURE__*/ V({
+} }, ir = { class: "size-preview" }, ar = /*#__PURE__*/ B({
 	__name: "ExportDialog",
 	props: {
 		modelValue: Boolean,
@@ -3184,22 +3199,22 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 			get: () => u.modelValue,
 			set: (e) => d("update:modelValue", e)
 		}), p = v(u.initialFormat);
-		E(() => u.initialFormat, (e) => {
+		T(() => u.initialFormat, (e) => {
 			p.value = e;
 		});
-		let m = v(2), h = v(1), _ = v(!1), C = t(() => [
+		let m = v(2), h = v(1), _ = v(!1), ee = t(() => [
 			"svg",
 			"png",
 			"jpg"
-		].includes(p.value)), w = t(() => {
+		].includes(p.value)), C = t(() => {
 			if (!u.svgElement) return 0;
 			let e = u.svgElement.viewBox?.baseVal?.width || 800;
 			return Math.round(e * m.value);
-		}), T = t(() => {
+		}), w = t(() => {
 			if (!u.svgElement) return 0;
 			let e = u.svgElement.viewBox?.baseVal?.height || 500;
 			return Math.round(e * m.value);
-		}), O = async () => {
+		}), D = async () => {
 			if (!(!u.svgElement || !u.fishboneData)) {
 				_.value = !0;
 				try {
@@ -3218,74 +3233,74 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 				}
 			}
 		};
-		return E(() => u.modelValue, (e) => {
+		return T(() => u.modelValue, (e) => {
 			e && (p.value = u.initialFormat, m.value = 2, h.value = 1);
 		}), (t, c) => {
-			let l = b("el-icon"), u = b("el-radio-button"), d = b("el-radio-group"), v = b("el-form-item"), E = b("el-option"), k = b("el-select"), A = b("el-slider"), j = b("el-form"), M = b("el-button"), N = b("el-dialog");
-			return g(), n(N, {
+			let l = b("el-icon"), u = b("el-radio-button"), d = b("el-radio-group"), v = b("el-form-item"), T = b("el-option"), O = b("el-select"), k = b("el-slider"), A = b("el-form"), te = b("el-button"), j = b("el-dialog");
+			return g(), n(j, {
 				title: "导出鱼骨图",
 				modelValue: f.value,
 				"onUpdate:modelValue": c[4] ||= (e) => f.value = e,
 				width: "480px",
 				"close-on-click-modal": !1
 			}, {
-				footer: D(() => [s(M, { onClick: c[3] ||= (e) => f.value = !1 }, {
-					default: D(() => [...c[10] ||= [o("取消", -1)]]),
+				footer: E(() => [s(te, { onClick: c[3] ||= (e) => f.value = !1 }, {
+					default: E(() => [...c[10] ||= [o("取消", -1)]]),
 					_: 1
-				}), s(M, {
+				}), s(te, {
 					type: "primary",
-					onClick: O,
+					onClick: D,
 					loading: _.value
 				}, {
-					default: D(() => [_.value ? r("", !0) : (g(), n(l, { key: 0 }, {
-						default: D(() => [s(S(oe))]),
+					default: E(() => [_.value ? r("", !0) : (g(), n(l, { key: 0 }, {
+						default: E(() => [s(S(L))]),
 						_: 1
 					})), o(" " + x(_.value ? "导出中..." : "导出"), 1)]),
 					_: 1
 				}, 8, ["loading"])]),
-				default: D(() => [s(j, {
+				default: E(() => [s(A, {
 					"label-width": "100px",
 					"label-position": "left"
 				}, {
-					default: D(() => [
+					default: E(() => [
 						s(v, { label: "导出格式" }, {
-							default: D(() => [s(d, {
+							default: E(() => [s(d, {
 								modelValue: p.value,
 								"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
 								class: "format-group"
 							}, {
-								default: D(() => [
+								default: E(() => [
 									s(u, { value: "svg" }, {
-										default: D(() => [s(l, null, {
-											default: D(() => [s(S(me))]),
+										default: E(() => [s(l, null, {
+											default: E(() => [s(S(he))]),
 											_: 1
 										}), c[5] ||= o(" SVG ", -1)]),
 										_: 1
 									}),
 									s(u, { value: "png" }, {
-										default: D(() => [s(l, null, {
-											default: D(() => [s(S(he))]),
+										default: E(() => [s(l, null, {
+											default: E(() => [s(S(ge))]),
 											_: 1
 										}), c[6] ||= o(" PNG ", -1)]),
 										_: 1
 									}),
 									s(u, { value: "jpg" }, {
-										default: D(() => [s(l, null, {
-											default: D(() => [s(S(he))]),
+										default: E(() => [s(l, null, {
+											default: E(() => [s(S(ge))]),
 											_: 1
 										}), c[7] ||= o(" JPG ", -1)]),
 										_: 1
 									}),
 									s(u, { value: "json" }, {
-										default: D(() => [s(l, null, {
-											default: D(() => [s(S(ae))]),
+										default: E(() => [s(l, null, {
+											default: E(() => [s(S(I))]),
 											_: 1
 										}), c[8] ||= o(" JSON ", -1)]),
 										_: 1
 									}),
 									s(u, { value: "xml" }, {
-										default: D(() => [s(l, null, {
-											default: D(() => [s(S(ae))]),
+										default: E(() => [s(l, null, {
+											default: E(() => [s(S(I))]),
 											_: 1
 										}), c[9] ||= o(" XML ", -1)]),
 										_: 1
@@ -3295,16 +3310,16 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							}, 8, ["modelValue"])]),
 							_: 1
 						}),
-						C.value ? (g(), n(v, {
+						ee.value ? (g(), n(v, {
 							key: 0,
 							label: "分辨率"
 						}, {
-							default: D(() => [s(k, {
+							default: E(() => [s(O, {
 								modelValue: m.value,
 								"onUpdate:modelValue": c[1] ||= (e) => m.value = e,
 								style: { width: "100%" }
 							}, {
-								default: D(() => [(g(!0), i(e, null, y(S(Jn), (e) => (g(), n(E, {
+								default: E(() => [(g(!0), i(e, null, y(S(Jn), (e) => (g(), n(T, {
 									key: e.value,
 									label: e.label,
 									value: e.value
@@ -3317,7 +3332,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							key: 1,
 							label: "图片质量"
 						}, {
-							default: D(() => [s(A, {
+							default: E(() => [s(k, {
 								modelValue: h.value,
 								"onUpdate:modelValue": c[2] ||= (e) => h.value = e,
 								min: .1,
@@ -3328,11 +3343,11 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 							}, null, 8, ["modelValue", "format-tooltip"]), a("span", rr, x(Math.round(h.value * 100)) + "%", 1)]),
 							_: 1
 						})) : r("", !0),
-						C.value ? (g(), n(v, {
+						ee.value ? (g(), n(v, {
 							key: 2,
 							label: "预览尺寸"
 						}, {
-							default: D(() => [a("div", ir, [a("span", null, "宽度: " + x(w.value) + "px", 1), a("span", null, "高度: " + x(T.value) + "px", 1)])]),
+							default: E(() => [a("div", ir, [a("span", null, "宽度: " + x(C.value) + "px", 1), a("span", null, "高度: " + x(w.value) + "px", 1)])]),
 							_: 1
 						})) : r("", !0)
 					]),
@@ -3593,7 +3608,7 @@ var He = "/api/document-versions", Ue = 5e3, We = () => {
 //#endregion
 //#region ../../src/composables/useCollaboration.js
 function cr(e, t = {}) {
-	let n = new B.Doc(), r = v(!1), i = v(!1), a = v(null), o = v([]), s = v(!1), c = _({
+	let n = new z.Doc(), r = v(!1), i = v(!1), a = v(null), o = v([]), s = v(!1), c = _({
 		name: `用户${Math.floor(Math.random() * 1e3)}`,
 		color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 	}), l = null, u = null, d = null, f = () => {
@@ -3607,7 +3622,7 @@ function cr(e, t = {}) {
 	}, p = () => {
 		u &&= (clearInterval(u), null);
 	}, m = (t, c) => {
-		l && g(), l = new Ce({
+		l && g(), l = new we({
 			url: c || `ws://${window.location.hostname}:1234`,
 			name: t || (typeof e == "object" ? e.value : e),
 			document: n,
@@ -3719,9 +3734,9 @@ function cr(e, t = {}) {
 			let r = n.getMap(e);
 			return r.observe(t), () => r.unobserve(t);
 		},
-		encodeState: () => B.encodeStateAsUpdate(n),
+		encodeState: () => z.encodeStateAsUpdate(n),
 		decodeState: (e) => {
-			B.applyUpdate(n, e);
+			z.applyUpdate(n, e);
 		},
 		getDocId: () => n.clientID
 	};
@@ -3729,13 +3744,13 @@ function cr(e, t = {}) {
 //#endregion
 //#region ../../src/composables/useFishboneSync.js
 var lr = (e, n, r, i) => {
-	let { doc: a, isConnected: o, isSynced: s, peers: c, awareness: l, setLocalUser: u, connect: d, disconnect: f, closeCollaboration: p, checkCollaborationClosed: m, collaborationClosed: h, syncToYjs: g, onRemoteChange: _ } = cr(e), v = s, y = c, b = !1, x = !1, S = null, C = (e = {}) => {
+	let { doc: a, isConnected: o, isSynced: s, peers: c, awareness: l, setLocalUser: u, connect: d, disconnect: f, closeCollaboration: p, checkCollaborationClosed: m, collaborationClosed: h, syncToYjs: g, onRemoteChange: _ } = cr(e), v = s, y = c, b = !1, x = !1, S = null, ee = (e = {}) => {
 		u({
 			name: e.name || `用户${Math.floor(Math.random() * 1e3)}`,
-			color: e.color || w(),
+			color: e.color || C(),
 			...e
 		});
-	}, w = () => {
+	}, C = () => {
 		let e = [
 			"#409EFF",
 			"#67C23A",
@@ -3751,7 +3766,7 @@ var lr = (e, n, r, i) => {
 			"#8E44AD"
 		];
 		return e[Math.floor(Math.random() * e.length)];
-	}, T = () => {
+	}, w = () => {
 		let e = n.value;
 		return {
 			title: e.title,
@@ -3765,13 +3780,13 @@ var lr = (e, n, r, i) => {
 			textBoxes: r ? r.value : [],
 			arrowLines: i ? i.value : []
 		};
+	}, E = () => {
+		b || x && o.value && g("fishbone", w());
 	}, D = () => {
-		b || x && o.value && g("fishbone", T());
+		S && clearTimeout(S), S = setTimeout(E, 100);
 	}, O = () => {
-		S && clearTimeout(S), S = setTimeout(D, 100);
+		T(() => n.value.title, () => D()), T(() => n.value.effect, () => D()), T(() => n.value.author, () => D()), T(() => n.value.theme, () => D()), T(() => n.value.diagramStyle, () => D()), T(() => n.value.categories, () => D(), { deep: !0 }), T(() => n.value.titleStyle, () => D(), { deep: !0 }), r && T(() => r.value, () => D(), { deep: !0 }), i && T(() => i.value, () => D(), { deep: !0 });
 	}, k = () => {
-		E(() => n.value.title, () => O()), E(() => n.value.effect, () => O()), E(() => n.value.author, () => O()), E(() => n.value.theme, () => O()), E(() => n.value.diagramStyle, () => O()), E(() => n.value.categories, () => O(), { deep: !0 }), E(() => n.value.titleStyle, () => O(), { deep: !0 }), r && E(() => r.value, () => O(), { deep: !0 }), i && E(() => i.value, () => O(), { deep: !0 });
-	}, A = () => {
 		_("fishbone", (e) => {
 			e && (b = !0, Object.assign(n.value, {
 				title: e.title,
@@ -3784,28 +3799,28 @@ var lr = (e, n, r, i) => {
 				meta: e.meta
 			}), r && e.textBoxes && (r.value = e.textBoxes), i && e.arrowLines && (i.value = e.arrowLines), b = !1);
 		});
-	}, j = t(() => ({
+	}, A = t(() => ({
 		isConnected: o.value,
 		isSynced: v.value,
 		onlineCount: y.value.length
 	}));
-	return k(), A(), {
+	return O(), k(), {
 		doc: a,
 		isConnected: o,
 		isSynced: s,
 		awareness: l,
 		syncStatus: v,
 		onlineUsers: y,
-		connectionStatus: j,
+		connectionStatus: A,
 		collaborationClosed: h,
-		initUser: C,
+		initUser: ee,
 		connect: d,
 		disconnect: f,
 		closeCollaboration: p,
 		checkCollaborationClosed: m,
 		destroy: f,
 		startSync: () => {
-			x = !0, g("fishbone", T());
+			x = !0, g("fishbone", w());
 		},
 		enableLocalPush: () => {
 			x = !0;
@@ -3814,225 +3829,281 @@ var lr = (e, n, r, i) => {
 			x = !1, S &&= (clearTimeout(S), null);
 		}
 	};
-}, ur = z.create({
+};
+N.create({
 	baseURL: "/api",
 	timeout: 3e4
-}), dr = {
-	list: (e) => ur.get("/documents/", { params: e }),
-	get: (e) => ur.get(`/documents/${e}`),
-	create: (e) => ur.post("/documents/", e),
-	update: (e, t) => ur.put(`/documents/${e}`, t),
-	delete: (e) => ur.delete(`/documents/${e}`),
-	addAttachment: (e, t) => ur.post(`/documents/${e}/attachments`, t),
-	listAttachments: (e) => ur.get(`/documents/${e}/attachments`)
-};
+});
+function ur(e = "/api") {
+	let t = N.create({
+		baseURL: e,
+		timeout: 3e4
+	});
+	return {
+		list: (e) => t.get("/documents/", { params: e }),
+		get: (e) => t.get(`/documents/${e}`),
+		create: (e) => t.post("/documents/", e),
+		update: (e, n) => t.put(`/documents/${e}`, n),
+		delete: (e) => t.delete(`/documents/${e}`),
+		addAttachment: (e, n) => t.post(`/documents/${e}/attachments`, n),
+		listAttachments: (e) => t.get(`/documents/${e}/attachments`)
+	};
+}
+function dr(e = "/api") {
+	let t = N.create({
+		baseURL: e,
+		timeout: 3e4
+	});
+	return {
+		get: (e) => t.get(`/questionnaires/${e}`),
+		create: (e) => t.post("/questionnaires/", e),
+		update: (e, n) => t.put(`/questionnaires/${e}`, n)
+	};
+}
+dr("/api");
+var fr = ur("/api");
 (/* @__PURE__ */ new Date()).toISOString(), (/* @__PURE__ */ new Date()).toISOString();
 //#endregion
 //#region ../../src/views/FishboneEditor.vue
-var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { class: "panel-content" }, hr = ["onClick"], gr = { class: "category-name" }, _r = { class: "cause-count" }, vr = {
+var pr = { class: "editor-main" }, mr = { class: "panel-toggle-icon" }, hr = { class: "panel-content" }, gr = ["onClick"], _r = { class: "category-name" }, vr = { class: "cause-count" }, yr = {
 	key: 0,
 	class: "diagram-effect"
-}, yr = [
+}, br = [
 	"data-textbox-id",
 	"onMousedown",
 	"onDblclick"
-], br = [
+], xr = [
 	"onUpdate:modelValue",
 	"readonly",
 	"onBlur"
-], xr = ["onMousedown"], Sr = ["onMousedown"], Cr = ["onMousedown"], wr = ["onMousedown"], Tr = ["onClick"], Er = ["viewBox"], Dr = ["id"], Or = ["fill"], kr = ["id"], Ar = ["fill"], jr = { key: 0 }, Mr = [
+], Sr = ["onMousedown"], Cr = ["onMousedown"], wr = ["onMousedown"], Tr = ["onMousedown"], Er = ["onClick"], Dr = ["viewBox"], Or = ["id"], kr = ["fill"], Ar = ["id"], jr = ["fill"], Mr = { key: 0 }, Nr = [
 	"cx",
 	"cy",
 	"onMouseenter",
 	"onMousedown"
-], Nr = { key: 0 }, Pr = [
+], Pr = { key: 0 }, Fr = [
 	"cx",
 	"cy",
 	"onMouseenter",
 	"onMousedown"
-], Fr = [
+], Ir = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"marker-end",
 	"marker-start"
-], Ir = [
+], Lr = [
 	"d",
 	"stroke-width",
 	"onMousedown"
-], Lr = [
+], Rr = [
 	"cx",
 	"cy",
 	"onMousedown"
-], Rr = [
+], zr = [
 	"cx",
 	"cy",
 	"onMousedown"
-], zr = ["cx", "cy"], Br = ["cx", "cy"], Vr = [
+], Br = ["cx", "cy"], Vr = ["cx", "cy"], Hr = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Hr = [
+], Ur = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ur = [
+], Wr = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Wr = [
+], Gr = [
 	"cx",
 	"cy",
 	"onMousedown"
-], Gr = ["transform", "onClick"], Kr = { class: "panel-content" }, qr = {
+], Kr = ["transform", "onClick"], qr = { class: "panel-content" }, Jr = {
 	key: 0,
 	class: "detail-form"
-}, Jr = {
+}, Yr = {
 	key: 1,
 	class: "detail-form"
-}, Yr = ["value"], Xr = { class: "children-list" }, Zr = {
+}, Xr = ["value"], Zr = { class: "children-list" }, Qr = {
 	key: 1,
 	class: "detail-form"
-}, Qr = {
+}, $r = {
 	key: 2,
 	class: "detail-form"
-}, $r = {
+}, ei = {
 	key: 0,
 	style: {
 		display: "flex",
 		"align-items": "center",
 		gap: "8px"
 	}
-}, ei = {
+}, ti = {
 	key: 1,
 	style: {
 		color: "#909399",
 		"font-size": "12px"
 	}
-}, ti = {
+}, ni = {
 	key: 0,
 	style: {
 		display: "flex",
 		"align-items": "center",
 		gap: "8px"
 	}
-}, ni = {
+}, ri = {
 	key: 1,
 	style: {
 		color: "#909399",
 		"font-size": "12px"
 	}
-}, ri = {
+}, ii = {
 	key: 3,
 	class: "no-selection"
-}, ii = "fishbone", ai = /*#__PURE__*/ V({
+}, ai = "fishbone", oi = /*#__PURE__*/ B({
 	__name: "FishboneEditor",
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: null
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		}
+	},
 	setup(n) {
-		let c = N(), l = M(), h = v(!1), _ = v(!1), { saveVersion: k } = We(), j = Ve(), te = v(l.params.id || `fishbone-${Date.now()}`), { fishboneData: F, selectedNode: I, selectedNodeType: L, history: ne, historyIndex: re, addCategory: ae, updateCategory: oe, deleteCategory: se, addCause: ce, updateCause: ue, deleteCause: de, addChild: fe, updateChild: me, deleteChild: he, selectNode: _e, clearSelection: ve, undo: ye, redo: be, saveHistory: xe } = sr(), Se = () => {
-			ve(), z.value = null, B.value = null, K.value = null;
-		}, R = v([]), z = v(null), B = v(null), Ce = v(!1), V = v(!1), H = v(null), U = v(""), we = v(0), Te = v(0), Ee = v(0), De = v(0), Oe = v(0), W = v(0), ke = v(!1), G = v([]), K = v(null), Ae = v(null), q = v(!1), J = v(!1), je = v(!1), Me = v(""), Ne = v(0), Pe = v(0), { isConnected: Fe, isSynced: Ie, onlineUsers: Le, doc: Re, awareness: ze, initUser: He, connect: Ue, disconnect: Ge, closeCollaboration: Ke, checkCollaborationClosed: qe, collaborationClosed: Je, startSync: Ye, enableLocalPush: Xe, stopSync: Ze } = lr(te.value, F, R, G), Qe = v(!1), $e = v(!1), et = v(!1), tt = v([]), rt = null, it = () => {
+		let c = j(), l = te(), h = n, _ = t(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			...h.uiConfig
+		})), O = t(() => h.docId ?? l.params.id), A = t(() => h.apiBase && h.apiBase !== "/api" ? ur(h.apiBase) : fr), re = v(!1), ie = v(!1), { saveVersion: ae } = We(), P = Ve(), oe = v(O.value || `fishbone-${Date.now()}`), { fishboneData: F, selectedNode: I, selectedNodeType: L, history: ce, historyIndex: le, addCategory: de, updateCategory: fe, deleteCategory: pe, addCause: he, updateCause: ge, deleteCause: ve, addChild: ye, updateChild: be, deleteChild: xe, selectNode: Se, clearSelection: Ce, undo: R, redo: z, saveHistory: we } = sr(), B = () => {
+			Ce(), H.value = null, U.value = null, J.value = null;
+		}, V = v([]), H = v(null), U = v(null), Te = v(!1), Ee = v(!1), W = v(null), De = v(""), G = v(0), Oe = v(0), ke = v(0), Ae = v(0), je = v(0), Me = v(0), K = v(!1), q = v([]), J = v(null), Ne = v(null), Pe = v(!1), Fe = v(!1), Ie = v(!1), Le = v(""), Re = v(0), ze = v(0), { isConnected: He, isSynced: Ue, onlineUsers: Ge, doc: Ke, awareness: qe, initUser: Je, connect: Ye, disconnect: Xe, closeCollaboration: Ze, checkCollaborationClosed: Qe, collaborationClosed: $e, startSync: et, enableLocalPush: tt, stopSync: rt } = lr(oe.value, F, V, q), it = v(!1), at = v(!1), ot = v(!1), st = v([]), ct = null, lt = () => {
 			if (!F.value.title?.trim()) {
-				P.warning("请输入标题");
+				M.warning("请输入标题");
 				return;
 			}
-			let e = te.value;
-			Ue(e);
-			let t = `用户${Math.floor(Math.random() * 1e3)}`;
-			He({ name: t });
-			let n = ze.value;
+			let e = oe.value;
+			Ye(e, h.wsUrl || void 0);
+			let t = h.user?.name || `用户${Math.floor(Math.random() * 1e3)}`;
+			Je({ name: t });
+			let n = qe.value;
 			n.on("change", () => {
-				tt.value = Array.from(n.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
+				st.value = Array.from(n.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
 					clientId: e,
 					...t.user
 				}));
-			}), j.setCollabContext({
-				ydoc: Re,
+			}), P.setCollabContext({
+				ydoc: Ke,
 				provider: null,
-				onlineUsers: tt
-			}), j.setCurrentUser({
+				onlineUsers: st
+			}), P.setCurrentUser({
 				id: n.clientID,
 				name: t,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
-			}), Qe.value = !0, $e.value = !0, et.value = !1, rt = setInterval(() => {
-				Fe.value && Le.value;
+			}), it.value = !0, at.value = !0, ot.value = !1, ct = setInterval(() => {
+				He.value && Ge.value;
 			}, 5e3);
 			let r = () => {
-				Ye();
+				et();
 			};
-			if (Ie.value) r();
+			if (Ue.value) r();
 			else {
-				let e = E(() => Ie.value, (t) => {
+				let e = T(() => Ue.value, (t) => {
 					t && (e(), r());
 				});
 			}
 			let i = `${window.location.origin}/fishbone-editor/${e}?collab=1`;
 			navigator.clipboard.writeText(i).then(() => {
-				P.success("协作已开启，分享链接已复制");
+				M.success("协作已开启，分享链接已复制");
 			}).catch(() => {
-				P.success("协作已开启");
+				M.success("协作已开启");
 			});
-		}, at = () => {
-			rt &&= (clearInterval(rt), null), Ze(), Ke(), Qe.value = !1, $e.value = !1, et.value = !1, P.info("协作已关闭");
-		}, ot = async () => {
-			let e = l.params.id;
+		}, dt = () => {
+			ct &&= (clearInterval(ct), null), rt(), Ze(), it.value = !1, at.value = !1, ot.value = !1, M.info("协作已关闭");
+		}, ft = async () => {
+			let e = O.value;
 			if (!e) return;
-			Ue(e);
-			let t = `协作人${Math.floor(Math.random() * 1e3)}`;
-			He({ name: t });
-			let n = ze.value;
+			Ye(e, h.wsUrl || void 0);
+			let t = h.user?.name || `协作人${Math.floor(Math.random() * 1e3)}`;
+			Je({ name: t });
+			let n = qe.value;
 			n.on("change", () => {
-				tt.value = Array.from(n.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
+				st.value = Array.from(n.getStates().entries()).filter(([e, t]) => t.user).map(([e, t]) => ({
 					clientId: e,
 					...t.user
 				}));
-			}), j.setCollabContext({
-				ydoc: Re,
+			}), P.setCollabContext({
+				ydoc: Ke,
 				provider: null,
-				onlineUsers: tt
-			}), j.setCurrentUser({
+				onlineUsers: st
+			}), P.setCurrentUser({
 				id: n.clientID,
 				name: t,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			});
 			let r = (e) => {
 				if (e) {
-					if (qe()) return Ge(), Qe.value = !1, et.value = !1, P.warning("该协作已关闭，无法加入"), !0;
-					Xe();
+					if (Qe()) return Xe(), it.value = !1, ot.value = !1, M.warning("该协作已关闭，无法加入"), !0;
+					tt();
 				}
 				return !1;
 			};
-			if (Ie.value) r(!0);
+			if (Ue.value) r(!0);
 			else {
-				let e = E(() => Ie.value, (t) => {
+				let e = T(() => Ue.value, (t) => {
 					e(), r(t);
 				});
 			}
-			Qe.value = !0, et.value = !0, $e.value = !1, rt = setInterval(() => {
-				Fe.value && Le.value;
+			it.value = !0, ot.value = !0, at.value = !1, ct = setInterval(() => {
+				He.value && Ge.value;
 			}, 5e3);
-		}, st = () => {
-			Qe.value ? at() : it();
-		}, ct = async () => {
-			if (!Qe.value) {
-				it();
+		}, pt = () => {
+			it.value ? dt() : lt();
+		}, mt = async () => {
+			if (!it.value) {
+				lt();
 				return;
 			}
-			let e = `${window.location.origin}/fishbone-editor/${te.value}?collab=1`;
+			let e = `${window.location.origin}/fishbone-editor/${oe.value}?collab=1`;
 			try {
-				await navigator.clipboard.writeText(e), P.success("分享链接已复制到剪贴板");
+				await navigator.clipboard.writeText(e), M.success("分享链接已复制到剪贴板");
 			} catch {
-				P.info(`分享链接: ${e}`);
+				M.info(`分享链接: ${e}`);
 			}
-		}, lt = v(null), dt = v(null), ft = v(100), pt = v(!1), mt = v(null), ht = v("png"), Y = t(() => K.value && G.value.find((e) => e.id === K.value) || null), gt = v(!1);
+		}, ht = v(null), gt = v(null), _t = v(100), vt = v(!1), yt = v(null), bt = v("png"), Y = t(() => J.value && q.value.find((e) => e.id === J.value) || null), xt = v(!1);
 		v("");
-		let _t = v(!1), vt = v(null), yt = t(() => {
+		let St = v(!1), Ct = v(null), wt = t(() => {
 			let e = [], t = F.value.categories || [], n = Math.max(t.length, 1), r = Math.max(600, n * 130) / (n + 1), i = (ut.find((e) => e.id === F.value.diagramStyle) || ut[0]).nodeHeight || 36;
 			return t.forEach((t, n) => {
-				let a = 150 + r * (n + 1), o = n % 2 == 0 ? 100 - (i / 2 + 8) : 400 + (i / 2 + 8), s = Mt(t.name, "category"), c = (t.style?.fontSize ?? 12) * 2 + 8, l = t.style?.dragDx || 0, u = t.style?.dragDy || 0, d = t.style?.anchorDx || 0, f = a + 30 + l, p = o + u;
+				let a = 150 + r * (n + 1), o = n % 2 == 0 ? 100 - (i / 2 + 8) : 400 + (i / 2 + 8), s = Nt(t.name, "category"), c = (t.style?.fontSize ?? 12) * 2 + 8, l = t.style?.dragDx || 0, u = t.style?.dragDy || 0, d = t.style?.anchorDx || 0, f = a + 30 + l, p = o + u;
 				e.push({
 					id: t.id,
 					type: "node",
@@ -4062,7 +4133,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				});
 				let m = t.causes || [], h = (t.style?.fontSize ?? 12) - 2, g = a + d, _ = a + 30 + l, v = n % 2 == 0 ? 100 : 400;
 				m.forEach((t, n) => {
-					let r = Mt(t.text, "cause"), i = h * 2 + 6, a = t.style?.dragDx || 0, o = t.style?.dragDy || 0, s = m.length === 1 ? .5 : (n + 1) / (m.length + 1), c = t.style?.anchorT ?? s, l = g + (_ - g) * c, u = 250 + (v - 250) * c, d = t.direction || "left", f = l + (d === "left" ? -35 : 35) + a, p = u + o;
+					let r = Nt(t.text, "cause"), i = h * 2 + 6, a = t.style?.dragDx || 0, o = t.style?.dragDy || 0, s = m.length === 1 ? .5 : (n + 1) / (m.length + 1), c = t.style?.anchorT ?? s, l = g + (_ - g) * c, u = 250 + (v - 250) * c, d = t.direction || "left", f = l + (d === "left" ? -35 : 35) + a, p = u + o;
 					e.push({
 						id: t.id,
 						type: "node",
@@ -4092,7 +4163,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					});
 					let y = t.children || [], b = Math.max(8, h - 2);
 					y.forEach((t, n) => {
-						let i = Mt(t.text, "cause"), a = b * 2 + 6, o = t.style?.dragDx || 0, s = t.style?.dragDy || 0, c = d === "left" ? f - r / 2 : f + r / 2, l = d === "left" ? c - (25 + n * 45) : c + (25 + n * 45), u = p + n * 25, m = l + o, h = u + s;
+						let i = Nt(t.text, "cause"), a = b * 2 + 6, o = t.style?.dragDx || 0, s = t.style?.dragDy || 0, c = d === "left" ? f - r / 2 : f + r / 2, l = d === "left" ? c - (25 + n * 45) : c + (25 + n * 45), u = p + n * 25, m = l + o, h = u + s;
 						e.push({
 							id: t.id,
 							type: "node",
@@ -4123,33 +4194,33 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					});
 				});
 			}), e;
-		}), bt = t(() => {
-			if (dt.value) {
-				let e = dt.value.getViewBox();
+		}), Tt = t(() => {
+			if (gt.value) {
+				let e = gt.value.getViewBox();
 				if (e && e.w > 0 && e.h > 0) return `${e.x} ${e.y} ${e.w} ${e.h}`;
 			}
 			let e = F.value.categories || [], t = Math.max(e.length, 1), n = Math.max(600, t * 130), r = 150 + n, i = ut.find((e) => e.id === F.value.diagramStyle) || ut[0], a = i.nodeHeight || 36;
 			i.causeHeight;
 			let o = 30, s = 100, c = 250, l = 250;
 			return c = Math.min(c, 180), l = Math.max(l, 320), s = Math.max(s, r + 120), e.forEach((e, r) => {
-				let i = 150 + n / (t + 1) * (r + 1), u = r % 2 == 0 ? 100 - (a / 2 + 8) : 400 + (a / 2 + 8), d = Mt(e.name, "category") / 2 + 20, f = r % 2 == 0 ? 100 : 400;
+				let i = 150 + n / (t + 1) * (r + 1), u = r % 2 == 0 ? 100 - (a / 2 + 8) : 400 + (a / 2 + 8), d = Nt(e.name, "category") / 2 + 20, f = r % 2 == 0 ? 100 : 400;
 				o = Math.min(o, i + 30 - d), s = Math.max(s, i + 30 + d + 40), c = Math.min(c, f, u - a / 2), l = Math.max(l, f, u + a / 2);
 			}), `${o - 60} ${c - 60} ${s - o + 120} ${l - c + 120}`;
-		}), xt = (e) => rn({
+		}), Et = (e) => ln({
 			x: 0,
 			y: 0,
 			width: e.width,
 			height: e.height
-		}, 60).map((t) => Ct(e.x + t.x, e.y + t.y)), St = t(() => {
-			let e = bt.value.split(" ").map(Number);
+		}, 60).map((t) => Ot(e.x + t.x, e.y + t.y)), Dt = t(() => {
+			let e = Tt.value.split(" ").map(Number);
 			return {
 				x: e[0] || 0,
 				y: e[1] || 0,
 				w: e[2] || 800,
 				h: e[3] || 500
 			};
-		}), Ct = (e, t) => {
-			let n = dt.value?.getSvgElement(), r = lt.value?.querySelector(".canvas-wrapper");
+		}), Ot = (e, t) => {
+			let n = gt.value?.getSvgElement(), r = ht.value?.querySelector(".canvas-wrapper");
 			if (n && r) {
 				let i = r.getBoundingClientRect(), a = e + i.left, o = t + i.top, s = n.createSVGPoint();
 				s.x = a, s.y = o;
@@ -4162,7 +4233,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					};
 				}
 			}
-			let i = St.value;
+			let i = Dt.value;
 			return {
 				x: e / X.value.width * i.w + i.x,
 				y: t / X.value.height * i.h + i.y
@@ -4170,11 +4241,11 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 		}, X = v({
 			width: 800,
 			height: 600
-		}), wt = v({
+		}), kt = v({
 			width: 800,
 			height: 600
-		}), Tt = () => {
-			let e = lt.value?.querySelector(".canvas-wrapper");
+		}), jt = () => {
+			let e = ht.value?.querySelector(".canvas-wrapper");
 			return e ? {
 				width: e.scrollWidth || e.offsetWidth || 800,
 				height: e.scrollHeight || e.offsetHeight || 600
@@ -4182,7 +4253,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				width: 800,
 				height: 600
 			};
-		}, Et = t(() => {
+		}, Mt = t(() => {
 			let e = {
 				ocean: {
 					primary: "#1E90FF",
@@ -4396,35 +4467,35 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				}
 			};
 			return e[F.value.theme] || e.ocean;
-		}), Dt = v(!1), Ot = t(() => !!I.value || L.value === "title" || !!z.value || !!K.value), Z = t(() => z.value && R.value.find((e) => e.id === z.value) || null), At = t(() => !!I.value || !!z.value), jt = t(() => {
+		}), Pt = v(!1), Ft = t(() => !!I.value || L.value === "title" || !!H.value || !!J.value), Z = t(() => H.value && V.value.find((e) => e.id === H.value) || null), It = t(() => !!I.value || !!H.value), Lt = t(() => {
 			let e = F.value.titleStyle, t = { textAlign: e.textAlign }, n = e.bgColor, r = e.bgOpacity;
 			return n && r > 0 && (n.startsWith("#") && n.length >= 7 ? t.backgroundColor = `rgba(${parseInt(n.slice(1, 3), 16)}, ${parseInt(n.slice(3, 5), 16)}, ${parseInt(n.slice(5, 7), 16)}, ${r / 100})` : n.startsWith("rgb") && (t.backgroundColor = n)), t;
-		}), Nt = t(() => {
+		}), Rt = t(() => {
 			let e = F.value.titleStyle;
 			return {
 				fontFamily: e.fontFamily,
 				fontSize: e.fontSize + "px",
 				color: e.color
 			};
-		}), Pt = () => {
+		}), zt = () => {
 			document.activeElement?.blur(), u(() => document.activeElement?.blur()), I.value = { ...F.value.titleStyle }, L.value = "title";
-		}, Ft = () => {
-			c.push("/");
-		}, It = async (e) => {
-			P.info("AI生成功能开发中，敬请期待...");
-		}, Lt = () => {
-			_e(ae(), "category"), P.success("类别已添加");
-		}, Rt = async (e) => {
+		}, Bt = () => {
+			h.docId || c.push("/");
+		}, Vt = async (e) => {
+			M.info("AI生成功能开发中，敬请期待...");
+		}, Ht = () => {
+			Se(de(), "category"), M.success("类别已添加");
+		}, Ut = async (e) => {
 			try {
-				await ee.confirm("确定要删除此类别吗？", "提示", { type: "warning" }), se(e), I.value?.id === e && ve(), P.success("类别已删除");
+				await ne.confirm("确定要删除此类别吗？", "提示", { type: "warning" }), pe(e), I.value?.id === e && Ce(), M.success("类别已删除");
 			} catch {}
-		}, zt = () => {
-			!I.value || L.value !== "cause" || fe(I.value.categoryId, I.value.id, { direction: "left" }) && (P.success("措施已添加"), Q.value++);
-		}, Bt = (e) => {
-			!I.value || L.value !== "cause" || (he(I.value.categoryId, I.value.id, e), P.success("子原因已删除"));
-		}, Vt = (e) => {
-			if (document.activeElement?.blur(), u(() => document.activeElement?.blur()), z.value = null, B.value = null, K.value = null, e.type === "head") {
-				ve();
+		}, Wt = () => {
+			!I.value || L.value !== "cause" || ye(I.value.categoryId, I.value.id, { direction: "left" }) && (M.success("措施已添加"), Q.value++);
+		}, Gt = (e) => {
+			!I.value || L.value !== "cause" || (xe(I.value.categoryId, I.value.id, e), M.success("子原因已删除"));
+		}, Kt = (e) => {
+			if (document.activeElement?.blur(), u(() => document.activeElement?.blur()), H.value = null, U.value = null, J.value = null, e.type === "head") {
+				Ce();
 				return;
 			}
 			let t = null, n = e.type;
@@ -4448,8 +4519,8 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				lineColor: "",
 				lineOpacity: 60,
 				lineStyle: "solid"
-			}), t && _e(t, n);
-		}, Ht = (e) => {
+			}), t && Se(t, n);
+		}, qt = (e) => {
 			let t = e.style || {}, n = t.bgColor || "#FFEB3B", r = (t.bgOpacity ?? 90) / 100, i = "rgba(255, 235, 59, 0.9)";
 			return n.startsWith("#") && n.length >= 7 && (i = `rgba(${parseInt(n.slice(1, 3), 16)}, ${parseInt(n.slice(3, 5), 16)}, ${parseInt(n.slice(5, 7), 16)}, ${r})`), {
 				position: "absolute",
@@ -4459,7 +4530,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				height: e.height + "px",
 				background: i
 			};
-		}, Ut = (e) => {
+		}, Jt = (e) => {
 			let t = e.style || {}, n = t.fontStyle || "normal", r = "normal", i = "normal", a = "none";
 			return n === "bold" ? i = "bold" : n === "italic" ? r = "italic" : n === "bold italic" ? (i = "bold", r = "italic") : n === "underline" ? a = "underline" : n === "line-through" && (a = "line-through"), {
 				color: t.textColor || "#303133",
@@ -4470,7 +4541,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				fontWeight: i,
 				textDecoration: a
 			};
-		}, Wt = () => {
+		}, Yt = () => {
 			let e = "textbox-" + Date.now(), t = X.value, n = t.width / 2 - 100, r = t.height / 2 - 40, i = {
 				id: e,
 				x: n,
@@ -4495,51 +4566,51 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					textDecoration: "none"
 				}
 			};
-			R.value.push(i);
-		}, Gt = (e) => {
-			B.value === e.id && (B.value = null);
-		}, Kt = (e, t) => {
-			B.value === e.id && t.target.classList.contains("textbox-content") || (z.value = e.id, B.value = null, K.value = null, ve(), Ce.value = !0, H.value = e, we.value = t.clientX, Te.value = t.clientY, Ee.value = e.x, De.value = e.y, ke.value = !1, document.addEventListener("mousemove", Jt), document.addEventListener("mouseup", Yt), t.preventDefault());
-		}, qt = (e) => {
-			B.value = e.id, u(() => {
+			V.value.push(i);
+		}, Xt = (e) => {
+			U.value === e.id && (U.value = null);
+		}, Zt = (e, t) => {
+			U.value === e.id && t.target.classList.contains("textbox-content") || (H.value = e.id, U.value = null, J.value = null, Ce(), Te.value = !0, W.value = e, G.value = t.clientX, Oe.value = t.clientY, ke.value = e.x, Ae.value = e.y, K.value = !1, document.addEventListener("mousemove", $t), document.addEventListener("mouseup", en), t.preventDefault());
+		}, Qt = (e) => {
+			U.value = e.id, u(() => {
 				let t = document.querySelector(`[data-textbox-id="${e.id}"] .textbox-content`);
 				t && t.focus();
 			});
-		}, Jt = (e) => {
-			if (!Ce.value || !H.value) return;
-			let t = (e.clientX - we.value) / (ft.value / 100), n = (e.clientY - Te.value) / (ft.value / 100);
-			!ke.value && Math.abs(t) < 3 && Math.abs(n) < 3 || (ke.value = !0, H.value.x = Ee.value + t, H.value.y = De.value + n);
-		}, Yt = () => {
-			if (Ce.value = !1, H.value && ke.value) {
+		}, $t = (e) => {
+			if (!Te.value || !W.value) return;
+			let t = (e.clientX - G.value) / (_t.value / 100), n = (e.clientY - Oe.value) / (_t.value / 100);
+			!K.value && Math.abs(t) < 3 && Math.abs(n) < 3 || (K.value = !0, W.value.x = ke.value + t, W.value.y = Ae.value + n);
+		}, en = () => {
+			if (Te.value = !1, W.value && K.value) {
 				let e = X.value;
-				H.value._xPercent = H.value.x / e.width, H.value._yPercent = H.value.y / e.height, H.value._hasPercent = !0;
+				W.value._xPercent = W.value.x / e.width, W.value._yPercent = W.value.y / e.height, W.value._hasPercent = !0;
 			}
-			ke.value = !1, H.value = null, document.removeEventListener("mousemove", Jt), document.removeEventListener("mouseup", Yt);
-		}, Xt = (e, t, n) => {
-			V.value = !0, U.value = t, H.value = e, we.value = n.clientX, Te.value = n.clientY, Ee.value = e.x, De.value = e.y, Oe.value = e.width, W.value = e.height, document.addEventListener("mousemove", Zt), document.addEventListener("mouseup", Qt), n.preventDefault();
-		}, Zt = (e) => {
-			if (!V.value || !H.value) return;
-			let t = (e.clientX - we.value) / (ft.value / 100), n = (e.clientY - Te.value) / (ft.value / 100), r = U.value;
-			r.includes("e") && (H.value.width = Math.max(50, Oe.value + t)), r.includes("w") && (H.value.x = Ee.value + t, H.value.width = Math.max(50, Oe.value - t)), r.includes("s") && (H.value.height = Math.max(30, W.value + n)), r.includes("n") && (H.value.y = De.value + n, H.value.height = Math.max(30, W.value - n));
-		}, Qt = () => {
-			if (V.value = !1, H.value) {
+			K.value = !1, W.value = null, document.removeEventListener("mousemove", $t), document.removeEventListener("mouseup", en);
+		}, tn = (e, t, n) => {
+			Ee.value = !0, De.value = t, W.value = e, G.value = n.clientX, Oe.value = n.clientY, ke.value = e.x, Ae.value = e.y, je.value = e.width, Me.value = e.height, document.addEventListener("mousemove", nn), document.addEventListener("mouseup", rn), n.preventDefault();
+		}, nn = (e) => {
+			if (!Ee.value || !W.value) return;
+			let t = (e.clientX - G.value) / (_t.value / 100), n = (e.clientY - Oe.value) / (_t.value / 100), r = De.value;
+			r.includes("e") && (W.value.width = Math.max(50, je.value + t)), r.includes("w") && (W.value.x = ke.value + t, W.value.width = Math.max(50, je.value - t)), r.includes("s") && (W.value.height = Math.max(30, Me.value + n)), r.includes("n") && (W.value.y = Ae.value + n, W.value.height = Math.max(30, Me.value - n));
+		}, rn = () => {
+			if (Ee.value = !1, W.value) {
 				let e = X.value;
-				H.value._xPercent = H.value.x / e.width, H.value._yPercent = H.value.y / e.height, H.value._wPercent = H.value.width / e.width, H.value._hPercent = H.value.height / e.height, H.value._hasPercent = !0;
+				W.value._xPercent = W.value.x / e.width, W.value._yPercent = W.value.y / e.height, W.value._wPercent = W.value.width / e.width, W.value._hPercent = W.value.height / e.height, W.value._hasPercent = !0;
 			}
-			H.value = null, document.removeEventListener("mousemove", Zt), document.removeEventListener("mouseup", Qt);
-		}, $t = (e) => {
-			let t = R.value.findIndex((t) => t.id === e);
-			t >= 0 && (R.value.splice(t, 1), z.value = null, B.value = null);
-		}, en = () => {
-			if (!At.value) return;
+			W.value = null, document.removeEventListener("mousemove", nn), document.removeEventListener("mouseup", rn);
+		}, an = (e) => {
+			let t = V.value.findIndex((t) => t.id === e);
+			t >= 0 && (V.value.splice(t, 1), H.value = null, U.value = null);
+		}, on = () => {
+			if (!It.value) return;
 			let e = Z.value, t = I.value, n = X.value, r = "arrow-" + Date.now(), i, a, o, s, c = null, l = null, u = null;
 			if (e) {
-				let t = Ct(e.x + e.width, e.y + e.height / 2);
+				let t = Ot(e.x + e.width, e.y + e.height / 2);
 				i = t.x, a = t.y, o = i + 150, s = a, c = e.id, l = "textbox", u = "border-15";
 			} else if (t) {
-				let e = t.id, n = yt.value.find((t) => t.id === e);
+				let e = t.id, n = wt.value.find((t) => t.id === e);
 				if (n) {
-					let t = an(n, "right", "node");
+					let t = un(n, "right", "node");
 					i = t.x, a = t.y, o = i + 150, s = a, c = e, l = "node", u = "right";
 				}
 			}
@@ -4573,14 +4644,14 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					arrowEnd: !0
 				}
 			};
-			G.value.push(d), K.value = r, z.value = null, I.value = null, L.value = null;
-		}, tn = (e) => {
-			let t = G.value.findIndex((t) => t.id === e);
-			t >= 0 && (G.value.splice(t, 1), K.value = null);
-		}, nn = (e) => {
+			q.value.push(d), J.value = r, H.value = null, I.value = null, L.value = null;
+		}, sn = (e) => {
+			let t = q.value.findIndex((t) => t.id === e);
+			t >= 0 && (q.value.splice(t, 1), J.value = null);
+		}, cn = (e) => {
 			let { startX: t, startY: n, endX: r, endY: i, cpX: a, cpY: o, style: s } = e;
 			return s.lineType === "curve" ? `M ${t} ${n} Q ${a} ${o} ${r} ${i}` : `M ${t} ${n} L ${r} ${i}`;
-		}, rn = (e, t = 30) => {
+		}, ln = (e, t = 30) => {
 			let { x: n, y: r, width: i, height: a } = e, o = [], s = 2 * (i + a);
 			for (let e = 0; e < t; e++) {
 				let c = e / t * s, l, u;
@@ -4591,16 +4662,16 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				});
 			}
 			return o;
-		}, an = (e, t, n) => {
+		}, un = (e, t, n) => {
 			if (e.anchors && e.anchors[t]) return e.anchors[t];
 			if (n === "textbox" && t && t.startsWith("border-")) {
-				let n = parseInt(t.split("-")[1]), r = rn({
+				let n = parseInt(t.split("-")[1]), r = ln({
 					x: 0,
 					y: 0,
 					width: e.width,
 					height: e.height
 				}, 60)[n];
-				return r ? Ct(e.x + r.x, e.y + r.y) : null;
+				return r ? Ot(e.x + r.x, e.y + r.y) : null;
 			}
 			if (t === "top") return {
 				x: e.x + e.width / 2,
@@ -4620,30 +4691,30 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 			};
 			if (t && t.startsWith("border-")) {
 				let n = parseInt(t.split("-")[1]);
-				return rn(e)[n] || null;
+				return ln(e)[n] || null;
 			}
 			return {
 				x: e.x,
 				y: e.y
 			};
-		}, on = (e, t) => {
+		}, dn = (e, t) => {
 			let n = t === "start" ? e.startX : e.endX, r = t === "start" ? e.startY : e.endY, i = 30, a = null, o = null, s = null, c = null;
-			yt.value.forEach((e) => {
-				rn(e).forEach((t, l) => {
+			wt.value.forEach((e) => {
+				ln(e).forEach((t, l) => {
 					let u = Math.hypot(n - t.x, r - t.y);
 					u < i && (i = u, a = t, o = e.id, s = "node", c = "border-" + l);
 				});
-			}), R.value.forEach((e) => {
-				rn({
+			}), V.value.forEach((e) => {
+				ln({
 					x: 0,
 					y: 0,
 					width: e.width,
 					height: e.height
 				}, 60).forEach((t, l) => {
-					let u = Ct(e.x + t.x, e.y + t.y), d = Math.hypot(n - u.x, r - u.y);
+					let u = Ot(e.x + t.x, e.y + t.y), d = Math.hypot(n - u.x, r - u.y);
 					d < i && (i = d, a = u, o = e.id, s = "textbox", c = "border-" + l);
 				});
-			}), a ? t === "start" ? (e.startX = a.x, e.startY = a.y, e.startConnectId = o, e.startConnectType = s, e.startAnchor = c) : (e.endX = a.x, e.endY = a.y, e.endConnectId = o, e.endConnectType = s, e.endAnchor = c) : t === "start" ? (e.startConnectId = null, e.startConnectType = null, e.startAnchor = null) : (e.endConnectId = null, e.endConnectType = null, e.endAnchor = null), R.value.forEach((e) => {
+			}), a ? t === "start" ? (e.startX = a.x, e.startY = a.y, e.startConnectId = o, e.startConnectType = s, e.startAnchor = c) : (e.endX = a.x, e.endY = a.y, e.endConnectId = o, e.endConnectType = s, e.endAnchor = c) : t === "start" ? (e.startConnectId = null, e.startConnectType = null, e.startAnchor = null) : (e.endConnectId = null, e.endConnectType = null, e.endAnchor = null), V.value.forEach((e) => {
 				let t = {
 					top: {
 						x: e.x + e.width / 2,
@@ -4667,50 +4738,50 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					u < i && (i = u, a = l, o = e.id, s = "textbox", c = t);
 				});
 			}), a ? t === "start" ? (e.startX = a.x, e.startY = a.y, e.startConnectId = o, e.startConnectType = s, e.startAnchor = c) : (e.endX = a.x, e.endY = a.y, e.endConnectId = o, e.endConnectType = s, e.endAnchor = c) : t === "start" ? (e.startConnectId = null, e.startConnectType = null, e.startAnchor = null) : (e.endConnectId = null, e.endConnectType = null, e.endAnchor = null);
-		}, sn = (e, t, n, r) => {
+		}, fn = (e, t, n, r) => {
 			if (!Y.value) return;
 			let i = e;
-			t === "node" && (i = yt.value.find((t) => t.id === e.id) || e);
-			let a = an(i, n, t);
+			t === "node" && (i = wt.value.find((t) => t.id === e.id) || e);
+			let a = un(i, n, t);
 			if (!a) return;
 			let o = Y.value;
 			Math.hypot(a.x - o.startX, a.y - o.startY) <= Math.hypot(a.x - o.endX, a.y - o.endY) ? (o.startX = a.x, o.startY = a.y, o.startConnectId = i.id, o.startConnectType = t, o.startAnchor = n) : (o.endX = a.x, o.endY = a.y, o.endConnectId = i.id, o.endConnectType = t, o.endAnchor = n);
 			let s = X.value;
 			o._startXP = o.startX / s.width, o._startYP = o.startY / s.height, o._endXP = o.endX / s.width, o._endYP = o.endY / s.height;
-		}, cn = () => {
-			G.value.forEach((e) => {
+		}, pn = () => {
+			q.value.forEach((e) => {
 				if (e.startConnectId) {
 					let t = null;
-					if (e.startConnectType === "textbox" ? t = R.value.find((t) => t.id === e.startConnectId) : e.startConnectType === "node" && (t = yt.value.find((t) => t.id === e.startConnectId)), t && e.startAnchor) {
-						let n = an(t, e.startAnchor, e.startConnectType);
+					if (e.startConnectType === "textbox" ? t = V.value.find((t) => t.id === e.startConnectId) : e.startConnectType === "node" && (t = wt.value.find((t) => t.id === e.startConnectId)), t && e.startAnchor) {
+						let n = un(t, e.startAnchor, e.startConnectType);
 						n && (e.startX = n.x, e.startY = n.y);
 					}
 				}
 				if (e.endConnectId) {
 					let t = null;
-					if (e.endConnectType === "textbox" ? t = R.value.find((t) => t.id === e.endConnectId) : e.endConnectType === "node" && (t = yt.value.find((t) => t.id === e.endConnectId)), t && e.endAnchor) {
-						let n = an(t, e.endAnchor, e.endConnectType);
+					if (e.endConnectType === "textbox" ? t = V.value.find((t) => t.id === e.endConnectId) : e.endConnectType === "node" && (t = wt.value.find((t) => t.id === e.endConnectId)), t && e.endAnchor) {
+						let n = un(t, e.endAnchor, e.endConnectType);
 						n && (e.endX = n.x, e.endY = n.y);
 					}
 				}
 				let t = X.value;
 				e._startXP = e.startX / t.width, e._startYP = e.startY / t.height, e._endXP = e.endX / t.width, e._endYP = e.endY / t.height;
 			});
-		}, ln = (e, t, n) => {
-			q.value = !0, _t.value = !0, Me.value = t, K.value = e.id, Ne.value = n.clientX, Pe.value = n.clientY, document.addEventListener("mousemove", un), document.addEventListener("mouseup", dn), n.preventDefault(), n.stopPropagation();
-		}, un = (e) => {
-			if (!q.value && !J.value && !je.value || !Y.value) return;
-			let t = (e.clientX - Ne.value) / (ft.value / 100), n = (e.clientY - Pe.value) / (ft.value / 100);
-			J.value ? (Y.value.startX += t, Y.value.startY += n, Y.value.endX += t, Y.value.endY += n, Y.value.cpX += t, Y.value.cpY += n) : Me.value === "start" ? (Y.value.startX += t, Y.value.startY += n) : Me.value === "end" ? (Y.value.endX += t, Y.value.endY += n) : Me.value === "cp" && (Y.value.cpX += t, Y.value.cpY += n), Ne.value = e.clientX, Pe.value = e.clientY;
-		}, dn = () => {
-			if ((q.value || J.value || je.value) && Y.value) {
-				q.value && (Me.value === "start" ? on(Y.value, "start") : Me.value === "end" && on(Y.value, "end"));
+		}, mn = (e, t, n) => {
+			Pe.value = !0, St.value = !0, Le.value = t, J.value = e.id, Re.value = n.clientX, ze.value = n.clientY, document.addEventListener("mousemove", hn), document.addEventListener("mouseup", gn), n.preventDefault(), n.stopPropagation();
+		}, hn = (e) => {
+			if (!Pe.value && !Fe.value && !Ie.value || !Y.value) return;
+			let t = (e.clientX - Re.value) / (_t.value / 100), n = (e.clientY - ze.value) / (_t.value / 100);
+			Fe.value ? (Y.value.startX += t, Y.value.startY += n, Y.value.endX += t, Y.value.endY += n, Y.value.cpX += t, Y.value.cpY += n) : Le.value === "start" ? (Y.value.startX += t, Y.value.startY += n) : Le.value === "end" ? (Y.value.endX += t, Y.value.endY += n) : Le.value === "cp" && (Y.value.cpX += t, Y.value.cpY += n), Re.value = e.clientX, ze.value = e.clientY;
+		}, gn = () => {
+			if ((Pe.value || Fe.value || Ie.value) && Y.value) {
+				Pe.value && (Le.value === "start" ? dn(Y.value, "start") : Le.value === "end" && dn(Y.value, "end"));
 				let e = X.value;
 				Y.value._startXP = Y.value.startX / e.width, Y.value._startYP = Y.value.startY / e.height, Y.value._endXP = Y.value.endX / e.width, Y.value._endYP = Y.value.endY / e.height, Y.value._cpXP = Y.value.cpX / e.width, Y.value._cpYP = Y.value.cpY / e.height;
 			}
-			q.value = !1, J.value = !1, je.value = !1, _t.value = !1, Me.value = "", document.removeEventListener("mousemove", un), document.removeEventListener("mouseup", dn);
-		}, fn = (e, t) => {
-			J.value = !0, K.value = e.id, Ne.value = t.clientX, Pe.value = t.clientY, document.addEventListener("mousemove", un), document.addEventListener("mouseup", dn), t.preventDefault(), t.stopPropagation(), console.log("=== 选中箭头线，调试文本框锚点 ==="), R.value.forEach((e) => {
+			Pe.value = !1, Fe.value = !1, Ie.value = !1, St.value = !1, Le.value = "", document.removeEventListener("mousemove", hn), document.removeEventListener("mouseup", gn);
+		}, _n = (e, t) => {
+			Fe.value = !0, J.value = e.id, Re.value = t.clientX, ze.value = t.clientY, document.addEventListener("mousemove", hn), document.addEventListener("mouseup", gn), t.preventDefault(), t.stopPropagation(), console.log("=== 选中箭头线，调试文本框锚点 ==="), V.value.forEach((e) => {
 				console.log(`文本框 [${e.id}]: CSS x=${e.x}, y=${e.y}, w=${e.width}, h=${e.height}`), [
 					{
 						name: "左上",
@@ -4732,7 +4803,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 						x: e.x,
 						y: e.y + e.height
 					}
-				].forEach((e) => console.log(`  角 ${e.name}: CSS(${e.x.toFixed(1)}, ${e.y.toFixed(1)}) → SVG(${Ct(e.x, e.y).x.toFixed(1)}, ${Ct(e.x, e.y).y.toFixed(1)})`));
+				].forEach((e) => console.log(`  角 ${e.name}: CSS(${e.x.toFixed(1)}, ${e.y.toFixed(1)}) → SVG(${Ot(e.x, e.y).x.toFixed(1)}, ${Ot(e.x, e.y).y.toFixed(1)})`));
 				let t = {
 					top: {
 						x: e.x + e.width / 2,
@@ -4751,15 +4822,15 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 						y: e.y + e.height / 2
 					}
 				};
-				Object.entries(t).forEach(([e, t]) => console.log(`  锚点 ${e}: CSS(${t.x.toFixed(1)}, ${t.y.toFixed(1)}) → SVG(${Ct(t.x, t.y).x.toFixed(1)}, ${Ct(t.x, t.y).y.toFixed(1)})`));
-			}), console.log("viewBox:", bt.value), console.log("canvasSize:", X.value);
-		}, pn = (e, t) => {
-			je.value = !0, Me.value = "cp", K.value = e.id, Ne.value = t.clientX, Pe.value = t.clientY, document.addEventListener("mousemove", un), document.addEventListener("mouseup", dn), t.preventDefault(), t.stopPropagation();
-		}, mn = (e) => {
-			F.value.theme = e, P.success("主题已切换");
-		}, hn = (e) => {
-			F.value.diagramStyle = e, Q.value++, P.success("样式已切换");
-		}, gn = async (e) => {
+				Object.entries(t).forEach(([e, t]) => console.log(`  锚点 ${e}: CSS(${t.x.toFixed(1)}, ${t.y.toFixed(1)}) → SVG(${Ot(t.x, t.y).x.toFixed(1)}, ${Ot(t.x, t.y).y.toFixed(1)})`));
+			}), console.log("viewBox:", Tt.value), console.log("canvasSize:", X.value);
+		}, vn = (e, t) => {
+			Ie.value = !0, Le.value = "cp", J.value = e.id, Re.value = t.clientX, ze.value = t.clientY, document.addEventListener("mousemove", hn), document.addEventListener("mouseup", gn), t.preventDefault(), t.stopPropagation();
+		}, yn = (e) => {
+			F.value.theme = e, M.success("主题已切换");
+		}, bn = (e) => {
+			F.value.diagramStyle = e, Q.value++, M.success("样式已切换");
+		}, xn = async (e) => {
 			let t = {
 				category: "类别",
 				cause: "原因",
@@ -4767,40 +4838,40 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				measure: "措施"
 			}[e.type] || "节点";
 			try {
-				if (await ee.confirm(`确定要删除此${t}吗？`, "删除确认", {
+				if (await ne.confirm(`确定要删除此${t}吗？`, "删除确认", {
 					confirmButtonText: "确定",
 					cancelButtonText: "取消",
 					type: "warning"
-				}), e.type === "category") se(e.id);
-				else if (e.type === "cause") de(e.catIndex === void 0 ? "" : F.value.categories[e.catIndex]?.id, e.id);
+				}), e.type === "category") pe(e.id);
+				else if (e.type === "cause") ve(e.catIndex === void 0 ? "" : F.value.categories[e.catIndex]?.id, e.id);
 				else if (e.type === "child") {
-					xe();
+					we();
 					let t = F.value.categories[e.catIndex]?.causes?.[e.causeIndex];
 					if (t?.children) {
 						let n = t.children.findIndex((t) => t.id === e.id);
 						n !== -1 && t.children.splice(n, 1);
 					}
 				} else if (e.type === "measure") {
-					xe();
+					we();
 					let t = F.value.categories[e.catIndex]?.causes?.[e.causeIndex];
 					if (t?.children) {
 						let n = t.children.findIndex((t) => t.id === e.id);
 						n !== -1 && t.children.splice(n, 1);
 					}
 				}
-				I.value?.id === e.id && ve(), Q.value++, P.success("已删除");
+				I.value?.id === e.id && Ce(), Q.value++, M.success("已删除");
 			} catch {}
-		}, _n = v(!1), vn = v({
+		}, Sn = v(!1), Cn = v({
 			text: "",
 			direction: "left",
 			parentType: "",
 			parentId: "",
 			catIndex: 0,
 			causeIndex: 0
-		}), yn = (e) => {
+		}), wn = (e) => {
 			let { type: t, catIndex: n, causeIndex: r, measureIndex: i, dx: a, dy: o } = e, s = F.value.categories[n];
 			if (s) {
-				if (xe(), t === "cat") s.style ||= {}, s.style.dragDx = a, s.style.dragDy = o;
+				if (we(), t === "cat") s.style ||= {}, s.style.dragDx = a, s.style.dragDy = o;
 				else if (t === "anchor") s.style ||= {}, s.style.anchorDx = a;
 				else if (t === "cause") {
 					let e = s.causes?.[r];
@@ -4809,27 +4880,27 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					let e = (s.causes?.[r])?.children?.[i];
 					e && (e.style ||= {}, e.style.dragDx = a, e.style.dragDy = o);
 				}
-				Q.value++, u(() => cn());
+				Q.value++, u(() => pn());
 			}
-		}, bn = (e) => {
-			vn.value = {
+		}, Tn = (e) => {
+			Cn.value = {
 				text: "",
 				direction: "left",
 				parentType: e.type,
 				parentId: e.id,
 				catIndex: e.catIndex ?? 0,
 				causeIndex: e.causeIndex ?? 0
-			}, _n.value = !0;
-		}, xn = () => {
-			if (!vn.value.text.trim()) {
-				P.warning("请输入子节点名称");
+			}, Sn.value = !0;
+		}, En = () => {
+			if (!Cn.value.text.trim()) {
+				M.warning("请输入子节点名称");
 				return;
 			}
-			let { parentType: e, catIndex: t, causeIndex: n, text: r, direction: i } = vn.value, a = F.value.categories[t];
+			let { parentType: e, catIndex: t, causeIndex: n, text: r, direction: i } = Cn.value, a = F.value.categories[t];
 			if (!a) return;
 			let o = null, s = "";
 			if (e === "category") {
-				xe(), a.causes ||= [];
+				we(), a.causes ||= [];
 				let e = {
 					id: `cause-${Date.now()}`,
 					text: r,
@@ -4852,7 +4923,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				};
 				a.causes.push(e), o = e, s = "cause";
 			} else if (e === "cause") {
-				xe();
+				we();
 				let e = a.causes?.[n];
 				if (e) {
 					e.children ||= [];
@@ -4877,28 +4948,28 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					e.children.push(t), o = t, s = "measure";
 				}
 			}
-			_n.value = !1, o && _e(o, s), Q.value++, P.success("已添加");
-		}, Sn = () => {
-			ft.value = Math.min(200, ft.value + 10);
-		}, Cn = () => {
-			ft.value = Math.max(50, ft.value - 10);
-		}, wn = () => {
-			ft.value = 100;
-		}, Tn = async () => {
-			if (et.value && Je.value) {
-				P.error("协作已关闭，无法提交保存");
+			Sn.value = !1, o && Se(o, s), Q.value++, M.success("已添加");
+		}, Dn = () => {
+			_t.value = Math.min(200, _t.value + 10);
+		}, On = () => {
+			_t.value = Math.max(50, _t.value - 10);
+		}, kn = () => {
+			_t.value = 100;
+		}, An = async () => {
+			if (ot.value && $e.value) {
+				M.error("协作已关闭，无法提交保存");
 				return;
 			}
 			if (!F.value.title?.trim()) {
-				P.warning("请输入标题");
+				M.warning("请输入标题");
 				return;
 			}
 			if (!F.value.effect?.trim()) {
-				P.warning("请输入问题/结果");
+				M.warning("请输入问题/结果");
 				return;
 			}
 			if (!F.value.author?.trim()) {
-				P.warning("请输入作者");
+				M.warning("请输入作者");
 				return;
 			}
 			try {
@@ -4906,51 +4977,55 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					title: F.value.title,
 					content: JSON.stringify({
 						...F.value,
-						textBoxes: R.value,
-						arrowLines: G.value
+						textBoxes: V.value,
+						arrowLines: q.value
 					}),
 					doc_type: "fishbone",
 					status: 2
-				};
-				if (F.value.id) await dr.update(F.value.id, e);
+				}, t = F.value.id || O.value, n = typeof h.saveApi == "function" ? h.saveApi : h.saveApi ? (e) => t ? N.put(`${h.saveApi}/${t}`, e) : N.post(h.saveApi, e) : null;
+				if (n) {
+					let r = await n(e, t);
+					F.value.id = r.data?.id || t;
+				} else if (t) await A.value.update(t, e), F.value.id = t;
 				else {
-					let t = await dr.create(e);
-					F.value.id = t.data.id;
+					let t = await A.value.create(e);
+					F.value.id = t.data.id, h.docId || c.replace(`/fishbone-editor/${t.data.id}`);
 				}
-				P.success("保存成功"), k({
+				M.success("保存成功"), ae({
 					documentId: F.value.id,
 					docType: "fishbone",
 					content: JSON.stringify({
 						...F.value,
-						textBoxes: R.value,
-						arrowLines: G.value
+						textBoxes: V.value,
+						arrowLines: q.value
 					}),
-					userId: String(j.currentUser.value?.id || ""),
-					userName: j.currentUser.value?.name || "未知"
+					userId: String(P.currentUser.value?.id || ""),
+					userName: P.currentUser.value?.name || "未知"
 				});
 			} catch (e) {
-				P.error("保存失败"), console.error(e);
+				M.error("保存失败"), console.error(e);
 			}
-		}, En = (e) => {
-			ht.value = e || "png", mt.value = dt.value?.getSvgElement(), pt.value = !0;
-		}, Dn = ({ format: e, filename: t }) => {
-			P.success(`已导出: ${t}`);
-		}, On = (e) => {
+		}, jn = (e) => {
+			bt.value = e || "png", yt.value = gt.value?.getSvgElement(), vt.value = !0;
+		}, Mn = ({ format: e, filename: t }) => {
+			M.success(`已导出: ${t}`);
+		}, Nn = (e) => {
 			let { catIndex: t, causeIndex: n, measureIndex: r } = e, i = (F.value.categories[t]?.causes?.[n])?.children?.[r];
-			i && P.info(`思维导图功能开发中: ${i.text}`);
-		}, kn = async () => {
-			if (l.params.id && !l.params.id.startsWith("fishbone-")) try {
-				let e = await dr.get(l.params.id);
-				if (e.data?.content) {
-					let t = JSON.parse(e.data.content);
-					Object.assign(F.value, t), t.textBoxes && (R.value = t.textBoxes, u(() => {
+			i && M.info(`思维导图功能开发中: ${i.text}`);
+		}, Pn = async () => {
+			let e = O.value;
+			if (e && !String(e).startsWith("fishbone-")) try {
+				let t;
+				if (t = typeof h.loadApi == "function" ? await h.loadApi(e) : h.loadApi ? await N.get(`${h.loadApi}/${e}`) : await A.value.get(e), t.data?.content) {
+					let e = JSON.parse(t.data.content);
+					Object.assign(F.value, e), e.textBoxes && (V.value = e.textBoxes, u(() => {
 						let e = X.value;
-						R.value.forEach((t) => {
+						V.value.forEach((t) => {
 							t._hasPercent ||= (t._xPercent = t.x / e.width, t._yPercent = t.y / e.height, t._wPercent = t.width / e.width, t._hPercent = t.height / e.height, !0);
 						});
-					})), t.arrowLines && (G.value = t.arrowLines, u(() => {
+					})), e.arrowLines && (q.value = e.arrowLines, u(() => {
 						let e = X.value;
-						G.value.forEach((t) => {
+						q.value.forEach((t) => {
 							t._startXP === void 0 && (t._startXP = t.startX / e.width, t._startYP = t.startY / e.height, t._endXP = t.endX / e.width, t._endYP = t.endY / e.height), t._cpXP === void 0 && (t.cpX = t.cpX ?? (t.startX + t.endX) / 2, t.cpY = t.cpY ?? (t.startY + t.endY) / 2 - 60, t._cpXP = t.cpX / e.width, t._cpYP = t.cpY / e.height);
 						});
 					}));
@@ -4959,36 +5034,36 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				console.error("加载文档失败:", e);
 			}
 		}, Q = v(0);
-		E(() => F.value.categories, () => {
+		T(() => F.value.categories, () => {
 			Q.value++;
-		}, { deep: !0 }), E(I, () => {
+		}, { deep: !0 }), T(I, () => {
 			u(() => {
 				let e = document.activeElement;
 				e && e.tagName !== "BODY" && e.blur();
 			});
-		}), E(R, () => {
-			cn();
-		}, { deep: !0 }), E(() => F.value.categories, () => {
-			cn();
-		}, { deep: !0 }), E(yt, () => {
-			cn();
+		}), T(V, () => {
+			pn();
+		}, { deep: !0 }), T(() => F.value.categories, () => {
+			pn();
+		}, { deep: !0 }), T(wt, () => {
+			pn();
 		}, { deep: !0 });
-		let An = () => {
+		let Fn = () => {
 			u(() => {
-				let e = Tt();
+				let e = jt();
 				if (e.width > 0 && e.height > 0) {
 					let t = X.value.width, n = X.value.height;
-					t > 0 && n > 0 && (Math.abs(e.width - t) > 1 || Math.abs(e.height - n) > 1) && (R.value.forEach((r) => {
+					t > 0 && n > 0 && (Math.abs(e.width - t) > 1 || Math.abs(e.height - n) > 1) && (V.value.forEach((r) => {
 						r._xPercent = r._xPercent ?? r.x / t, r._yPercent = r._yPercent ?? r.y / n, r._wPercent = r._wPercent ?? r.width / t, r._hPercent = r._hPercent ?? r.height / n, r._hasPercent = !0, r.x = r._xPercent * e.width, r.y = r._yPercent * e.height, r.width = Math.max(50, r._wPercent * e.width), r.height = Math.max(30, r._hPercent * e.height);
-					}), G.value.forEach((r) => {
+					}), q.value.forEach((r) => {
 						r._startXP = r._startXP ?? r.startX / t, r._startYP = r._startYP ?? r.startY / n, r._endXP = r._endXP ?? r.endX / t, r._endYP = r._endYP ?? r.endY / n, r._cpXP = r._cpXP ?? r.cpX / t, r._cpYP = r._cpYP ?? r.cpY / n, r.startX = r._startXP * e.width, r.startY = r._startYP * e.height, r.endX = r._endXP * e.width, r.endY = r._endYP * e.height, r.cpX = r._cpXP * e.width, r.cpY = r._cpYP * e.height;
 					})), X.value = {
 						width: e.width,
 						height: e.height
-					}, cn();
+					}, pn();
 				}
 			});
-		}, jn = [
+		}, In = [
 			"我可以帮您分析鱼骨图结构、梳理因果关系，或者提供问题分析思路。请问有什么需要帮助的？",
 			"这个鱼骨图的分类很全面。建议检查每个主分支下的子原因是否充分，有没有遗漏的关键因素。",
 			"根据当前的问题定义，我建议从人、机、料、法、环、测六个维度全面分析可能的根本原因。",
@@ -4997,46 +5072,46 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 			"建议对每个主要原因添加权重或优先级标注，这样可以帮助团队聚焦最关键的问题。",
 			"这个鱼骨图的分析框架不错。建议在关键原因节点添加数据和证据支持，增强分析的说服力。",
 			"我可以帮您将鱼骨图的分析结果转化为改进计划或解决方案文档。"
-		], Mn = async (e, t = {}) => {
-			let n = l.params.id ? `${ii}-${l.params.id}` : null;
-			await j.sendMessage(e, {
+		], Ln = async (e, t = {}) => {
+			let n = O.value ? `${ai}-${O.value}` : null;
+			await P.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(jn[Math.floor(Math.random() * jn.length)], n), j.loading.value = !1;
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = P.collabUsers.value.filter((e) => e.name !== P.currentUser.value.name);
+			(!r || i || a.length === 0) && (P.loading.value = !0, setTimeout(() => {
+				P.sendAiMessage(In[Math.floor(Math.random() * In.length)], n), P.loading.value = !1;
 			}, 800 + Math.random() * 1200));
-		}, Nn = () => {
-			let e = l.params.id ? `${ii}-${l.params.id}` : null;
-			j.clearMessages(e);
-		}, Pn = () => {
+		}, Rn = () => {
+			let e = O.value ? `${ai}-${O.value}` : null;
+			P.clearMessages(e);
+		}, zn = () => {
 			if (!F.value.id) {
-				P.warning("请先保存文档");
+				M.warning("请先保存文档");
 				return;
 			}
-			_.value = !0;
-		}, Fn = (e) => {
+			ie.value = !0;
+		}, Bn = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				Object.assign(F.value, t), t.textBoxes && (R.value = t.textBoxes), t.arrowLines && (G.value = t.arrowLines);
+				Object.assign(F.value, t), t.textBoxes && (V.value = t.textBoxes), t.arrowLines && (q.value = t.arrowLines);
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
 		};
 		return m(() => {
-			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
-			localStorage.setItem("editor-user-name", e), j.setCurrentUser({
+			let e = h.user?.name || localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), P.setCurrentUser({
 				id: Date.now(),
 				name: e,
 				color: "#409eff"
-			}), He({ name: e }), kn().then(() => {
-				l.query.collab === "1" && l.params.id && ot();
+			}), Je({ name: e }), Pn().then(() => {
+				l.query.collab === "1" && O.value && ft();
 			}), u(() => {
-				let e = Tt();
-				X.value = { ...e }, wt.value = { ...e };
-				let t = lt.value;
-				t && new ResizeObserver(() => An()).observe(t);
+				let e = jt();
+				X.value = { ...e }, kt.value = { ...e };
+				let t = ht.value;
+				t && new ResizeObserver(() => Fn()).observe(t);
 			});
 		}), m(() => {
 			document.addEventListener("mousedown", (e) => {
@@ -5045,14 +5120,14 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 			});
 		}), m(() => {
 			document.addEventListener("keydown", (e) => {
-				e.ctrlKey || e.metaKey ? e.key === "z" ? (e.preventDefault(), ye()) : e.key === "y" ? (e.preventDefault(), be()) : e.key === "s" && (e.preventDefault(), Tn()) : (e.key === "Delete" || e.key === "Backspace") && I.value && L.value === "category" && Rt(I.value.id);
+				e.ctrlKey || e.metaKey ? e.key === "z" ? (e.preventDefault(), R()) : e.key === "y" ? (e.preventDefault(), z()) : e.key === "s" && (e.preventDefault(), An()) : (e.key === "Delete" || e.key === "Backspace") && I.value && L.value === "category" && Ut(I.value.id);
 			});
 		}), p(() => {
-			rt &&= (clearInterval(rt), null), document.removeEventListener("mousemove", Jt), document.removeEventListener("mouseup", Yt), document.removeEventListener("mousemove", Zt), document.removeEventListener("mouseup", Qt), document.removeEventListener("mousemove", un), document.removeEventListener("mouseup", dn), An && window.removeEventListener("resize", An);
+			ct &&= (clearInterval(ct), null), document.removeEventListener("mousemove", $t), document.removeEventListener("mouseup", en), document.removeEventListener("mousemove", nn), document.removeEventListener("mouseup", rn), document.removeEventListener("mousemove", hn), document.removeEventListener("mouseup", gn), Fn && window.removeEventListener("resize", Fn);
 		}), (t, n) => {
-			let c = b("el-icon"), l = b("el-button"), u = b("el-input"), p = b("el-form-item"), m = b("el-option"), v = b("el-select"), E = b("el-slider"), k = b("el-color-picker"), M = b("el-radio-button"), N = b("el-radio-group"), P = b("el-form"), ee = b("el-divider"), te = b("el-checkbox"), ae = b("el-tag"), oe = b("el-dialog");
+			let c = b("el-icon"), l = b("el-button"), u = b("el-input"), p = b("el-form-item"), m = b("el-option"), h = b("el-select"), v = b("el-slider"), T = b("el-color-picker"), O = b("el-radio-button"), A = b("el-radio-group"), te = b("el-form"), j = b("el-divider"), M = b("el-checkbox"), ne = b("el-tag"), N = b("el-dialog");
 			return g(), i("div", { class: d(["fishbone-editor", `theme-${S(F).theme}`]) }, [
-				s(kt, {
+				s(At, {
 					title: S(F).title,
 					"onUpdate:title": n[0] ||= (e) => S(F).title = e,
 					effect: S(F).effect,
@@ -5061,32 +5136,35 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					"onUpdate:author": n[2] ||= (e) => S(F).author = e,
 					"current-theme": S(F).theme,
 					"current-diagram-style": S(F).diagramStyle,
-					zoom: ft.value,
-					"can-undo": S(re) > 0,
-					"can-redo": S(re) < S(ne).length - 1,
+					zoom: _t.value,
+					"can-undo": S(le) > 0,
+					"can-redo": S(le) < S(ce).length - 1,
 					"can-add-cause": S(F).categories.length > 0,
-					"is-connected": Qe.value,
-					"online-users": S(Le),
-					"online-count": S(Le).length,
-					onBack: Ft,
-					onAddTextBox: Wt,
-					"can-add-arrow": At.value,
-					onAddArrow: en,
-					onUndo: S(ye),
-					onRedo: S(be),
-					onZoomIn: Sn,
-					onZoomOut: Cn,
-					onFitView: wn,
-					onSelectTheme: mn,
-					onSelectStyle: hn,
-					onSave: Tn,
-					onExport: En,
-					onToggleCollab: st,
-					onShareCollab: ct,
-					onAiGenerate: It,
-					readonly: et.value && !$e.value,
+					"is-connected": it.value,
+					"online-users": S(Ge),
+					"online-count": S(Ge).length,
+					onBack: Bt,
+					onAddTextBox: Yt,
+					"can-add-arrow": It.value,
+					onAddArrow: on,
+					onUndo: S(R),
+					onRedo: S(z),
+					onZoomIn: Dn,
+					onZoomOut: On,
+					onFitView: kn,
+					onSelectTheme: yn,
+					onSelectStyle: bn,
+					onSave: An,
+					onExport: jn,
+					onToggleCollab: pt,
+					onShareCollab: mt,
+					onAiGenerate: Vt,
+					readonly: ot.value && !at.value,
+					"back-button": _.value.backButton,
+					"title-editable": _.value.titleEditable,
+					"author-editable": _.value.authorEditable,
 					"show-history": !!S(F).id,
-					onHistory: Pn
+					onHistory: zn
 				}, null, 8, [
 					"title",
 					"effect",
@@ -5104,82 +5182,85 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					"onUndo",
 					"onRedo",
 					"readonly",
+					"back-button",
+					"title-editable",
+					"author-editable",
 					"show-history"
 				]),
-				a("div", fr, [
-					a("div", { class: d(["side-panel left-panel", { collapsed: !Dt.value }]) }, [a("div", {
+				a("div", pr, [
+					a("div", { class: d(["side-panel left-panel", { collapsed: !Pt.value }]) }, [a("div", {
 						class: "panel-header",
-						onClick: n[3] ||= (e) => Dt.value = !Dt.value,
+						onClick: n[3] ||= (e) => Pt.value = !Pt.value,
 						style: { cursor: "pointer" }
-					}, [a("h4", null, x(Dt.value ? "类别列表" : ""), 1), a("span", pr, x(Dt.value ? "«" : "»"), 1)]), O(a("div", mr, [(g(!0), i(e, null, y(S(F).categories, (e) => (g(), i("div", {
+					}, [a("h4", null, x(Pt.value ? "类别列表" : ""), 1), a("span", mr, x(Pt.value ? "«" : "»"), 1)]), D(a("div", hr, [(g(!0), i(e, null, y(S(F).categories, (e) => (g(), i("div", {
 						key: e.id,
 						class: d(["category-item", { active: S(I)?.id === e.id }]),
-						onClick: (t) => S(_e)(e, "category")
+						onClick: (t) => S(Se)(e, "category")
 					}, [
 						a("div", {
 							class: "category-color",
 							style: f({ background: e.color })
 						}, null, 4),
-						a("span", gr, x(e.name), 1),
-						a("span", _r, x(e.causes?.length || 0), 1),
+						a("span", _r, x(e.name), 1),
+						a("span", vr, x(e.causes?.length || 0), 1),
 						s(l, {
 							size: "small",
 							circle: "",
 							class: "delete-btn",
-							onClick: A((t) => Rt(e.id), ["stop"])
+							onClick: k((t) => Ut(e.id), ["stop"])
 						}, {
-							default: D(() => [s(c, null, {
-								default: D(() => [s(S(ie))]),
+							default: E(() => [s(c, null, {
+								default: E(() => [s(S(se))]),
 								_: 1
 							})]),
 							_: 1
 						}, 8, ["onClick"])
-					], 10, hr))), 128)), s(l, {
+					], 10, gr))), 128)), s(l, {
 						size: "small",
 						type: "primary",
 						class: "add-btn",
-						onClick: Lt
+						onClick: Ht
 					}, {
-						default: D(() => [s(c, null, {
-							default: D(() => [s(S(ge))]),
+						default: E(() => [s(c, null, {
+							default: E(() => [s(S(_e))]),
 							_: 1
 						}), n[65] ||= o(" 添加类别 ", -1)]),
 						_: 1
-					})], 512), [[T, Dt.value]])], 2),
+					})], 512), [[w, Pt.value]])], 2),
 					a("div", {
 						class: "canvas-container",
 						ref_key: "canvasContainer",
-						ref: lt,
-						onMousedown: A(Se, ["self"])
+						ref: ht,
+						onMousedown: k(B, ["self"])
 					}, [a("div", {
 						class: d(["diagram-title-area", { "selected-title": S(L) === "title" }]),
-						style: f(jt.value),
-						onClick: A(Pt, ["stop"])
+						style: f(Lt.value),
+						onClick: k(zt, ["stop"])
 					}, [a("h2", {
 						class: "diagram-title",
-						style: f(Nt.value)
-					}, x(S(F).title || "鱼骨图分析"), 5), S(F).effect ? (g(), i("p", vr, "问题：" + x(S(F).effect), 1)) : r("", !0)], 6), a("div", {
+						style: f(Rt.value)
+					}, x(S(F).title || "鱼骨图分析"), 5), S(F).effect ? (g(), i("p", yr, "问题：" + x(S(F).effect), 1)) : r("", !0)], 6), a("div", {
 						class: "canvas-wrapper",
-						style: f({ transform: `scale(${ft.value / 100})` }),
-						onMousedown: A(Se, ["self"])
+						style: f({ transform: `scale(${_t.value / 100})` }),
+						onMousedown: k(B, ["self"])
 					}, [
 						s(qn, {
 							ref_key: "fishboneRenderer",
-							ref: dt,
+							ref: gt,
 							categories: S(F).categories,
 							effect: S(F).effect,
-							theme: Et.value,
+							theme: Mt.value,
 							"selected-node": S(I),
 							"style-tick": Q.value,
 							"diagram-style": S(F).diagramStyle,
 							width: "100%",
 							height: "100%",
-							onSelectNode: Vt,
-							onClearSelection: Se,
-							onDeleteNode: gn,
-							onAddChild: bn,
-							onNodeDragged: yn,
-							onOpenMindmap: On
+							onSelectNode: Kt,
+							onClearSelection: B,
+							onDeleteNode: xn,
+							onAddChild: Tn,
+							onNodeDragged: wn,
+							onOpenMindmap: Nn
 						}, null, 8, [
 							"categories",
 							"effect",
@@ -5188,56 +5269,56 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							"style-tick",
 							"diagram-style"
 						]),
-						(g(!0), i(e, null, y(R.value, (t) => (g(), i("div", {
+						(g(!0), i(e, null, y(V.value, (t) => (g(), i("div", {
 							key: t.id,
 							class: d(["textbox-rect", {
-								selected: z.value === t.id,
-								editing: B.value === t.id,
-								"show-anchors": gt.value || _t.value
+								selected: H.value === t.id,
+								editing: U.value === t.id,
+								"show-anchors": xt.value || St.value
 							}]),
 							"data-textbox-id": t.id,
-							style: f(Ht(t)),
-							onMousedown: A((e) => Kt(t, e), ["stop"]),
-							onDblclick: A((e) => qt(t), ["stop"])
-						}, [O(a("textarea", {
+							style: f(qt(t)),
+							onMousedown: k((e) => Zt(t, e), ["stop"]),
+							onDblclick: k((e) => Qt(t), ["stop"])
+						}, [D(a("textarea", {
 							class: "textbox-content",
 							"onUpdate:modelValue": (e) => t.text = e,
-							style: f(Ut(t)),
+							style: f(Jt(t)),
 							placeholder: "输入文字...",
-							readonly: B.value !== t.id,
-							onBlur: (e) => Gt(t)
-						}, null, 44, br), [[w, t.text]]), z.value === t.id || gt.value || _t.value ? (g(), i(e, { key: 0 }, [
+							readonly: U.value !== t.id,
+							onBlur: (e) => Xt(t)
+						}, null, 44, xr), [[C, t.text]]), H.value === t.id || xt.value || St.value ? (g(), i(e, { key: 0 }, [
 							a("div", {
 								class: "resize-handle resize-handle-se",
-								onMousedown: A((e) => Xt(t, "se", e), ["stop"])
-							}, null, 40, xr),
+								onMousedown: k((e) => tn(t, "se", e), ["stop"])
+							}, null, 40, Sr),
 							a("div", {
 								class: "resize-handle resize-handle-sw",
-								onMousedown: A((e) => Xt(t, "sw", e), ["stop"])
-							}, null, 40, Sr),
+								onMousedown: k((e) => tn(t, "sw", e), ["stop"])
+							}, null, 40, Cr),
 							a("div", {
 								class: "resize-handle resize-handle-ne",
-								onMousedown: A((e) => Xt(t, "ne", e), ["stop"])
-							}, null, 40, Cr),
+								onMousedown: k((e) => tn(t, "ne", e), ["stop"])
+							}, null, 40, wr),
 							a("div", {
 								class: "resize-handle resize-handle-nw",
-								onMousedown: A((e) => Xt(t, "nw", e), ["stop"])
-							}, null, 40, wr),
+								onMousedown: k((e) => tn(t, "nw", e), ["stop"])
+							}, null, 40, Tr),
 							a("div", {
 								class: "textbox-delete-btn",
-								onClick: A((e) => $t(t.id), ["stop"])
-							}, "×", 8, Tr)
-						], 64)) : r("", !0)], 46, yr))), 128)),
+								onClick: k((e) => an(t.id), ["stop"])
+							}, "×", 8, Er)
+						], 64)) : r("", !0)], 46, br))), 128)),
 						(g(), i("svg", {
 							ref_key: "arrowSvgRef",
-							ref: Ae,
+							ref: Ne,
 							class: "arrow-lines-svg",
 							xmlns: "http://www.w3.org/2000/svg",
-							viewBox: bt.value,
+							viewBox: Tt.value,
 							preserveAspectRatio: "xMidYMid meet",
 							"pointer-events": "none"
 						}, [
-							a("defs", null, [(g(!0), i(e, null, y(G.value, (e) => (g(), i("marker", {
+							a("defs", null, [(g(!0), i(e, null, y(q.value, (e) => (g(), i("marker", {
 								key: "marker-end-" + e.id,
 								id: "arrowhead-end-" + e.id,
 								markerWidth: "10",
@@ -5248,7 +5329,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							}, [a("polygon", {
 								points: "0 0, 10 3.5, 0 7",
 								fill: e.style.lineColor
-							}, null, 8, Or)], 8, Dr))), 128)), (g(!0), i(e, null, y(G.value, (e) => (g(), i("marker", {
+							}, null, 8, kr)], 8, Or))), 128)), (g(!0), i(e, null, y(q.value, (e) => (g(), i("marker", {
 								key: "marker-start-" + e.id,
 								id: "arrowhead-start-" + e.id,
 								markerWidth: "10",
@@ -5259,8 +5340,8 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							}, [a("polygon", {
 								points: "10 0, 0 3.5, 10 7",
 								fill: e.style.lineColor
-							}, null, 8, Ar)], 8, kr))), 128))]),
-							K.value || q.value || J.value || _t.value ? (g(), i("g", jr, [(g(!0), i(e, null, y(yt.value, (t) => (g(), i(e, { key: "anchors-" + t.id }, [(g(!0), i(e, null, y(rn(t), (e, r) => (g(), i("circle", {
+							}, null, 8, jr)], 8, Ar))), 128))]),
+							J.value || Pe.value || Fe.value || St.value ? (g(), i("g", Mr, [(g(!0), i(e, null, y(wt.value, (t) => (g(), i(e, { key: "anchors-" + t.id }, [(g(!0), i(e, null, y(ln(t), (e, r) => (g(), i("circle", {
 								key: "anchor-" + r,
 								cx: e.x,
 								cy: e.y,
@@ -5271,10 +5352,10 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 								opacity: "0.6",
 								"pointer-events": "auto",
 								style: { cursor: "crosshair" },
-								onMouseenter: (e) => vt.value = t.id,
-								onMouseleave: n[4] ||= (e) => vt.value = null,
-								onMousedown: A((e) => sn(t, "node", "border-" + r, e), ["stop"])
-							}, null, 40, Mr))), 128))], 64))), 128)), (g(!0), i(e, null, y(R.value, (t) => (g(), i(e, { key: "tb-anchors-" + t.id }, [K.value || q.value || J.value || _t.value ? (g(), i("g", Nr, [(g(!0), i(e, null, y(xt(t), (e, r) => (g(), i("circle", {
+								onMouseenter: (e) => Ct.value = t.id,
+								onMouseleave: n[4] ||= (e) => Ct.value = null,
+								onMousedown: k((e) => fn(t, "node", "border-" + r, e), ["stop"])
+							}, null, 40, Nr))), 128))], 64))), 128)), (g(!0), i(e, null, y(V.value, (t) => (g(), i(e, { key: "tb-anchors-" + t.id }, [J.value || Pe.value || Fe.value || St.value ? (g(), i("g", Pr, [(g(!0), i(e, null, y(Et(t), (e, r) => (g(), i("circle", {
 								key: "tb-anchor-" + r,
 								cx: e.x,
 								cy: e.y,
@@ -5285,31 +5366,31 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 								opacity: "0.7",
 								"pointer-events": "auto",
 								style: { cursor: "crosshair" },
-								onMouseenter: (e) => vt.value = t.id,
-								onMouseleave: n[5] ||= (e) => vt.value = null,
-								onMousedown: A((e) => sn(t, "textbox", "border-" + r, e), ["stop"])
-							}, null, 40, Pr))), 128))])) : r("", !0)], 64))), 128))])) : r("", !0),
-							(g(!0), i(e, null, y(G.value, (t) => (g(), i("g", { key: t.id }, [
+								onMouseenter: (e) => Ct.value = t.id,
+								onMouseleave: n[5] ||= (e) => Ct.value = null,
+								onMousedown: k((e) => fn(t, "textbox", "border-" + r, e), ["stop"])
+							}, null, 40, Fr))), 128))])) : r("", !0)], 64))), 128))])) : r("", !0),
+							(g(!0), i(e, null, y(q.value, (t) => (g(), i("g", { key: t.id }, [
 								a("path", {
-									d: nn(t),
+									d: cn(t),
 									fill: "none",
-									stroke: K.value === t.id ? "#409EFF" : t.style.lineColor,
+									stroke: J.value === t.id ? "#409EFF" : t.style.lineColor,
 									"stroke-width": t.style.lineWidth,
 									"stroke-dasharray": t.style.lineStyle === "dashed" ? "8,4" : "none",
 									"marker-end": t.style.arrowEnd ? `url(#arrowhead-end-${t.id})` : "",
 									"marker-start": t.style.arrowStart ? `url(#arrowhead-start-${t.id})` : "",
 									"pointer-events": "none"
-								}, null, 8, Fr),
+								}, null, 8, Ir),
 								a("path", {
-									d: nn(t),
+									d: cn(t),
 									fill: "none",
 									stroke: "rgba(0,0,0,0.01)",
 									"stroke-width": Math.max(t.style.lineWidth * 3, 12),
 									"pointer-events": "auto",
 									style: { cursor: "move" },
-									onMousedown: A((e) => fn(t, e), ["stop"])
-								}, null, 40, Ir),
-								K.value === t.id ? (g(), i("circle", {
+									onMousedown: k((e) => _n(t, e), ["stop"])
+								}, null, 40, Lr),
+								J.value === t.id ? (g(), i("circle", {
 									key: 0,
 									cx: t.startX,
 									cy: t.startY,
@@ -5317,9 +5398,9 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									fill: "#409EFF",
 									"pointer-events": "auto",
 									style: { cursor: "move" },
-									onMousedown: A((e) => ln(t, "start", e), ["stop"])
-								}, null, 40, Lr)) : r("", !0),
-								K.value === t.id ? (g(), i("circle", {
+									onMousedown: k((e) => mn(t, "start", e), ["stop"])
+								}, null, 40, Rr)) : r("", !0),
+								J.value === t.id ? (g(), i("circle", {
 									key: 1,
 									cx: t.endX,
 									cy: t.endY,
@@ -5327,23 +5408,23 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									fill: "#409EFF",
 									"pointer-events": "auto",
 									style: { cursor: "move" },
-									onMousedown: A((e) => ln(t, "end", e), ["stop"])
-								}, null, 40, Rr)) : r("", !0),
-								K.value === t.id ? (g(), i(e, { key: 2 }, [
+									onMousedown: k((e) => mn(t, "end", e), ["stop"])
+								}, null, 40, zr)) : r("", !0),
+								J.value === t.id ? (g(), i(e, { key: 2 }, [
 									a("circle", {
 										cx: t.startX,
 										cy: t.startY,
 										r: "4",
 										fill: "#409EFF",
 										"pointer-events": "none"
-									}, null, 8, zr),
+									}, null, 8, Br),
 									a("circle", {
 										cx: t.endX,
 										cy: t.endY,
 										r: "4",
 										fill: "#409EFF",
 										"pointer-events": "none"
-									}, null, 8, Br),
+									}, null, 8, Vr),
 									t.style.lineType === "curve" ? (g(), i(e, { key: 0 }, [
 										a("line", {
 											x1: (t.startX + t.endX) / 2,
@@ -5355,7 +5436,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											"stroke-dasharray": "4,3",
 											opacity: "0.5",
 											"pointer-events": "none"
-										}, null, 8, Vr),
+										}, null, 8, Hr),
 										a("line", {
 											x1: t.startX,
 											y1: t.startY,
@@ -5366,7 +5447,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											"stroke-dasharray": "4,3",
 											opacity: "0.3",
 											"pointer-events": "none"
-										}, null, 8, Hr),
+										}, null, 8, Ur),
 										a("line", {
 											x1: t.endX,
 											y1: t.endY,
@@ -5377,7 +5458,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											"stroke-dasharray": "4,3",
 											opacity: "0.3",
 											"pointer-events": "none"
-										}, null, 8, Ur),
+										}, null, 8, Wr),
 										a("circle", {
 											cx: t.cpX,
 											cy: t.cpY,
@@ -5386,13 +5467,13 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											stroke: "white",
 											"stroke-width": "2",
 											style: { cursor: "grab" },
-											onMousedown: A((e) => pn(t, e), ["stop"])
-										}, null, 40, Wr)
+											onMousedown: k((e) => vn(t, e), ["stop"])
+										}, null, 40, Gr)
 									], 64)) : r("", !0),
 									a("g", {
 										transform: `translate(${(t.startX + t.endX) / 2}, ${(t.startY + t.endY) / 2 - 16})`,
 										style: { cursor: "pointer" },
-										onClick: A((e) => tn(t.id), ["stop"])
+										onClick: k((e) => sn(t.id), ["stop"])
 									}, [...n[66] ||= [
 										a("circle", {
 											r: "9",
@@ -5417,23 +5498,23 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											"stroke-width": "2",
 											"stroke-linecap": "round"
 										}, null, -1)
-									]], 8, Gr)
+									]], 8, Kr)
 								], 64)) : r("", !0)
 							]))), 128))
-						], 8, Er))
+						], 8, Dr))
 					], 36)], 544),
-					a("div", { class: d(["side-panel right-panel", { collapsed: !Ot.value }]) }, [a("div", {
+					a("div", { class: d(["side-panel right-panel", { collapsed: !Ft.value }]) }, [a("div", {
 						class: "panel-header",
-						onClick: n[6] ||= (e) => Ot.value = !Ot.value,
+						onClick: n[6] ||= (e) => Ft.value = !Ft.value,
 						style: { cursor: "pointer" }
-					}, [a("h4", null, x(Ot.value ? S(L) === "title" ? "标题设置" : Z.value ? "文本框设置" : Y.value ? "箭头线设置" : S(L) ? "节点详情" : "属性面板" : ""), 1)]), O(a("div", Kr, [
-						S(I) ? (g(), i(e, { key: 0 }, [S(L) === "title" ? (g(), i("div", qr, [s(P, {
+					}, [a("h4", null, x(Ft.value ? S(L) === "title" ? "标题设置" : Z.value ? "文本框设置" : Y.value ? "箭头线设置" : S(L) ? "节点详情" : "属性面板" : ""), 1)]), D(a("div", qr, [
+						S(I) ? (g(), i(e, { key: 0 }, [S(L) === "title" ? (g(), i("div", Jr, [s(te, {
 							"label-position": "top",
 							size: "small"
 						}, {
-							default: D(() => [
+							default: E(() => [
 								s(p, { label: "标题文本" }, {
-									default: D(() => [s(u, {
+									default: E(() => [s(u, {
 										modelValue: S(F).title,
 										"onUpdate:modelValue": n[7] ||= (e) => S(F).title = e,
 										tabindex: "-1"
@@ -5441,12 +5522,12 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字体" }, {
-									default: D(() => [s(v, {
+									default: E(() => [s(h, {
 										modelValue: S(F).titleStyle.fontFamily,
 										"onUpdate:modelValue": n[8] ||= (e) => S(F).titleStyle.fontFamily = e,
 										style: { width: "100%" }
 									}, {
-										default: D(() => [
+										default: E(() => [
 											s(m, {
 												label: "微软雅黑",
 												value: "Microsoft YaHei"
@@ -5477,7 +5558,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字号" }, {
-									default: D(() => [s(E, {
+									default: E(() => [s(v, {
 										modelValue: S(F).titleStyle.fontSize,
 										"onUpdate:modelValue": n[9] ||= (e) => S(F).titleStyle.fontSize = e,
 										min: 12,
@@ -5488,21 +5569,21 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "文字颜色" }, {
-									default: D(() => [s(k, {
+									default: E(() => [s(T, {
 										modelValue: S(F).titleStyle.color,
 										"onUpdate:modelValue": n[10] ||= (e) => S(F).titleStyle.color = e
 									}, null, 8, ["modelValue"])]),
 									_: 1
 								}),
 								s(p, { label: "标题背景色" }, {
-									default: D(() => [s(k, {
+									default: E(() => [s(T, {
 										modelValue: S(F).titleStyle.bgColor,
 										"onUpdate:modelValue": n[11] ||= (e) => S(F).titleStyle.bgColor = e
 									}, null, 8, ["modelValue"])]),
 									_: 1
 								}),
 								s(p, { label: "背景透明度" }, {
-									default: D(() => [s(E, {
+									default: E(() => [s(v, {
 										modelValue: S(F).titleStyle.bgOpacity,
 										"onUpdate:modelValue": n[12] ||= (e) => S(F).titleStyle.bgOpacity = e,
 										min: 0,
@@ -5513,21 +5594,21 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "对齐方式" }, {
-									default: D(() => [s(N, {
+									default: E(() => [s(A, {
 										modelValue: S(F).titleStyle.textAlign,
 										"onUpdate:modelValue": n[13] ||= (e) => S(F).titleStyle.textAlign = e
 									}, {
-										default: D(() => [
-											s(M, { value: "left" }, {
-												default: D(() => [...n[67] ||= [o("左", -1)]]),
+										default: E(() => [
+											s(O, { value: "left" }, {
+												default: E(() => [...n[67] ||= [o("左", -1)]]),
 												_: 1
 											}),
-											s(M, { value: "center" }, {
-												default: D(() => [...n[68] ||= [o("中", -1)]]),
+											s(O, { value: "center" }, {
+												default: E(() => [...n[68] ||= [o("中", -1)]]),
 												_: 1
 											}),
-											s(M, { value: "right" }, {
-												default: D(() => [...n[69] ||= [o("右", -1)]]),
+											s(O, { value: "right" }, {
+												default: E(() => [...n[69] ||= [o("右", -1)]]),
 												_: 1
 											})
 										]),
@@ -5537,35 +5618,35 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 								})
 							]),
 							_: 1
-						})])) : (g(), i("div", Jr, [s(P, {
+						})])) : (g(), i("div", Yr, [s(te, {
 							"label-position": "top",
 							size: "small"
 						}, {
-							default: D(() => [
+							default: E(() => [
 								s(p, { label: S(L) === "category" ? "类别名称" : "节点文本" }, {
-									default: D(() => [a("input", {
+									default: E(() => [a("input", {
 										class: "node-name-input",
 										value: S(L) === "category" ? S(I).name : S(I).text,
 										onInput: n[14] ||= (e) => S(L) === "category" ? S(I).name = e.target.value : S(I).text = e.target.value,
 										onFocus: n[15] ||= (e) => e.target.select(),
 										spellcheck: "false"
-									}, null, 40, Yr)]),
+									}, null, 40, Xr)]),
 									_: 1
 								}, 8, ["label"]),
 								S(I).style ? (g(), i(e, { key: 0 }, [
-									s(ee, { "content-position": "left" }, {
-										default: D(() => [...n[70] ||= [o("外观", -1)]]),
+									s(j, { "content-position": "left" }, {
+										default: E(() => [...n[70] ||= [o("外观", -1)]]),
 										_: 1
 									}),
 									s(p, { label: "节点颜色" }, {
-										default: D(() => [s(k, {
+										default: E(() => [s(T, {
 											modelValue: S(I).color,
 											"onUpdate:modelValue": [n[16] ||= (e) => S(I).color = e, n[17] ||= (e) => Q.value++]
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
 									s(p, { label: "节点透明度" }, {
-										default: D(() => [s(E, {
+										default: E(() => [s(v, {
 											modelValue: S(I).style.opacity,
 											"onUpdate:modelValue": [n[18] ||= (e) => S(I).style.opacity = e, n[19] ||= (e) => Q.value++],
 											min: 0,
@@ -5575,34 +5656,34 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
-									s(ee, { "content-position": "left" }, {
-										default: D(() => [...n[71] ||= [o("边框", -1)]]),
+									s(j, { "content-position": "left" }, {
+										default: E(() => [...n[71] ||= [o("边框", -1)]]),
 										_: 1
 									}),
 									s(p, { label: "边框颜色" }, {
-										default: D(() => [s(k, {
+										default: E(() => [s(T, {
 											modelValue: S(I).style.borderColor,
 											"onUpdate:modelValue": [n[20] ||= (e) => S(I).style.borderColor = e, n[21] ||= (e) => Q.value++]
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
 									s(p, { label: "边框样式" }, {
-										default: D(() => [s(N, {
+										default: E(() => [s(A, {
 											modelValue: S(I).style.borderStyle,
 											"onUpdate:modelValue": n[22] ||= (e) => S(I).style.borderStyle = e,
 											onChange: n[23] ||= (e) => Q.value++
 										}, {
-											default: D(() => [
-												s(M, { value: "solid" }, {
-													default: D(() => [...n[72] ||= [o("实线", -1)]]),
+											default: E(() => [
+												s(O, { value: "solid" }, {
+													default: E(() => [...n[72] ||= [o("实线", -1)]]),
 													_: 1
 												}),
-												s(M, { value: "dashed" }, {
-													default: D(() => [...n[73] ||= [o("虚线", -1)]]),
+												s(O, { value: "dashed" }, {
+													default: E(() => [...n[73] ||= [o("虚线", -1)]]),
 													_: 1
 												}),
-												s(M, { value: "none" }, {
-													default: D(() => [...n[74] ||= [o("无边框", -1)]]),
+												s(O, { value: "none" }, {
+													default: E(() => [...n[74] ||= [o("无边框", -1)]]),
 													_: 1
 												})
 											]),
@@ -5611,7 +5692,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										_: 1
 									}),
 									s(p, { label: "边框宽度" }, {
-										default: D(() => [s(E, {
+										default: E(() => [s(v, {
 											modelValue: S(I).style.borderWidth,
 											"onUpdate:modelValue": [n[24] ||= (e) => S(I).style.borderWidth = e, n[25] ||= (e) => Q.value++],
 											min: 0,
@@ -5621,19 +5702,19 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
-									s(ee, { "content-position": "left" }, {
-										default: D(() => [...n[75] ||= [o("文字", -1)]]),
+									s(j, { "content-position": "left" }, {
+										default: E(() => [...n[75] ||= [o("文字", -1)]]),
 										_: 1
 									}),
 									s(p, { label: "文字颜色" }, {
-										default: D(() => [s(k, {
+										default: E(() => [s(T, {
 											modelValue: S(I).style.textColor,
 											"onUpdate:modelValue": [n[26] ||= (e) => S(I).style.textColor = e, n[27] ||= (e) => Q.value++]
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
 									s(p, { label: "字号" }, {
-										default: D(() => [s(E, {
+										default: E(() => [s(v, {
 											modelValue: S(I).style.fontSize,
 											"onUpdate:modelValue": [n[28] ||= (e) => S(I).style.fontSize = e, n[29] ||= (e) => Q.value++],
 											min: 8,
@@ -5644,7 +5725,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										_: 1
 									}),
 									s(p, { label: "字体" }, {
-										default: D(() => [O(a("select", {
+										default: E(() => [D(a("select", {
 											class: "node-font-select",
 											"onUpdate:modelValue": n[30] ||= (e) => S(I).style.fontFamily = e,
 											onChange: n[31] ||= (e) => Q.value++
@@ -5653,26 +5734,26 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											a("option", { value: "SimSun" }, "宋体", -1),
 											a("option", { value: "SimHei" }, "黑体", -1),
 											a("option", { value: "Arial" }, "Arial", -1)
-										]], 544), [[C, S(I).style.fontFamily]])]),
+										]], 544), [[ee, S(I).style.fontFamily]])]),
 										_: 1
 									}),
 									s(p, { label: "对齐方式" }, {
-										default: D(() => [s(N, {
+										default: E(() => [s(A, {
 											modelValue: S(I).style.textAlign,
 											"onUpdate:modelValue": n[32] ||= (e) => S(I).style.textAlign = e,
 											onChange: n[33] ||= (e) => Q.value++
 										}, {
-											default: D(() => [
-												s(M, { value: "left" }, {
-													default: D(() => [...n[77] ||= [o("左", -1)]]),
+											default: E(() => [
+												s(O, { value: "left" }, {
+													default: E(() => [...n[77] ||= [o("左", -1)]]),
 													_: 1
 												}),
-												s(M, { value: "center" }, {
-													default: D(() => [...n[78] ||= [o("中", -1)]]),
+												s(O, { value: "center" }, {
+													default: E(() => [...n[78] ||= [o("中", -1)]]),
 													_: 1
 												}),
-												s(M, { value: "right" }, {
-													default: D(() => [...n[79] ||= [o("右", -1)]]),
+												s(O, { value: "right" }, {
+													default: E(() => [...n[79] ||= [o("右", -1)]]),
 													_: 1
 												})
 											]),
@@ -5680,19 +5761,19 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										}, 8, ["modelValue"])]),
 										_: 1
 									}),
-									s(ee, { "content-position": "left" }, {
-										default: D(() => [...n[80] ||= [o("连接线", -1)]]),
+									s(j, { "content-position": "left" }, {
+										default: E(() => [...n[80] ||= [o("连接线", -1)]]),
 										_: 1
 									}),
 									s(p, { label: "连接线颜色" }, {
-										default: D(() => [s(k, {
+										default: E(() => [s(T, {
 											modelValue: S(I).style.lineColor,
 											"onUpdate:modelValue": [n[34] ||= (e) => S(I).style.lineColor = e, n[35] ||= (e) => Q.value++]
 										}, null, 8, ["modelValue"])]),
 										_: 1
 									}),
 									s(p, { label: "连接线透明度" }, {
-										default: D(() => [s(E, {
+										default: E(() => [s(v, {
 											modelValue: S(I).style.lineOpacity,
 											"onUpdate:modelValue": [n[36] ||= (e) => S(I).style.lineOpacity = e, n[37] ||= (e) => Q.value++],
 											min: 0,
@@ -5703,16 +5784,16 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										_: 1
 									}),
 									s(p, { label: "连接线类型" }, {
-										default: D(() => [s(N, {
+										default: E(() => [s(A, {
 											modelValue: S(I).style.lineStyle,
 											"onUpdate:modelValue": n[38] ||= (e) => S(I).style.lineStyle = e,
 											onChange: n[39] ||= (e) => Q.value++
 										}, {
-											default: D(() => [s(M, { value: "solid" }, {
-												default: D(() => [...n[81] ||= [o("实线", -1)]]),
+											default: E(() => [s(O, { value: "solid" }, {
+												default: E(() => [...n[81] ||= [o("实线", -1)]]),
 												_: 1
-											}), s(M, { value: "dashed" }, {
-												default: D(() => [...n[82] ||= [o("虚线", -1)]]),
+											}), s(O, { value: "dashed" }, {
+												default: E(() => [...n[82] ||= [o("虚线", -1)]]),
 												_: 1
 											})]),
 											_: 1
@@ -5720,10 +5801,10 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 										_: 1
 									})
 								], 64)) : r("", !0),
-								S(L) === "cause" ? (g(), i(e, { key: 1 }, [s(ee, { "content-position": "left" }, {
-									default: D(() => [...n[83] ||= [o("措施", -1)]]),
+								S(L) === "cause" ? (g(), i(e, { key: 1 }, [s(j, { "content-position": "left" }, {
+									default: E(() => [...n[83] ||= [o("措施", -1)]]),
 									_: 1
-								}), a("div", Xr, [(g(!0), i(e, null, y(S(I).children, (e) => (g(), i("div", {
+								}), a("div", Zr, [(g(!0), i(e, null, y(S(I).children, (e) => (g(), i("div", {
 									key: e.id,
 									class: "child-item"
 								}, [s(u, {
@@ -5734,19 +5815,19 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 								}, null, 8, ["modelValue", "onUpdate:modelValue"]), s(l, {
 									size: "small",
 									circle: "",
-									onClick: (t) => Bt(e.id)
+									onClick: (t) => Gt(e.id)
 								}, {
-									default: D(() => [s(c, null, {
-										default: D(() => [s(S(ie))]),
+									default: E(() => [s(c, null, {
+										default: E(() => [s(S(se))]),
 										_: 1
 									})]),
 									_: 1
 								}, 8, ["onClick"])]))), 128)), s(l, {
 									size: "small",
-									onClick: zt
+									onClick: Wt
 								}, {
-									default: D(() => [s(c, null, {
-										default: D(() => [s(S(ge))]),
+									default: E(() => [s(c, null, {
+										default: E(() => [s(S(_e))]),
 										_: 1
 									}), n[84] ||= o(" 添加措施 ", -1)]),
 									_: 1
@@ -5754,24 +5835,24 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							]),
 							_: 1
 						})]))], 64)) : r("", !0),
-						Z.value ? (g(), i("div", Zr, [s(P, {
+						Z.value ? (g(), i("div", Qr, [s(te, {
 							"label-position": "top",
 							size: "small"
 						}, {
-							default: D(() => [
-								s(ee, { "content-position": "left" }, {
-									default: D(() => [...n[85] ||= [o("文本框设置", -1)]]),
+							default: E(() => [
+								s(j, { "content-position": "left" }, {
+									default: E(() => [...n[85] ||= [o("文本框设置", -1)]]),
 									_: 1
 								}),
 								s(p, { label: "背景颜色" }, {
-									default: D(() => [s(k, {
+									default: E(() => [s(T, {
 										modelValue: Z.value.style.bgColor,
 										"onUpdate:modelValue": n[40] ||= (e) => Z.value.style.bgColor = e
 									}, null, 8, ["modelValue"])]),
 									_: 1
 								}),
 								s(p, { label: "背景透明度" }, {
-									default: D(() => [s(E, {
+									default: E(() => [s(v, {
 										modelValue: Z.value.style.bgOpacity,
 										"onUpdate:modelValue": n[41] ||= (e) => Z.value.style.bgOpacity = e,
 										min: 0,
@@ -5782,12 +5863,12 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字体" }, {
-									default: D(() => [s(v, {
+									default: E(() => [s(h, {
 										modelValue: Z.value.style.fontFamily,
 										"onUpdate:modelValue": n[42] ||= (e) => Z.value.style.fontFamily = e,
 										style: { width: "100%" }
 									}, {
-										default: D(() => [
+										default: E(() => [
 											s(m, {
 												label: "微软雅黑",
 												value: "Microsoft YaHei"
@@ -5818,7 +5899,7 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字号" }, {
-									default: D(() => [s(E, {
+									default: E(() => [s(v, {
 										modelValue: Z.value.style.fontSize,
 										"onUpdate:modelValue": n[43] ||= (e) => Z.value.style.fontSize = e,
 										min: 10,
@@ -5829,28 +5910,28 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字体颜色" }, {
-									default: D(() => [s(k, {
+									default: E(() => [s(T, {
 										modelValue: Z.value.style.textColor,
 										"onUpdate:modelValue": n[44] ||= (e) => Z.value.style.textColor = e
 									}, null, 8, ["modelValue"])]),
 									_: 1
 								}),
 								s(p, { label: "对齐方式" }, {
-									default: D(() => [s(N, {
+									default: E(() => [s(A, {
 										modelValue: Z.value.style.textAlign,
 										"onUpdate:modelValue": n[45] ||= (e) => Z.value.style.textAlign = e
 									}, {
-										default: D(() => [
-											s(M, { value: "left" }, {
-												default: D(() => [...n[86] ||= [o("左对齐", -1)]]),
+										default: E(() => [
+											s(O, { value: "left" }, {
+												default: E(() => [...n[86] ||= [o("左对齐", -1)]]),
 												_: 1
 											}),
-											s(M, { value: "center" }, {
-												default: D(() => [...n[87] ||= [o("居中", -1)]]),
+											s(O, { value: "center" }, {
+												default: E(() => [...n[87] ||= [o("居中", -1)]]),
 												_: 1
 											}),
-											s(M, { value: "right" }, {
-												default: D(() => [...n[88] ||= [o("右对齐", -1)]]),
+											s(O, { value: "right" }, {
+												default: E(() => [...n[88] ||= [o("右对齐", -1)]]),
 												_: 1
 											})
 										]),
@@ -5859,12 +5940,12 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "字体样式" }, {
-									default: D(() => [s(v, {
+									default: E(() => [s(h, {
 										modelValue: Z.value.style.fontStyle,
 										"onUpdate:modelValue": n[46] ||= (e) => Z.value.style.fontStyle = e,
 										style: { width: "100%" }
 									}, {
-										default: D(() => [
+										default: E(() => [
 											s(m, {
 												label: "正常",
 												value: "normal"
@@ -5897,24 +5978,24 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							]),
 							_: 1
 						})])) : r("", !0),
-						Y.value ? (g(), i("div", Qr, [s(P, {
+						Y.value ? (g(), i("div", $r, [s(te, {
 							"label-position": "top",
 							size: "small"
 						}, {
-							default: D(() => [
-								s(ee, { "content-position": "left" }, {
-									default: D(() => [...n[89] ||= [o("箭头线设置", -1)]]),
+							default: E(() => [
+								s(j, { "content-position": "left" }, {
+									default: E(() => [...n[89] ||= [o("箭头线设置", -1)]]),
 									_: 1
 								}),
 								s(p, { label: "线段颜色" }, {
-									default: D(() => [s(k, {
+									default: E(() => [s(T, {
 										modelValue: Y.value.style.lineColor,
 										"onUpdate:modelValue": n[47] ||= (e) => Y.value.style.lineColor = e
 									}, null, 8, ["modelValue"])]),
 									_: 1
 								}),
 								s(p, { label: "线段粗细" }, {
-									default: D(() => [s(E, {
+									default: E(() => [s(v, {
 										modelValue: Y.value.style.lineWidth,
 										"onUpdate:modelValue": n[48] ||= (e) => Y.value.style.lineWidth = e,
 										min: 1,
@@ -5925,15 +6006,15 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "线段样式" }, {
-									default: D(() => [s(N, {
+									default: E(() => [s(A, {
 										modelValue: Y.value.style.lineStyle,
 										"onUpdate:modelValue": n[49] ||= (e) => Y.value.style.lineStyle = e
 									}, {
-										default: D(() => [s(M, { value: "solid" }, {
-											default: D(() => [...n[90] ||= [o("实线", -1)]]),
+										default: E(() => [s(O, { value: "solid" }, {
+											default: E(() => [...n[90] ||= [o("实线", -1)]]),
 											_: 1
-										}), s(M, { value: "dashed" }, {
-											default: D(() => [...n[91] ||= [o("虚线", -1)]]),
+										}), s(O, { value: "dashed" }, {
+											default: E(() => [...n[91] ||= [o("虚线", -1)]]),
 											_: 1
 										})]),
 										_: 1
@@ -5941,15 +6022,15 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "线段类型" }, {
-									default: D(() => [s(N, {
+									default: E(() => [s(A, {
 										modelValue: Y.value.style.lineType,
 										"onUpdate:modelValue": n[50] ||= (e) => Y.value.style.lineType = e
 									}, {
-										default: D(() => [s(M, { value: "straight" }, {
-											default: D(() => [...n[92] ||= [o("直线", -1)]]),
+										default: E(() => [s(O, { value: "straight" }, {
+											default: E(() => [...n[92] ||= [o("直线", -1)]]),
 											_: 1
-										}), s(M, { value: "curve" }, {
-											default: D(() => [...n[93] ||= [o("曲线", -1)]]),
+										}), s(O, { value: "curve" }, {
+											default: E(() => [...n[93] ||= [o("曲线", -1)]]),
 											_: 1
 										})]),
 										_: 1
@@ -5957,31 +6038,31 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 									_: 1
 								}),
 								s(p, { label: "箭头方向" }, {
-									default: D(() => [s(te, {
+									default: E(() => [s(M, {
 										modelValue: Y.value.style.arrowStart,
 										"onUpdate:modelValue": n[51] ||= (e) => Y.value.style.arrowStart = e
 									}, {
-										default: D(() => [...n[94] ||= [o("起点箭头", -1)]]),
+										default: E(() => [...n[94] ||= [o("起点箭头", -1)]]),
 										_: 1
-									}, 8, ["modelValue"]), s(te, {
+									}, 8, ["modelValue"]), s(M, {
 										modelValue: Y.value.style.arrowEnd,
 										"onUpdate:modelValue": n[52] ||= (e) => Y.value.style.arrowEnd = e
 									}, {
-										default: D(() => [...n[95] ||= [o("终点箭头", -1)]]),
+										default: E(() => [...n[95] ||= [o("终点箭头", -1)]]),
 										_: 1
 									}, 8, ["modelValue"])]),
 									_: 1
 								}),
-								s(ee, { "content-position": "left" }, {
-									default: D(() => [...n[96] ||= [o("连接状态", -1)]]),
+								s(j, { "content-position": "left" }, {
+									default: E(() => [...n[96] ||= [o("连接状态", -1)]]),
 									_: 1
 								}),
 								s(p, { label: "起点连接" }, {
-									default: D(() => [Y.value.startConnectId ? (g(), i("div", $r, [s(ae, {
+									default: E(() => [Y.value.startConnectId ? (g(), i("div", ei, [s(ne, {
 										size: "small",
 										type: "success"
 									}, {
-										default: D(() => [o(x(Y.value.startConnectType === "node" ? "节点" : "文本框"), 1)]),
+										default: E(() => [o(x(Y.value.startConnectType === "node" ? "节点" : "文本框"), 1)]),
 										_: 1
 									}), s(l, {
 										size: "small",
@@ -5991,17 +6072,17 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											Y.value.startConnectId = null, Y.value.startConnectType = null, Y.value.startAnchor = null;
 										}
 									}, {
-										default: D(() => [...n[97] ||= [o("断开", -1)]]),
+										default: E(() => [...n[97] ||= [o("断开", -1)]]),
 										_: 1
-									})])) : (g(), i("span", ei, "未连接（点击锚点连接）"))]),
+									})])) : (g(), i("span", ti, "未连接（点击锚点连接）"))]),
 									_: 1
 								}),
 								s(p, { label: "终点连接" }, {
-									default: D(() => [Y.value.endConnectId ? (g(), i("div", ti, [s(ae, {
+									default: E(() => [Y.value.endConnectId ? (g(), i("div", ni, [s(ne, {
 										size: "small",
 										type: "success"
 									}, {
-										default: D(() => [o(x(Y.value.endConnectType === "node" ? "节点" : "文本框"), 1)]),
+										default: E(() => [o(x(Y.value.endConnectType === "node" ? "节点" : "文本框"), 1)]),
 										_: 1
 									}), s(l, {
 										size: "small",
@@ -6011,19 +6092,19 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 											Y.value.endConnectId = null, Y.value.endConnectType = null, Y.value.endAnchor = null;
 										}
 									}, {
-										default: D(() => [...n[98] ||= [o("断开", -1)]]),
+										default: E(() => [...n[98] ||= [o("断开", -1)]]),
 										_: 1
-									})])) : (g(), i("span", ni, "未连接（点击锚点连接）"))]),
+									})])) : (g(), i("span", ri, "未连接（点击锚点连接）"))]),
 									_: 1
 								}),
 								s(p, null, {
-									default: D(() => [s(l, {
+									default: E(() => [s(l, {
 										type: "danger",
 										size: "small",
-										onClick: n[55] ||= (e) => tn(Y.value.id)
+										onClick: n[55] ||= (e) => sn(Y.value.id)
 									}, {
-										default: D(() => [s(c, null, {
-											default: D(() => [s(S(ie))]),
+										default: E(() => [s(c, null, {
+											default: E(() => [s(S(se))]),
 											_: 1
 										}), n[99] ||= o(" 删除箭头线 ", -1)]),
 										_: 1
@@ -6033,48 +6114,48 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 							]),
 							_: 1
 						})])) : r("", !0),
-						!S(I) && !Z.value && !Y.value ? (g(), i("div", ri, [s(c, {
+						!S(I) && !Z.value && !Y.value ? (g(), i("div", ii, [s(c, {
 							size: 48,
 							color: "#c0c4cc"
 						}, {
-							default: D(() => [s(S(le))]),
+							default: E(() => [s(S(ue))]),
 							_: 1
 						}), n[100] ||= a("p", null, "点击节点或标题进行编辑", -1)])) : r("", !0)
-					], 512), [[T, Ot.value]])], 2)
+					], 512), [[w, Ft.value]])], 2)
 				]),
-				s(oe, {
-					modelValue: _n.value,
-					"onUpdate:modelValue": n[59] ||= (e) => _n.value = e,
+				s(N, {
+					modelValue: Sn.value,
+					"onUpdate:modelValue": n[59] ||= (e) => Sn.value = e,
 					title: "添加子节点",
 					width: "400px",
 					"close-on-click-modal": !1
 				}, {
-					footer: D(() => [s(l, { onClick: n[58] ||= (e) => _n.value = !1 }, {
-						default: D(() => [...n[102] ||= [o("取消", -1)]]),
+					footer: E(() => [s(l, { onClick: n[58] ||= (e) => Sn.value = !1 }, {
+						default: E(() => [...n[102] ||= [o("取消", -1)]]),
 						_: 1
 					}), s(l, {
 						type: "primary",
-						onClick: xn
+						onClick: En
 					}, {
-						default: D(() => [...n[103] ||= [o("确定", -1)]]),
+						default: E(() => [...n[103] ||= [o("确定", -1)]]),
 						_: 1
 					})]),
-					default: D(() => [s(P, {
+					default: E(() => [s(te, {
 						"label-position": "top",
 						size: "small"
 					}, {
-						default: D(() => [s(p, { label: "子节点名称" }, {
-							default: D(() => [O(a("input", {
+						default: E(() => [s(p, { label: "子节点名称" }, {
+							default: E(() => [D(a("input", {
 								class: "node-name-input",
-								"onUpdate:modelValue": n[56] ||= (e) => vn.value.text = e,
+								"onUpdate:modelValue": n[56] ||= (e) => Cn.value.text = e,
 								placeholder: "请输入名称"
-							}, null, 512), [[w, vn.value.text]])]),
+							}, null, 512), [[C, Cn.value.text]])]),
 							_: 1
 						}), s(p, { label: "添加方向" }, {
-							default: D(() => [O(a("select", {
+							default: E(() => [D(a("select", {
 								class: "node-font-select",
-								"onUpdate:modelValue": n[57] ||= (e) => vn.value.direction = e
-							}, [...n[101] ||= [a("option", { value: "left" }, "左侧", -1), a("option", { value: "right" }, "右侧", -1)]], 512), [[C, vn.value.direction]])]),
+								"onUpdate:modelValue": n[57] ||= (e) => Cn.value.direction = e
+							}, [...n[101] ||= [a("option", { value: "left" }, "左侧", -1), a("option", { value: "right" }, "右侧", -1)]], 512), [[ee, Cn.value.direction]])]),
 							_: 1
 						})]),
 						_: 1
@@ -6082,12 +6163,12 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					_: 1
 				}, 8, ["modelValue"]),
 				s(ar, {
-					modelValue: pt.value,
-					"onUpdate:modelValue": n[60] ||= (e) => pt.value = e,
-					"svg-element": mt.value,
+					modelValue: vt.value,
+					"onUpdate:modelValue": n[60] ||= (e) => vt.value = e,
+					"svg-element": yt.value,
 					"fishbone-data": S(F),
-					"initial-format": ht.value,
-					onExported: Dn
+					"initial-format": bt.value,
+					onExported: Mn
 				}, null, 8, [
 					"modelValue",
 					"svg-element",
@@ -6096,31 +6177,31 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 				]),
 				s(l, {
 					class: "ai-chat-fab",
-					type: h.value ? "primary" : "default",
+					type: re.value ? "primary" : "default",
 					circle: "",
 					size: "large",
-					onClick: n[61] ||= (e) => h.value = !h.value,
+					onClick: n[61] ||= (e) => re.value = !re.value,
 					title: "AI助手"
 				}, {
-					default: D(() => [s(c, null, {
-						default: D(() => [s(S(pe))]),
+					default: E(() => [s(c, null, {
+						default: E(() => [s(S(me))]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"]),
 				s(Be, {
-					visible: h.value,
-					messages: S(j).messages.value,
-					loading: S(j).loading.value,
-					"is-collab": S(j).isCollabMode.value,
-					"collab-users": S(j).collabUsers.value,
-					"current-user": S(j).currentUser.value,
-					"is-owner": $e.value,
-					onSend: Mn,
-					onClose: n[62] ||= (e) => h.value = !1,
-					"unread-mention": S(j).unreadMention.value,
-					onClearUnread: n[63] ||= (e) => S(j).clearUnreadMention(),
-					onClear: Nn
+					visible: re.value,
+					messages: S(P).messages.value,
+					loading: S(P).loading.value,
+					"is-collab": S(P).isCollabMode.value,
+					"collab-users": S(P).collabUsers.value,
+					"current-user": S(P).currentUser.value,
+					"is-owner": at.value,
+					onSend: Ln,
+					onClose: n[62] ||= (e) => re.value = !1,
+					"unread-mention": S(P).unreadMention.value,
+					onClearUnread: n[63] ||= (e) => S(P).clearUnreadMention(),
+					onClear: Rn
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -6132,15 +6213,15 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 					"unread-mention"
 				]),
 				s(nt, {
-					modelValue: _.value,
-					"onUpdate:modelValue": n[64] ||= (e) => _.value = e,
+					modelValue: ie.value,
+					"onUpdate:modelValue": n[64] ||= (e) => ie.value = e,
 					"document-id": S(F).id,
-					onApply: Fn
+					onApply: Bn
 				}, null, 8, ["modelValue", "document-id"])
 			], 2);
 		};
 	}
-}, [["__scopeId", "data-v-4ae43629"]]), oi = c({
+}, [["__scopeId", "data-v-f4ad3ba7"]]), si = c({
 	name: "YourCompanyFishbone",
 	props: {
 		docId: {
@@ -6151,6 +6232,14 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -6166,14 +6255,18 @@ var fr = { class: "editor-main" }, pr = { class: "panel-toggle-icon" }, mr = { c
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
 		}
 	},
 	setup(e, { slots: t }) {
 		return () => l("div", {
 			class: "yourcompany-fishbone-wrapper",
 			style: "position:relative"
-		}, [l(ai, { ...e }), l(j)]);
+		}, [l(oi, { ...e }), l(A)]);
 	}
 });
 //#endregion
-export { oi as default };
+export { si as default };