@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/{cloud-DEk_b4CR.js → cloud-DJG4tb4_.js}

@@ -1,7 +1,7 @@
-import { Q as e, X as t, Y as n, Z as r, p as i, z as a } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { r as o, u as s } from "./dist-DJmnUmW9.js";
+import { $ as e, Q as t, V as n, Z as r, et as i, m as a } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { F as o, a as s, p as c } from "./dist-Bmir0gYb.js";
 //#region ../core/dist/cloud/index.js
-var c = class e {
+var l = class e {
 	static DEFAULT_BASE_URL = "https://templatical.com";
 	accessToken = null;
 	expiresAt = null;
@@ -75,7 +75,7 @@ var c = class e {
 			};
 			e === "POST" && this.requestOptions.body && (t["Content-Type"] = "application/json", n.body = JSON.stringify(this.requestOptions.body));
 			let r = await fetch(this.url, n);
-			if (!r.ok) throw new o(`Token refresh failed: ${r.status}`, r.status);
+			if (!r.ok) throw new s(`Token refresh failed: ${r.status}`, r.status);
 			let i = await r.json();
 			if (!i.token || !i.expires_at || !i.project_id || !i.tenant) throw Error("Invalid token response: missing token, expires_at, project_id, or tenant");
 			return this.accessToken = i.token, this.expiresAt = /* @__PURE__ */ new Date(i.expires_at * 1e3), this._projectId = i.project_id, this._tenantSlug = i.tenant, i.test_email?.allowed_emails && i.test_email?.signature ? this._testEmailConfig = {
@@ -102,54 +102,54 @@ var c = class e {
 		return a.status === 401 && (a = await i(await this.refreshToken())), a;
 	}
 };
-function l(e, t) {
+function u(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => encodeURIComponent(t[n] ?? ""));
 }
-var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{template}`, f = `${d}/ai`, p = `${u}/media`, m = `${p}/folders`, h = `${u}/saved-modules`, g = {
+var d = "/api/v1/projects/{project}/tenants/{tenant}", f = `${d}/templates/{template}`, p = `${f}/ai`, m = `${d}/media`, h = `${m}/folders`, g = `${d}/saved-modules`, _ = {
 	health: "/api/v1/health",
-	"projects.config": `${u}/config`,
-	"broadcasting.auth": `${u}/broadcasting/auth`,
-	"templates.store": `${u}/templates`,
-	"templates.show": `${d}`,
-	"templates.update": `${d}`,
-	"templates.destroy": `${d}`,
-	"templates.export": `${d}/export`,
-	"templates.importFromBeefree": `${u}/templates/import/from-beefree`,
-	"templates.sendTestEmail": `${d}/send-test-email`,
-	"snapshots.index": `${d}/snapshots`,
-	"snapshots.store": `${d}/snapshots`,
-	"snapshots.show": `${d}/snapshots/{snapshot}`,
-	"snapshots.restore": `${d}/snapshots/{snapshot}/restore`,
-	"comments.index": `${d}/comments`,
-	"comments.store": `${d}/comments`,
-	"comments.update": `${d}/comments/{comment}`,
-	"comments.destroy": `${d}/comments/{comment}`,
-	"comments.resolve": `${d}/comments/{comment}/resolve`,
-	"ai.generate": `${f}/generate`,
-	"ai.conversationMessages": `${f}/conversation-messages`,
-	"ai.suggestions": `${f}/suggestions`,
-	"ai.rewriteText": `${f}/rewrite-text`,
-	"ai.score": `${f}/score`,
-	"ai.fixFinding": `${f}/fix-finding`,
-	"ai.generateFromDesign": `${f}/generate-from-design`,
-	"media.upload": `${p}/upload`,
-	"media.browse": `${p}/browse`,
-	"media.delete": `${p}/delete`,
-	"media.move": `${p}/move`,
-	"media.update": `${p}/{media}`,
-	"media.replace": `${p}/{media}/replace`,
-	"media.checkUsage": `${p}/check-usage`,
-	"media.frequentlyUsed": `${p}/frequently-used`,
-	"media.importFromUrl": `${p}/import-from-url`,
-	"folders.index": `${m}`,
-	"folders.store": `${m}`,
-	"folders.update": `${m}/{mediaFolder}`,
-	"folders.destroy": `${m}/{mediaFolder}`,
-	"savedModules.index": `${h}`,
-	"savedModules.store": `${h}`,
-	"savedModules.update": `${h}/{savedModule}`,
-	"savedModules.destroy": `${h}/{savedModule}`
-}, _ = class {
+	"projects.config": `${d}/config`,
+	"broadcasting.auth": `${d}/broadcasting/auth`,
+	"templates.store": `${d}/templates`,
+	"templates.show": `${f}`,
+	"templates.update": `${f}`,
+	"templates.destroy": `${f}`,
+	"templates.export": `${f}/export`,
+	"templates.importFromBeefree": `${d}/templates/import/from-beefree`,
+	"templates.sendTestEmail": `${f}/send-test-email`,
+	"snapshots.index": `${f}/snapshots`,
+	"snapshots.store": `${f}/snapshots`,
+	"snapshots.show": `${f}/snapshots/{snapshot}`,
+	"snapshots.restore": `${f}/snapshots/{snapshot}/restore`,
+	"comments.index": `${f}/comments`,
+	"comments.store": `${f}/comments`,
+	"comments.update": `${f}/comments/{comment}`,
+	"comments.destroy": `${f}/comments/{comment}`,
+	"comments.resolve": `${f}/comments/{comment}/resolve`,
+	"ai.generate": `${p}/generate`,
+	"ai.conversationMessages": `${p}/conversation-messages`,
+	"ai.suggestions": `${p}/suggestions`,
+	"ai.rewriteText": `${p}/rewrite-text`,
+	"ai.score": `${p}/score`,
+	"ai.fixFinding": `${p}/fix-finding`,
+	"ai.generateFromDesign": `${p}/generate-from-design`,
+	"media.upload": `${m}/upload`,
+	"media.browse": `${m}/browse`,
+	"media.delete": `${m}/delete`,
+	"media.move": `${m}/move`,
+	"media.update": `${m}/{media}`,
+	"media.replace": `${m}/{media}/replace`,
+	"media.checkUsage": `${m}/check-usage`,
+	"media.frequentlyUsed": `${m}/frequently-used`,
+	"media.importFromUrl": `${m}/import-from-url`,
+	"folders.index": `${h}`,
+	"folders.store": `${h}`,
+	"folders.update": `${h}/{mediaFolder}`,
+	"folders.destroy": `${h}/{mediaFolder}`,
+	"savedModules.index": `${g}`,
+	"savedModules.store": `${g}`,
+	"savedModules.update": `${g}/{savedModule}`,
+	"savedModules.destroy": `${g}/{savedModule}`
+}, v = class {
 	constructor(e) {
 		this.authManager = e;
 	}
@@ -177,7 +177,7 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 		if (!n.ok) {
 			let e = await n.json().catch(() => ({ message: `HTTP error ${n.status}` }));
-			throw new o(this.extractFirstValidationError(e), n.status);
+			throw new s(this.extractFirstValidationError(e), n.status);
 		}
 		if (n.status !== 204) return (await n.json()).data;
 	}
@@ -189,19 +189,19 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		return e.message;
 	}
 	async createTemplate(e) {
-		return this.request(l(g["templates.store"], this.baseParams), {
+		return this.request(u(_["templates.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ content: e })
 		});
 	}
 	async getTemplate(e) {
-		return this.request(l(g["templates.show"], {
+		return this.request(u(_["templates.show"], {
 			...this.baseParams,
 			template: e
 		}));
 	}
 	async updateTemplate(e, t) {
-		return this.request(l(g["templates.update"], {
+		return this.request(u(_["templates.update"], {
 			...this.baseParams,
 			template: e
 		}), {
@@ -210,7 +210,7 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async createSnapshot(e, t) {
-		return this.request(l(g["snapshots.store"], {
+		return this.request(u(_["snapshots.store"], {
 			...this.baseParams,
 			template: e
 		}), {
@@ -219,19 +219,19 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async deleteTemplate(e) {
-		return this.request(l(g["templates.destroy"], {
+		return this.request(u(_["templates.destroy"], {
 			...this.baseParams,
 			template: e
 		}), { method: "DELETE" });
 	}
 	async getSnapshots(e) {
-		return this.request(l(g["snapshots.index"], {
+		return this.request(u(_["snapshots.index"], {
 			...this.baseParams,
 			template: e
 		}));
 	}
 	async restoreSnapshot(e, t) {
-		return this.request(l(g["snapshots.restore"], {
+		return this.request(u(_["snapshots.restore"], {
 			...this.baseParams,
 			template: e,
 			snapshot: t
@@ -242,7 +242,7 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 			custom_fonts: t.customFonts,
 			default_fallback: t.defaultFallback
 		}) : void 0;
-		return this.request(l(g["templates.export"], {
+		return this.request(u(_["templates.export"], {
 			...this.baseParams,
 			template: e
 		}), {
@@ -251,7 +251,7 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async sendTestEmail(e, t) {
-		await this.request(l(g["templates.sendTestEmail"], {
+		await this.request(u(_["templates.sendTestEmail"], {
 			...this.baseParams,
 			template: e
 		}), {
@@ -260,11 +260,11 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	commentsUrl(e, t) {
-		return t ? l(g["comments.update"], {
+		return t ? u(_["comments.update"], {
 			...this.baseParams,
 			template: e,
 			comment: t
-		}) : l(g["comments.index"], {
+		}) : u(_["comments.index"], {
 			...this.baseParams,
 			template: e
 		});
@@ -294,7 +294,7 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async resolveComment(e, t, n, r) {
-		return this.request(l(g["comments.resolve"], {
+		return this.request(u(_["comments.resolve"], {
 			...this.baseParams,
 			template: e,
 			comment: t
@@ -305,20 +305,20 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async fetchConfig() {
-		return this.request(l(g["projects.config"], this.baseParams));
+		return this.request(u(_["projects.config"], this.baseParams));
 	}
 	async listModules(e) {
-		let t = l(g["savedModules.index"], this.baseParams), n = e ? `?search=${encodeURIComponent(e)}` : "";
+		let t = u(_["savedModules.index"], this.baseParams), n = e ? `?search=${encodeURIComponent(e)}` : "";
 		return this.request(`${t}${n}`);
 	}
 	async createModule(e) {
-		return this.request(l(g["savedModules.store"], this.baseParams), {
+		return this.request(u(_["savedModules.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify(e)
 		});
 	}
 	async updateModule(e, t) {
-		return this.request(l(g["savedModules.update"], {
+		return this.request(u(_["savedModules.update"], {
 			...this.baseParams,
 			savedModule: e
 		}), {
@@ -327,20 +327,20 @@ var u = "/api/v1/projects/{project}/tenants/{tenant}", d = `${u}/templates/{temp
 		});
 	}
 	async deleteModule(e) {
-		return this.request(l(g["savedModules.destroy"], {
+		return this.request(u(_["savedModules.destroy"], {
 			...this.baseParams,
 			savedModule: e
 		}), { method: "DELETE" });
 	}
 };
-function v(e) {
+function y(e) {
 	return {
 		host: e.host,
 		port: e.port,
 		appKey: e.app_key
 	};
 }
-var y = class {
+var b = class {
 	pusher = null;
 	authManager;
 	config;
@@ -356,7 +356,7 @@ var y = class {
 		} catch {
 			throw Error("Cloud features require the optional peer dependency 'pusher-js'. Install it with: npm install pusher-js");
 		}
-		let { host: t, port: n, appKey: r } = this.config, i = this.authManager.resolveUrl(l(g["broadcasting.auth"], {
+		let { host: t, port: n, appKey: r } = this.config, i = this.authManager.resolveUrl(u(_["broadcasting.auth"], {
 			project: this.authManager.projectId,
 			tenant: this.authManager.tenantSlug
 		}));
@@ -405,7 +405,7 @@ var y = class {
 		return this.pusher?.connection.state === "connected";
 	}
 };
-function b(e, t) {
+function x(e, t) {
 	let { operation: n, data: r } = t;
 	switch (n) {
 		case "add_block":
@@ -431,10 +431,10 @@ function b(e, t) {
 			break;
 	}
 }
-function x(e) {
-	let n = new _(e.authManager), a = t({
+function S(n) {
+	let r = new v(n.authManager), i = t({
 		template: null,
-		content: s(e.defaultFontFamily, e.templateDefaults),
+		content: o(c(n.defaultFontFamily, n.templateDefaults)),
 		selectedBlockId: null,
 		viewport: "desktop",
 		darkMode: !1,
@@ -443,33 +443,33 @@ function x(e) {
 		isSaving: !1,
 		isLoading: !1,
 		uiTheme: "auto"
-	}), c = i({
-		get: () => a.content,
+	}), l = a({
+		get: () => i.content,
 		set: (e) => {
-			a.content = e, a.isDirty = !0;
+			i.content = o(e), i.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;
+	}), u = a(() => i.selectedBlockId ? f(i.content.blocks, i.selectedBlockId) : null), d = a(() => {
+		let e = /* @__PURE__ */ new Set(), t = i.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;
 	});
-	function d(e, t) {
+	function f(e, t) {
 		for (let n of e) {
 			if (n.id === t) return n;
 			if (n.type === "section") for (let e of n.children) {
-				let n = d(e, t);
+				let n = f(e, t);
 				if (n) return n;
 			}
 		}
 		return null;
 	}
-	function f(e, t, n = { blocks: e }) {
+	function p(e, t, n = { blocks: e }) {
 		for (let r = 0; r < e.length; r++) {
 			let i = e[r];
 			if (i.id === t) return n;
 			if (i.type === "section") for (let e = 0; e < i.children.length; e++) {
-				let n = f(i.children[e], t, {
+				let n = p(i.children[e], t, {
 					blocks: i.children[e],
 					sectionId: i.id,
 					columnIndex: e
@@ -479,148 +479,206 @@ function x(e) {
 		}
 		return null;
 	}
-	function p(t) {
-		return e.lockedBlocks?.value.has(t) ?? !1;
-	}
-	function m(e, t = !0) {
-		a.content = e, t && (a.isDirty = !0);
+	function m(e) {
+		return n.lockedBlocks?.value.has(e) ?? !1;
 	}
-	function h(e) {
-		e && p(e) || (a.selectedBlockId = e);
+	function h(e, t = !0) {
+		i.content = o(e), t && (i.isDirty = !0);
 	}
 	function g(e) {
-		a.viewport = e;
+		e && m(e) || (i.selectedBlockId = e);
 	}
-	function v(e) {
-		a.darkMode = e;
+	function _(e) {
+		i.viewport = e;
 	}
 	function y(e) {
-		a.uiTheme = e;
+		i.darkMode = e;
 	}
 	function b(e) {
-		a.previewMode = e, e && (a.selectedBlockId = null);
+		i.uiTheme = e;
+	}
+	function x(e) {
+		i.previewMode = e, e && (i.selectedBlockId = null);
 	}
-	function x(e, t) {
-		if (p(e)) return;
-		let n = d(a.content.blocks, e);
-		n && (Object.assign(n, t), a.isDirty = !0);
+	function S(e, t) {
+		if (m(e)) return;
+		let n = f(i.content.blocks, e);
+		n && (Object.assign(n, t), i.isDirty = !0);
 	}
-	function S(e) {
-		a.content.settings = {
-			...a.content.settings,
+	function C(e) {
+		i.content.settings = {
+			...i.content.settings,
 			...e
-		}, a.isDirty = !0;
+		}, i.isDirty = !0;
 	}
-	function C(e, t, n = 0, r) {
+	function w(e, t, n = 0, r) {
 		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];
+			let a = f(i.content.blocks, t);
+			if (a && a.type === "section") {
+				a.children[n] = a.children[n] || [];
+				let t = a.children[n];
 				r !== void 0 && r < t.length ? t.splice(r, 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 r !== void 0 && r < i.content.blocks.length ? i.content.blocks.splice(r, 0, e) : i.content.blocks.push(e);
+		i.isDirty = !0;
 	}
-	function w(e) {
-		if (p(e)) return;
-		let t = f(a.content.blocks, e);
+	function T(e) {
+		if (m(e)) return;
+		let t = p(i.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), i.selectedBlockId === e && (i.selectedBlockId = null), i.isDirty = !0);
 		}
 	}
-	function T(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, r = 0) {
+		let a = p(i.content.blocks, e);
+		if (!a) return;
+		let o = a.blocks.findIndex((t) => t.id === e);
 		if (o === -1) return;
-		let [s] = i.blocks.splice(o, 1);
+		let [s] = a.blocks.splice(o, 1);
 		if (n) {
-			let e = d(a.content.blocks, n);
+			let e = f(i.content.blocks, n);
 			e && e.type === "section" && (e.children[r] = e.children[r] || [], e.children[r].splice(t, 0, s));
-		} else a.content.blocks.splice(t, 0, s);
-		a.isDirty = !0;
+		} else i.content.blocks.splice(t, 0, s);
+		i.isDirty = !0;
 	}
-	async function E(t) {
-		a.isLoading = !0;
+	async function D(e) {
+		i.isLoading = !0;
 		try {
-			t && (a.content = t);
-			let e = await n.createTemplate(a.content);
-			return a.template = e, a.isDirty = !1, e;
-		} catch (t) {
-			throw e.onError?.(t), t;
+			e && (i.content = o(e));
+			let t = await r.createTemplate(i.content);
+			return i.template = t, i.isDirty = !1, t;
+		} catch (e) {
+			throw n.onError?.(e), e;
 		} finally {
-			a.isLoading = !1;
+			i.isLoading = !1;
 		}
 	}
-	async function D(t) {
-		a.isLoading = !0;
+	async function O(e) {
+		i.isLoading = !0;
 		try {
-			let e = await n.getTemplate(t);
-			return a.template = e, a.content = e.content, a.isDirty = !1, e;
-		} catch (t) {
-			throw e.onError?.(t), t;
+			let t = await r.getTemplate(e);
+			return i.template = t, i.content = o(t.content), i.isDirty = !1, t;
+		} catch (e) {
+			throw n.onError?.(e), e;
 		} finally {
-			a.isLoading = !1;
+			i.isLoading = !1;
 		}
 	}
-	async function O() {
-		if (!a.template?.id) throw new o("No template loaded. Call create() or load() before saving.");
-		a.isSaving = !0;
+	async function k() {
+		if (!i.template?.id) throw new s("No template loaded. Call create() or load() before saving.");
+		i.isSaving = !0;
 		try {
-			let e = await n.updateTemplate(a.template.id, a.content);
-			return a.template = e, a.isDirty = !1, e;
-		} catch (t) {
-			throw e.onError?.(t), t;
+			let e = await r.updateTemplate(i.template.id, i.content);
+			return i.template = e, i.isDirty = !1, e;
+		} catch (e) {
+			throw n.onError?.(e), e;
 		} finally {
-			a.isSaving = !1;
+			i.isSaving = !1;
 		}
 	}
-	async function k() {
-		if (a.template?.id) try {
-			await n.createSnapshot(a.template.id, a.content);
-		} catch (t) {
-			throw e.onError?.(t), t;
+	async function A() {
+		if (i.template?.id) try {
+			await r.createSnapshot(i.template.id, i.content);
+		} catch (e) {
+			throw n.onError?.(e), e;
 		}
 	}
-	function A() {
-		return a.template?.id !== void 0;
-	}
 	function j() {
-		a.isDirty = !0;
+		return i.template?.id !== void 0;
+	}
+	function M() {
+		i.isDirty = !0;
+	}
+	function N() {
+		if (i.content.canvasPages?.length) return;
+		let e = crypto.randomUUID(), t = i.content.blocks;
+		i.content.canvasPages = [{
+			id: e,
+			title: "Step 1",
+			blocks: t
+		}], i.content.activeCanvasPageId = e, i.content.blocks = t, i.isDirty = !0;
+	}
+	function P(e) {
+		let t = i.content.canvasPages;
+		if (!t?.length) return;
+		let n = t.find((t) => t.id === e);
+		n && (i.selectedBlockId = null, i.content.blocks = n.blocks, i.content.activeCanvasPageId = e, i.isDirty = !0);
+	}
+	function F() {
+		N();
+		let e = i.content.canvasPages, t = crypto.randomUUID(), n = `Step ${e.length + 1}`;
+		e.push({
+			id: t,
+			title: n,
+			blocks: []
+		}), P(t);
+	}
+	function I(e) {
+		let t = i.content.canvasPages;
+		if (!t || t.length <= 1) return;
+		let n = t.findIndex((t) => t.id === e);
+		if (n !== -1) if (t.splice(n, 1), i.content.activeCanvasPageId === e) {
+			let e = t[Math.min(n, t.length - 1)];
+			P(e.id);
+		} else i.content.canvasPages = [...t], i.isDirty = !0;
+	}
+	function L(e, t) {
+		let n = i.content.canvasPages;
+		if (!n) return;
+		let r = n.find((t) => t.id === e);
+		r && (r.title = t.trim() || r.title, i.isDirty = !0);
+	}
+	function R() {
+		let e = i.content.canvasPages;
+		if (!e?.length) return !1;
+		let t = i.content.activeCanvasPageId, n = e.findIndex((e) => e.id === t);
+		return n === -1 || n >= e.length - 1 ? !1 : (P(e[n + 1].id), !0);
+	}
+	function z() {
+		let e = i.content.canvasPages;
+		if (!e?.length) return !1;
+		let t = i.content.activeCanvasPageId, n = e.findIndex((e) => e.id === t);
+		return n <= 0 ? !1 : (P(e[n - 1].id), !0);
 	}
 	return {
-		state: r(a),
-		content: c,
-		selectedBlock: l,
-		savedBlockIds: u,
-		isBlockLocked: p,
-		setContent: m,
-		selectBlock: h,
-		setViewport: g,
-		setDarkMode: v,
-		setUiTheme: y,
-		setPreviewMode: b,
-		updateBlock: x,
-		updateSettings: S,
-		addBlock: C,
-		removeBlock: w,
-		moveBlock: T,
-		create: E,
-		load: D,
-		save: O,
-		createSnapshot: k,
-		hasTemplate: A,
-		markDirty: j
+		state: e(i),
+		content: l,
+		selectedBlock: u,
+		savedBlockIds: d,
+		isBlockLocked: m,
+		setContent: h,
+		selectBlock: g,
+		setViewport: _,
+		setDarkMode: y,
+		setUiTheme: b,
+		setPreviewMode: x,
+		updateBlock: S,
+		updateSettings: C,
+		addBlock: w,
+		removeBlock: T,
+		moveBlock: E,
+		create: D,
+		load: O,
+		save: k,
+		createSnapshot: A,
+		hasTemplate: j,
+		markDirty: M,
+		ensureCanvasPages: N,
+		switchCanvasPage: P,
+		addCanvasPage: F,
+		removeCanvasPage: I,
+		renameCanvasPage: L,
+		switchToNextCanvasPage: R,
+		switchToPreviousCanvasPage: z
 	};
 }
-var S = 0;
-function C() {
-	return `msg_${Date.now()}_${++S}`;
+var C = 0;
+function w() {
+	return `msg_${Date.now()}_${++C}`;
 }
-function w(t) {
-	let { authManager: n, getTemplateId: r, onApply: i, onError: a } = t, o = e([]), s = e(!1), c = e(!1), u = e(null), d = e(null), f = e(null), p = e(null), m = e(null), h = e(null), _ = e(!1), v = e([]), y = e(!1);
+function T(e) {
+	let { authManager: t, getTemplateId: n, onApply: r, onError: a } = e, o = i([]), s = i(!1), c = i(!1), l = i(null), d = i(null), f = i(null), p = i(null), m = i(null), h = i(null), g = i(!1), v = i([]), y = i(!1);
 	function b(e, t) {
 		let n = o.value.findIndex((t) => t.id === e);
 		if (n === -1) return;
@@ -635,15 +693,15 @@ function w(t) {
 		];
 	}
 	async function x() {
-		let e = r();
+		let e = n();
 		if (e) {
 			c.value = !0;
 			try {
-				let t = l(g["ai.conversationMessages"], {
-					project: n.projectId,
-					tenant: n.tenantSlug,
+				let n = u(_["ai.conversationMessages"], {
+					project: t.projectId,
+					tenant: t.tenantSlug,
 					template: e
-				}), r = await n.authenticatedFetch(t, {
+				}), r = await t.authenticatedFetch(n, {
 					method: "GET",
 					headers: { Accept: "application/json" }
 				});
@@ -660,16 +718,16 @@ function w(t) {
 			}
 		}
 	}
-	async function S(e, t) {
-		let i = r();
+	async function S(e, r) {
+		let i = n();
 		if (i) {
 			y.value = !0;
 			try {
-				let r = l(g["ai.suggestions"], {
-					project: n.projectId,
-					tenant: n.tenantSlug,
+				let n = u(_["ai.suggestions"], {
+					project: t.projectId,
+					tenant: t.tenantSlug,
 					template: i
-				}), a = await n.authenticatedFetch(r, {
+				}), a = await t.authenticatedFetch(n, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
@@ -677,7 +735,7 @@ function w(t) {
 					},
 					body: JSON.stringify({
 						current_content: e,
-						merge_tags: t.map((e) => ({
+						merge_tags: r.map((e) => ({
 							label: e.label,
 							value: e.value
 						}))
@@ -709,18 +767,18 @@ function w(t) {
 			}
 		}
 	}
-	async function w(e, t, c) {
-		let y = r();
+	async function C(e, i, 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 = C();
+		s.value = !0, l.value = null, d.value = null, v.value = [];
+		let x = w();
 		o.value = [...o.value, {
 			id: x,
 			role: "user",
 			content: e,
 			timestamp: Date.now()
 		}];
-		let S = C();
+		let S = w();
 		o.value = [...o.value, {
 			id: S,
 			role: "assistant",
@@ -728,11 +786,11 @@ function w(t) {
 			timestamp: Date.now()
 		}];
 		try {
-			let r = l(g["ai.generate"], {
-				project: n.projectId,
-				tenant: n.tenantSlug,
+			let n = u(_["ai.generate"], {
+				project: t.projectId,
+				tenant: t.tenantSlug,
 				template: y
-			}), a = await n.authenticatedFetch(r, {
+			}), a = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -740,7 +798,7 @@ function w(t) {
 				},
 				body: JSON.stringify({
 					prompt: e,
-					current_content: t,
+					current_content: i,
 					merge_tags: c.map((e) => ({
 						label: e.label,
 						value: e.value
@@ -757,22 +815,22 @@ function w(t) {
 			let d = new TextDecoder(), v = "", x = null;
 			try {
 				for (;;) {
-					let { done: e, value: n } = await s.read();
+					let { done: e, value: t } = await s.read();
 					if (e) break;
-					v += d.decode(n, { stream: !0 });
-					let r = v.split("\n");
-					v = r.pop() ?? "";
-					for (let e of r) {
+					v += d.decode(t, { stream: !0 });
+					let n = v.split("\n");
+					v = n.pop() ?? "";
+					for (let e of n) {
 						if (!e.startsWith("data: ")) continue;
-						let n = e.slice(6), r;
+						let t = e.slice(6), n;
 						try {
-							r = JSON.parse(n);
+							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 = t, 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 = i, h.value = x, p.value = S, g.value = !1, r?.(x)) : l.value = "ai_apply_failed");
 					}
 				}
 			} finally {
@@ -781,55 +839,55 @@ function w(t) {
 			return x;
 		} catch (t) {
 			let n = t instanceof Error ? t : Error("Failed to generate template", { cause: t });
-			return u.value = n.message, d.value = e, a?.(n), o.value = o.value.filter((e) => e.id !== x && e.id !== S), null;
+			return l.value = n.message, d.value = e, a?.(n), o.value = o.value.filter((e) => e.id !== x && e.id !== S), null;
 		} finally {
 			s.value = !1;
 		}
 	}
 	function T() {
-		_.value ? (h.value && i?.(h.value), _.value = !1) : (m.value && i?.(m.value), _.value = !0);
+		g.value ? (h.value && r?.(h.value), g.value = !1) : (m.value && r?.(m.value), g.value = !0);
 	}
 	function E() {
-		o.value = [], f.value = null, u.value = null, p.value = null, m.value = null, h.value = null, _.value = !1;
+		o.value = [], f.value = null, l.value = null, p.value = null, m.value = null, h.value = null, g.value = !1;
 	}
 	return {
 		messages: o,
 		isGenerating: s,
 		isLoadingHistory: c,
-		isLastChangeReverted: _,
+		isLastChangeReverted: g,
 		lastApplyMessageId: p,
-		error: u,
+		error: l,
 		failedPrompt: d,
 		suggestions: v,
 		isLoadingSuggestions: y,
-		sendPrompt: w,
+		sendPrompt: C,
 		toggleLastRevert: T,
 		loadConversation: x,
 		loadSuggestions: S,
 		clearChat: E
 	};
 }
-function T(e) {
+function E(e) {
 	function t(t) {
 		return e === !1 ? !1 : e?.[t] !== !1;
 	}
 	return {
 		isFeatureEnabled: t,
-		hasAnyMenuFeature: i(() => t("chat") || t("scoring") || t("designToTemplate"))
+		hasAnyMenuFeature: a(() => t("chat") || t("scoring") || t("designToTemplate"))
 	};
 }
-function E(t) {
-	let { authManager: n, getTemplateId: r } = t, i = e(!1), a = e(null), o = e(null), s = e(null), c = e(""), u = e(null);
-	async function d(e, t) {
-		let s = r();
+function D(e) {
+	let { authManager: t, getTemplateId: n } = e, r = i(!1), a = i(null), o = i(null), s = i(null), c = i(""), l = i(null);
+	async function d(e, i) {
+		let s = n();
 		if (!s) return null;
-		i.value = !0, o.value = null, a.value = null;
+		r.value = !0, o.value = null, a.value = null;
 		try {
-			let r = l(g["ai.score"], {
-				project: n.projectId,
-				tenant: n.tenantSlug,
+			let n = u(_["ai.score"], {
+				project: t.projectId,
+				tenant: t.tenantSlug,
 				template: s
-			}), i = await n.authenticatedFetch(r, {
+			}), r = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -837,26 +895,26 @@ function E(t) {
 				},
 				body: JSON.stringify({
 					current_content: e,
-					merge_tags: t.map((e) => ({
+					merge_tags: i.map((e) => ({
 						label: e.label,
 						value: e.value
 					}))
 				})
 			});
-			if (!i.ok) {
-				if (i.status === 403) throw Error("ai_generation_not_available");
-				let e = await i.json().catch(() => null);
+			if (!r.ok) {
+				if (r.status === 403) throw Error("ai_generation_not_available");
+				let e = await r.json().catch(() => null);
 				throw Error(e?.message || "Failed to score template");
 			}
-			let o = i.body?.getReader();
+			let o = r.body?.getReader();
 			if (!o) throw Error("Failed to read stream");
-			let c = new TextDecoder(), u = "", d = null;
+			let c = new TextDecoder(), l = "", d = null;
 			for (;;) {
 				let { done: e, value: t } = await o.read();
 				if (e) break;
-				u += c.decode(t, { stream: !0 });
-				let n = u.split("\n");
-				u = n.pop() ?? "";
+				l += c.decode(t, { stream: !0 });
+				let n = l.split("\n");
+				l = n.pop() ?? "";
 				for (let e of n) {
 					if (!e.startsWith("data: ")) continue;
 					let t;
@@ -874,19 +932,19 @@ function E(t) {
 		} catch (e) {
 			return o.value = e instanceof Error ? e.message : "Failed to score template", null;
 		} finally {
-			i.value = !1;
+			r.value = !1;
 		}
 	}
-	async function f(e, t, i) {
-		let a = r();
+	async function f(e, r, i) {
+		let a = n();
 		if (!a) return null;
-		s.value = t.id, c.value = "", u.value = null;
+		s.value = r.id, c.value = "", l.value = null;
 		try {
-			let r = l(g["ai.fixFinding"], {
-				project: n.projectId,
-				tenant: n.tenantSlug,
+			let n = u(_["ai.fixFinding"], {
+				project: t.projectId,
+				tenant: t.tenantSlug,
 				template: a
-			}), o = await n.authenticatedFetch(r, {
+			}), o = await t.authenticatedFetch(n, {
 				method: "POST",
 				headers: {
 					"Content-Type": "application/json",
@@ -895,10 +953,10 @@ function E(t) {
 				body: JSON.stringify({
 					content: e,
 					finding: {
-						id: t.id,
-						message: t.message,
-						suggestion: t.suggestion,
-						category: t.category
+						id: r.id,
+						message: r.message,
+						suggestion: r.suggestion,
+						category: r.category
 					},
 					merge_tags: i.map((e) => ({
 						label: e.label,
@@ -913,11 +971,11 @@ function E(t) {
 			}
 			let s = o.body?.getReader();
 			if (!s) throw Error("Failed to read stream");
-			let u = new TextDecoder(), d = "", f = null;
+			let l = new TextDecoder(), d = "", f = null;
 			for (;;) {
 				let { done: e, value: t } = await s.read();
 				if (e) break;
-				d += u.decode(t, { stream: !0 });
+				d += l.decode(t, { stream: !0 });
 				let n = d.split("\n");
 				d = n.pop() ?? "";
 				for (let e of n) {
@@ -935,7 +993,7 @@ function E(t) {
 			}
 			return f;
 		} catch (e) {
-			return u.value = e instanceof Error ? e.message : "Failed to fix finding", null;
+			return l.value = e instanceof Error ? e.message : "Failed to fix finding", null;
 		} finally {
 			s.value = null;
 		}
@@ -946,38 +1004,38 @@ function E(t) {
 		n && (n.findings = n.findings.filter((e) => e.id !== t));
 	}
 	function m() {
-		i.value = !1, a.value = null, o.value = null, s.value = null, c.value = "", u.value = null;
+		r.value = !1, a.value = null, o.value = null, s.value = null, c.value = "", l.value = null;
 	}
 	return {
-		isScoring: i,
+		isScoring: r,
 		scoringResult: a,
 		error: o,
 		fixingFindingId: s,
 		fixStreamingText: c,
-		fixError: u,
+		fixError: l,
 		score: d,
 		fixFinding: f,
 		removeFinding: p,
 		reset: m
 	};
 }
-function D(t) {
-	let { authManager: n, getTemplateId: r, onApply: i, onError: a } = t, o = e(!1), s = e(null);
+function O(e) {
+	let { authManager: t, getTemplateId: n, onApply: r, onError: a } = e, o = i(!1), s = i(null);
 	async function c(e) {
-		let t = r();
-		if (!t) throw Error("Template must be saved before using design reference");
+		let i = n();
+		if (!i) 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 a = l(g["ai.generateFromDesign"], {
-				project: n.projectId,
-				tenant: n.tenantSlug,
-				template: t
-			}), o = await n.authenticatedFetch(a, {
+			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 = u(_["ai.generateFromDesign"], {
+				project: t.projectId,
+				tenant: t.tenantSlug,
+				template: i
+			}), 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);
@@ -985,13 +1043,13 @@ function D(t) {
 			}
 			let s = o.body?.getReader();
 			if (!s) throw Error("Failed to read stream");
-			let c = new TextDecoder(), u = "", d = null;
+			let c = new TextDecoder(), l = "", d = null;
 			for (;;) {
 				let { done: e, value: t } = await s.read();
 				if (e) break;
-				u += c.decode(t, { stream: !0 });
-				let n = u.split("\n");
-				u = n.pop() ?? "";
+				l += c.decode(t, { stream: !0 });
+				let n = l.split("\n");
+				l = n.pop() ?? "";
 				for (let e of n) {
 					if (!e.startsWith("data: ")) continue;
 					let t = e.slice(6), n;
@@ -1001,7 +1059,7 @@ function D(t) {
 						continue;
 					}
 					if (n.type === "error") throw Error(n.message || "Failed to generate template from design");
-					n.type === "done" && (d = n.content ?? null, d && i?.(d));
+					n.type === "done" && (d = n.content ?? null, d && r?.(d));
 				}
 			}
 			return d;
@@ -1012,28 +1070,28 @@ function D(t) {
 			o.value = !1;
 		}
 	}
-	function u() {
+	function l() {
 		o.value = !1, s.value = null;
 	}
 	return {
 		isGenerating: o,
 		error: s,
 		generate: c,
-		reset: u
+		reset: l
 	};
 }
-function O(t) {
-	let { authManager: n, getTemplateId: r, getSocketId: a, onComment: o, onError: s, hasCommentingFeature: c } = t, l = new _(n), u = e([]), d = e(!1), f = e(!1), p = i(() => (c?.() ?? !1) && n.userConfig !== null), m = i(() => {
+function k(e) {
+	let { authManager: t, getTemplateId: n, getSocketId: r, onComment: o, onError: s, hasCommentingFeature: c } = e, l = new v(t), u = i([]), d = i(!1), f = i(!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;
 	});
-	function v() {
-		let e = n.userConfig;
+	function _() {
+		let e = t.userConfig;
 		if (!e) throw Error("User config not available");
 		return {
 			user_id: e.id,
@@ -1042,7 +1100,7 @@ function O(t) {
 		};
 	}
 	function y() {
-		let e = a?.();
+		let e = r?.();
 		if (e) return { "X-Socket-ID": e };
 	}
 	function b(e, t) {
@@ -1059,7 +1117,7 @@ function O(t) {
 		return null;
 	}
 	async function S() {
-		let e = r();
+		let e = n();
 		if (e) {
 			d.value = !0;
 			try {
@@ -1072,22 +1130,22 @@ function O(t) {
 			}
 		}
 	}
-	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,
-				...v()
+				parent_id: r,
+				..._()
 			}, 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;
@@ -1096,15 +1154,15 @@ function O(t) {
 		}
 	}
 	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;
@@ -1113,18 +1171,18 @@ function O(t) {
 		}
 	}
 	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, _(), 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;
@@ -1136,11 +1194,11 @@ function O(t) {
 		}
 	}
 	async function E(e) {
-		let t = r();
+		let t = n();
 		if (!t) return null;
 		f.value = !0;
 		try {
-			let n = await l.resolveComment(t, e, v(), y());
+			let n = await l.resolveComment(t, e, _(), y());
 			return A(e, n), b(n.resolved_at ? "resolved" : "unresolved", n), n;
 		} catch (e) {
 			let t = e instanceof Error ? e : Error("Failed to toggle comment resolution", { cause: e });
@@ -1220,17 +1278,17 @@ function O(t) {
 		applyRemoteDelete: k
 	};
 }
-function k(e) {
-	let { comments: t, channel: r } = e;
-	a(r, (e, n) => {
+function A(e) {
+	let { comments: t, channel: i } = e;
+	n(i, (e, n) => {
 		n && n.unbind("comment-broadcast"), e && e.bind("comment-broadcast", (e) => {
-			A(t, e);
+			j(t, e);
 		});
-	}), n(() => {
-		r.value?.unbind("comment-broadcast");
+	}), r(() => {
+		i.value?.unbind("comment-broadcast");
 	});
 }
-function A(e, t) {
+function j(e, t) {
 	switch (t.action) {
 		case "comment_created":
 			e.applyRemoteCreate(t.comment);
@@ -1247,7 +1305,7 @@ function A(e, t) {
 			break;
 	}
 }
-var j = [
+var M = [
 	"pusher:member_added",
 	"pusher:member_removed",
 	"client-block_locked",
@@ -1255,10 +1313,10 @@ var j = [
 	"client-operation",
 	"mcp-operation"
 ];
-function M(e) {
-	for (let t of j) e.unbind(t);
+function N(e) {
+	for (let t of M) e.unbind(t);
 }
-var N = [
+var P = [
 	"#3b82f6",
 	"#ef4444",
 	"#10b981",
@@ -1270,10 +1328,10 @@ var N = [
 	"#6366f1",
 	"#14b8a6"
 ];
-function P(t) {
-	let { authManager: r, editor: o, channel: s } = t, c = e([]), l = e(/* @__PURE__ */ new Map()), u = 0, d = !1, f = i(() => r.userConfig?.id ?? "");
+function F(e) {
+	let { authManager: t, editor: o, channel: s } = e, c = i([]), l = i(/* @__PURE__ */ new Map()), u = 0, d = !1, f = a(() => t.userConfig?.id ?? "");
 	function p() {
-		let e = N[u % N.length];
+		let e = P[u % P.length];
 		return u++, e;
 	}
 	function m(e) {
@@ -1315,7 +1373,7 @@ function P(t) {
 	function v(e) {
 		d = !0;
 		try {
-			b(o, e);
+			x(o, e);
 		} finally {
 			d = !1;
 		}
@@ -1323,7 +1381,7 @@ function P(t) {
 	function y(e) {
 		!s.value || d || s.value.trigger("client-operation", e);
 	}
-	function x(e) {
+	function b(e) {
 		s.value && s.value.trigger("client-block_locked", {
 			blockId: e,
 			userId: f.value
@@ -1332,42 +1390,42 @@ function P(t) {
 	function S(e) {
 		s.value && s.value.trigger("client-block_unlocked", { blockId: e });
 	}
-	return a(() => o.state.selectedBlockId, (e, t) => {
-		d || (t && S(t), e && x(e));
-	}), a(s, (e, n) => {
-		if (n && M(n), !e) {
+	return n(() => o.state.selectedBlockId, (e, t) => {
+		d || (t && S(t), e && b(e));
+	}), n(s, (t, n) => {
+		if (n && N(n), !t) {
 			c.value = [], l.value = /* @__PURE__ */ new Map(), u = 0;
 			return;
 		}
-		let r = e.members;
+		let r = t.members;
 		r && r.each((e) => {
 			m(e.info);
-		}), 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,
+		}), 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,
 				collaborator: n
 			});
-		}), e.bind("client-block_unlocked", (e) => {
-			let n = l.value.get(e.blockId);
-			_(e), n && t.onBlockUnlocked?.({
-				blockId: e.blockId,
+		}), t.bind("client-block_unlocked", (t) => {
+			let n = l.value.get(t.blockId);
+			_(t), n && e.onBlockUnlocked?.({
+				blockId: t.blockId,
 				collaborator: n
 			});
-		}), e.bind("client-operation", (e) => {
+		}), t.bind("client-operation", (e) => {
 			v(e);
-		}), e.bind("mcp-operation", (e) => {
+		}), t.bind("mcp-operation", (e) => {
 			v(e);
 		});
-	}), n(() => {
-		s.value && M(s.value);
+	}), r(() => {
+		s.value && N(s.value);
 	}), {
 		collaborators: c,
 		lockedBlocks: l,
@@ -1375,7 +1433,7 @@ function P(t) {
 		_isProcessingRemoteOperation: () => d
 	};
 }
-function F(e, t) {
+function I(e, t) {
 	let n = e.addBlock, r = e.updateBlock, i = e.removeBlock, a = e.moveBlock, o = e.updateSettings, s = e.setContent;
 	e.addBlock = (e, r, i) => {
 		n(e, r, i), t._broadcastOperation({
@@ -1427,121 +1485,121 @@ function F(e, t) {
 		});
 	};
 }
-function I(t) {
-	let { authManager: n, onError: r } = t, i = e(null), a = e(!1), o = null, s = null;
-	async function c(e, t) {
+function L(e) {
+	let { authManager: t, onError: n } = e, r = i(null), a = i(!1), o = null, s = null;
+	async function c(e, i) {
 		if (o) return;
-		o = new y({
-			authManager: n,
-			config: t,
-			onError: r
+		o = new b({
+			authManager: t,
+			config: i,
+			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;
+			a.value = !0, r.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, r.value = null, n?.(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to subscribe to template channel"));
 		});
 	}
 	function l() {
-		s && o && o.unsubscribe(s), o?.disconnect(), o = null, s = null, i.value = null, a.value = !1;
+		s && o && o.unsubscribe(s), o?.disconnect(), o = null, s = null, r.value = null, a.value = !1;
 	}
 	function u() {
 		return o?.getSocketId() ?? null;
 	}
 	return {
-		channel: i,
+		channel: r,
 		isConnected: a,
 		connect: c,
 		disconnect: l,
 		getSocketId: u
 	};
 }
-function L(t) {
-	let n = new _(t.authManager), r = e([]), i = e(!1);
-	async function a(e) {
-		i.value = !0;
+function R(e) {
+	let t = new v(e.authManager), n = i([]), r = i(!1);
+	async function a(i) {
+		r.value = !0;
 		try {
-			r.value = await n.listModules(e);
-		} catch (e) {
-			throw t.onError?.(e), e;
+			n.value = await t.listModules(i);
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
-			i.value = !1;
+			r.value = !1;
 		}
 	}
-	async function o(e, i) {
+	async function o(r, i) {
 		try {
-			let t = await n.createModule({
-				name: e,
+			let e = await t.createModule({
+				name: r,
 				content: i
 			});
-			return r.value = [t, ...r.value], t;
-		} catch (e) {
-			throw t.onError?.(e), e;
+			return n.value = [e, ...n.value], e;
+		} catch (t) {
+			throw e.onError?.(t), t;
 		}
 	}
-	async function s(e, i) {
+	async function s(r, i) {
 		try {
-			let t = await n.updateModule(e, i);
-			return r.value = r.value.map((n) => n.id === e ? t : n), t;
-		} catch (e) {
-			throw t.onError?.(e), 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(e) {
+	async function c(r) {
 		try {
-			await n.deleteModule(e), r.value = r.value.filter((t) => t.id !== e);
-		} catch (e) {
-			throw t.onError?.(e), e;
+			await t.deleteModule(r), n.value = n.value.filter((e) => e.id !== r);
+		} catch (t) {
+			throw e.onError?.(t), t;
 		}
 	}
 	return {
-		modules: r,
-		isLoading: i,
+		modules: n,
+		isLoading: r,
 		loadModules: a,
 		createModule: o,
 		updateModule: s,
 		deleteModule: c
 	};
 }
-function R(t) {
-	let n = new _(t.authManager), r = e([]), i = e(!1), a = e(!1);
+function z(e) {
+	let t = new v(e.authManager), n = i([]), r = i(!1), a = i(!1);
 	async function o() {
-		i.value = !0;
+		r.value = !0;
 		try {
-			r.value = await n.getSnapshots(t.templateId);
-		} catch (e) {
-			throw t.onError?.(e), e;
+			n.value = await t.getSnapshots(e.templateId);
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
-			i.value = !1;
+			r.value = !1;
 		}
 	}
-	async function s(e) {
+	async function s(n) {
 		a.value = !0;
 		try {
-			let r = await n.restoreSnapshot(t.templateId, e);
-			return t.onRestore?.(r), r;
-		} catch (e) {
-			throw t.onError?.(e), e;
+			let r = await t.restoreSnapshot(e.templateId, n);
+			return e.onRestore?.(r), r;
+		} catch (t) {
+			throw e.onError?.(t), t;
 		} finally {
 			a.value = !1;
 		}
 	}
 	return {
-		snapshots: r,
-		isLoading: i,
+		snapshots: n,
+		isLoading: r,
 		isRestoring: a,
 		loadSnapshots: o,
 		restoreSnapshot: s
 	};
 }
-function z(t) {
-	let { authManager: n, getTemplateId: r, save: o, exportHtml: s, onError: c, isAuthReady: l, onBeforeTestEmail: u } = t, d = new _(n), f = e(!1), p = e(null), m = e(null);
-	l && a(l, (e) => {
-		e && (m.value = n.testEmailConfig);
+function B(e) {
+	let { authManager: t, getTemplateId: r, save: o, exportHtml: s, onError: c, isAuthReady: l, onBeforeTestEmail: u } = e, d = new v(t), f = i(!1), p = i(null), m = i(null);
+	l && n(l, (e) => {
+		e && (m.value = t.testEmailConfig);
 	}, { immediate: !0 });
-	let h = i(() => m.value !== null), g = i(() => m.value?.allowedEmails ?? []);
-	async function v(e) {
+	let h = a(() => m.value !== null), g = a(() => m.value?.allowedEmails ?? []);
+	async function _(e) {
 		if (!m.value) throw Error("Test email is not enabled for this project");
 		let t = r();
 		if (!t) throw Error("Template must be saved before sending a test email");
@@ -1567,11 +1625,11 @@ function z(t) {
 		allowedEmails: g,
 		isSending: f,
 		error: p,
-		sendTestEmail: v
+		sendTestEmail: _
 	};
 }
-function B(e) {
-	let { authManager: t, getFontsConfig: n, canUseCustomFonts: r } = e, i = new _(t);
+function V(e) {
+	let { authManager: t, getFontsConfig: n, canUseCustomFonts: r } = e, i = new v(t);
 	function a() {
 		let e = n?.();
 		return {
@@ -1595,39 +1653,39 @@ function B(e) {
 		getMjmlSource: s
 	};
 }
-function V(t) {
-	let { authManager: n, onError: r } = t, a = e(null), o = e(!1), s = new _(n), c = i(() => a.value?.features ?? null);
+function H(e) {
+	let { authManager: t, onError: n } = e, r = i(null), o = i(!1), s = new v(t), c = a(() => r.value?.features ?? null);
 	function l(e) {
-		return a.value?.features[e] ?? !1;
+		return r.value?.features[e] ?? !1;
 	}
 	async function u() {
 		if (!o.value) {
 			o.value = !0;
 			try {
-				a.value = await s.fetchConfig();
+				r.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: r,
 		isLoading: o,
 		hasFeature: l,
 		features: c,
 		fetchConfig: u
 	};
 }
-var H = 5e3;
-function U(e) {
-	return e.authManager ? e.authManager.resolveUrl(g.health) : `${(e.baseUrl ?? "https://templatical.com").replace(/\/$/, "")}${g.health}`;
+var U = 5e3;
+function W(e) {
+	return e.authManager ? e.authManager.resolveUrl(_.health) : `${(e.baseUrl ?? "https://templatical.com").replace(/\/$/, "")}${_.health}`;
 }
-async function W(e, t) {
+async function G(e, t) {
 	let n = performance.now();
 	try {
-		let r = t ? await t.authenticatedFetch(g.health, {
+		let r = t ? await t.authenticatedFetch(_.health, {
 			method: "GET",
 			headers: { Accept: "application/json" }
 		}) : await fetch(e, {
@@ -1676,7 +1734,7 @@ async function W(e, t) {
 		};
 	}
 }
-async function G(e) {
+async function K(e) {
 	if (!e?.host || !e?.app_key) return {
 		ok: !1,
 		error: "WebSocket configuration not available"
@@ -1692,7 +1750,7 @@ async function G(e) {
 				ok: !1,
 				error: "WebSocket connection timed out"
 			});
-		}, H);
+		}, U);
 		try {
 			n = new WebSocket(t);
 		} catch (t) {
@@ -1712,8 +1770,8 @@ async function G(e) {
 		};
 	});
 }
-async function K(e = {}) {
-	let t = await W(U(e), e.authManager), n = await G(t.wsConfig);
+async function q(e = {}) {
+	let t = await G(W(e), e.authManager), n = await K(t.wsConfig);
 	return {
 		api: t.api,
 		websocket: n,
@@ -1721,13 +1779,13 @@ async function K(e = {}) {
 		overall: t.api.ok && t.auth.ok
 	};
 }
-function q(e) {
-	let { editor: t, channel: n, onOperation: r } = e;
-	a(n, (e, n) => {
+function J(e) {
+	let { editor: t, channel: r, onOperation: i } = e;
+	n(r, (e, n) => {
 		n && n.unbind("mcp-operation"), e && e.bind("mcp-operation", (e) => {
-			b(t, e), r?.(e);
+			x(t, e), i?.(e);
 		});
 	});
 }
 //#endregion
-export { E as _, T as a, k as c, x as d, B as f, R as g, L as h, w as i, O as l, V as m, K as n, P as o, q as p, v as r, F as s, c as t, D as u, z as v, I as y };
+export { D as _, E as a, A as c, S as d, V as f, z as g, R as h, T as i, k as l, H as m, q as n, F as o, J as p, y as r, I as s, l as t, O as u, B as v, L as y };