@billtaofbj/explosion-image 1.0.0 → 1.2.0

package/dist/index.es.js

@@ -2,31 +2,31 @@ import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r
 import { BrandWatermark as D } from "@billtaofbj/core";
 import { useRoute as O, useRouter as k } from "vue-router";
 import { ElMessage as A, ElMessageBox as j } from "element-plus";
-import { ArrowDown as M, ArrowLeft as N, Bell as P, Brush as F, Clock as I, Close as L, Connection as R, Delete as z, Download as B, InfoFilled as V, Link as H, Loading as ee, Location as U, Minus as W, Monitor as G, MoreFilled as K, Plus as te, Promotion as ne, Right as re, SemiSelect as q, Share as ie, TrendCharts as J, Upload as ae, UploadFilled as oe } from "@element-plus/icons-vue";
+import { ArrowDown as M, ArrowLeft as ee, Bell as N, Brush as P, Clock as F, Close as I, Connection as L, Delete as te, Download as R, InfoFilled as z, Link as B, Loading as V, Location as H, Minus as U, Monitor as W, MoreFilled as ne, Plus as G, Promotion as K, Right as re, SemiSelect as q, Share as ie, TrendCharts as ae, Upload as oe, UploadFilled as J } from "@element-plus/icons-vue";
 import Y from "axios";
-import * as X from "yjs";
-import { HocuspocusProvider as se } from "@hocuspocus/provider";
+import * as se from "yjs";
+import { HocuspocusProvider as ce } from "@hocuspocus/provider";
 //#region \0plugin-vue:export-helper
-var Z = (e, t) => {
+var X = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ce = { class: "chat-header" }, le = { class: "chat-header-left" }, ue = { class: "chat-title" }, Q = { class: "online-users-list" }, de = { class: "online-user-item" }, fe = { class: "online-user-name" }, pe = { key: 1 }, me = { class: "online-user-name" }, he = { class: "chat-header-right" }, ge = {
+}, le = { class: "chat-header" }, Z = { class: "chat-header-left" }, ue = { class: "chat-title" }, Q = { class: "online-users-list" }, de = { class: "online-user-item" }, fe = { class: "online-user-name" }, pe = { key: 1 }, me = { class: "online-user-name" }, he = { class: "chat-header-right" }, ge = {
 	key: 0,
 	class: "chat-empty"
 }, _e = { class: "chat-empty-hint" }, ve = { key: 1 }, ye = { class: "message-content" }, be = {
 	key: 0,
 	class: "message-meta"
-}, $ = {
+}, xe = {
 	key: 0,
 	class: "message-mention"
-}, xe = ["innerHTML"], Se = { class: "message-time" }, Ce = {
+}, Se = ["innerHTML"], Ce = { class: "message-time" }, $ = {
 	key: 1,
 	class: "chat-message chat-message-ai"
 }, we = { class: "message-avatar ai" }, Te = { class: "chat-input-area" }, Ee = {
 	key: 0,
 	class: "mention-popup"
-}, De = ["onClick", "onMouseenter"], Oe = { key: 1 }, ke = /*#__PURE__*/ Z({
+}, De = ["onClick", "onMouseenter"], Oe = { key: 1 }, ke = /*#__PURE__*/ X({
 	__name: "AiChatPanel",
 	props: {
 		visible: {
@@ -77,44 +77,44 @@ var Z = (e, t) => {
 		"clear-unread"
 	],
 	setup(c, { emit: l }) {
-		let p = c, m = l, g = _(""), b = _(null), D = _(null), O = _(!1), k = _([]), A = _(0), j = "", M = -1, N = {
+		let p = c, m = l, g = _(""), b = _(null), D = _(null), O = _(!1), k = _([]), A = _(0), j = "", M = -1, ee = {
 			id: "ai-assistant",
 			name: "AI助手",
 			color: "#409EFF",
 			isAi: !0
-		}, F = t(() => {
+		}, P = t(() => {
 			let e = p.currentUser.id, t = /* @__PURE__ */ new Set();
-			return [N, ...p.collabUsers.filter((n) => {
+			return [ee, ...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);
 			})];
-		}), I = t(() => F.value.length + 1), R = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", B = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, V = (e) => (e.user_name || "U").charAt(0), H = (e) => {
+		}), F = t(() => P.value.length + 1), L = (e) => e.role === "ai" ? "chat-message-ai" : p.isCollab && e.user_id && e.user_id !== p.currentUser.id ? "chat-message-other" : "chat-message-user", R = (e) => e.role === "ai" ? { background: "linear-gradient(135deg, #409EFF, #337ECC)" } : { background: e.user_color || "#67C23A" }, z = (e) => (e.user_name || "U").charAt(0), B = (e) => {
 			if (!p.isCollab) return;
 			let t = typeof e == "string" ? e : e.target?.value || g.value, n = t.length, r = t.lastIndexOf("@", n);
 			if (r !== -1 && r < n) {
 				let e = t.slice(r + 1, n);
 				if (!e.includes(" ") && !e.includes("\n")) {
-					j = e, M = r, k.value = F.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
+					j = e, M = r, k.value = P.value.filter((t) => t.name && t.name.toLowerCase().includes(e.toLowerCase())), O.value = k.value.length > 0, A.value = 0;
 					return;
 				}
 			}
 			O.value = !1;
-		}, ee = () => {
+		}, V = () => {
 			O.value && (A.value = Math.min(A.value + 1, k.value.length - 1));
-		}, U = () => {
+		}, H = () => {
 			O.value && (A.value = Math.max(A.value - 1, 0));
-		}, W = (e) => {
+		}, U = (e) => {
 			let t = g.value.slice(0, M), n = g.value.slice(M + j.length + 1);
 			g.value = `${t}@${e.name} ${n}`, O.value = !1;
-		}, K = (e) => {
+		}, ne = (e) => {
 			if (e) {
 				if (e.shiftKey) return;
 				if (O.value) {
 					let t = k.value[A.value];
 					if (t) {
-						e.preventDefault(), W(t);
+						e.preventDefault(), U(t);
 						return;
 					}
 				}
@@ -128,24 +128,24 @@ var Z = (e, t) => {
 				e && (n = e[1]);
 			}
 			m("send", t, { mentionedUser: n }), g.value = "", O.value = !1;
-		}, te = () => {
+		}, G = () => {
 			u(() => {
 				b.value && (b.value.scrollTop = b.value.scrollHeight);
 			});
 		};
-		return C(() => p.messages.length, te), C(() => p.messages, te, { deep: !0 }), (t, l) => {
+		return C(() => p.messages.length, G), C(() => p.messages, G, { deep: !0 }), (t, l) => {
 			let u = y("el-icon"), p = y("el-tag"), _ = y("el-popover"), C = y("el-button"), j = y("el-input");
 			return c.visible ? (h(), i("div", {
 				key: 0,
 				class: "ai-chat-panel",
 				style: f({ width: c.panelWidth + "px" })
 			}, [
-				a("div", ce, [a("div", le, [
+				a("div", le, [a("div", Z, [
 					s(u, {
 						size: 18,
 						color: "#409EFF"
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 1
 					}),
 					a("span", ue, x(c.isCollab ? "协作聊天" : "AI 助手"), 1),
@@ -161,7 +161,7 @@ var Z = (e, t) => {
 							effect: "plain",
 							class: "online-tag"
 						}, {
-							default: w(() => [o(x(I.value) + "人在线 ", 1)]),
+							default: w(() => [o(x(F.value) + "人在线 ", 1)]),
 							_: 1
 						})]),
 						default: w(() => [a("div", Q, [a("div", de, [
@@ -180,7 +180,7 @@ var Z = (e, t) => {
 								_: 1
 							}, 8, ["type"]),
 							l[4] ||= a("span", { class: "self-tag" }, "（我）", -1)
-						]), (h(!0), i(e, null, v(F.value, (e) => (h(), i("div", {
+						]), (h(!0), i(e, null, v(P.value, (e) => (h(), i("div", {
 							key: e.id || e.clientId,
 							class: "online-user-item"
 						}, [
@@ -191,7 +191,7 @@ var Z = (e, t) => {
 								key: 0,
 								size: 14
 							}, {
-								default: w(() => [s(S(G))]),
+								default: w(() => [s(S(W))]),
 								_: 1
 							})) : (h(), i("span", pe, x((e.name || "U").charAt(0)), 1))], 4),
 							a("span", me, x(e.name || "未知用户"), 1),
@@ -227,7 +227,7 @@ var Z = (e, t) => {
 						size: 18,
 						color: "#F56C6C"
 					}, {
-						default: w(() => [s(S(P))]),
+						default: w(() => [s(S(N))]),
 						_: 1
 					})])) : r("", !0),
 					s(C, {
@@ -238,7 +238,7 @@ var Z = (e, t) => {
 						title: "清空对话"
 					}, {
 						default: w(() => [s(u, null, {
-							default: w(() => [s(S(z))]),
+							default: w(() => [s(S(te))]),
 							_: 1
 						})]),
 						_: 1
@@ -251,7 +251,7 @@ var Z = (e, t) => {
 						title: "关闭"
 					}, {
 						default: w(() => [s(u, null, {
-							default: w(() => [s(S(L))]),
+							default: w(() => [s(S(I))]),
 							_: 1
 						})]),
 						_: 1
@@ -267,7 +267,7 @@ var Z = (e, t) => {
 							size: 40,
 							color: "#c0c4cc"
 						}, {
-							default: w(() => [s(S(G))]),
+							default: w(() => [s(S(W))]),
 							_: 1
 						}),
 						a("p", null, x(c.isCollab ? "协作聊天室" : "你好！我是 AI 助手"), 1),
@@ -275,29 +275,29 @@ var Z = (e, t) => {
 					])) : r("", !0),
 					(h(!0), i(e, null, v(c.messages, (e) => (h(), i("div", {
 						key: e._msgId || e.time + e.content,
-						class: d(["chat-message", R(e)])
+						class: d(["chat-message", L(e)])
 					}, [a("div", {
 						class: "message-avatar",
-						style: f(B(e))
+						style: f(R(e))
 					}, [e.role === "ai" ? (h(), n(u, {
 						key: 0,
 						size: 16
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 1
-					})) : (h(), i("span", ve, x(V(e)), 1))], 4), a("div", ye, [
+					})) : (h(), i("span", ve, x(z(e)), 1))], 4), a("div", ye, [
 						c.isCollab && e.role === "user" ? (h(), i("div", be, [a("span", {
 							class: "message-sender",
 							style: f({ color: e.user_color || "#67C23A" })
-						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (h(), i("span", $, "@" + x(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
+						}, x(e.user_name || "用户"), 5), e.mentioned_user ? (h(), i("span", xe, "@" + x(e.mentioned_user), 1)) : r("", !0)])) : r("", !0),
 						a("div", {
 							class: "message-text",
 							innerHTML: e.content
-						}, null, 8, xe),
-						a("div", Se, x(e.time), 1)
+						}, null, 8, Se),
+						a("div", Ce, x(e.time), 1)
 					])], 2))), 128)),
-					c.loading ? (h(), i("div", Ce, [a("div", we, [s(u, { size: 16 }, {
-						default: w(() => [s(S(G))]),
+					c.loading ? (h(), i("div", $, [a("div", we, [s(u, { size: 16 }, {
+						default: w(() => [s(S(W))]),
 						_: 1
 					})]), l[7] ||= a("div", { class: "message-content" }, [a("div", { class: "message-text typing-indicator" }, [
 						a("span"),
@@ -320,11 +320,11 @@ var Z = (e, t) => {
 						},
 						placeholder: c.isCollab ? "输入消息... @提及成员" : "输入消息...",
 						onKeydown: [
-							T(E(K, ["exact"]), ["enter"]),
-							T(E(ee, ["prevent"]), ["down"]),
-							T(E(U, ["prevent"]), ["up"])
+							T(E(ne, ["exact"]), ["enter"]),
+							T(E(V, ["prevent"]), ["down"]),
+							T(E(H, ["prevent"]), ["up"])
 						],
-						onInput: H,
+						onInput: B,
 						resize: "none"
 					}, null, 8, [
 						"modelValue",
@@ -334,7 +334,7 @@ var Z = (e, t) => {
 					O.value ? (h(), i("div", Ee, [(h(!0), i(e, null, v(k.value, (e, t) => (h(), i("div", {
 						key: e.id || e.clientId,
 						class: d(["mention-item", { active: t === A.value }]),
-						onClick: (t) => W(e),
+						onClick: (t) => U(e),
 						onMouseenter: (e) => A.value = t
 					}, [a("div", {
 						class: "mention-avatar",
@@ -343,7 +343,7 @@ var Z = (e, t) => {
 						key: 0,
 						size: 12
 					}, {
-						default: w(() => [s(S(G))]),
+						default: w(() => [s(S(W))]),
 						_: 1
 					})) : (h(), i("span", Oe, x((e.name || "U").charAt(0)), 1))], 4), a("span", null, x(e.name), 1)], 42, De))), 128))])) : r("", !0),
 					s(C, {
@@ -351,10 +351,10 @@ var Z = (e, t) => {
 						type: "primary",
 						circle: "",
 						disabled: !g.value.trim() || c.loading,
-						onClick: K
+						onClick: ne
 					}, {
 						default: w(() => [s(u, null, {
-							default: w(() => [s(S(ne))]),
+							default: w(() => [s(S(K))]),
 							_: 1
 						})]),
 						_: 1
@@ -513,8 +513,119 @@ function Ae() {
 	};
 }
 //#endregion
+//#region ../../src/composables/useAiApi.js
+var je = [
+	"我可以帮您优化流程图布局、检查节点逻辑，或者提供流程设计建议。请问有什么需要帮助的？",
+	"这个流程图的节点连接看起来很清晰。建议检查一下是否有遗漏的分支或异常处理路径。",
+	"根据当前的流程结构，我建议在关键决策节点后添加明确的条件标注，使流程更易理解。",
+	"流程图中的泳道划分很合理。如果需要，我可以帮您分析各角色的职责分配是否均衡。",
+	"我可以帮您检查流程中是否存在循环依赖或死锁风险。需要我逐条分析吗？",
+	"建议在流程开始和结束节点使用统一的样式，这样可以让读者更快识别流程的起止点。",
+	"这个执行图的逻辑链路比较长，建议在中间添加一些检查点节点，便于流程监控和调试。",
+	"我可以帮您生成流程图的文字说明文档，方便团队成员理解流程细节。"
+];
+function Me() {
+	return je[Math.floor(Math.random() * je.length)];
+}
+async function Ne(e, t, n) {
+	let r = { "Content-Type": "application/json" };
+	e.apiKey && (r.Authorization = `Bearer ${e.apiKey}`);
+	let i = await fetch(e.url, {
+		method: "POST",
+		headers: r,
+		body: JSON.stringify({
+			model: e.model || "gpt-4o-mini",
+			messages: t,
+			temperature: e.temperature ?? .7,
+			max_tokens: e.maxTokens ?? 4096
+		}),
+		signal: n
+	});
+	if (!i.ok) {
+		let e = await i.text().catch(() => "");
+		throw Error(`AI API error ${i.status}: ${e}`);
+	}
+	return (await i.json()).choices?.[0]?.message?.content || "";
+}
+function Pe(e) {
+	let t = _(!1), n = null, r = () => {
+		let t = typeof e == "function" ? e() : e;
+		return !!(t && t.url);
+	}, i = () => typeof e == "function" ? e() : e || {};
+	return {
+		loading: t,
+		isAvailable: r,
+		chat: async (e, r = []) => {
+			let a = i();
+			if (!a.url) return Me();
+			t.value = !0, n && n.abort(), n = new AbortController();
+			try {
+				return await Ne(a, [
+					{
+						role: "system",
+						content: a.chatPrompt || "你是一个有帮助的AI助手，擅长文档编辑和流程设计。请简洁回答用户问题。"
+					},
+					...r.map((e) => ({
+						role: e.role === "ai" ? "assistant" : "user",
+						content: e.content
+					})),
+					{
+						role: "user",
+						content: e
+					}
+				], n.signal);
+			} catch (e) {
+				return e.name === "AbortError" ? "" : (console.warn("[useAiApi] Chat error, falling back to mock:", e), Me());
+			} finally {
+				t.value = !1;
+			}
+		},
+		generate: async (e, r) => {
+			let a = i();
+			if (!a.url) return {
+				success: !1,
+				message: "AI生成功能开发中，敬请期待..."
+			};
+			t.value = !0, n && n.abort(), n = new AbortController();
+			try {
+				let t = await Ne(a, [{
+					role: "system",
+					content: a.generatePrompt || `你是一个专业的${r || "流程图"}生成助手。根据用户的描述，生成对应的JSON数据结构。只返回JSON，不要包含其他文字或markdown代码块标记。`
+				}, {
+					role: "user",
+					content: e
+				}], n.signal), i = null;
+				try {
+					let e = t.replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/i, "").trim();
+					i = JSON.parse(e);
+				} catch {
+					i = null;
+				}
+				return {
+					success: !0,
+					content: t,
+					parsed: i
+				};
+			} catch (e) {
+				return e.name === "AbortError" ? {
+					success: !1,
+					message: "已取消"
+				} : (console.warn("[useAiApi] Generate error:", e), {
+					success: !1,
+					message: `AI生成失败: ${e.message}`
+				});
+			} finally {
+				t.value = !1;
+			}
+		},
+		abort: () => {
+			n &&= (n.abort(), null);
+		}
+	};
+}
+//#endregion
 //#region ../../src/composables/useVersionHistory.js
-var je = "/api/document-versions", Me = 5e3, Ne = () => {
+var Fe = "/api/document-versions", Ie = 5e3, Le = () => {
 	let e = _([]), t = _(!1);
 	return {
 		versions: e,
@@ -522,13 +633,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 		saveVersion: async ({ documentId: e, docType: t, content: n, userId: r, userName: i }) => {
 			if (!e || !t || !n) return null;
 			try {
-				let { data: a } = await Y.post(je, {
+				let { data: a } = await Y.post(Fe, {
 					document_id: e,
 					doc_type: t,
 					content: typeof n == "string" ? n : JSON.stringify(n),
 					user_id: r || null,
 					user_name: i || null
-				}, { timeout: Me });
+				}, { timeout: Ie });
 				return a;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to save version:", e), null;
@@ -538,9 +649,9 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			if (!n) return [];
 			t.value = !0;
 			try {
-				let { data: t } = await Y.get(je, {
+				let { data: t } = await Y.get(Fe, {
 					params: { document_id: n },
-					timeout: Me
+					timeout: Ie
 				});
 				return e.value = t, t;
 			} catch (t) {
@@ -551,26 +662,26 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 		},
 		getVersionContent: async (e) => {
 			try {
-				let { data: t } = await Y.get(`${je}/${e}`, { timeout: Me });
+				let { data: t } = await Y.get(`${Fe}/${e}`, { timeout: Ie });
 				return t;
 			} catch (e) {
 				return console.warn("[useVersionHistory] Failed to get version content:", e), null;
 			}
 		}
 	};
-}, Pe = { class: "version-history-panel" }, Fe = {
+}, Re = { class: "version-history-panel" }, ze = {
 	key: 0,
 	class: "loading-state"
-}, Ie = {
+}, Be = {
 	key: 1,
 	class: "empty-state"
-}, Le = {
+}, Ve = {
 	key: 2,
 	class: "version-list"
-}, Re = {
+}, He = {
 	key: 0,
 	class: "current-version"
-}, ze = { class: "current-version-header" }, Be = { class: "version-number" }, Ve = ["onClick"], He = { class: "version-number" }, Ue = { class: "version-user" }, We = { class: "panel-footer" }, Ge = /*#__PURE__*/ Z({
+}, Ue = { class: "current-version-header" }, We = { class: "version-number" }, Ge = ["onClick"], Ke = { class: "version-number" }, qe = { class: "version-user" }, Je = { class: "panel-footer" }, Ye = /*#__PURE__*/ X({
 	__name: "VersionHistoryPanel",
 	props: {
 		modelValue: {
@@ -584,7 +695,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 	},
 	emits: ["update:modelValue", "apply"],
 	setup(t, { expose: c, emit: l }) {
-		let u = t, f = l, { versions: p, loading: m, loadVersions: g, getVersionContent: b } = Ne(), T = _(!1), E = _(null), D = _(!1), O = _(null);
+		let u = t, f = l, { versions: p, loading: m, loadVersions: g, getVersionContent: b } = Le(), T = _(!1), E = _(null), D = _(!1), O = _(null);
 		C(() => u.modelValue, (e) => {
 			T.value = e, e && u.documentId && (E.value = null, g(u.documentId).then((e) => {
 				e && e.length > 0 && (O.value = e[0]);
@@ -606,7 +717,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			}
 		}, M = () => {
 			T.value = !1;
-		}, N = (e) => {
+		}, ee = (e) => {
 			if (!e) return "";
 			let t = new Date(e), n = (e) => String(e).padStart(2, "0");
 			return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
@@ -621,7 +732,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				size: "420px",
 				"before-close": M
 			}, {
-				footer: w(() => [a("div", We, [s(_, {
+				footer: w(() => [a("div", Je, [s(_, {
 					type: "primary",
 					disabled: !E.value,
 					loading: D.value,
@@ -630,25 +741,25 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 					default: w(() => [...c[4] ||= [o(" 切换到此版本 ", -1)]]),
 					_: 1
 				}, 8, ["disabled", "loading"])])]),
-				default: w(() => [a("div", Pe, [S(m) ? (h(), i("div", Fe, [s(l, { class: "is-loading" }, {
-					default: w(() => [s(S(ee))]),
+				default: w(() => [a("div", Re, [S(m) ? (h(), i("div", ze, [s(l, { class: "is-loading" }, {
+					default: w(() => [s(S(V))]),
 					_: 1
-				}), c[1] ||= a("span", null, "加载中...", -1)])) : S(p).length === 0 ? (h(), i("div", Ie, [s(l, {
+				}), c[1] ||= a("span", null, "加载中...", -1)])) : S(p).length === 0 ? (h(), i("div", Be, [s(l, {
 					size: 48,
 					color: "#c0c4cc"
 				}, {
-					default: w(() => [s(S(I))]),
+					default: w(() => [s(S(F))]),
 					_: 1
-				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (h(), i("div", Le, [O.value ? (h(), i("div", Re, [a("div", ze, [s(u, {
+				}), c[2] ||= a("p", null, "暂无历史版本", -1)])) : (h(), i("div", Ve, [O.value ? (h(), i("div", He, [a("div", Ue, [s(u, {
 					type: "success",
 					size: "small"
 				}, {
 					default: w(() => [...c[3] ||= [o("当前版本", -1)]]),
 					_: 1
-				}), a("span", Be, "v" + x(O.value.version_number), 1)])])) : r("", !0), s(g, null, {
+				}), a("span", We, "v" + x(O.value.version_number), 1)])])) : r("", !0), s(g, null, {
 					default: w(() => [(h(!0), i(e, null, v(S(p), (e) => (h(), n(f, {
 						key: e.id,
-						timestamp: N(e.created_at),
+						timestamp: ee(e.created_at),
 						placement: "top",
 						type: E.value?.id === e.id ? "primary" : "",
 						hollow: E.value?.id !== e.id
@@ -656,7 +767,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						default: w(() => [a("div", {
 							class: d(["version-item", { active: E.value?.id === e.id }]),
 							onClick: (t) => k(e)
-						}, [a("span", He, "版本号：v" + x(e.version_number), 1), a("span", Ue, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Ve)]),
+						}, [a("span", Ke, "版本号：v" + x(e.version_number), 1), a("span", qe, "提交人：" + x(e.user_name || "未知用户"), 1)], 10, Ge)]),
 						_: 2
 					}, 1032, [
 						"timestamp",
@@ -669,13 +780,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			}, 8, ["modelValue"]);
 		};
 	}
-}, [["__scopeId", "data-v-87924b7c"]]), Ke = { class: "toolbar" }, qe = { class: "toolbar-left" }, Je = { class: "toolbar-center" }, Ye = { class: "group-popover" }, Xe = { class: "group-popover-header" }, Ze = { class: "group-list" }, Qe = ["onClick"], $e = { class: "group-name" }, et = { class: "group-item-actions" }, tt = {
+}, [["__scopeId", "data-v-87924b7c"]]), Xe = { class: "toolbar" }, Ze = { class: "toolbar-left" }, Qe = { class: "toolbar-center" }, $e = { class: "group-popover" }, et = { class: "group-popover-header" }, tt = { class: "group-list" }, nt = ["onClick"], rt = { class: "group-name" }, it = { class: "group-item-actions" }, at = {
 	key: 1,
 	class: "group-empty"
-}, nt = { class: "toolbar-right" }, rt = {
+}, ot = { class: "toolbar-right" }, st = {
 	key: 0,
 	class: "collab-users"
-}, it = ["title"], at = /*#__PURE__*/ Z({
+}, ct = ["title"], lt = /*#__PURE__*/ X({
 	__name: "Toolbar",
 	props: {
 		title: {
@@ -707,6 +818,14 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 		showHistory: {
 			type: Boolean,
 			default: !1
+		},
+		showBackButton: {
+			type: Boolean,
+			default: !0
+		},
+		titleDisabled: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	emits: [
@@ -734,7 +853,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			},
 			polyline: {
 				label: "折线",
-				icon: R
+				icon: L
 			},
 			"right-angle": {
 				label: "直角折线",
@@ -742,19 +861,19 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			},
 			curve: {
 				label: "曲线",
-				icon: J
+				icon: ae
 			},
 			wave: {
 				label: "波浪线",
-				icon: J
+				icon: ae
 			},
 			dashed: {
 				label: "虚线",
-				icon: W
+				icon: U
 			},
 			dotted: {
 				label: "点线",
-				icon: K
+				icon: ne
 			},
 			dashdot: {
 				label: "点划线",
@@ -762,27 +881,29 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			}
 		}, m = t(() => p[l.lineStyle]?.label || "引线"), g = t(() => p[l.lineStyle]?.icon || q);
 		return (t, l) => {
-			let p = y("el-icon"), _ = y("el-button"), C = y("el-input"), T = y("el-tooltip"), D = y("el-divider"), O = y("el-dropdown-item"), k = y("el-dropdown-menu"), A = y("el-dropdown"), j = y("el-badge"), P = y("el-tag"), V = y("el-popover");
-			return h(), i("div", Ke, [
-				a("div", qe, [s(_, {
+			let p = y("el-icon"), _ = y("el-button"), C = y("el-input"), T = y("el-tooltip"), D = y("el-divider"), O = y("el-dropdown-item"), k = y("el-dropdown-menu"), A = y("el-dropdown"), j = y("el-badge"), N = y("el-tag"), z = y("el-popover");
+			return h(), i("div", Xe, [
+				a("div", Ze, [c.showBackButton ? (h(), n(_, {
+					key: 0,
 					onClick: l[0] ||= (e) => t.$emit("back"),
 					size: "small",
 					circle: ""
 				}, {
 					default: w(() => [s(p, null, {
-						default: w(() => [s(S(N))]),
+						default: w(() => [s(S(ee))]),
 						_: 1
 					})]),
 					_: 1
-				}), s(C, {
+				})) : r("", !0), s(C, {
 					modelValue: u.value,
 					"onUpdate:modelValue": l[1] ||= (e) => u.value = e,
 					onBlur: l[2] ||= (e) => t.$emit("update:title", u.value),
+					disabled: c.titleDisabled,
 					placeholder: "输入标题",
 					class: "title-input",
 					size: "small"
-				}, null, 8, ["modelValue"])]),
-				a("div", Je, [
+				}, null, 8, ["modelValue", "disabled"])]),
+				a("div", Qe, [
 					s(T, {
 						content: "添加标注",
 						placement: "bottom"
@@ -793,7 +914,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 							onClick: l[3] ||= (e) => t.$emit("add-annotation")
 						}, {
 							default: w(() => [s(p, null, {
-								default: w(() => [s(S(U))]),
+								default: w(() => [s(S(H))]),
 								_: 1
 							})]),
 							_: 1
@@ -822,7 +943,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "polyline" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(R))]),
+										default: w(() => [s(S(L))]),
 										_: 1
 									}), l[15] ||= o("折线 ", -1)]),
 									_: 1
@@ -842,7 +963,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "curve" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(J))]),
+										default: w(() => [s(S(ae))]),
 										_: 1
 									}), l[17] ||= o("曲线 ", -1)]),
 									_: 1
@@ -852,7 +973,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "wave" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(J))]),
+										default: w(() => [s(S(ae))]),
 										_: 1
 									}), l[18] ||= o("波浪线 ", -1)]),
 									_: 1
@@ -863,7 +984,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "dashed" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(W))]),
+										default: w(() => [s(S(U))]),
 										_: 1
 									}), l[19] ||= o("虚线 ", -1)]),
 									_: 1
@@ -873,7 +994,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									class: d({ "is-active": c.lineStyle === "dotted" })
 								}, {
 									default: w(() => [s(p, null, {
-										default: w(() => [s(S(K))]),
+										default: w(() => [s(S(ne))]),
 										_: 1
 									}), l[20] ||= o("点线 ", -1)]),
 									_: 1
@@ -908,7 +1029,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						_: 1
 					}),
 					s(D, { direction: "vertical" }),
-					s(V, {
+					s(z, {
 						placement: "bottom",
 						width: 280,
 						trigger: "click"
@@ -929,15 +1050,15 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 							]),
 							_: 1
 						})]),
-						default: w(() => [a("div", Ye, [
-							a("div", Xe, [s(_, {
+						default: w(() => [a("div", $e, [
+							a("div", et, [s(_, {
 								size: "small",
 								onClick: l[5] ||= (e) => t.$emit("add-group", "new"),
 								type: "primary",
 								plain: ""
 							}, {
 								default: w(() => [s(p, null, {
-									default: w(() => [s(S(te))]),
+									default: w(() => [s(S(G))]),
 									_: 1
 								}), l[23] ||= o("新建分组 ", -1)]),
 								_: 1
@@ -947,7 +1068,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 								onClick: l[6] ||= (e) => t.$emit("clear-group-filter")
 							}, {
 								default: w(() => [s(p, null, {
-									default: w(() => [s(S(L))]),
+									default: w(() => [s(S(I))]),
 									_: 1
 								}), l[24] ||= o("显示全部 ", -1)]),
 								_: 1
@@ -956,20 +1077,20 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 								key: 0,
 								style: { margin: "8px 0" }
 							})) : r("", !0),
-							a("div", Ze, [(h(!0), i(e, null, v(c.groups, (e) => (h(), i("div", {
+							a("div", tt, [(h(!0), i(e, null, v(c.groups, (e) => (h(), i("div", {
 								key: e.id,
 								class: d(["group-item", { active: c.activeGroupId === e.id }])
 							}, [a("div", {
 								class: "group-item-main",
 								onClick: (n) => t.$emit("group-action", "filter", e.id)
-							}, [a("span", $e, x(e.name), 1), c.activeGroupId === e.id ? (h(), n(P, {
+							}, [a("span", rt, x(e.name), 1), c.activeGroupId === e.id ? (h(), n(N, {
 								key: 0,
 								size: "small",
 								type: "primary"
 							}, {
 								default: w(() => [...l[25] ||= [o("筛选", -1)]]),
 								_: 1
-							})) : r("", !0)], 8, Qe), a("div", et, [
+							})) : r("", !0)], 8, nt), a("div", it, [
 								s(T, {
 									content: "展开/折叠",
 									placement: "top"
@@ -997,7 +1118,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 										onClick: E((n) => t.$emit("group-action", "color", e.id), ["stop"])
 									}, {
 										default: w(() => [s(p, null, {
-											default: w(() => [s(S(F))]),
+											default: w(() => [s(S(P))]),
 											_: 1
 										})]),
 										_: 1
@@ -1015,7 +1136,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 										onClick: E((n) => t.$emit("group-action", "delete", e.id), ["stop"])
 									}, {
 										default: w(() => [s(p, null, {
-											default: w(() => [s(S(z))]),
+											default: w(() => [s(S(te))]),
 											_: 1
 										})]),
 										_: 1
@@ -1023,18 +1144,18 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 									_: 2
 								}, 1024)
 							])], 2))), 128))]),
-							c.groups.length ? r("", !0) : (h(), i("div", tt, "暂无分组"))
+							c.groups.length ? r("", !0) : (h(), i("div", at, "暂无分组"))
 						])]),
 						_: 1
 					})
 				]),
-				a("div", nt, [
-					c.onlineUsers.length > 0 ? (h(), i("div", rt, [(h(!0), i(e, null, v(c.onlineUsers.slice(0, 5), (e) => (h(), i("div", {
+				a("div", ot, [
+					c.onlineUsers.length > 0 ? (h(), i("div", st, [(h(!0), i(e, null, v(c.onlineUsers.slice(0, 5), (e) => (h(), i("div", {
 						key: e.clientId,
 						class: "collab-avatar",
 						style: f({ background: e.color }),
 						title: e.name
-					}, x(e.name?.charAt(0)), 13, it))), 128))])) : r("", !0),
+					}, x(e.name?.charAt(0)), 13, ct))), 128))])) : r("", !0),
 					c.isJoinMode ? r("", !0) : (h(), n(_, {
 						key: 1,
 						size: "small",
@@ -1055,7 +1176,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						title: "分享链接"
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(H))]),
+							default: w(() => [s(S(B))]),
 							_: 1
 						})]),
 						_: 1
@@ -1119,7 +1240,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 							onClick: l[10] ||= (e) => t.$refs.jsonInput.click()
 						}, {
 							default: w(() => [s(p, null, {
-								default: w(() => [s(S(ae))]),
+								default: w(() => [s(S(oe))]),
 								_: 1
 							})]),
 							_: 1
@@ -1138,7 +1259,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						onClick: l[12] ||= (e) => t.$emit("save")
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(B))]),
+							default: w(() => [s(S(R))]),
 							_: 1
 						})]),
 						_: 1
@@ -1151,7 +1272,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 						onClick: l[13] ||= (e) => t.$emit("history")
 					}, {
 						default: w(() => [s(p, null, {
-							default: w(() => [s(S(I))]),
+							default: w(() => [s(S(F))]),
 							_: 1
 						})]),
 						_: 1
@@ -1160,7 +1281,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-081fbd64"]]), ot = ["src"], st = ["onMousedown"], ct = {
+}, [["__scopeId", "data-v-1c493741"]]), ut = ["src"], dt = ["onMousedown"], ft = {
 	class: "leader-line-svg",
 	style: {
 		left: 0,
@@ -1168,13 +1289,13 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 		width: "100%",
 		height: "100%"
 	}
-}, lt = ["id", "fill"], ut = [
+}, pt = ["id", "fill"], mt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"marker-start"
-], dt = ["onMousedown"], ft = ["onBlur"], pt = ["onMousedown"], mt = ["onMousedown"], ht = ["onMousedown"], gt = /*#__PURE__*/ Z({
+], ht = ["onMousedown"], gt = ["onBlur"], _t = ["onMousedown"], vt = ["onMousedown"], yt = ["onMousedown"], bt = /*#__PURE__*/ X({
 	__name: "AnnotationCanvas",
 	props: {
 		imageUrl: String,
@@ -1240,50 +1361,50 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				r.background = `rgba(${parseInt(n.slice(1, 3), 16)}, ${parseInt(n.slice(3, 5), 16)}, ${parseInt(n.slice(5, 7), 16)}, ${t})`;
 			}
 			return r;
-		}, N = (e) => ({ background: e.numberColor || e.color || "#e74c3c" }), P = (e) => {
+		}, ee = (e) => ({ background: e.numberColor || e.color || "#e74c3c" }), N = (e) => {
 			let t = {
 				fontFamily: e.fontFamily || "inherit",
 				fontSize: e.fontSize ? e.fontSize + "px" : "inherit"
 			};
 			return e.textColor && (t.color = e.textColor), e.fontWeight === "bold" ? t.fontWeight = "bold" : e.fontWeight === "bolder" && (t.fontWeight = "bolder"), e.fontStyle === "italic" && (t.fontStyle = "italic"), e.fontStyle === "oblique" && (t.fontStyle = "oblique"), e.textDecoration === "underline" ? t.textDecoration = "underline" : e.textDecoration === "line-through" ? t.textDecoration = "line-through" : e.textDecoration === "underline line-through" && (t.textDecoration = "underline line-through"), t;
-		}, F = (e) => ({
+		}, P = (e) => ({
 			left: e.x + "%",
 			top: e.y + "%"
-		}), I = (e) => {
+		}), F = (e) => {
 			let t = {
 				left: e.x + "%",
 				top: e.y + "%",
 				background: e.color || "#e74c3c"
 			};
 			return e.pointStyle === "square" ? t.borderRadius = "2px" : e.pointStyle === "diamond" ? (t.borderRadius = "2px", t.transform = "translate(-50%, -50%) rotate(45deg)") : e.pointStyle === "arrow" && (t.background = "transparent", t.border = "none", t.width = "0", t.height = "0", t.boxShadow = "none"), t;
-		}, L = null, R = null, z = (e, t) => {
-			l("select", e), R = "label", C.value = e.id, b.value = !0, L = {
+		}, I = null, L = null, te = (e, t) => {
+			l("select", e), L = "label", C.value = e.id, b.value = !0, I = {
 				ann: e,
 				startX: t.clientX,
 				startY: t.clientY,
 				origLabelX: e.labelX || 0,
 				origLabelY: e.labelY || 0
-			}, document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
-		}, B = (e, t) => {
-			l("select", e), R = "dot", C.value = e.id, b.value = !0, L = {
+			}, document.addEventListener("mousemove", z), document.addEventListener("mouseup", B);
+		}, R = (e, t) => {
+			l("select", e), L = "dot", C.value = e.id, b.value = !0, I = {
 				ann: e,
 				startX: t.clientX,
 				startY: t.clientY,
 				origX: e.x,
 				origY: e.y
-			}, document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
-		}, V = (e) => {
-			if (!L) return;
-			let t = e.clientX - L.startX, n = e.clientY - L.startY;
-			if (R === "label") L.ann.labelX = L.origLabelX + t, L.ann.labelY = L.origLabelY + n;
-			else if (R === "dot") {
+			}, document.addEventListener("mousemove", z), document.addEventListener("mouseup", B);
+		}, z = (e) => {
+			if (!I) return;
+			let t = e.clientX - I.startX, n = e.clientY - I.startY;
+			if (L === "label") I.ann.labelX = I.origLabelX + t, I.ann.labelY = I.origLabelY + n;
+			else if (L === "dot") {
 				let e = u.value;
 				if (!e) return;
-				let r = e.querySelector(".image-wrapper").getBoundingClientRect(), i = Math.max(0, Math.min(100, L.origX + t / r.width * 100)), a = Math.max(0, Math.min(100, L.origY + n / r.height * 100));
-				L.ann.x = Math.round(i * 10) / 10, L.ann.y = Math.round(a * 10) / 10;
+				let r = e.querySelector(".image-wrapper").getBoundingClientRect(), i = Math.max(0, Math.min(100, I.origX + t / r.width * 100)), a = Math.max(0, Math.min(100, I.origY + n / r.height * 100));
+				I.ann.x = Math.round(i * 10) / 10, I.ann.y = Math.round(a * 10) / 10;
 			}
-		}, H = () => {
-			b.value = !1, C.value = null, L = null, R = null, l("change"), document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", H);
+		}, B = () => {
+			b.value = !1, C.value = null, I = null, L = null, l("change"), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B);
 		};
 		return r({ recalculateSize: k }), (t, r) => {
 			let o = y("el-icon");
@@ -1305,7 +1426,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				ref: p,
 				class: "annotation-image",
 				draggable: "false"
-			}, null, 40, ot), (h(!0), i(e, null, v(T.value, (e) => (h(), i("div", {
+			}, null, 40, ut), (h(!0), i(e, null, v(T.value, (e) => (h(), i("div", {
 				key: e.id,
 				class: d(["annotation-group", {
 					selected: n.selectedId === e.id,
@@ -1313,7 +1434,7 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 				}]),
 				onMousedown: E((n) => t.$emit("select", e), ["stop"])
 			}, [
-				(h(), i("svg", ct, [a("defs", null, [a("marker", {
+				(h(), i("svg", ft, [a("defs", null, [a("marker", {
 					id: "arrow-start-" + e.id,
 					markerWidth: "10",
 					markerHeight: "7",
@@ -1321,58 +1442,58 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 					refY: "3.5",
 					orient: "auto",
 					fill: e.lineColor || (n.selectedId === e.id ? "#409EFF" : e.color || "#e74c3c")
-				}, [...r[2] ||= [a("polygon", { points: "10 0, 0 3.5, 10 7" }, null, -1)]], 8, lt)]), a("path", {
+				}, [...r[2] ||= [a("polygon", { points: "10 0, 0 3.5, 10 7" }, null, -1)]], 8, pt)]), a("path", {
 					d: j(e),
 					fill: "none",
 					stroke: e.lineColor || (n.selectedId === e.id ? "#409EFF" : e.color || "#e74c3c"),
 					"stroke-width": e.strokeWidth || 1.5,
 					"stroke-dasharray": D.value,
 					"marker-start": e.pointStyle === "arrow" ? `url(#arrow-start-${e.id})` : ""
-				}, null, 8, ut)])),
+				}, null, 8, mt)])),
 				a("div", {
 					class: d(["annotation-label", { dragging: b.value && C.value === e.id }]),
 					style: f(M(e)),
-					onMousedown: E((t) => z(e, t), ["stop"])
+					onMousedown: E((t) => te(e, t), ["stop"])
 				}, [a("span", {
 					class: "annotation-number",
-					style: f(N(e))
+					style: f(ee(e))
 				}, x(e.number), 5), a("span", {
 					class: "annotation-text",
-					style: f(P(e)),
+					style: f(N(e)),
 					contenteditable: "",
 					onBlur: (t) => {
 						e.text = t.target.textContent, l("change");
 					},
 					onMousedown: r[0] ||= E(() => {}, ["stop"])
-				}, x(e.text), 45, ft)], 46, dt),
+				}, x(e.text), 45, gt)], 46, ht),
 				e.pointStyle === "flag" ? (h(), i("div", {
 					key: 0,
 					class: "annotation-flag",
-					style: f(F(e)),
-					onMousedown: E((t) => B(e, t), ["stop"])
+					style: f(P(e)),
+					onMousedown: E((t) => R(e, t), ["stop"])
 				}, [a("div", {
 					class: "flag-pole",
 					style: f({ background: e.color || "#e74c3c" })
 				}, null, 4), a("div", {
 					class: "flag-cloth",
 					style: f({ background: e.color || "#e74c3c" })
-				}, null, 4)], 44, pt)) : e.pointStyle === "arrow" ? (h(), i("div", {
+				}, null, 4)], 44, _t)) : e.pointStyle === "arrow" ? (h(), i("div", {
 					key: 2,
 					class: d(["annotation-dot arrow-point", { dragging: b.value && C.value === e.id }]),
-					style: f(I(e)),
-					onMousedown: E((t) => B(e, t), ["stop"])
-				}, null, 46, ht)) : (h(), i("div", {
+					style: f(F(e)),
+					onMousedown: E((t) => R(e, t), ["stop"])
+				}, null, 46, yt)) : (h(), i("div", {
 					key: 1,
 					class: d(["annotation-dot", [e.pointStyle || "circle", { dragging: b.value && C.value === e.id }]]),
-					style: f(I(e)),
-					onMousedown: E((t) => B(e, t), ["stop"])
-				}, null, 46, mt))
-			], 42, st))), 128))], 4)) : (h(), i("div", {
+					style: f(F(e)),
+					onMousedown: E((t) => R(e, t), ["stop"])
+				}, null, 46, vt))
+			], 42, dt))), 128))], 4)) : (h(), i("div", {
 				key: 1,
 				class: "upload-placeholder",
 				onClick: r[1] ||= (e) => t.$emit("upload-image")
 			}, [s(o, { size: "48" }, {
-				default: w(() => [s(S(oe))]),
+				default: w(() => [s(S(J))]),
 				_: 1
 			}), r[3] ||= a("p", null, "点击上传图片", -1)]))], 2);
 		};
@@ -1380,8 +1501,8 @@ var je = "/api/document-versions", Me = 5e3, Ne = () => {
 }, [["__scopeId", "data-v-d9ef76f4"]]);
 //#endregion
 //#region ../../src/composables/useExplosionCollaboration.js
-function _t(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
-	let r = new X.Doc(), i = _(!1), a = _(!1), o = _(!1), s = _(!1), c = _([]), l = null, u = null, d = null, f = null, p = !1, h = null, g = `ws://${window.location.hostname || "localhost"}:1234`, v = `${t}-${e}`, y = () => {
+function xt(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
+	let r = new se.Doc(), i = _(!1), a = _(!1), o = _(!1), s = _(!1), c = _([]), l = null, u = null, d = null, f = null, p = !1, h = null, g = `ws://${window.location.hostname || "localhost"}:1234`, v = `${t}-${e}`, y = () => {
 		b(), h = setInterval(() => {
 			if (l && l.connection && l.connection.ws && l.connection.ws.readyState === WebSocket.CLOSED) try {
 				l.connect();
@@ -1392,7 +1513,7 @@ function _t(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
 	}, b = () => {
 		h &&= (clearInterval(h), null);
 	};
-	l = new se({
+	l = new ce({
 		url: g,
 		name: v,
 		document: r,
@@ -1495,8 +1616,8 @@ function _t(e, { roomPrefix: t, syncKey: n = "_data" } = {}) {
 }
 //#endregion
 //#region ../../src/composables/useExplosionImageCollaboration.js
-var vt = (e, { onRemoteChange: t } = {}) => {
-	let n = _t(e, {
+var St = (e, { onRemoteChange: t } = {}) => {
+	let n = xt(e, {
 		roomPrefix: "explosion-image",
 		syncKey: "_data"
 	});
@@ -1525,39 +1646,78 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 		pushToYjs: r,
 		pullFromYjs: i
 	};
-}, yt = { class: "explosion-image-editor" }, bt = { class: "editor-body" }, xt = { class: "canvas-area" }, St = { class: "props-panel" }, Ct = { class: "prop-row" }, wt = { class: "prop-row" }, Tt = { class: "prop-row" }, Et = { class: "prop-row" }, Dt = { class: "prop-row" }, Ot = { class: "prop-row" }, kt = { class: "prop-row" }, At = { class: "prop-row" }, jt = { class: "prop-row" }, Mt = { class: "prop-row" }, Nt = { class: "prop-row" }, Pt = { class: "prop-row" }, Ft = { class: "font-style-btns" }, It = { class: "prop-row" }, Lt = { class: "font-style-btns" }, Rt = { class: "prop-row" }, zt = { class: "prop-row" }, Bt = { class: "prop-row" }, Vt = { class: "prop-row" }, Ht = {
+}, Ct = { class: "explosion-image-editor" }, wt = { class: "editor-body" }, Tt = { class: "canvas-area" }, Et = { class: "props-panel" }, Dt = { class: "prop-row" }, Ot = { class: "prop-row" }, kt = { class: "prop-row" }, At = { class: "prop-row" }, jt = { class: "prop-row" }, Mt = { class: "prop-row" }, Nt = { class: "prop-row" }, Pt = { class: "prop-row" }, Ft = { class: "prop-row" }, It = { class: "prop-row" }, Lt = { class: "prop-row" }, Rt = { class: "prop-row" }, zt = { class: "font-style-btns" }, Bt = { class: "prop-row" }, Vt = { class: "font-style-btns" }, Ht = { class: "prop-row" }, Ut = { class: "prop-row" }, Wt = { class: "prop-row" }, Gt = { class: "prop-row" }, Kt = {
 	key: 0,
 	class: "prop-row filter-info"
-}, Ut = {
+}, qt = {
 	key: 1,
 	class: "no-selection"
-}, Wt = { class: "color-dialog-body" }, Gt = "explosion-image", Kt = /*#__PURE__*/ Z({
+}, Jt = { class: "color-dialog-body" }, Yt = "explosion-image", Xt = /*#__PURE__*/ X({
 	__name: "ExplosionImageEditor",
+	props: {
+		docId: {
+			type: [Number, String],
+			default: null
+		},
+		apiBase: {
+			type: String,
+			default: "/api"
+		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
+		wsUrl: {
+			type: String,
+			default: ""
+		},
+		user: {
+			type: Object,
+			default: null
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
+		}
+	},
 	setup(c) {
-		let l = O(), u = k(), d = _(null), f = _(null), b = _(!1), T = _(!1), { saveVersion: E } = Ne(), D = Ae(), M = g({
+		let l = c, u = t(() => ({
+			backButton: "show",
+			titleEditable: !0,
+			authorEditable: !0,
+			...l.uiConfig
+		})), d = t(() => l.docId ?? f.params.id), f = O(), b = k(), T = _(l.docId ?? null), E = _(null), D = _(!1), M = _(!1), { saveVersion: ee } = Le(), N = Ae(), P = Pe(() => l.aiApi), F = g({
 			title: "图片标注",
 			imageUrl: "",
 			annotations: [],
 			groups: []
-		}), N = _(!1), P = _(!1), F = _(!1), I = null, R = _("straight"), z = _(null), B = _(null), H = _(null), ee = 0, U = _(null), W = _([]), G = t(() => U.value ? M.annotations.filter((e) => e.groupId === U.value) : M.annotations), K = () => f.value?.click(), te = async (e) => {
+		}), L = _(!1), te = _(!1), R = _(!1), B = null, V = _("straight"), H = _(null), U = _(null), W = _(null), ne = 0, G = _(null), K = _([]), re = t(() => G.value ? F.annotations.filter((e) => e.groupId === G.value) : F.annotations), q = () => E.value?.click(), ie = async (e) => {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FormData();
 			n.append("file", t);
 			try {
-				let e = await Y.post("/api/files/upload/image", n);
-				M.imageUrl = e.data.url || e.data.file_path, $();
+				let e = await Y.post(`${l.apiBase}/files/upload/image`, n);
+				F.imageUrl = e.data.url || e.data.file_path, $();
 			} catch {
 				A.error("上传失败");
 			}
-		}, ne = () => {
-			if (!M.imageUrl) {
+		}, ae = () => {
+			if (!F.imageUrl) {
 				A.warning("请先上传图片");
 				return;
 			}
-			let e = M.annotations.reduce((e, t) => Math.max(e, t.number), 0);
-			M.annotations.push({
-				id: `ann-${++ee}-${Date.now()}`,
+			let e = F.annotations.reduce((e, t) => Math.max(e, t.number), 0);
+			F.annotations.push({
+				id: `ann-${++ne}-${Date.now()}`,
 				number: e + 1,
 				text: "",
 				x: 50,
@@ -1579,113 +1739,128 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 				textDecoration: "",
 				groupId: ""
 			}), $();
-		}, re = (e) => {
-			z.value = e.id, B.value = e;
-		}, q = (e, t) => {
-			B.value && (B.value[e] === t ? B.value[e] = "" : B.value[e] = t);
-		}, ie = () => {
-			B.value && (B.value.fontFamily = "", B.value.fontSize = 13, B.value.fontWeight = "", B.value.fontStyle = "", B.value.textDecoration = "");
-		}, J = () => {
-			M.annotations = M.annotations.filter((e) => e.id !== z.value), z.value = null, B.value = null, $();
-		}, ae = (e) => {
+		}, oe = (e) => {
+			H.value = e.id, U.value = e;
+		}, J = (e, t) => {
+			U.value && (U.value[e] === t ? U.value[e] = "" : U.value[e] = t);
+		}, se = () => {
+			U.value && (U.value.fontFamily = "", U.value.fontSize = 13, U.value.fontWeight = "", U.value.fontStyle = "", U.value.textDecoration = "");
+		}, ce = () => {
+			F.annotations = F.annotations.filter((e) => e.id !== H.value), H.value = null, U.value = null, $();
+		}, X = (e) => {
 			e === "new" && j.prompt("分组名称", "新建分组", { inputPlaceholder: "名称" }).then(({ value: e }) => {
-				e && (M.groups.push({
+				e && (F.groups.push({
 					id: `grp-${Date.now()}`,
 					name: e
 				}), $());
 			}).catch(() => {});
-		}, oe = (e, t) => {
-			e === "filter" ? U.value = U.value === t ? null : t : e === "collapse" ? le(t) : e === "color" ? (se.value = t, X.value = !0) : e === "delete" && j.confirm("确定删除该分组？分组内的标注将保留，但分组关系将被移除。", "删除分组", { type: "warning" }).then(() => {
-				M.annotations.forEach((e) => {
+		}, le = (e, t) => {
+			e === "filter" ? G.value = G.value === t ? null : t : e === "collapse" ? fe(t) : e === "color" ? (ue.value = t, Z.value = !0) : e === "delete" && j.confirm("确定删除该分组？分组内的标注将保留，但分组关系将被移除。", "删除分组", { type: "warning" }).then(() => {
+				F.annotations.forEach((e) => {
 					e.groupId === t && (e.groupId = "");
-				}), M.groups = M.groups.filter((e) => e.id !== t), U.value === t && (U.value = null), A.success("分组已删除"), $();
+				}), F.groups = F.groups.filter((e) => e.id !== t), G.value === t && (G.value = null), A.success("分组已删除"), $();
 			}).catch(() => {});
-		}, X = _(!1), se = _(null), Z = _("#e74c3c"), ce = () => {
-			M.annotations.forEach((e) => {
-				e.groupId === se.value && (e.color = Z.value, e.numberColor = Z.value, e.lineColor = Z.value, e.textColor = Z.value);
-			}), X.value = !1, A.success("颜色已更新"), $();
-		}, le = (e) => {
-			let t = W.value.indexOf(e);
-			t === -1 ? W.value.push(e) : W.value.splice(t, 1);
-		}, ue = () => {
-			U.value = null, W.value = [];
-		}, Q = async () => {
-			if (N.value && I?.collaborationClosed.value && !F.value) {
+		}, Z = _(!1), ue = _(null), Q = _("#e74c3c"), de = () => {
+			F.annotations.forEach((e) => {
+				e.groupId === ue.value && (e.color = Q.value, e.numberColor = Q.value, e.lineColor = Q.value, e.textColor = Q.value);
+			}), Z.value = !1, A.success("颜色已更新"), $();
+		}, fe = (e) => {
+			let t = K.value.indexOf(e);
+			t === -1 ? K.value.push(e) : K.value.splice(t, 1);
+		}, pe = () => {
+			G.value = null, K.value = [];
+		}, me = async () => {
+			if (L.value && B?.collaborationClosed.value && !R.value) {
 				A.warning("协作已关闭，无法保存");
 				return;
 			}
 			try {
 				let e = {
-					title: M.title,
+					title: F.title,
 					view_type: "image",
 					config: JSON.stringify({
-						imageUrl: M.imageUrl,
-						annotations: M.annotations,
-						groups: M.groups,
-						lineStyle: R.value
+						imageUrl: F.imageUrl,
+						annotations: F.annotations,
+						groups: F.groups,
+						lineStyle: V.value
 					})
 				};
-				d.value ? await Y.put(`/api/explosion-views/${d.value}`, e) : d.value = (await Y.post("/api/explosion-views/", e)).data.id, A.success("保存成功"), E({
-					documentId: d.value,
+				if (typeof l.saveApi == "function") {
+					let t = await l.saveApi(e, T.value);
+					t?.id && (T.value = t.id);
+				} else if (typeof l.saveApi == "string") T.value ? await Y.put(l.saveApi, e) : T.value = (await Y.post(l.saveApi, e)).data.id;
+				else {
+					let t = l.apiBase;
+					T.value ? await Y.put(`${t}/explosion-views/${T.value}`, e) : T.value = (await Y.post(`${t}/explosion-views/`, e)).data.id;
+				}
+				A.success("保存成功"), ee({
+					documentId: T.value,
 					docType: "image",
 					content: JSON.stringify({
-						imageUrl: M.imageUrl,
-						annotations: M.annotations,
-						groups: M.groups,
-						lineStyle: R.value
+						imageUrl: F.imageUrl,
+						annotations: F.annotations,
+						groups: F.groups,
+						lineStyle: V.value
 					}),
-					userId: String(D.currentUser.value?.id || ""),
-					userName: D.currentUser.value?.name || "未知"
+					userId: String(N.currentUser.value?.id || ""),
+					userName: N.currentUser.value?.name || "未知"
 				});
 			} catch {
 				A.error("保存失败");
 			}
-		}, de = async () => {
-			if (l.params.id) try {
-				let e = (await Y.get(`/api/explosion-views/${l.params.id}`)).data;
-				if (d.value = e.id, M.title = e.title, e.config) {
+		}, he = async () => {
+			if (d.value) try {
+				let e;
+				if (typeof l.loadApi == "function") e = await l.loadApi(d.value);
+				else if (typeof l.loadApi == "string") e = (await Y.get(l.loadApi)).data;
+				else {
+					let t = l.apiBase;
+					e = (await Y.get(`${t}/explosion-views/${d.value}`)).data;
+				}
+				if (T.value = e.id, F.title = e.title, e.config) {
 					let t = JSON.parse(e.config);
-					M.imageUrl = t.imageUrl || "", M.annotations = t.annotations || [], M.groups = t.groups || [], R.value = t.lineStyle || "straight";
+					F.imageUrl = t.imageUrl || "", F.annotations = t.annotations || [], F.groups = t.groups || [], V.value = t.lineStyle || "straight";
 				}
 			} catch (e) {
 				console.error(e);
 			}
-		}, fe = () => u.push("/"), pe = [
-			"我可以帮您优化图片标注、检查注释内容，或者提供标注建议。请问有什么需要帮助的？",
-			"这张图片的标注很详细。建议检查标注线条是否清晰，避免与其他标注重叠。",
-			"根据当前的标注内容，我建议为关键部件添加更详细的文字说明。",
-			"我可以帮您检查标注中是否有遗漏的区域或重复的编号。需要我逐个分析吗？",
-			"建议使用不同颜色的标注来区分不同类别的部件，提高可读性。",
-			"图片标注的分组功能可以帮助您管理复杂的标注。建议按功能模块进行分组。",
-			"我可以帮您将标注信息整理成表格，方便后续查阅和修改。",
-			"标注的连线样式建议统一，直线适合简单标注，折线适合复杂场景。"
-		], me = async (e, t = {}) => {
-			let n = d.value ? `${Gt}-${d.value}` : null;
-			await D.sendMessage(e, {
+		}, ge = () => {
+			l.docId ?? b.push("/");
+		}, _e = async (e, t = {}) => {
+			let n = T.value ? `${Yt}-${T.value}` : null;
+			await N.sendMessage(e, {
 				...t,
 				roomId: n
 			});
-			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = D.collabUsers.value.filter((e) => e.name !== D.currentUser.value.name);
-			(!r || i || a.length === 0) && (D.loading.value = !0, setTimeout(() => {
-				D.sendAiMessage(pe[Math.floor(Math.random() * pe.length)], n), D.loading.value = !1;
-			}, 800 + Math.random() * 1200));
-		}, he = () => {
-			let e = d.value ? `${Gt}-${d.value}` : null;
-			D.clearMessages(e);
-		}, ge = () => {
-			if (!d.value) {
+			let r = t.mentionedUser, i = r && r.toLowerCase().includes("ai"), a = N.collabUsers.value.filter((e) => e.name !== N.currentUser.value.name);
+			if (!r || i || a.length === 0) {
+				N.loading.value = !0;
+				try {
+					let t = await P.chat(e, N.messages.value);
+					N.sendAiMessage(t, n);
+				} catch (e) {
+					N.sendAiMessage("AI 请求失败: " + (e.message || "未知错误"), n);
+				} finally {
+					N.loading.value = !1;
+				}
+			}
+		}, ve = () => {
+			let e = T.value ? `${Yt}-${T.value}` : null;
+			N.clearMessages(e);
+		}, ye = () => {
+			if (!T.value) {
 				A.warning("请先保存文档");
 				return;
 			}
-			T.value = !0;
-		}, _e = (e) => {
+			M.value = !0;
+		}, be = (e) => {
 			try {
 				let t = typeof e == "string" ? JSON.parse(e) : e;
-				t.imageUrl && (M.imageUrl = t.imageUrl), t.annotations && (M.annotations = t.annotations), t.groups && (M.groups = t.groups), t.lineStyle && (R.value = t.lineStyle), z.value = null, B.value = null;
+				t.imageUrl && (F.imageUrl = t.imageUrl), t.annotations && (F.annotations = t.annotations), t.groups && (F.groups = t.groups), t.lineStyle && (V.value = t.lineStyle), H.value = null, U.value = null;
 			} catch (e) {
 				console.error("Version apply error:", e);
 			}
-		}, ve = (e) => {
+		}, xe = (e) => {
 			if (e === "png" || e === "png-filtered") {
 				let t = document.querySelector(".annotation-image");
 				if (!t) return A.error("未找到图片");
@@ -1693,11 +1868,11 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 				n.width = t.naturalWidth, n.height = t.naturalHeight;
 				let r = n.getContext("2d");
 				r.drawImage(t, 0, 0);
-				let i = n.width / t.clientWidth, a = n.height / t.clientHeight, o = Math.max(i, a), s = e === "png-filtered" ? G.value : M.annotations, c = [
+				let i = n.width / t.clientWidth, a = n.height / t.clientHeight, o = Math.max(i, a), s = e === "png-filtered" ? re.value : F.annotations, c = [
 					"dashed",
 					"dotted",
 					"dashdot"
-				].includes(R.value) ? "straight" : R.value, l = s.map((e) => {
+				].includes(V.value) ? "straight" : V.value, l = s.map((e) => {
 					let t = e.x / 100 * n.width, r = e.y / 100 * n.height;
 					return {
 						ann: e,
@@ -1752,20 +1927,20 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					}
 				}), n.toBlob((e) => {
 					let t = document.createElement("a");
-					t.href = URL.createObjectURL(e), t.download = `${M.title || "图片标注"}.png`, t.click();
+					t.href = URL.createObjectURL(e), t.download = `${F.title || "图片标注"}.png`, t.click();
 				});
-			} else e === "json" ? ye() : A.info(`导出 ${e} 开发中`);
-		}, ye = () => {
+			} else e === "json" ? Se() : A.info(`导出 ${e} 开发中`);
+		}, Se = () => {
 			let e = {
-				title: M.title,
-				imageUrl: M.imageUrl,
-				annotations: M.annotations,
-				groups: M.groups,
-				lineStyle: R.value,
+				title: F.title,
+				imageUrl: F.imageUrl,
+				annotations: F.annotations,
+				groups: F.groups,
+				lineStyle: V.value,
 				exportTime: (/* @__PURE__ */ new Date()).toISOString()
 			}, t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), n = document.createElement("a");
-			n.href = URL.createObjectURL(t), n.download = `${M.title || "爆炸图"}.json`, n.click(), A.success("JSON已导出");
-		}, be = (e) => {
+			n.href = URL.createObjectURL(t), n.download = `${F.title || "爆炸图"}.json`, n.click(), A.success("JSON已导出");
+		}, Ce = (e) => {
 			let t = e.target.files[0];
 			if (!t) return;
 			let n = new FileReader();
@@ -1776,84 +1951,84 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 						A.error("JSON格式无效：缺少图片或标注数据");
 						return;
 					}
-					M.title = t.title || "图片标注", M.imageUrl = t.imageUrl || "", M.annotations = t.annotations || [], M.groups = t.groups || [], R.value = t.lineStyle || "straight", z.value = null, B.value = null, $(), A.success("导入成功");
+					F.title = t.title || "图片标注", F.imageUrl = t.imageUrl || "", F.annotations = t.annotations || [], F.groups = t.groups || [], V.value = t.lineStyle || "straight", H.value = null, U.value = null, $(), A.success("导入成功");
 				} catch {
 					A.error("JSON解析失败，请检查文件格式");
 				}
 			}, n.readAsText(t), e.target.value = "";
 		}, $ = () => {
-			N.value && I && I.pushToYjs(M);
+			L.value && B && B.pushToYjs(F);
 		};
-		C(B, () => {
+		C(U, () => {
 			$();
 		}, { deep: !0 });
-		let xe = (e) => {
-			I &&= (I.destroy(), null), I = vt(e, { onRemoteChange: (e) => {
-				e.title && (M.title = e.title), e.imageUrl && (M.imageUrl = e.imageUrl), e.annotations && (M.annotations = e.annotations), e.groups && (M.groups = e.groups);
-			} }), I._setSyncReady(!1);
-		}, Se = async () => {
-			if (N.value) return;
-			if (!d.value && (await Q(), !d.value)) {
+		let we = (e) => {
+			B &&= (B.destroy(), null), B = St(e, { onRemoteChange: (e) => {
+				e.title && (F.title = e.title), e.imageUrl && (F.imageUrl = e.imageUrl), e.annotations && (F.annotations = e.annotations), e.groups && (F.groups = e.groups);
+			} }), B._setSyncReady(!1);
+		}, Te = async () => {
+			if (L.value) return;
+			if (!T.value && (await me(), !T.value)) {
 				A.error("请先保存文档");
 				return;
 			}
-			xe(String(d.value)), I.connect();
+			we(String(T.value)), B.connect();
 			let e = {
 				name: `用户${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, t = () => {
-				if (I.provider && I.provider.synced) {
-					I._setSyncReady(!0), I.setLocalUser(e);
-					let t = I.pullFromYjs();
-					t ? (t.title && (M.title = t.title), t.imageUrl && (M.imageUrl = t.imageUrl), t.annotations && (M.annotations = t.annotations), t.groups && (M.groups = t.groups)) : (M.annotations.length > 0 || M.imageUrl) && I.pushToYjs(M), N.value = !0, F.value = !0, P.value = !1, D.setCollabContext({
-						ydoc: I.ydoc,
-						provider: I.provider,
-						onlineUsers: I.onlineUsers
-					}), D.setCurrentUser({
-						id: I.provider.awareness.clientID,
+				if (B.provider && B.provider.synced) {
+					B._setSyncReady(!0), B.setLocalUser(e);
+					let t = B.pullFromYjs();
+					t ? (t.title && (F.title = t.title), t.imageUrl && (F.imageUrl = t.imageUrl), t.annotations && (F.annotations = t.annotations), t.groups && (F.groups = t.groups)) : (F.annotations.length > 0 || F.imageUrl) && B.pushToYjs(F), L.value = !0, R.value = !0, te.value = !1, N.setCollabContext({
+						ydoc: B.ydoc,
+						provider: B.provider,
+						onlineUsers: B.onlineUsers
+					}), N.setCurrentUser({
+						id: B.provider.awareness.clientID,
 						name: e.name,
 						color: e.color
 					}), A.success("协作已开启");
 				} else setTimeout(t, 100);
 			};
 			setTimeout(t, 200);
-		}, Ce = () => {
-			I && (I.closeCollaboration(), N.value = !1, F.value = !1, A.info("协作已关闭"));
-		}, we = () => {
-			let e = l.params.id;
+		}, Ee = () => {
+			B && (B.closeCollaboration(), L.value = !1, R.value = !1, A.info("协作已关闭"));
+		}, De = () => {
+			let e = f.params.id;
 			if (!e) return;
-			xe(e), I.connect();
+			we(e), B.connect();
 			let t = {
 				name: `协作人${Math.floor(Math.random() * 1e3)}`,
 				color: `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`
 			}, n = () => {
-				if (I.provider && I.provider.synced) {
-					if (I.checkCollaborationClosed()) {
-						I.disconnect(), N.value = !1, A.warning("该协作已关闭，无法加入");
+				if (B.provider && B.provider.synced) {
+					if (B.checkCollaborationClosed()) {
+						B.disconnect(), L.value = !1, A.warning("该协作已关闭，无法加入");
 						return;
 					}
-					I._setSyncReady(!0), I.setLocalUser(t);
-					let e = I.pullFromYjs();
-					e && (e.title && (M.title = e.title), e.imageUrl && (M.imageUrl = e.imageUrl), e.annotations && (M.annotations = e.annotations), e.groups && (M.groups = e.groups)), N.value = !0, F.value = !1, D.setCollabContext({
-						ydoc: I.ydoc,
-						provider: I.provider,
-						onlineUsers: I.onlineUsers
-					}), D.setCurrentUser({
-						id: I.provider.awareness.clientID,
+					B._setSyncReady(!0), B.setLocalUser(t);
+					let e = B.pullFromYjs();
+					e && (e.title && (F.title = e.title), e.imageUrl && (F.imageUrl = e.imageUrl), e.annotations && (F.annotations = e.annotations), e.groups && (F.groups = e.groups)), L.value = !0, R.value = !1, N.setCollabContext({
+						ydoc: B.ydoc,
+						provider: B.provider,
+						onlineUsers: B.onlineUsers
+					}), N.setCurrentUser({
+						id: B.provider.awareness.clientID,
 						name: t.name,
 						color: t.color
 					}), A.success("已加入协作");
 				} else setTimeout(n, 100);
 			};
 			setTimeout(n, 200);
-		}, Te = () => {
-			N.value ? Ce() : Se();
-		}, Ee = async () => {
-			if (N.value || await Se(), !d.value && (await Q(), !d.value)) {
+		}, Oe = () => {
+			L.value ? Ee() : Te();
+		}, je = async () => {
+			if (L.value || await Te(), !T.value && (await me(), !T.value)) {
 				A.warning("请先保存文档后再分享");
 				return;
 			}
-			let e = `${window.location.origin}/explosion-image/${d.value}?collab=1`;
+			let e = `${window.location.origin}/explosion-image/${T.value}?collab=1`;
 			try {
 				await navigator.clipboard.writeText(e), A.success("协作链接已复制到剪贴板");
 			} catch {
@@ -1861,44 +2036,46 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 			}
 		};
 		p(async () => {
-			let e = localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
-			localStorage.setItem("editor-user-name", e), D.setCurrentUser({
-				id: Date.now(),
+			let e = l.user?.name || localStorage.getItem("editor-user-name") || `用户${Math.floor(Math.random() * 1e3)}`;
+			localStorage.setItem("editor-user-name", e), N.setCurrentUser({
+				id: l.user?.id || Date.now(),
 				name: e,
-				color: "#409eff"
-			}), await de(), l.params.id && l.query.collab === "1" && we();
+				color: l.user?.color || "#409eff"
+			}), await he(), d.value && f.query.collab === "1" && De();
 		});
-		let De = (e) => {
-			e.key === "Delete" && z.value && J();
+		let Me = (e) => {
+			e.key === "Delete" && H.value && ce();
 		};
-		return p(() => document.addEventListener("keydown", De)), m(() => {
-			document.removeEventListener("keydown", De), I &&= (I.destroy(), null);
+		return p(() => document.addEventListener("keydown", Me)), m(() => {
+			document.removeEventListener("keydown", Me), B &&= (B.destroy(), null);
 		}), (t, c) => {
-			let u = y("el-input-number"), p = y("el-input"), m = y("el-color-picker"), g = y("el-option"), _ = y("el-select"), C = y("el-slider"), E = y("el-button"), O = y("el-icon"), k = y("el-tag"), A = y("el-dialog"), j = y("Monitor");
-			return h(), i("div", yt, [
-				s(at, {
-					title: M.title,
-					"onUpdate:title": c[0] ||= (e) => M.title = e,
-					"line-style": R.value,
-					groups: M.groups,
-					"active-group-id": U.value,
-					"collapsed-groups": W.value,
-					"is-connected": N.value,
-					"online-users": S(I) ? S(I).onlineUsers.value : [],
-					"is-join-mode": S(l).query.collab === "1",
-					onBack: fe,
-					onAddAnnotation: ne,
-					onSetLineStyle: c[1] ||= (e) => R.value = e,
-					onAddGroup: ae,
-					onGroupAction: oe,
-					onClearGroupFilter: ue,
-					onExport: ve,
-					onImportJson: be,
-					onSave: Q,
-					onToggleCollab: Te,
-					onShareCollab: Ee,
-					"show-history": !!d.value,
-					onHistory: ge
+			let l = y("el-input-number"), d = y("el-input"), p = y("el-color-picker"), m = y("el-option"), g = y("el-select"), _ = y("el-slider"), b = y("el-button"), C = y("el-icon"), O = y("el-tag"), k = y("el-dialog"), A = y("Monitor");
+			return h(), i("div", Ct, [
+				s(lt, {
+					title: F.title,
+					"onUpdate:title": c[0] ||= (e) => F.title = e,
+					"line-style": V.value,
+					groups: F.groups,
+					"active-group-id": G.value,
+					"collapsed-groups": K.value,
+					"is-connected": L.value,
+					"online-users": S(B) ? S(B).onlineUsers.value : [],
+					"is-join-mode": S(f).query.collab === "1",
+					"show-back-button": u.value.backButton === "show",
+					"title-disabled": !u.value.titleEditable,
+					onBack: ge,
+					onAddAnnotation: ae,
+					onSetLineStyle: c[1] ||= (e) => V.value = e,
+					onAddGroup: X,
+					onGroupAction: le,
+					onClearGroupFilter: pe,
+					onExport: xe,
+					onImportJson: Ce,
+					onSave: me,
+					onToggleCollab: Oe,
+					onShareCollab: je,
+					"show-history": !!T.value,
+					onHistory: ye
 				}, null, 8, [
 					"title",
 					"line-style",
@@ -1908,18 +2085,20 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"is-connected",
 					"online-users",
 					"is-join-mode",
+					"show-back-button",
+					"title-disabled",
 					"show-history"
 				]),
-				a("div", bt, [a("div", xt, [s(gt, {
+				a("div", wt, [a("div", Tt, [s(bt, {
 					ref_key: "annotationCanvasRef",
-					ref: H,
-					"image-url": M.imageUrl,
-					annotations: G.value,
-					"collapsed-groups": W.value,
-					"selected-id": z.value,
-					"line-style": R.value,
-					onSelect: re,
-					onUploadImage: K,
+					ref: W,
+					"image-url": F.imageUrl,
+					annotations: re.value,
+					"collapsed-groups": K.value,
+					"selected-id": H.value,
+					"line-style": V.value,
+					onSelect: oe,
+					onUploadImage: q,
 					onChange: $
 				}, null, 8, [
 					"image-url",
@@ -1929,317 +2108,317 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"line-style"
 				]), a("input", {
 					ref_key: "fileInputRef",
-					ref: f,
+					ref: E,
 					type: "file",
 					accept: "image/*",
 					style: { display: "none" },
-					onChange: te
-				}, null, 544)]), a("div", St, [c[58] ||= a("h4", null, "标注属性", -1), B.value ? (h(), i(e, { key: 0 }, [
-					a("div", Ct, [c[31] ||= a("label", null, "编号", -1), s(u, {
-						modelValue: B.value.number,
-						"onUpdate:modelValue": c[2] ||= (e) => B.value.number = e,
+					onChange: ie
+				}, null, 544)]), a("div", Et, [c[58] ||= a("h4", null, "标注属性", -1), U.value ? (h(), i(e, { key: 0 }, [
+					a("div", Dt, [c[31] ||= a("label", null, "编号", -1), s(l, {
+						modelValue: U.value.number,
+						"onUpdate:modelValue": c[2] ||= (e) => U.value.number = e,
 						min: 1,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", wt, [c[32] ||= a("label", null, "文字", -1), s(p, {
-						modelValue: B.value.text,
-						"onUpdate:modelValue": c[3] ||= (e) => B.value.text = e,
+					a("div", Ot, [c[32] ||= a("label", null, "文字", -1), s(d, {
+						modelValue: U.value.text,
+						"onUpdate:modelValue": c[3] ||= (e) => U.value.text = e,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Tt, [c[33] ||= a("label", null, "引线颜色", -1), s(m, {
-						modelValue: B.value.lineColor,
-						"onUpdate:modelValue": c[4] ||= (e) => B.value.lineColor = e,
+					a("div", kt, [c[33] ||= a("label", null, "引线颜色", -1), s(p, {
+						modelValue: U.value.lineColor,
+						"onUpdate:modelValue": c[4] ||= (e) => U.value.lineColor = e,
 						size: "small",
 						"show-alpha": ""
 					}, null, 8, ["modelValue"])]),
-					a("div", Et, [c[34] ||= a("label", null, "标注点样式", -1), s(_, {
-						modelValue: B.value.pointStyle,
-						"onUpdate:modelValue": c[5] ||= (e) => B.value.pointStyle = e,
+					a("div", At, [c[34] ||= a("label", null, "标注点样式", -1), s(g, {
+						modelValue: U.value.pointStyle,
+						"onUpdate:modelValue": c[5] ||= (e) => U.value.pointStyle = e,
 						size: "small"
 					}, {
 						default: w(() => [
-							s(g, {
+							s(m, {
 								label: "圆形",
 								value: "circle"
 							}),
-							s(g, {
+							s(m, {
 								label: "方形",
 								value: "square"
 							}),
-							s(g, {
+							s(m, {
 								label: "菱形",
 								value: "diamond"
 							}),
-							s(g, {
+							s(m, {
 								label: "箭头",
 								value: "arrow"
 							}),
-							s(g, {
+							s(m, {
 								label: "红旗",
 								value: "flag"
 							})
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Dt, [c[35] ||= a("label", null, "标注点颜色", -1), s(m, {
-						modelValue: B.value.color,
-						"onUpdate:modelValue": c[6] ||= (e) => B.value.color = e,
+					a("div", jt, [c[35] ||= a("label", null, "标注点颜色", -1), s(p, {
+						modelValue: U.value.color,
+						"onUpdate:modelValue": c[6] ||= (e) => U.value.color = e,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Ot, [c[36] ||= a("label", null, "编号颜色", -1), s(m, {
-						modelValue: B.value.numberColor,
-						"onUpdate:modelValue": c[7] ||= (e) => B.value.numberColor = e,
+					a("div", Mt, [c[36] ||= a("label", null, "编号颜色", -1), s(p, {
+						modelValue: U.value.numberColor,
+						"onUpdate:modelValue": c[7] ||= (e) => U.value.numberColor = e,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", kt, [c[37] ||= a("label", null, "文字颜色", -1), s(m, {
-						modelValue: B.value.textColor,
-						"onUpdate:modelValue": c[8] ||= (e) => B.value.textColor = e,
+					a("div", Nt, [c[37] ||= a("label", null, "文字颜色", -1), s(p, {
+						modelValue: U.value.textColor,
+						"onUpdate:modelValue": c[8] ||= (e) => U.value.textColor = e,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", At, [c[38] ||= a("label", null, "文字背景色", -1), s(m, {
-						modelValue: B.value.labelBgColor,
-						"onUpdate:modelValue": c[9] ||= (e) => B.value.labelBgColor = e,
+					a("div", Pt, [c[38] ||= a("label", null, "文字背景色", -1), s(p, {
+						modelValue: U.value.labelBgColor,
+						"onUpdate:modelValue": c[9] ||= (e) => U.value.labelBgColor = e,
 						size: "small",
 						"show-alpha": ""
 					}, null, 8, ["modelValue"])]),
-					a("div", jt, [c[39] ||= a("label", null, "背景透明度", -1), s(C, {
-						modelValue: B.value.labelBgOpacity,
-						"onUpdate:modelValue": c[10] ||= (e) => B.value.labelBgOpacity = e,
+					a("div", Ft, [c[39] ||= a("label", null, "背景透明度", -1), s(_, {
+						modelValue: U.value.labelBgOpacity,
+						"onUpdate:modelValue": c[10] ||= (e) => U.value.labelBgOpacity = e,
 						min: 0,
 						max: 100,
 						step: 5,
 						"show-input": "",
 						"input-size": "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Mt, [c[40] ||= a("label", null, "字体", -1), s(_, {
-						modelValue: B.value.fontFamily,
-						"onUpdate:modelValue": c[11] ||= (e) => B.value.fontFamily = e,
+					a("div", It, [c[40] ||= a("label", null, "字体", -1), s(g, {
+						modelValue: U.value.fontFamily,
+						"onUpdate:modelValue": c[11] ||= (e) => U.value.fontFamily = e,
 						size: "small",
 						clearable: ""
 					}, {
 						default: w(() => [
-							s(g, {
+							s(m, {
 								label: "默认",
 								value: ""
 							}),
-							s(g, {
+							s(m, {
 								label: "宋体",
 								value: "SimSun"
 							}),
-							s(g, {
+							s(m, {
 								label: "黑体",
 								value: "SimHei"
 							}),
-							s(g, {
+							s(m, {
 								label: "微软雅黑",
 								value: "Microsoft YaHei"
 							}),
-							s(g, {
+							s(m, {
 								label: "楷体",
 								value: "KaiTi"
 							}),
-							s(g, {
+							s(m, {
 								label: "Arial",
 								value: "Arial"
 							}),
-							s(g, {
+							s(m, {
 								label: "Times New Roman",
 								value: "Times New Roman"
 							})
 						]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					a("div", Nt, [c[41] ||= a("label", null, "字号", -1), s(u, {
-						modelValue: B.value.fontSize,
-						"onUpdate:modelValue": c[12] ||= (e) => B.value.fontSize = e,
+					a("div", Lt, [c[41] ||= a("label", null, "字号", -1), s(l, {
+						modelValue: U.value.fontSize,
+						"onUpdate:modelValue": c[12] ||= (e) => U.value.fontSize = e,
 						min: 10,
 						max: 32,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Pt, [c[46] ||= a("label", null, "字体样式", -1), a("div", Ft, [
-						s(E, {
-							type: B.value.fontWeight === "bold" ? "primary" : "",
+					a("div", Rt, [c[46] ||= a("label", null, "字体样式", -1), a("div", zt, [
+						s(b, {
+							type: U.value.fontWeight === "bold" ? "primary" : "",
 							size: "small",
-							onClick: c[13] ||= (e) => q("fontWeight", "bold")
+							onClick: c[13] ||= (e) => J("fontWeight", "bold")
 						}, {
 							default: w(() => [...c[42] ||= [a("b", null, "B", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.fontWeight === "bolder" ? "primary" : "",
+						s(b, {
+							type: U.value.fontWeight === "bolder" ? "primary" : "",
 							size: "small",
-							onClick: c[14] ||= (e) => q("fontWeight", "bolder")
+							onClick: c[14] ||= (e) => J("fontWeight", "bolder")
 						}, {
 							default: w(() => [...c[43] ||= [a("b", { style: { "font-size": "14px" } }, "B", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.fontStyle === "italic" ? "primary" : "",
+						s(b, {
+							type: U.value.fontStyle === "italic" ? "primary" : "",
 							size: "small",
-							onClick: c[15] ||= (e) => q("fontStyle", "italic")
+							onClick: c[15] ||= (e) => J("fontStyle", "italic")
 						}, {
 							default: w(() => [...c[44] ||= [a("i", null, "I", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.fontStyle === "oblique" ? "primary" : "",
+						s(b, {
+							type: U.value.fontStyle === "oblique" ? "primary" : "",
 							size: "small",
-							onClick: c[16] ||= (e) => q("fontStyle", "oblique")
+							onClick: c[16] ||= (e) => J("fontStyle", "oblique")
 						}, {
 							default: w(() => [...c[45] ||= [a("i", { style: { "font-style": "oblique" } }, "I", -1)]]),
 							_: 1
 						}, 8, ["type"])
 					])]),
-					a("div", It, [c[51] ||= a("label", null, "装饰", -1), a("div", Lt, [
-						s(E, {
-							type: B.value.textDecoration === "underline" ? "primary" : "",
+					a("div", Bt, [c[51] ||= a("label", null, "装饰", -1), a("div", Vt, [
+						s(b, {
+							type: U.value.textDecoration === "underline" ? "primary" : "",
 							size: "small",
-							onClick: c[17] ||= (e) => q("textDecoration", "underline")
+							onClick: c[17] ||= (e) => J("textDecoration", "underline")
 						}, {
 							default: w(() => [...c[47] ||= [a("u", null, "U", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.textDecoration === "line-through" ? "primary" : "",
+						s(b, {
+							type: U.value.textDecoration === "line-through" ? "primary" : "",
 							size: "small",
-							onClick: c[18] ||= (e) => q("textDecoration", "line-through")
+							onClick: c[18] ||= (e) => J("textDecoration", "line-through")
 						}, {
 							default: w(() => [...c[48] ||= [a("s", null, "S", -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
-							type: B.value.textDecoration === "underline line-through" ? "primary" : "",
+						s(b, {
+							type: U.value.textDecoration === "underline line-through" ? "primary" : "",
 							size: "small",
-							onClick: c[19] ||= (e) => q("textDecoration", "underline line-through")
+							onClick: c[19] ||= (e) => J("textDecoration", "underline line-through")
 						}, {
 							default: w(() => [...c[49] ||= [a("u", null, [a("s", null, "U")], -1)]]),
 							_: 1
 						}, 8, ["type"]),
-						s(E, {
+						s(b, {
 							size: "small",
-							onClick: ie
+							onClick: se
 						}, {
 							default: w(() => [...c[50] ||= [o("清除", -1)]]),
 							_: 1
 						})
 					])]),
-					a("div", Rt, [c[52] ||= a("label", null, "X% (点)", -1), s(C, {
-						modelValue: B.value.x,
-						"onUpdate:modelValue": c[20] ||= (e) => B.value.x = e,
+					a("div", Ht, [c[52] ||= a("label", null, "X% (点)", -1), s(_, {
+						modelValue: U.value.x,
+						"onUpdate:modelValue": c[20] ||= (e) => U.value.x = e,
 						min: 0,
 						max: 100,
 						step: .5,
 						"show-input": "",
 						"input-size": "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", zt, [c[53] ||= a("label", null, "Y% (点)", -1), s(C, {
-						modelValue: B.value.y,
-						"onUpdate:modelValue": c[21] ||= (e) => B.value.y = e,
+					a("div", Ut, [c[53] ||= a("label", null, "Y% (点)", -1), s(_, {
+						modelValue: U.value.y,
+						"onUpdate:modelValue": c[21] ||= (e) => U.value.y = e,
 						min: 0,
 						max: 100,
 						step: .5,
 						"show-input": "",
 						"input-size": "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Bt, [c[54] ||= a("label", null, "线宽", -1), s(u, {
-						modelValue: B.value.strokeWidth,
-						"onUpdate:modelValue": c[22] ||= (e) => B.value.strokeWidth = e,
+					a("div", Wt, [c[54] ||= a("label", null, "线宽", -1), s(l, {
+						modelValue: U.value.strokeWidth,
+						"onUpdate:modelValue": c[22] ||= (e) => U.value.strokeWidth = e,
 						min: 1,
 						max: 5,
 						size: "small"
 					}, null, 8, ["modelValue"])]),
-					a("div", Vt, [c[55] ||= a("label", null, "分组", -1), s(_, {
-						modelValue: B.value.groupId,
-						"onUpdate:modelValue": c[23] ||= (e) => B.value.groupId = e,
+					a("div", Gt, [c[55] ||= a("label", null, "分组", -1), s(g, {
+						modelValue: U.value.groupId,
+						"onUpdate:modelValue": c[23] ||= (e) => U.value.groupId = e,
 						size: "small",
 						clearable: ""
 					}, {
-						default: w(() => [(h(!0), i(e, null, v(M.groups, (e) => (h(), n(g, {
+						default: w(() => [(h(!0), i(e, null, v(F.groups, (e) => (h(), n(m, {
 							key: e.id,
 							label: e.name,
 							value: e.id
 						}, null, 8, ["label", "value"]))), 128))]),
 						_: 1
 					}, 8, ["modelValue"])]),
-					U.value ? (h(), i("div", Ht, [s(k, {
+					G.value ? (h(), i("div", Kt, [s(O, {
 						size: "small",
 						type: "info"
 					}, {
-						default: w(() => [o(" 当前筛选: " + x(M.groups.find((e) => e.id === U.value)?.name || "未知分组") + " ", 1), s(O, {
+						default: w(() => [o(" 当前筛选: " + x(F.groups.find((e) => e.id === G.value)?.name || "未知分组") + " ", 1), s(C, {
 							class: "el-tag__close",
-							onClick: ue
+							onClick: pe
 						}, {
-							default: w(() => [s(S(L))]),
+							default: w(() => [s(S(I))]),
 							_: 1
 						})]),
 						_: 1
 					})])) : r("", !0),
-					s(E, {
+					s(b, {
 						size: "small",
 						type: "danger",
-						onClick: J
+						onClick: ce
 					}, {
 						default: w(() => [...c[56] ||= [o("删除", -1)]]),
 						_: 1
 					})
-				], 64)) : (h(), i("div", Ut, [s(O, {
+				], 64)) : (h(), i("div", qt, [s(C, {
 					size: "48",
 					color: "#ccc"
 				}, {
-					default: w(() => [s(S(V))]),
+					default: w(() => [s(S(z))]),
 					_: 1
 				}), c[57] ||= a("p", null, "点击标注进行编辑", -1)]))])]),
-				s(A, {
-					modelValue: X.value,
-					"onUpdate:modelValue": c[26] ||= (e) => X.value = e,
+				s(k, {
+					modelValue: Z.value,
+					"onUpdate:modelValue": c[26] ||= (e) => Z.value = e,
 					title: "批量修改颜色",
 					width: "320px",
 					"show-close": !0
 				}, {
-					footer: w(() => [s(E, { onClick: c[25] ||= (e) => X.value = !1 }, {
+					footer: w(() => [s(b, { onClick: c[25] ||= (e) => Z.value = !1 }, {
 						default: w(() => [...c[60] ||= [o("取消", -1)]]),
 						_: 1
-					}), s(E, {
+					}), s(b, {
 						type: "primary",
-						onClick: ce
+						onClick: de
 					}, {
 						default: w(() => [...c[61] ||= [o("确定", -1)]]),
 						_: 1
 					})]),
-					default: w(() => [a("div", Wt, [c[59] ||= a("span", null, "选择颜色：", -1), s(m, {
-						modelValue: Z.value,
-						"onUpdate:modelValue": c[24] ||= (e) => Z.value = e,
+					default: w(() => [a("div", Jt, [c[59] ||= a("span", null, "选择颜色：", -1), s(p, {
+						modelValue: Q.value,
+						"onUpdate:modelValue": c[24] ||= (e) => Q.value = e,
 						"show-alpha": ""
 					}, null, 8, ["modelValue"])])]),
 					_: 1
 				}, 8, ["modelValue"]),
-				s(E, {
+				s(b, {
 					class: "ai-chat-fab",
-					type: b.value ? "primary" : "default",
+					type: D.value ? "primary" : "default",
 					circle: "",
 					size: "large",
-					onClick: c[27] ||= (e) => b.value = !b.value,
+					onClick: c[27] ||= (e) => D.value = !D.value,
 					title: "AI助手"
 				}, {
-					default: w(() => [s(O, null, {
-						default: w(() => [s(j)]),
+					default: w(() => [s(C, null, {
+						default: w(() => [s(A)]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["type"]),
 				s(ke, {
-					visible: b.value,
-					messages: S(D).messages.value,
-					loading: S(D).loading.value,
-					"is-collab": S(D).isCollabMode.value,
-					"collab-users": S(D).collabUsers.value,
-					"current-user": S(D).currentUser.value,
-					"is-owner": F.value,
-					onSend: me,
-					onClose: c[28] ||= (e) => b.value = !1,
-					"unread-mention": S(D).unreadMention.value,
-					onClearUnread: c[29] ||= (e) => S(D).clearUnreadMention(),
-					onClear: he
+					visible: D.value,
+					messages: S(N).messages.value,
+					loading: S(N).loading.value,
+					"is-collab": S(N).isCollabMode.value,
+					"collab-users": S(N).collabUsers.value,
+					"current-user": S(N).currentUser.value,
+					"is-owner": R.value,
+					onSend: _e,
+					onClose: c[28] ||= (e) => D.value = !1,
+					"unread-mention": S(N).unreadMention.value,
+					onClearUnread: c[29] ||= (e) => S(N).clearUnreadMention(),
+					onClear: ve
 				}, null, 8, [
 					"visible",
 					"messages",
@@ -2250,16 +2429,16 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 					"is-owner",
 					"unread-mention"
 				]),
-				s(Ge, {
-					modelValue: T.value,
-					"onUpdate:modelValue": c[30] ||= (e) => T.value = e,
-					"document-id": d.value,
-					onApply: _e
+				s(Ye, {
+					modelValue: M.value,
+					"onUpdate:modelValue": c[30] ||= (e) => M.value = e,
+					"document-id": T.value,
+					onApply: be
 				}, null, 8, ["modelValue", "document-id"])
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8aef20c7"]]), qt = c({
+}, [["__scopeId", "data-v-e25c1b61"]]), Zt = c({
 	name: "YourCompanyExplosionImage",
 	props: {
 		docId: {
@@ -2270,6 +2449,14 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 			type: String,
 			default: "/api"
 		},
+		saveApi: {
+			type: [String, Function],
+			default: null
+		},
+		loadApi: {
+			type: [String, Function],
+			default: null
+		},
 		wsUrl: {
 			type: String,
 			default: ""
@@ -2285,14 +2472,22 @@ var vt = (e, { onRemoteChange: t } = {}) => {
 		roomId: {
 			type: String,
 			default: ""
+		},
+		uiConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		aiApi: {
+			type: [String, Object],
+			default: null
 		}
 	},
 	setup(e, { slots: t }) {
 		return () => l("div", {
 			class: "yourcompany-explosion-image-wrapper",
 			style: "position:relative"
-		}, [l(Kt, { ...e }), l(D)]);
+		}, [l(Xt, { ...e }), l(D)]);
 	}
 });
 //#endregion
-export { qt as default };
+export { Zt as default };