@templatical/editor 0.14.0 → 0.15.0

package/dist/{cloud-CoFDm9YA.js → cloud-BQusL53H.js}

@@ -1,5 +1,5 @@
-import { J as e, L as t, X as n, Y as r, d as i, q as a } from "./vue.runtime.esm-bundler-BPa483TZ.js";
-import { d as o, i as s } from "./dist-BctFrpeA.js";
+import { I as e, J as t, K as n, Y as r, q as i, s as a } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
+import { d as o, i as s } from "./dist-BibU4HNl.js";
 //#region ../core/dist/cloud/index.js
 var c = class e {
 	static DEFAULT_BASE_URL = "https://templatical.com";
@@ -52,7 +52,7 @@ var c = class e {
 		return this.accessToken && !this.isTokenExpiringSoon() ? this.accessToken : this.refreshToken();
 	}
 	isTokenExpiringSoon() {
-		return this.expiresAt ? this.expiresAt.getTime() - Date.now() < e.REFRESH_THRESHOLD_MS : !0;
+		return !this.expiresAt || this.expiresAt.getTime() - Date.now() < e.REFRESH_THRESHOLD_MS;
 	}
 	async refreshToken() {
 		if (this.refreshPromise) return this.refreshPromise;
@@ -434,10 +434,10 @@ function b(e, t) {
 function x(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function S(t) {
-	let n = new _(t.authManager), a = e({
+function S(e) {
+	let n = new _(e.authManager), r = i({
 		template: null,
-		content: o(t.defaultFontFamily, t.templateDefaults),
+		content: o(e.defaultFontFamily, e.templateDefaults),
 		selectedBlockId: null,
 		viewport: "desktop",
 		darkMode: !1,
@@ -446,13 +446,13 @@ function S(t) {
 		isSaving: !1,
 		isLoading: !1,
 		uiTheme: "auto"
-	}), c = i({
-		get: () => a.content,
+	}), c = a({
+		get: () => r.content,
 		set: (e) => {
-			a.content = e, a.isDirty = !0;
+			r.content = e, r.isDirty = !0;
 		}
-	}), l = i(() => a.selectedBlockId ? d(a.content.blocks, a.selectedBlockId) : null), u = i(() => {
-		let e = /* @__PURE__ */ new Set(), t = a.template?.content?.blocks;
+	}), l = a(() => r.selectedBlockId ? d(r.content.blocks, r.selectedBlockId) : null), u = a(() => {
+		let e = /* @__PURE__ */ new Set(), t = r.template?.content?.blocks;
 		if (!t) return e;
 		for (let n of t) if (e.add(n.id), n.type === "section") for (let t of n.children) for (let n of t) e.add(n.id);
 		return e;
@@ -482,121 +482,121 @@ function S(t) {
 		}
 		return null;
 	}
-	function p(e) {
-		return t.lockedBlocks?.value.has(e) ?? !1;
+	function p(t) {
+		return e.lockedBlocks?.value.has(t) ?? !1;
 	}
 	function m(e, t = !0) {
-		a.content = e, t && (a.isDirty = !0);
+		r.content = e, t && (r.isDirty = !0);
 	}
 	function h(e) {
-		e && p(e) || (a.selectedBlockId = e);
+		e && p(e) || (r.selectedBlockId = e);
 	}
 	function g(e) {
-		a.viewport = e;
+		r.viewport = e;
 	}
 	function v(e) {
-		a.darkMode = e;
+		r.darkMode = e;
 	}
 	function y(e) {
-		a.uiTheme = e;
+		r.uiTheme = e;
 	}
 	function b(e) {
-		a.previewMode = e, e && (a.selectedBlockId = null);
+		r.previewMode = e, e && (r.selectedBlockId = null);
 	}
 	function S(e, t) {
 		if (p(e)) return;
-		let n = d(a.content.blocks, e);
-		n && (Object.assign(n, t), a.isDirty = !0);
+		let n = d(r.content.blocks, e);
+		n && (Object.assign(n, t), r.isDirty = !0);
 	}
 	function C(e) {
-		a.content.settings = {
-			...a.content.settings,
+		r.content.settings = {
+			...r.content.settings,
 			...e
-		}, a.isDirty = !0;
+		}, r.isDirty = !0;
 	}
-	function w(e, t, n = 0, r) {
+	function w(e, t, n = 0, i) {
 		if (t) {
-			let i = d(a.content.blocks, t);
-			if (i && i.type === "section") {
-				i.children[n] = i.children[n] || [];
-				let t = i.children[n];
-				r !== void 0 && r < t.length ? t.splice(r, 0, e) : t.push(e);
+			let a = d(r.content.blocks, t);
+			if (a && a.type === "section") {
+				a.children[n] = a.children[n] || [];
+				let t = a.children[n];
+				i !== void 0 && i < t.length ? t.splice(i, 0, e) : t.push(e);
 			}
-		} else r !== void 0 && r < a.content.blocks.length ? a.content.blocks.splice(r, 0, e) : a.content.blocks.push(e);
-		a.isDirty = !0;
+		} else i !== void 0 && i < r.content.blocks.length ? r.content.blocks.splice(i, 0, e) : r.content.blocks.push(e);
+		r.isDirty = !0;
 	}
 	function T(e) {
 		if (p(e)) return;
-		let t = f(a.content.blocks, e);
+		let t = f(r.content.blocks, e);
 		if (t) {
 			let n = t.blocks.findIndex((t) => t.id === e);
-			n !== -1 && (t.blocks.splice(n, 1), a.selectedBlockId === e && (a.selectedBlockId = null), a.isDirty = !0);
+			n !== -1 && (t.blocks.splice(n, 1), r.selectedBlockId === e && (r.selectedBlockId = null), r.isDirty = !0);
 		}
 	}
-	function E(e, t, n, r = 0) {
-		let i = f(a.content.blocks, e);
-		if (!i) return;
-		let o = i.blocks.findIndex((t) => t.id === e);
+	function E(e, t, n, i = 0) {
+		let a = f(r.content.blocks, e);
+		if (!a) return;
+		let o = a.blocks.findIndex((t) => t.id === e);
 		if (o === -1) return;
 		let s;
 		if (n) {
-			let e = d(a.content.blocks, n);
-			if (!e || e.type !== "section" || r < 0 || r >= x(e.columns)) return;
-			e.children[r] = e.children[r] || [], s = e.children[r];
-		} else s = a.content.blocks;
-		let [c] = i.blocks.splice(o, 1);
-		s.splice(t, 0, c), a.isDirty = !0;
-	}
-	async function D(e) {
-		a.isLoading = !0;
+			let e = d(r.content.blocks, n);
+			if (!e || e.type !== "section" || i < 0 || i >= x(e.columns)) return;
+			e.children[i] = e.children[i] || [], s = e.children[i];
+		} else s = r.content.blocks;
+		let [c] = a.blocks.splice(o, 1);
+		s.splice(t, 0, c), r.isDirty = !0;
+	}
+	async function D(t) {
+		r.isLoading = !0;
 		try {
-			e && (a.content = e);
-			let t = await n.createTemplate(a.content);
-			return a.template = t, a.isDirty = !1, t;
-		} catch (e) {
-			throw t.onError?.(e), e;
+			t && (r.content = t);
+			let e = await n.createTemplate(r.content);
+			return r.template = e, r.isDirty = !1, e;
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
-			a.isLoading = !1;
+			r.isLoading = !1;
 		}
 	}
-	async function O(e) {
-		a.isLoading = !0;
+	async function O(t) {
+		r.isLoading = !0;
 		try {
-			let t = await n.getTemplate(e);
-			return a.template = t, a.content = t.content, a.isDirty = !1, t;
-		} catch (e) {
-			throw t.onError?.(e), e;
+			let e = await n.getTemplate(t);
+			return r.template = e, r.content = e.content, r.isDirty = !1, e;
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
-			a.isLoading = !1;
+			r.isLoading = !1;
 		}
 	}
 	async function k() {
-		if (!a.template?.id) throw new s("No template loaded. Call create() or load() before saving.");
-		a.isSaving = !0;
+		if (!r.template?.id) throw new s("No template loaded. Call create() or load() before saving.");
+		r.isSaving = !0;
 		try {
-			let e = await n.updateTemplate(a.template.id, a.content);
-			return a.template = e, a.isDirty = !1, e;
-		} catch (e) {
-			throw t.onError?.(e), e;
+			let e = await n.updateTemplate(r.template.id, r.content);
+			return r.template = e, r.isDirty = !1, e;
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
-			a.isSaving = !1;
+			r.isSaving = !1;
 		}
 	}
 	async function A() {
-		if (a.template?.id) try {
-			await n.createSnapshot(a.template.id, a.content);
-		} catch (e) {
-			throw t.onError?.(e), e;
+		if (r.template?.id) try {
+			await n.createSnapshot(r.template.id, r.content);
+		} catch (t) {
+			throw e.onError?.(t), t;
 		}
 	}
 	function j() {
-		return a.template?.id !== void 0;
+		return r.template?.id !== void 0;
 	}
 	function M() {
-		a.isDirty = !0;
+		r.isDirty = !0;
 	}
 	function N(e) {
-		let t = f(a.content.blocks, e);
+		let t = f(r.content.blocks, e);
 		if (!t) return null;
 		let n = t.blocks.findIndex((t) => t.id === e);
 		return n === -1 ? null : {
@@ -606,7 +606,7 @@ function S(t) {
 		};
 	}
 	return {
-		state: r(a),
+		state: t(r),
 		content: c,
 		selectedBlock: l,
 		savedBlockIds: u,
@@ -636,7 +636,7 @@ function w() {
 	return `msg_${Date.now()}_${++C}`;
 }
 function T(e) {
-	let { authManager: t, getTemplateId: r, onApply: i, onError: a } = e, o = n([]), s = n(!1), c = n(!1), u = n(null), d = n(null), f = n(null), p = n(null), m = n(null), h = n(null), _ = n(!1), v = n([]), y = n(!1);
+	let { authManager: t, getTemplateId: n, onApply: i, onError: a } = e, o = r([]), s = r(!1), c = r(!1), u = r(null), d = r(null), f = r(null), p = r(null), m = r(null), h = r(null), _ = r(!1), v = r([]), y = r(!1);
 	function b(e, t) {
 		let n = o.value.findIndex((t) => t.id === e);
 		if (n === -1) return;
@@ -651,7 +651,7 @@ function T(e) {
 		];
 	}
 	async function x() {
-		let e = r();
+		let e = n();
 		if (e) {
 			c.value = !0;
 			try {
@@ -676,16 +676,16 @@ function T(e) {
 			}
 		}
 	}
-	async function S(e, n) {
-		let i = r();
+	async function S(e, r) {
+		let i = n();
 		if (i) {
 			y.value = !0;
 			try {
-				let r = l(g["ai.suggestions"], {
+				let n = l(g["ai.suggestions"], {
 					project: t.projectId,
 					tenant: t.tenantSlug,
 					template: i
-				}), a = await t.authenticatedFetch(r, {
+				}), a = await t.authenticatedFetch(n, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
@@ -693,7 +693,7 @@ function T(e) {
 					},
 					body: JSON.stringify({
 						current_content: e,
-						merge_tags: n.map((e) => ({
+						merge_tags: r.map((e) => ({
 							label: e.label,
 							value: e.value
 						}))
@@ -725,8 +725,8 @@ function T(e) {
 			}
 		}
 	}
-	async function C(e, n, c) {
-		let y = r();
+	async function C(e, r, c) {
+		let y = n();
 		if (!y) throw Error("Template must be saved before using AI generation");
 		s.value = !0, u.value = null, d.value = null, v.value = [];
 		let x = w();
@@ -744,11 +744,11 @@ function T(e) {
 			timestamp: Date.now()
 		}];
 		try {
-			let r = l(g["ai.generate"], {
+			let n = l(g["ai.generate"], {
 				project: t.projectId,
 				tenant: t.tenantSlug,
 				template: y
-			}), a = await t.authenticatedFetch(r, {
+			}), a = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -756,7 +756,7 @@ function T(e) {
 				},
 				body: JSON.stringify({
 					prompt: e,
-					current_content: n,
+					current_content: r,
 					merge_tags: c.map((e) => ({
 						label: e.label,
 						value: e.value
@@ -776,19 +776,19 @@ function T(e) {
 					let { done: e, value: t } = await s.read();
 					if (e) break;
 					v += d.decode(t, { stream: !0 });
-					let r = v.split("\n");
-					v = r.pop() ?? "";
-					for (let e of r) {
+					let n = v.split("\n");
+					v = n.pop() ?? "";
+					for (let e of n) {
 						if (!e.startsWith("data: ")) continue;
-						let t = e.slice(6), r;
+						let t = e.slice(6), n;
 						try {
-							r = JSON.parse(t);
+							n = JSON.parse(t);
 						} catch {
 							continue;
 						}
-						if (r.type === "text") b(S, { content: (o.value.find((e) => e.id === S)?.content ?? "") + r.text });
-						else if (r.type === "error") throw Error(r.message || "Failed to generate template");
-						else r.type === "done" && (r.conversation_id && (f.value = r.conversation_id), b(S, { content: r.text }), x = r.content ?? null, x ? (m.value = n, h.value = x, p.value = S, _.value = !1, i?.(x)) : u.value = "ai_apply_failed");
+						if (n.type === "text") b(S, { content: (o.value.find((e) => e.id === S)?.content ?? "") + n.text });
+						else if (n.type === "error") throw Error(n.message || "Failed to generate template");
+						else n.type === "done" && (n.conversation_id && (f.value = n.conversation_id), b(S, { content: n.text }), x = n.content ?? null, x ? (m.value = r, h.value = x, p.value = S, _.value = !1, i?.(x)) : u.value = "ai_apply_failed");
 					}
 				}
 			} finally {
@@ -827,25 +827,25 @@ function T(e) {
 }
 function E(e) {
 	function t(t) {
-		return e === !1 ? !1 : e?.[t] !== !1;
+		return e !== !1 && e?.[t] !== !1;
 	}
 	return {
 		isFeatureEnabled: t,
-		hasAnyMenuFeature: i(() => t("chat") || t("scoring") || t("designToTemplate"))
+		hasAnyMenuFeature: a(() => t("chat") || t("scoring") || t("designToTemplate"))
 	};
 }
 function D(e) {
-	let { authManager: t, getTemplateId: r } = e, i = n(!1), a = n(null), o = n(null), s = n(null), c = n(""), u = n(null);
-	async function d(e, n) {
-		let s = r();
+	let { authManager: t, getTemplateId: n } = e, i = r(!1), a = r(null), o = r(null), s = r(null), c = r(""), u = r(null);
+	async function d(e, r) {
+		let s = n();
 		if (!s) return null;
 		i.value = !0, o.value = null, a.value = null;
 		try {
-			let r = l(g["ai.score"], {
+			let n = l(g["ai.score"], {
 				project: t.projectId,
 				tenant: t.tenantSlug,
 				template: s
-			}), i = await t.authenticatedFetch(r, {
+			}), i = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -853,7 +853,7 @@ function D(e) {
 				},
 				body: JSON.stringify({
 					current_content: e,
-					merge_tags: n.map((e) => ({
+					merge_tags: r.map((e) => ({
 						label: e.label,
 						value: e.value
 					}))
@@ -893,16 +893,16 @@ function D(e) {
 			i.value = !1;
 		}
 	}
-	async function f(e, n, i) {
-		let a = r();
+	async function f(e, r, i) {
+		let a = n();
 		if (!a) return null;
-		s.value = n.id, c.value = "", u.value = null;
+		s.value = r.id, c.value = "", u.value = null;
 		try {
-			let r = l(g["ai.fixFinding"], {
+			let n = l(g["ai.fixFinding"], {
 				project: t.projectId,
 				tenant: t.tenantSlug,
 				template: a
-			}), o = await t.authenticatedFetch(r, {
+			}), o = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -911,10 +911,10 @@ function D(e) {
 				body: JSON.stringify({
 					content: e,
 					finding: {
-						id: n.id,
-						message: n.message,
-						suggestion: n.suggestion,
-						category: n.category
+						id: r.id,
+						message: r.message,
+						suggestion: r.suggestion,
+						category: r.category
 					},
 					merge_tags: i.map((e) => ({
 						label: e.label,
@@ -978,22 +978,22 @@ function D(e) {
 	};
 }
 function O(e) {
-	let { authManager: t, getTemplateId: r, onApply: i, onError: a } = e, o = n(!1), s = n(null);
+	let { authManager: t, getTemplateId: n, onApply: i, onError: a } = e, o = r(!1), s = r(null);
 	async function c(e) {
-		let n = r();
-		if (!n) throw Error("Template must be saved before using design reference");
+		let r = n();
+		if (!r) throw Error("Template must be saved before using design reference");
 		o.value = !0, s.value = null;
 		try {
-			let r = new FormData();
-			e.prompt && r.append("prompt", e.prompt), e.imageUpload && r.append("image_upload", e.imageUpload), e.pdfUpload && r.append("pdf_upload", e.pdfUpload);
+			let n = new FormData();
+			e.prompt && n.append("prompt", e.prompt), e.imageUpload && n.append("image_upload", e.imageUpload), e.pdfUpload && n.append("pdf_upload", e.pdfUpload);
 			let a = l(g["ai.generateFromDesign"], {
 				project: t.projectId,
 				tenant: t.tenantSlug,
-				template: n
+				template: r
 			}), o = await t.authenticatedFetch(a, {
 				method: "POST",
 				headers: { Accept: "text/event-stream" },
-				body: r
+				body: n
 			});
 			if (!o.ok) {
 				let e = await o.json().catch(() => null);
@@ -1039,11 +1039,11 @@ function O(e) {
 	};
 }
 function k(e) {
-	let { authManager: t, getTemplateId: r, getSocketId: a, onComment: o, onError: s, hasCommentingFeature: c } = e, l = new _(t), u = n([]), d = n(!1), f = n(!1), p = i(() => (c?.() ?? !1) && t.userConfig !== null), m = i(() => {
+	let { authManager: t, getTemplateId: n, getSocketId: i, onComment: o, onError: s, hasCommentingFeature: c } = e, l = new _(t), u = r([]), d = r(!1), f = r(!1), p = a(() => (c?.() ?? !1) && t.userConfig !== null), m = a(() => {
 		let e = 0;
 		for (let t of u.value) e += 1 + (t.replies?.length ?? 0);
 		return e;
-	}), h = i(() => u.value.filter((e) => !e.resolved_at).length), g = i(() => {
+	}), h = a(() => u.value.filter((e) => !e.resolved_at).length), g = a(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of u.value) t.block_id && e.set(t.block_id, (e.get(t.block_id) ?? 0) + 1 + (t.replies?.length ?? 0));
 		return e;
@@ -1058,7 +1058,7 @@ function k(e) {
 		};
 	}
 	function y() {
-		let e = a?.();
+		let e = i?.();
 		if (e) return { "X-Socket-ID": e };
 	}
 	function b(e, t) {
@@ -1075,7 +1075,7 @@ function k(e) {
 		return null;
 	}
 	async function S() {
-		let e = r();
+		let e = n();
 		if (e) {
 			d.value = !0;
 			try {
@@ -1088,22 +1088,22 @@ function k(e) {
 			}
 		}
 	}
-	async function C(e, t, n) {
-		let i = r();
+	async function C(e, t, r) {
+		let i = n();
 		if (!i) return null;
 		f.value = !0;
 		try {
-			let r = await l.createComment(i, {
+			let n = await l.createComment(i, {
 				body: e,
 				block_id: t,
-				parent_id: n,
+				parent_id: r,
 				...v()
 			}, y());
-			if (n) {
-				let e = x(n);
-				e && (e.replies = [...e.replies ?? [], r]);
-			} else u.value = [...u.value, r];
-			return b("created", r), r;
+			if (r) {
+				let e = x(r);
+				e && (e.replies = [...e.replies ?? [], n]);
+			} else u.value = [...u.value, n];
+			return b("created", n), n;
 		} catch (e) {
 			let t = e instanceof Error ? e : Error("Failed to create comment", { cause: e });
 			return s?.(t), null;
@@ -1112,15 +1112,15 @@ function k(e) {
 		}
 	}
 	async function w(e, t) {
-		let n = r();
-		if (!n) return null;
+		let r = n();
+		if (!r) return null;
 		f.value = !0;
 		try {
-			let r = await l.updateComment(n, e, {
+			let n = await l.updateComment(r, e, {
 				body: t,
 				...v()
 			}, y());
-			return A(e, r), b("updated", r), r;
+			return A(e, n), b("updated", n), n;
 		} catch (e) {
 			let t = e instanceof Error ? e : Error("Failed to update comment", { cause: e });
 			return s?.(t), null;
@@ -1129,18 +1129,18 @@ function k(e) {
 		}
 	}
 	async function T(e) {
-		let t = r();
+		let t = n();
 		if (!t) return !1;
-		let n = x(e);
-		if (!n) return !1;
+		let r = x(e);
+		if (!r) return !1;
 		let i = {
-			...n,
-			replies: [...n.replies ?? []]
+			...r,
+			replies: [...r.replies ?? []]
 		};
 		f.value = !0;
 		try {
-			if (await l.deleteComment(t, e, v(), y()), n.parent_id) {
-				let t = x(n.parent_id);
+			if (await l.deleteComment(t, e, v(), y()), r.parent_id) {
+				let t = x(r.parent_id);
 				t && (t.replies = (t.replies ?? []).filter((t) => t.id !== e));
 			} else u.value = u.value.filter((t) => t.id !== e);
 			return b("deleted", i), !0;
@@ -1152,7 +1152,7 @@ function k(e) {
 		}
 	}
 	async function E(e) {
-		let t = r();
+		let t = n();
 		if (!t) return null;
 		f.value = !0;
 		try {
@@ -1236,14 +1236,14 @@ function k(e) {
 		applyRemoteDelete: k
 	};
 }
-function A(e) {
-	let { comments: n, channel: r } = e;
-	t(r, (e, t) => {
+function A(t) {
+	let { comments: r, channel: i } = t;
+	e(i, (e, t) => {
 		t && t.unbind("comment-broadcast"), e && e.bind("comment-broadcast", (e) => {
-			j(n, e);
+			j(r, e);
 		});
-	}), a(() => {
-		r.value?.unbind("comment-broadcast");
+	}), n(() => {
+		i.value?.unbind("comment-broadcast");
 	});
 }
 function j(e, t) {
@@ -1286,8 +1286,8 @@ var P = [
 	"#6366f1",
 	"#14b8a6"
 ];
-function F(e) {
-	let { authManager: r, editor: o, channel: s } = e, c = n([]), l = n(/* @__PURE__ */ new Map()), u = 0, d = !1, f = i(() => r.userConfig?.id ?? "");
+function F(t) {
+	let { authManager: i, editor: o, channel: s } = t, c = r([]), l = r(/* @__PURE__ */ new Map()), u = 0, d = !1, f = a(() => i.userConfig?.id ?? "");
 	function p() {
 		let e = P[u % P.length];
 		return u++, e;
@@ -1348,41 +1348,41 @@ function F(e) {
 	function S(e) {
 		s.value && s.value.trigger("client-block_unlocked", { blockId: e });
 	}
-	return t(() => o.state.selectedBlockId, (e, t) => {
+	return e(() => o.state.selectedBlockId, (e, t) => {
 		d || (t && S(t), e && x(e));
-	}), t(s, (t, n) => {
-		if (n && N(n), !t) {
+	}), e(s, (e, n) => {
+		if (n && N(n), !e) {
 			c.value = [], l.value = /* @__PURE__ */ new Map(), u = 0;
 			return;
 		}
-		let r = t.members;
+		let r = e.members;
 		r && r.each((e) => {
 			m(e.info);
-		}), t.bind("pusher:member_added", (t) => {
-			let n = m(t.info);
-			n && e.onCollaboratorJoined?.(n);
-		}), t.bind("pusher:member_removed", (t) => {
-			let n = c.value.find((e) => e.id === t.id);
-			h(t.id), n && e.onCollaboratorLeft?.(n);
-		}), t.bind("client-block_locked", (t) => {
-			g(t);
-			let n = c.value.find((e) => e.id === t.userId);
-			n && e.onBlockLocked?.({
-				blockId: t.blockId,
+		}), e.bind("pusher:member_added", (e) => {
+			let n = m(e.info);
+			n && t.onCollaboratorJoined?.(n);
+		}), e.bind("pusher:member_removed", (e) => {
+			let n = c.value.find((t) => t.id === e.id);
+			h(e.id), n && t.onCollaboratorLeft?.(n);
+		}), e.bind("client-block_locked", (e) => {
+			g(e);
+			let n = c.value.find((t) => t.id === e.userId);
+			n && t.onBlockLocked?.({
+				blockId: e.blockId,
 				collaborator: n
 			});
-		}), t.bind("client-block_unlocked", (t) => {
-			let n = l.value.get(t.blockId);
-			_(t), n && e.onBlockUnlocked?.({
-				blockId: t.blockId,
+		}), e.bind("client-block_unlocked", (e) => {
+			let n = l.value.get(e.blockId);
+			_(e), n && t.onBlockUnlocked?.({
+				blockId: e.blockId,
 				collaborator: n
 			});
-		}), t.bind("client-operation", (e) => {
+		}), e.bind("client-operation", (e) => {
 			v(e);
-		}), t.bind("mcp-operation", (e) => {
+		}), e.bind("mcp-operation", (e) => {
 			v(e);
 		});
-	}), a(() => {
+	}), n(() => {
 		s.value && N(s.value);
 	}), {
 		collaborators: c,
@@ -1445,19 +1445,19 @@ function I(e, t) {
 	};
 }
 function L(e) {
-	let { authManager: t, onError: r } = e, i = n(null), a = n(!1), o = null, s = null;
-	async function c(e, n) {
+	let { authManager: t, onError: n } = e, i = r(null), a = r(!1), o = null, s = null;
+	async function c(e, r) {
 		if (o) return;
 		o = new y({
 			authManager: t,
-			config: n,
-			onError: r
+			config: r,
+			onError: n
 		}), await o.connect(), s = `presence-template.${e}`;
 		let c = o.subscribePresence(s);
 		c.bind("pusher:subscription_succeeded", () => {
 			a.value = !0, i.value = c;
 		}), c.bind("pusher:subscription_error", (e) => {
-			a.value = !1, i.value = null, r?.(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to subscribe to template channel"));
+			a.value = !1, i.value = null, n?.(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to subscribe to template channel"));
 		});
 	}
 	function l() {
@@ -1475,45 +1475,45 @@ function L(e) {
 	};
 }
 function R(e) {
-	let t = new _(e.authManager), r = n([]), i = n(!1);
-	async function a(n) {
+	let t = new _(e.authManager), n = r([]), i = r(!1);
+	async function a(r) {
 		i.value = !0;
 		try {
-			r.value = await t.listModules(n);
+			n.value = await t.listModules(r);
 		} catch (t) {
 			throw e.onError?.(t), t;
 		} finally {
 			i.value = !1;
 		}
 	}
-	async function o(n, i) {
+	async function o(r, i) {
 		try {
 			let e = await t.createModule({
-				name: n,
+				name: r,
 				content: i
 			});
-			return r.value = [e, ...r.value], e;
+			return n.value = [e, ...n.value], e;
 		} catch (t) {
 			throw e.onError?.(t), t;
 		}
 	}
-	async function s(n, i) {
+	async function s(r, i) {
 		try {
-			let e = await t.updateModule(n, i);
-			return r.value = r.value.map((t) => t.id === n ? e : t), e;
+			let e = await t.updateModule(r, i);
+			return n.value = n.value.map((t) => t.id === r ? e : t), e;
 		} catch (t) {
 			throw e.onError?.(t), t;
 		}
 	}
-	async function c(n) {
+	async function c(r) {
 		try {
-			await t.deleteModule(n), r.value = r.value.filter((e) => e.id !== n);
+			await t.deleteModule(r), n.value = n.value.filter((e) => e.id !== r);
 		} catch (t) {
 			throw e.onError?.(t), t;
 		}
 	}
 	return {
-		modules: r,
+		modules: n,
 		isLoading: i,
 		loadModules: a,
 		createModule: o,
@@ -1522,11 +1522,11 @@ function R(e) {
 	};
 }
 function z(e) {
-	let t = new _(e.authManager), r = n([]), i = n(!1), a = n(!1);
+	let t = new _(e.authManager), n = r([]), i = r(!1), a = r(!1);
 	async function o() {
 		i.value = !0;
 		try {
-			r.value = await t.getSnapshots(e.templateId);
+			n.value = await t.getSnapshots(e.templateId);
 		} catch (t) {
 			throw e.onError?.(t), t;
 		} finally {
@@ -1545,22 +1545,22 @@ function z(e) {
 		}
 	}
 	return {
-		snapshots: r,
+		snapshots: n,
 		isLoading: i,
 		isRestoring: a,
 		loadSnapshots: o,
 		restoreSnapshot: s
 	};
 }
-function B(e) {
-	let { authManager: r, getTemplateId: a, save: o, exportHtml: s, onError: c, isAuthReady: l, onBeforeTestEmail: u } = e, d = new _(r), f = n(!1), p = n(null), m = n(null);
-	l && t(l, (e) => {
-		e && (m.value = r.testEmailConfig);
+function B(t) {
+	let { authManager: n, getTemplateId: i, save: o, exportHtml: s, onError: c, isAuthReady: l, onBeforeTestEmail: u } = t, d = new _(n), f = r(!1), p = r(null), m = r(null);
+	l && e(l, (e) => {
+		e && (m.value = n.testEmailConfig);
 	}, { immediate: !0 });
-	let h = i(() => m.value !== null), g = i(() => m.value?.allowedEmails ?? []);
+	let h = a(() => m.value !== null), g = a(() => m.value?.allowedEmails ?? []);
 	async function v(e) {
 		if (!m.value) throw Error("Test email is not enabled for this project");
-		let t = a();
+		let t = i();
 		if (!t) throw Error("Template must be saved before sending a test email");
 		f.value = !0, p.value = null;
 		try {
@@ -1613,24 +1613,24 @@ function V(e) {
 	};
 }
 function H(e) {
-	let { authManager: t, onError: r } = e, a = n(null), o = n(!1), s = new _(t), c = i(() => a.value?.features ?? null);
+	let { authManager: t, onError: n } = e, i = r(null), o = r(!1), s = new _(t), c = a(() => i.value?.features ?? null);
 	function l(e) {
-		return a.value?.features[e] ?? !1;
+		return i.value?.features[e] ?? !1;
 	}
 	async function u() {
 		if (!o.value) {
 			o.value = !0;
 			try {
-				a.value = await s.fetchConfig();
+				i.value = await s.fetchConfig();
 			} catch (e) {
-				r?.(e instanceof Error ? e : Error("Failed to fetch config", { cause: e }));
+				n?.(e instanceof Error ? e : Error("Failed to fetch config", { cause: e }));
 			} finally {
 				o.value = !1;
 			}
 		}
 	}
 	return {
-		config: a,
+		config: i,
 		isLoading: o,
 		hasFeature: l,
 		features: c,
@@ -1738,9 +1738,9 @@ async function q(e = {}) {
 		overall: t.api.ok && t.auth.ok
 	};
 }
-function J(e) {
-	let { editor: n, channel: r, onOperation: i } = e;
-	t(r, (e, t) => {
+function J(t) {
+	let { editor: n, channel: r, onOperation: i } = t;
+	e(r, (e, t) => {
 		t && t.unbind("mcp-operation"), e && e.bind("mcp-operation", (e) => {
 			b(n, e), i?.(e);
 		});