@templatical/editor 0.12.1 → 0.13.0

package/dist/{CloudEditor-CB16QzKM.js → CloudEditor-DaEfipBn.js}

@@ -1,21 +1,21 @@
 import { A as e, B as t, L as n, M as r, O as i, Q as a, X as o, _ as s, at as c, b as l, c as u, d, f, g as p, h as m, j as h, k as g, l as _, m as v, o as y, ot as b, p as x, q as S, rt as C, st as w, t as T, v as E, y as D, z as O } from "./vue.runtime.esm-bundler-B2k01iQh.js";
 import { t as k } from "./timeouts-Bmi_yePw.js";
 import { D as A, a as j } from "./dist-BctFrpeA.js";
-import { P as M, S as N, t as ee, y as te } from "./useEditorCore-D7dQFRkw.js";
-import { c as P, t as F } from "./dist-DJ9aD8yA.js";
-import { C as I, D as L, O as R, c as z, l as B, r as ne, s as re, t as V } from "./keys-mFiJ5N0_.js";
+import { C as M, F as N, b as P, t as F } from "./useEditorCore-DKYZ7aKk.js";
+import { l as I, t as L } from "./dist-Cgry6fNv.js";
+import { C as R, D as z, O as ee, c as B, l as te, r as V, s as ne, t as re } from "./keys-mFiJ5N0_.js";
 import { t as H } from "./useI18n-CTs_bP9d.js";
 import { t as U } from "./createLucideIcon-CmPAC-gt.js";
 import { t as W } from "./circle-alert-BStvZr3O.js";
 import { t as G } from "./loader-circle-CDF8eR_Q.js";
-import { a as K, c as q, d as ie, f as ae, i as J, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "./styles-DSm9Ijxt.js";
+import { a as K, c as ie, d as q, f as ae, i as J, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "./styles-D0RCAWhB.js";
 import { t as pe } from "./sparkles-C965Xop4.js";
 import { t as me } from "./triangle-alert-BKYElAwz.js";
 import { t as he } from "./check-BRzXxFHr.js";
-import { t as Y } from "./clock-Blwp_1R6.js";
-import { t as X } from "./message-circle-C3cHsCJl.js";
-import { t as Z } from "./send-k7npFJNO.js";
-import { t as ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ge } from "./clock-Blwp_1R6.js";
+import { t as Y } from "./message-circle-C3cHsCJl.js";
+import { t as X } from "./send-k7npFJNO.js";
+import { t as Z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as Q } from "./useCloudI18n-L3H2XvdW.js";
 import { d as $ } from "./styleConstants-lGobwiLH.js";
 import { _ as _e, a as ve, c as ye, d as be, f as xe, g as Se, h as Ce, l as we, m as Te, n as Ee, o as De, p as Oe, r as ke, s as Ae, t as je, v as Me, y as Ne } from "./cloud-_olro76D.js";
@@ -117,7 +117,7 @@ function Ie() {
 	function g(t) {
 		l.value = !1, e.value = e.value === t ? null : t;
 	}
-	return F(u, () => {
+	return L(u, () => {
 		l.value = !1;
 	}), {
 		activePanel: e,
@@ -140,7 +140,7 @@ function Ie() {
 //#endregion
 //#region src/cloud/composables/useCollabUndoWarning.ts
 function Le(e) {
-	let { isCollaborationEnabled: t, getCollaboratorCount: n, canUndo: r } = e, i = o(!1), a = o(!1), { start: s } = P(() => {
+	let { isCollaborationEnabled: t, getCollaboratorCount: n, canUndo: r } = e, i = o(!1), a = o(!1), { start: s } = I(() => {
 		a.value = !1;
 	}, k, { immediate: !1 });
 	function c() {
@@ -154,7 +154,7 @@ function Le(e) {
 //#endregion
 //#region src/cloud/composables/useCloudFeatureFlags.ts
 function Re(e) {
-	let { planConfigInstance: t, aiConfig: n, editor: r } = e, i = d(() => t.hasFeature("ai_generation") && n.hasAnyMenuFeature.value), a = d(() => t.hasFeature("test_email")), s = d(() => !!r.state.template?.id), c = d(() => t.hasFeature("white_label")), l = d(() => t.config.value?.limits.max_templates ?? null), u = d(() => t.config.value?.template_count ?? 0), f = o(!1), p = o("idle"), m = o(""), { start: h } = P(() => {
+	let { planConfigInstance: t, aiConfig: n, editor: r } = e, i = d(() => t.hasFeature("ai_generation") && n.hasAnyMenuFeature.value), a = d(() => t.hasFeature("test_email")), s = d(() => !!r.state.template?.id), c = d(() => t.hasFeature("white_label")), l = d(() => t.config.value?.limits.max_templates ?? null), u = d(() => t.config.value?.template_count ?? 0), f = o(!1), p = o("idle"), m = o(""), { start: h } = I(() => {
 		p.value = "idle";
 	}, 3e3, { immediate: !1 });
 	return {
@@ -173,36 +173,63 @@ function Re(e) {
 //#endregion
 //#region src/cloud/composables/useCloudMediaLibrary.ts
 function ze(e) {
-	let { onRequestMedia: t, mediaLibraryOpen: n, mediaLibraryAccept: r } = e, i = null;
-	async function a() {
+	let { onRequestMedia: t, mediaLibraryOpen: n, mediaLibraryAccept: r, authManager: i, getMediaConfig: a, onError: o } = e, s = null;
+	function c(e) {
+		return {
+			url: e.url,
+			alt: e.alt_text || void 0
+		};
+	}
+	async function l(e) {
+		let i = e?.accept ?? ["images"];
+		if (e?.files?.length) {
+			if (t) {
+				let n = await t({
+					accept: i,
+					files: e.files
+				});
+				return n ? c(n) : null;
+			}
+			return u(e.files[0]);
+		}
 		if (t) {
-			let e = await t({ accept: ["images"] });
-			return e ? {
-				url: e.url,
-				alt: e.alt_text || void 0
-			} : null;
+			let e = await t({ accept: i });
+			return e ? c(e) : null;
 		}
-		return i &&= (i(null), null), r.value = ["images"], n.value = !0, new Promise((e) => {
-			i = (t) => {
+		return s &&= (s(null), null), r.value = i, n.value = !0, new Promise((e) => {
+			s = (t) => {
 				e(t);
 			};
 		});
 	}
-	function o(e) {
-		n.value = !1, i?.({
-			url: e.url,
-			alt: e.alt_text || void 0
-		}), i = null;
+	async function u(e) {
+		let t = d(e);
+		if (t) return o?.(t), null;
+		try {
+			let { MediaApiClient: t } = await import("@templatical/media-library");
+			return c(await new t(i).uploadMedia(e));
+		} catch (e) {
+			return o?.(e), null;
+		}
+	}
+	function d(e) {
+		let t = a?.() ?? null;
+		if (!t) return null;
+		let n = t.categories?.images?.mime_types ?? [];
+		return n.length > 0 && !n.includes(e.type) ? /* @__PURE__ */ Error(`Unsupported image type: ${e.type || "unknown"}. Accepted: ${n.join(", ")}.`) : t.max_file_size > 0 && e.size > t.max_file_size ? /* @__PURE__ */ Error(`Image is too large (${e.size} bytes). Maximum allowed is ${t.max_file_size} bytes.`) : null;
 	}
-	function s() {
-		n.value = !1, i?.(null), i = null;
+	function f(e) {
+		n.value = !1, s?.(c(e)), s = null;
+	}
+	function p() {
+		n.value = !1, s?.(null), s = null;
 	}
 	return S(() => {
-		i &&= (i(null), null);
+		s &&= (s(null), null);
 	}), {
-		handleRequestMedia: a,
-		handleMediaSelect: o,
-		handleMediaLibraryClose: s
+		handleRequestMedia: l,
+		handleMediaSelect: f,
+		handleMediaLibraryClose: p
 	};
 }
 //#endregion
@@ -242,7 +269,7 @@ function Be(e) {
 	}), n(() => S.lockedBlocks.value, (e) => {
 		y.value = e;
 	}, { immediate: !0 }), Ae(b, S));
-	let C = d(() => !!t.collaboration?.enabled && v.hasFeature("collaboration")), w = ee({
+	let C = d(() => !!t.collaboration?.enabled && v.hasFeature("collaboration")), w = F({
 		editor: b,
 		config: {
 			uiTheme: t.uiTheme,
@@ -253,7 +280,7 @@ function Be(e) {
 			mergeTags: t.mergeTags,
 			displayConditions: t.displayConditions,
 			onRequestMedia: null,
-			lint: ie(t),
+			lint: q(t),
 			onSave: () => {
 				p.value?.().catch((e) => {
 					t.onError?.(e);
@@ -296,9 +323,12 @@ function Be(e) {
 	}), A = ze({
 		onRequestMedia: t.onRequestMedia,
 		mediaLibraryOpen: D.mediaLibraryOpen,
-		mediaLibraryAccept: D.mediaLibraryAccept
+		mediaLibraryAccept: D.mediaLibraryAccept,
+		authManager: _,
+		getMediaConfig: () => v.config.value?.media ?? null,
+		onError: t.onError
 	});
-	N({
+	M({
 		onBlockMove: b.moveBlock,
 		onBlockAdd: b.addBlock
 	});
@@ -306,7 +336,7 @@ function Be(e) {
 		authManager: _,
 		getFontsConfig: () => t.fonts,
 		canUseCustomFonts: () => v.hasFeature("custom_fonts")
-	}), te = Me({
+	}), P = Me({
 		authManager: _,
 		getTemplateId: () => b.state.template?.id ?? null,
 		save: () => b.save(),
@@ -314,7 +344,7 @@ function Be(e) {
 		onError: t.onError,
 		isAuthReady: l,
 		onBeforeTestEmail: t.onBeforeTestEmail
-	}), P = we({
+	}), I = we({
 		authManager: _,
 		getTemplateId: () => b.state.template?.id ?? null,
 		getSocketId: () => x.getSocketId(),
@@ -324,13 +354,13 @@ function Be(e) {
 		hasCommentingFeature: () => t.commenting !== !1 && v.hasFeature("commenting")
 	});
 	ye({
-		comments: P,
+		comments: I,
 		channel: x.channel
 	});
-	let F = Ce({
+	let L = Ce({
 		authManager: _,
 		onError: t.onError
-	}), z = o(!1), H = o(null), U = o(!1), W = _e({
+	}), B = o(!1), H = o(null), U = o(!1), W = _e({
 		authManager: _,
 		getTemplateId: () => b.state.template?.id ?? null
 	});
@@ -339,27 +369,27 @@ function Be(e) {
 			s()?.filterByBlock(e);
 		});
 	}
-	h(I, A.handleRequestMedia), h(ne, _), h(V, O), h(B, P), h(L, F), h(R, W), h(re, {
+	h(R, A.handleRequestMedia), h(V, _), h(re, O), h(te, I), h(z, L), h(ee, W), h(ne, {
 		plan: v,
 		ai: O,
 		comments: {
-			getBlockCount: (e) => P.commentCountByBlock.value.get(e) ?? 0,
+			getBlockCount: (e) => I.commentCountByBlock.value.get(e) ?? 0,
 			openForBlock: G
 		},
 		savedModules: {
 			openSaveDialog: (e) => {
-				H.value = e ?? null, z.value = !0;
+				H.value = e ?? null, B.value = !0;
 			},
 			openBrowser: () => {
 				U.value = !0;
 			},
-			moduleCount: d(() => F.modules.value.length)
+			moduleCount: d(() => L.modules.value.length)
 		}
 	});
 	function K(e) {
 		v.hasFeature("theme_customization") && (w.themeOverrides.value = e);
 	}
-	function q(e) {
+	function ie(e) {
 		b.setUiTheme(e);
 	}
 	async function ae() {
@@ -371,8 +401,8 @@ function Be(e) {
 			if (f) return;
 			if (!e.api.ok) throw Error("Health check failed: API is not reachable");
 			if (!e.auth.ok) throw Error(`Health check failed: authentication error${e.auth.error ? ` - ${e.auth.error}` : ""}`);
-			if (e.websocket.ok || M.warn("WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await v.fetchConfig(), f) return;
-			i.setCustomFontsEnabled(v.hasFeature("custom_fonts")), t.customBlocks?.length && v.hasFeature("custom_blocks") && w.registerCustomBlocks(t.customBlocks), t.theme && v.hasFeature("theme_customization") && (w.themeOverrides.value = t.theme), t.modules !== !1 && v.hasFeature("saved_modules") && F.loadModules(), a("ready");
+			if (e.websocket.ok || N.warn("WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await v.fetchConfig(), f) return;
+			i.setCustomFontsEnabled(v.hasFeature("custom_fonts")), t.customBlocks?.length && v.hasFeature("custom_blocks") && w.registerCustomBlocks(t.customBlocks), t.theme && v.hasFeature("theme_customization") && (w.themeOverrides.value = t.theme), t.modules !== !1 && v.hasFeature("saved_modules") && L.loadModules(), a("ready");
 		} catch (e) {
 			if (f) return;
 			let n = e instanceof Error ? e : Error("Initialization failed", { cause: e });
@@ -400,21 +430,21 @@ function Be(e) {
 		featureFlags: k,
 		mediaLib: A,
 		exporter: j,
-		testEmail: te,
-		commentsInstance: P,
-		savedModulesHeadless: F,
+		testEmail: P,
+		commentsInstance: I,
+		savedModulesHeadless: L,
 		scoringInstance: W,
 		panelState: D,
 		snapshotPreview: E,
 		collabWarning: T,
-		showSaveModuleDialog: z,
+		showSaveModuleDialog: B,
 		showModuleBrowserModal: U,
 		saveModulePreSelectedBlockId: H,
 		onSaveHook: p,
 		initialize: ae,
 		destroy: J,
 		setThemeOverrides: K,
-		setUiTheme: q,
+		setUiTheme: ie,
 		openCommentsForBlock: G
 	};
 }
@@ -595,7 +625,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(t) {
-		let n = D(() => import("./CollaboratorBar-ACUA7lBJ.js")), r = D(() => import("./SnapshotHistory-C052o-8U.js")), i = D(() => import("./AiFeatureMenu-BKbUUc1D.js")), { t: a, format: o } = Q();
+		let n = D(() => import("./CollaboratorBar-DgwjisX2.js")), r = D(() => import("./SnapshotHistory-ByloTpwh.js")), i = D(() => import("./AiFeatureMenu-DxDwLS8B.js")), { t: a, format: o } = Q();
 		return (l, d) => (e(), m("header", et, [
 			f("div", tt, [t.featureFlags.templateLimit.value === null ? v("", !0) : (e(), m("span", nt, w(C(o)(C(a).header.templatesUsed, {
 				used: t.featureFlags.templateCount.value,
@@ -659,7 +689,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					}),
 					onClick: d[0] ||= (e) => t.panelState.commentsOpen.value = !t.panelState.commentsOpen.value
 				}, [
-					E(C(X), {
+					E(C(Y), {
 						size: 16,
 						"stroke-width": 2
 					}),
@@ -707,7 +737,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (e(), x(C(Z), {
+				})) : (e(), x(C(X), {
 					key: 0,
 					size: 16,
 					"stroke-width": 2
@@ -757,7 +787,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(t, { expose: n, emit: r }) {
-		let i = D(() => import("./AiChatSidebar-CXH7l1Ar.js")), a = D(() => import("./CommentsSidebar-CpRLN40c.js")), s = D(() => import("./DesignReferenceSidebar-0dTsBW08.js")), c = D(() => import("./TemplateScoringPanel-CUs8XmIi.js")), l = D(() => import("./TestEmailModal-BIIxRWUt.js")), u = D(() => import("./SaveModuleDialog-DmfvH5D0.js")), d = D(() => import("./ModuleBrowserModal-Bz9hSjMS.js")), f = D(async () => {
+		let i = D(() => import("./AiChatSidebar-B0-U5-sb.js")), a = D(() => import("./CommentsSidebar-CpRLN40c.js")), s = D(() => import("./DesignReferenceSidebar-BgPDbOsl.js")), c = D(() => import("./TemplateScoringPanel-CUxiPtEf.js")), l = D(() => import("./TestEmailModal-BvZBMBad.js")), u = D(() => import("./SaveModuleDialog-C38VqN2T.js")), d = D(() => import("./ModuleBrowserModal-DsZRr87F.js")), f = D(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {
@@ -893,7 +923,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["cancel", "confirm"],
 	setup(t, { emit: n }) {
 		let r = n, { t: i } = Q();
-		return (n, a) => t.visible ? (e(), m("div", Et, [f("div", Dt, [E(C(Y), {
+		return (n, a) => t.visible ? (e(), m("div", Et, [f("div", Dt, [E(C(ge), {
 			size: 18,
 			"stroke-width": 2,
 			class: "tpl:text-[var(--tpl-primary)]"
@@ -923,7 +953,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		let { t: n } = H();
 		return (r, i) => t.visible ? (e(), m("div", At, w(C(n).history.collabWarning), 1)) : v("", !0);
 	}
-}), Mt = ["data-tpl-theme"], Nt = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Pt = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ft = ["aria-label"], It = /*#__PURE__*/ ge(/* @__PURE__ */ l({
+}), Mt = ["data-tpl-theme"], Nt = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Pt = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ft = ["aria-label"], It = /*#__PURE__*/ Z(/* @__PURE__ */ l({
 	__name: "CloudEditor",
 	props: {
 		config: {},
@@ -935,69 +965,71 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	emits: ["ready"],
 	setup(n, { expose: r, emit: a }) {
 		let l = n;
-		h(z, l.cloudTranslations);
-		let u = a, d = o(null), p = o(null), _ = Be({
+		h(B, l.cloudTranslations);
+		let d = a, p = o(null), _ = o(null), S = Be({
 			config: l.config,
 			translations: l.translations,
 			fontsManager: l.fontsManager,
-			emit: u,
-			getCommentsSidebar: () => d.value ? { filterByBlock: d.value.filterCommentsByBlock } : null,
+			emit: d,
+			getCommentsSidebar: () => p.value ? { filterByBlock: p.value.filterCommentsByBlock } : null,
 			editorRoot: l.shadowRoot,
-			containerEl: p
-		}), { isInitializing: S, isAuthReady: D, initError: k, planConfigInstance: A, websocket: M, collaboration: N, isCollaborationEnabled: ee, editor: P, core: F, featureFlags: I, mediaLib: L, exporter: R, testEmail: B, commentsInstance: ne, savedModulesHeadless: re, panelState: V, snapshotPreview: H, collabWarning: U, showSaveModuleDialog: W, showModuleBrowserModal: G, saveModulePreSelectedBlockId: K, setThemeOverrides: ie, setUiTheme: J } = _, { showNotice: le } = te(() => l.config.smallScreenNotice);
-		async function pe(e) {
+			containerEl: _
+		}), { isInitializing: D, isAuthReady: k, initError: A, planConfigInstance: M, websocket: N, collaboration: F, isCollaborationEnabled: I, editor: L, core: R, featureFlags: z, mediaLib: ee, exporter: te, testEmail: V, commentsInstance: ne, savedModulesHeadless: re, panelState: H, snapshotPreview: U, collabWarning: W, showSaveModuleDialog: G, showModuleBrowserModal: K, saveModulePreSelectedBlockId: q, setThemeOverrides: J, setUiTheme: le } = S, { showNotice: pe } = P(() => l.config.smallScreenNotice);
+		async function me(e) {
 			try {
-				await B.sendTestEmail(e), V.testEmailModalOpen.value = !1;
+				await V.sendTestEmail(e), H.testEmailModalOpen.value = !1;
 			} catch {}
 		}
-		async function me() {
+		async function he() {
 			try {
-				await H.confirmRestoreSnapshot();
+				await U.confirmRestoreSnapshot();
 			} catch {}
 		}
-		function he(e, t) {
+		function ge(e, t) {
 			for (let n = 0; n < e.content.length; n++) {
 				let r = j(e.content[n]), i = t === void 0 ? void 0 : t + n;
-				P.addBlock(r, void 0, void 0, i);
+				L.addBlock(r, void 0, void 0, i);
 			}
-			G.value = !1;
+			K.value = !1;
 		}
 		let Y = He({
 			config: l.config,
-			editor: P,
-			websocket: M,
-			planConfigInstance: A,
-			snapshotPreview: H,
-			core: F,
-			exporter: R,
-			featureFlags: I,
-			isDestroyed: _.isDestroyed
+			editor: L,
+			websocket: N,
+			planConfigInstance: M,
+			snapshotPreview: U,
+			core: R,
+			exporter: te,
+			featureFlags: z,
+			isDestroyed: S.isDestroyed
 		}), X = Ue({
-			issues: F.templateLint ? F.templateLint.issues : o([]),
-			planConfig: A.config
+			issues: R.templateLint ? R.templateLint.issues : o([]),
+			planConfig: M.config
 		});
 		async function Z() {
 			await X.tryRunSave(() => Y.saveTemplate().catch((e) => l.config.onError?.(e)));
 		}
-		return _.onSaveHook.value = Z, i(() => {
-			_.initialize();
+		return S.onSaveHook.value = Z, i(() => {
+			S.initialize();
 		}), g(() => {
-			_.destroy();
+			S.destroy();
 		}), r({
-			getContent: () => P.content.value,
-			setContent: (e) => P.setContent(e),
-			setTheme: J,
-			setThemeOverrides: ie,
+			getContent: () => L.content.value,
+			setContent: (e) => L.setContent(e),
+			setTheme: le,
+			setThemeOverrides: J,
 			create: Y.createTemplate,
 			load: Y.loadTemplate,
 			save: Y.saveTemplate,
-			sendTestEmail: B.sendTestEmail
+			sendTestEmail: V.sendTestEmail
 		}), (r, i) => (e(), m("div", {
 			ref_key: "rootEl",
-			ref: p,
-			class: c(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": C(P).state.darkMode }]),
-			"data-tpl-theme": C(F).resolvedTheme.value,
-			style: b(C(F).themeStyles.value)
+			ref: _,
+			class: c(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": C(L).state.darkMode }]),
+			"data-tpl-theme": C(R).resolvedTheme.value,
+			style: b(C(R).themeStyles.value),
+			onDragover: i[9] ||= u(() => {}, ["prevent"]),
+			onDrop: i[10] ||= u(() => {}, ["prevent"])
 		}, [
 			E(oe),
 			E(T, {
@@ -1008,7 +1040,7 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: O(() => [E(yt, { visible: C(S) || C(P).state.isLoading }, null, 8, ["visible"])]),
+				default: O(() => [E(yt, { visible: C(D) || C(L).state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			E(T, {
@@ -1020,9 +1052,9 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-to-class": "tpl:opacity-0"
 			}, {
 				default: O(() => [E(Tt, {
-					error: C(k),
-					visible: !!C(k) && !C(S),
-					onRetry: C(_).initialize
+					error: C(A),
+					visible: !!C(A) && !C(D),
+					onRetry: C(S).initialize
 				}, null, 8, [
 					"error",
 					"visible",
@@ -1031,18 +1063,18 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				_: 1
 			}),
 			E(mt, {
-				editor: C(P),
-				core: C(F),
-				"feature-flags": C(I),
-				"panel-state": C(V),
-				"snapshot-preview": C(H),
+				editor: C(L),
+				core: C(R),
+				"feature-flags": C(z),
+				"panel-state": C(H),
+				"snapshot-preview": C(U),
 				"comments-instance": C(ne),
-				"test-email": C(B),
-				websocket: C(M),
-				collaboration: C(N),
-				"is-collaboration-enabled": C(ee),
-				"is-saving": C(P).state.isSaving || C(I).isSaveExporting.value,
-				"is-save-disabled": C(P).state.isSaving || C(I).isSaveExporting.value || !C(P).state.isDirty,
+				"test-email": C(V),
+				websocket: C(N),
+				collaboration: C(F),
+				"is-collaboration-enabled": C(I),
+				"is-saving": C(L).state.isSaving || C(z).isSaveExporting.value,
+				"is-save-disabled": C(L).state.isSaving || C(z).isSaveExporting.value || !C(L).state.isDirty,
 				onSave: Z
 			}, null, 8, [
 				"editor",
@@ -1070,9 +1102,9 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"onConfirm"
 			]),
 			E(kt, {
-				visible: C(H).isPreviewingSnapshot.value,
-				onCancel: C(H).cancelPreview,
-				onConfirm: me
+				visible: C(U).isPreviewingSnapshot.value,
+				onCancel: C(U).cancelPreview,
+				onConfirm: he
 			}, null, 8, ["visible", "onCancel"]),
 			E(T, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
@@ -1082,18 +1114,18 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
 				"leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
 			}, {
-				default: O(() => [E(jt, { visible: C(U).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
+				default: O(() => [E(jt, { visible: C(W).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			t(E(q, null, null, 512), [[y, !C(P).state.previewMode]]),
+			t(E(ie, null, null, 512), [[y, !C(L).state.previewMode]]),
 			f("div", {
-				class: c(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [C(P).state.previewMode ? "tpl:left-0 tpl:right-0" : C(V).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", C(H).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
+				class: c(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto", [C(L).state.previewMode ? "tpl:left-0 tpl:right-0" : C(H).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", C(U).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 				style: {
 					transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
 					"background-color": "var(--tpl-canvas-bg)"
 				}
 			}, [f("div", Nt, [E(T, { name: "tpl-restore-btn" }, {
-				default: O(() => [C(F).conditionPreview.hasHiddenBlocks.value ? (e(), m("button", {
+				default: O(() => [C(R).conditionPreview.hasHiddenBlocks.value ? (e(), m("button", {
 					key: 0,
 					class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-md tpl:hover:opacity-80",
 					style: {
@@ -1102,22 +1134,22 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 						"border-color": "var(--tpl-warning)",
 						"backdrop-filter": "blur(8px)"
 					},
-					onClick: i[0] ||= (e) => C(F).conditionPreview.reset()
+					onClick: i[0] ||= (e) => C(R).conditionPreview.reset()
 				}, [E(C(ae), {
 					size: 13,
 					"stroke-width": 2
-				}), s(" " + w(C(F).t.blockSettings.restoreHiddenBlocks), 1)])) : v("", !0)]),
+				}), s(" " + w(C(R).t.blockSettings.restoreHiddenBlocks), 1)])) : v("", !0)]),
 				_: 1
 			})]), f("main", Pt, [E(fe, {
-				viewport: C(P).state.viewport,
-				content: C(P).content.value,
-				"selected-block-id": C(P).state.selectedBlockId,
-				"dark-mode": C(P).state.darkMode,
-				"preview-mode": C(P).state.previewMode,
-				"locked-blocks": C(N)?.lockedBlocks.value ?? void 0,
-				onSelectBlock: C(P).selectBlock,
-				onOpenAiChat: i[1] ||= (e) => C(V).aiChatOpen.value = !0,
-				onOpenDesignReference: i[2] ||= (e) => C(V).designReferenceOpen.value = !0
+				viewport: C(L).state.viewport,
+				content: C(L).content.value,
+				"selected-block-id": C(L).state.selectedBlockId,
+				"dark-mode": C(L).state.darkMode,
+				"preview-mode": C(L).state.previewMode,
+				"locked-blocks": C(F)?.lockedBlocks.value ?? void 0,
+				onSelectBlock: C(L).selectBlock,
+				onOpenAiChat: i[1] ||= (e) => C(H).aiChatOpen.value = !0,
+				onOpenDesignReference: i[2] ||= (e) => C(H).designReferenceOpen.value = !0
 			}, null, 8, [
 				"viewport",
 				"content",
@@ -1127,51 +1159,51 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"locked-blocks",
 				"onSelectBlock"
 			])])], 2),
-			n.config.branding !== !1 && !C(I).isWhiteLabeled.value ? (e(), x(se, {
+			n.config.branding !== !1 && !C(z).isWhiteLabeled.value ? (e(), x(se, {
 				key: 0,
-				"position-class": [C(P).state.previewMode ? "tpl:left-0 tpl:right-0" : C(V).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
+				"position-class": [C(L).state.previewMode ? "tpl:left-0 tpl:right-0" : C(H).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])) : v("", !0),
 			f("div", {
 				class: "tpl-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": C(F).t.landmarks.reorderAnnouncements
-			}, w(C(F).keyboardReorder.announcement.value), 9, Ft),
+				"aria-label": C(R).t.landmarks.reorderAnnouncements
+			}, w(C(R).keyboardReorder.announcement.value), 9, Ft),
 			t(E(ue, {
-				"selected-block": C(P).selectedBlock.value,
-				settings: C(P).content.value.settings,
-				"shifted-left": C(V).rightPanelOpen.value,
-				onUpdateBlock: i[3] ||= (e) => C(P).updateBlock(C(P).selectedBlock.value.id, e),
-				onDeleteBlock: i[4] ||= (e) => C(F).blockActions.deleteBlock(C(P).selectedBlock.value.id),
-				onDuplicateBlock: i[5] ||= (e) => C(F).blockActions.duplicateBlock(C(P).selectedBlock.value),
-				onUpdateSettings: C(P).updateSettings
+				"selected-block": C(L).selectedBlock.value,
+				settings: C(L).content.value.settings,
+				"shifted-left": C(H).rightPanelOpen.value,
+				onUpdateBlock: i[3] ||= (e) => C(L).updateBlock(C(L).selectedBlock.value.id, e),
+				onDeleteBlock: i[4] ||= (e) => C(R).blockActions.deleteBlock(C(L).selectedBlock.value.id),
+				onDuplicateBlock: i[5] ||= (e) => C(R).blockActions.duplicateBlock(C(L).selectedBlock.value),
+				onUpdateSettings: C(L).updateSettings
 			}, null, 8, [
 				"selected-block",
 				"settings",
 				"shifted-left",
 				"onUpdateSettings"
-			]), [[y, !C(P).state.previewMode]]),
-			!C(S) && C(D) ? (e(), x(ht, {
+			]), [[y, !C(L).state.previewMode]]),
+			!C(D) && C(k) ? (e(), x(ht, {
 				key: 1,
 				ref_key: "cloudPanelsRef",
-				ref: d,
+				ref: p,
 				config: l.config,
-				editor: C(P),
-				core: C(F),
-				"panel-state": C(V),
-				"plan-config-instance": C(A),
-				"test-email": C(B),
-				"media-lib": C(L),
+				editor: C(L),
+				core: C(R),
+				"panel-state": C(H),
+				"plan-config-instance": C(M),
+				"test-email": C(V),
+				"media-lib": C(ee),
 				"saved-modules-headless": C(re),
-				"show-save-module-dialog": C(W),
-				"save-module-pre-selected-block-id": C(K),
-				"show-module-browser-modal": C(G),
-				"onUpdate:showSaveModuleDialog": i[6] ||= (e) => W.value = e,
-				"onUpdate:saveModulePreSelectedBlockId": i[7] ||= (e) => K.value = e,
-				"onUpdate:showModuleBrowserModal": i[8] ||= (e) => G.value = e,
-				onSendTestEmail: pe,
-				onModuleInsert: he
+				"show-save-module-dialog": C(G),
+				"save-module-pre-selected-block-id": C(q),
+				"show-module-browser-modal": C(K),
+				"onUpdate:showSaveModuleDialog": i[6] ||= (e) => G.value = e,
+				"onUpdate:saveModulePreSelectedBlockId": i[7] ||= (e) => q.value = e,
+				"onUpdate:showModuleBrowserModal": i[8] ||= (e) => K.value = e,
+				onSendTestEmail: me,
+				onModuleInsert: ge
 			}, null, 8, [
 				"config",
 				"editor",
@@ -1186,13 +1218,13 @@ var We = ["aria-label"], Ge = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 				"show-module-browser-modal"
 			])) : v("", !0),
 			f("div", {
-				ref: (e) => C(F).popoverRoot.value = e,
+				ref: (e) => C(R).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
 			E(de),
-			C(le) ? (e(), x(ce, { key: 2 })) : v("", !0)
-		], 14, Mt));
+			C(pe) ? (e(), x(ce, { key: 2 })) : v("", !0)
+		], 46, Mt));
 	}
-}), [["__scopeId", "data-v-df1ba3f4"]]);
+}), [["__scopeId", "data-v-8c4fa160"]]);
 //#endregion
 export { It as default };