@templatical/editor 0.0.2 → 0.0.3

package/dist/{CloudEditor-BVjgKwq3.js → CloudEditor-BDnHd6Um.js}

@@ -1,19 +1,19 @@
-import { S as e, t } from "./useEditorCore-DVp5qmtC.js";
+import { S as e, t } from "./useEditorCore-Cc4RCwWq.js";
 import { t as n } from "./timeouts-CmBrLeZA.js";
 import { s as r, t as i } from "./dist-CG-vEqSU.js";
-import { _ as a, b as o, c as s, r as c, s as l, t as u, y as d } from "./keys-8B5MFafK.js";
-import { t as f } from "./useI18n-DzH4KXDk.js";
+import { _ as a, b as o, c as s, r as c, s as l, t as u, y as d } from "./keys-Dwa2PmdD.js";
+import { t as f } from "./useI18n-DUirdXEX.js";
 import { n as p, t as m } from "./_plugin-vue_export-helper-B1-bu7yR.js";
 import { t as h } from "./check-B7kDuZmP.js";
 import { t as ee } from "./circle-alert-E2vYPs5r.js";
-import { a as te, i as ne, n as re, o as ie, r as ae, s as oe, t as se } from "./styles-hQgJKM4i.js";
+import { a as te, i as ne, n as re, o as ie, r as ae, s as oe, t as se } from "./styles-DSw1VNU3.js";
 import { t as ce } from "./clock-lWIIQA3C.js";
 import { t as le } from "./loader-circle-BTQQxC3l.js";
 import { t as ue } from "./message-circle-Blgm6V_h.js";
 import { t as de } from "./send-C0ltAQrv.js";
 import { t as fe } from "./sparkles-KhBCGlqB.js";
-import { s as pe } from "./styleConstants-CgtFM9hQ.js";
-import { Fragment as me, Transition as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createStaticVNode as S, createTextVNode as C, createVNode as w, defineAsyncComponent as T, defineComponent as E, nextTick as he, normalizeClass as D, normalizeStyle as ge, onMounted as _e, onScopeDispose as ve, onUnmounted as ye, openBlock as O, provide as k, ref as A, renderList as be, shallowRef as xe, toDisplayString as j, unref as M, vShow as Se, watch as Ce, withCtx as N, withDirectives as we, withModifiers as Te } from "vue";
+import { u as g } from "./styleConstants-D4SOZGBV.js";
+import { Fragment as pe, Transition as _, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createStaticVNode as me, createTextVNode as C, createVNode as w, defineAsyncComponent as T, defineComponent as E, nextTick as he, normalizeClass as D, normalizeStyle as ge, onMounted as _e, onScopeDispose as ve, onUnmounted as ye, openBlock as O, provide as k, ref as A, renderList as be, shallowRef as xe, toDisplayString as j, unref as M, vShow as Se, watch as Ce, withCtx as N, withDirectives as we, withModifiers as Te } from "vue";
 import { cloneBlock as Ee, isCustomBlock as De } from "@templatical/types";
 import { AuthManager as Oe, performHealthCheck as ke, resolveWebSocketConfig as Ae, useAiConfig as je, useCollaboration as Me, useCollaborationBroadcast as Ne, useCommentListener as Pe, useComments as Fe, useEditor as Ie, useExport as Le, useMcpListener as Re, usePlanConfig as ze, useSavedModules as Be, useSnapshotHistory as Ve, useTemplateScoring as He, useTestEmail as Ue, useWebSocket as We } from "@templatical/core/cloud";
 var Ge = p("save", [
@@ -33,7 +33,7 @@ var Ge = p("save", [
 //#endregion
 //#region src/cloud/composables/useSnapshotPreview.ts
 function Ke(e) {
-	let { authManager: t, editor: n, history: r, conditionPreview: i, autoSave: a, onError: o } = e, s = xe(null), c = A(null), l = A(null), u = _(() => c.value !== null), d = _(() => s.value?.snapshots.value ?? []), f = _(() => s.value?.isLoading.value ?? !1), p = _(() => s.value?.isRestoring.value ?? !1);
+	let { authManager: t, editor: n, history: r, conditionPreview: i, autoSave: a, onError: o } = e, s = xe(null), c = A(null), l = A(null), u = v(() => c.value !== null), d = v(() => s.value?.snapshots.value ?? []), f = v(() => s.value?.isLoading.value ?? !1), p = v(() => s.value?.isRestoring.value ?? !1);
 	function m() {
 		n.state.template?.id && !s.value && (s.value = Ve({
 			authManager: t,
@@ -84,22 +84,22 @@ function Ke(e) {
 //#endregion
 //#region src/cloud/composables/useCloudPanelState.ts
 function qe() {
-	let e = A(null), t = _({
+	let e = A(null), t = v({
 		get: () => e.value === "ai-chat",
 		set: (t) => e.value = t ? "ai-chat" : null
-	}), n = _({
+	}), n = v({
 		get: () => e.value === "scoring",
 		set: (t) => e.value = t ? "scoring" : null
-	}), r = _({
+	}), r = v({
 		get: () => e.value === "design-reference",
 		set: (t) => e.value = t ? "design-reference" : null
-	}), a = _({
+	}), a = v({
 		get: () => e.value === "comments",
 		set: (t) => e.value = t ? "comments" : null
-	}), o = A(!1), s = A(!1), c = A(void 0), l = A(!1), u = A(null), d = _(() => e.value !== null), f = _(() => {
+	}), o = A(!1), s = A(!1), c = A(void 0), l = A(!1), u = A(null), d = v(() => e.value !== null), f = v(() => {
 		let t = e.value;
 		return t === "ai-chat" || t === "design-reference" || t === "scoring" ? t : null;
-	}), p = _(() => l.value || e.value === "ai-chat" || e.value === "design-reference" || e.value === "scoring");
+	}), p = v(() => l.value || e.value === "ai-chat" || e.value === "design-reference" || e.value === "scoring");
 	function m() {
 		l.value = !l.value;
 	}
@@ -143,7 +143,7 @@ function Je(e) {
 //#endregion
 //#region src/cloud/composables/useCloudFeatureFlags.ts
 function Ye(e) {
-	let { planConfigInstance: t, aiConfig: n, editor: i } = e, a = _(() => t.hasFeature("ai_generation") && n.hasAnyMenuFeature.value), o = _(() => t.hasFeature("test_email")), s = _(() => !!i.state.template?.id), c = _(() => t.hasFeature("white_label")), l = _(() => t.config.value?.limits.max_templates ?? null), u = _(() => t.config.value?.template_count ?? 0), d = A(!1), f = A("idle"), p = A(""), { start: m } = r(() => {
+	let { planConfigInstance: t, aiConfig: n, editor: i } = e, a = v(() => t.hasFeature("ai_generation") && n.hasAnyMenuFeature.value), o = v(() => t.hasFeature("test_email")), s = v(() => !!i.state.template?.id), c = v(() => t.hasFeature("white_label")), l = v(() => t.config.value?.limits.max_templates ?? null), u = v(() => t.config.value?.template_count ?? 0), d = A(!1), f = A("idle"), p = A(""), { start: m } = r(() => {
 		f.value = "idle";
 	}, 3e3, { immediate: !1 });
 	return {
@@ -195,51 +195,24 @@ function Xe(e) {
 	};
 }
 //#endregion
-//#region src/cloud/composables/useSavedModules.ts
-function Ze(e) {
-	let t = A(!1), n = A(null), r = A(!1);
-	function i(e) {
-		n.value = e ?? null, t.value = !0;
-	}
-	function a() {
-		t.value = !1, n.value = null;
-	}
-	function o() {
-		r.value = !0;
-	}
-	function s() {
-		r.value = !1;
-	}
-	return {
-		headless: e,
-		showSaveDialog: t,
-		preSelectedBlockId: n,
-		openSaveDialog: i,
-		closeSaveDialog: a,
-		showBrowserModal: r,
-		openBrowserModal: o,
-		closeBrowserModal: s
-	};
-}
-//#endregion
 //#region src/cloud/components/CloudLoadingOverlay.vue?vue&type=script&setup=true&lang.ts
-var Qe = {
+var Ze = {
 	key: 0,
 	class: "tpl-loading tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:bg-[var(--tpl-bg)]"
-}, P = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, $e = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, et = /* @__PURE__ */ E({
+}, P = { class: "tpl:flex tpl:flex-1 tpl:overflow-hidden" }, Qe = { class: "tpl:flex tpl:w-12 tpl:shrink-0 tpl:flex-col tpl:items-center tpl:gap-4 tpl:py-5 tpl:border-r tpl:border-[var(--tpl-border)]" }, $e = /* @__PURE__ */ E({
 	__name: "CloudLoadingOverlay",
 	props: { visible: { type: Boolean } },
 	setup(e) {
-		return (t, n) => e.visible ? (O(), b("div", Qe, [n[1] ||= S("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), x("div", P, [x("div", $e, [(O(), b(me, null, be(5, (e) => x("div", {
+		return (t, n) => e.visible ? (O(), x("div", Ze, [n[1] ||= me("<div class=\"tpl:flex tpl:h-14 tpl:shrink-0 tpl:items-center tpl:justify-between tpl:px-4 tpl:border-b tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-5 tpl:w-28 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl:flex tpl:gap-3\"><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-8 tpl:w-20 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div></div>", 1), S("div", P, [S("div", Qe, [(O(), x(pe, null, be(5, (e) => S("div", {
 			key: e,
 			class: "tpl-shimmer tpl:size-7 tpl:rounded-[var(--tpl-radius-sm)]"
-		})), 64))]), n[0] ||= S("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])])) : y("", !0);
+		})), 64))]), n[0] ||= me("<div class=\"tpl:flex tpl:flex-1 tpl:items-start tpl:justify-center tpl:overflow-auto tpl:p-8 tpl:bg-[var(--tpl-canvas-bg)]\"><div class=\"tpl:w-full tpl:max-w-[600px] tpl:rounded-[var(--tpl-radius)] tpl:p-6 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)]\"><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-3/4 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-5/6 tpl:rounded\"></div></div><div class=\"tpl:py-4\"><div class=\"tpl-shimmer tpl:h-44 tpl:w-full tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:h-3 tpl:w-full tpl:rounded\"></div><div class=\"tpl-shimmer tpl:h-3 tpl:w-2/3 tpl:rounded\"></div></div><div class=\"tpl:flex tpl:justify-center tpl:py-4\"><div class=\"tpl-shimmer tpl:h-10 tpl:w-36 tpl:rounded-[var(--tpl-radius-sm)]\"></div></div><div class=\"tpl:space-y-2 tpl:py-4\"><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/2 tpl:rounded\"></div><div class=\"tpl-shimmer tpl:mx-auto tpl:h-2.5 tpl:w-1/3 tpl:rounded\"></div></div></div></div><div class=\"tpl:flex tpl:w-[320px] tpl:shrink-0 tpl:flex-col tpl:gap-4 tpl:p-4 tpl:border-l tpl:border-[var(--tpl-border)]\"><div class=\"tpl-shimmer tpl:h-8 tpl:rounded-[var(--tpl-radius-sm)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div><div class=\"tpl-shimmer tpl:h-32 tpl:rounded-[var(--tpl-radius)]\"></div></div>", 2)])])) : b("", !0);
 	}
 }), F = {
 	key: 0,
 	role: "alert",
 	class: "tpl-error tpl:absolute tpl:inset-0 tpl:z-overlay tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-6 tpl:px-8 tpl:bg-[var(--tpl-bg)]"
-}, I = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, L = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, R = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, z = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, tt = /* @__PURE__ */ E({
+}, I = { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-danger-light)]" }, L = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:text-center" }, R = { class: "tpl:text-lg tpl:font-semibold tpl:text-[var(--tpl-text)]" }, z = { class: "tpl:max-w-md tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, et = /* @__PURE__ */ E({
 	__name: "CloudErrorOverlay",
 	props: {
 		error: {},
@@ -254,41 +227,41 @@ var Qe = {
 		function a(e) {
 			return "isNotFound" in e && !!e.isNotFound;
 		}
-		return (t, o) => e.visible && e.error ? (O(), b("div", F, [
-			x("div", I, [w(M(ee), {
+		return (t, o) => e.visible && e.error ? (O(), x("div", F, [
+			S("div", I, [w(M(ee), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-danger)]"
 			})]),
-			x("div", L, [x("h2", R, j(M(r).error.title), 1), x("p", z, j(i(e.error)), 1)]),
-			a(e.error) ? y("", !0) : (O(), b("button", {
+			S("div", L, [S("h2", R, j(M(r).error.title), 1), S("p", z, j(i(e.error)), 1)]),
+			a(e.error) ? b("", !0) : (O(), x("button", {
 				key: 0,
 				class: "tpl-btn tpl-btn-primary tpl:inline-flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 				onClick: o[0] ||= (e) => n("retry")
 			}, j(M(r).error.retry), 1))
-		])) : y("", !0);
+		])) : b("", !0);
 	}
 }), B = {
 	key: 0,
 	class: "tpl-preview-banner tpl:absolute tpl:top-14 tpl:right-0 tpl:left-0 tpl:z-40 tpl:flex tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-4 tpl:py-3 tpl:bg-[var(--tpl-primary-light)] tpl:border-b tpl:border-[var(--tpl-primary)]"
-}, V = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]" }, H = { class: "tpl:flex tpl:items-center tpl:gap-2" }, nt = /* @__PURE__ */ E({
+}, V = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]" }, H = { class: "tpl:flex tpl:items-center tpl:gap-2" }, tt = /* @__PURE__ */ E({
 	__name: "SnapshotPreviewBanner",
 	props: { visible: { type: Boolean } },
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: t }) {
 		let n = t, { t: r } = f();
-		return (t, i) => e.visible ? (O(), b("div", B, [x("div", V, [w(M(ce), {
+		return (t, i) => e.visible ? (O(), x("div", B, [S("div", V, [w(M(ce), {
 			size: 18,
 			"stroke-width": 2,
 			class: "tpl:text-[var(--tpl-primary)]"
-		}), x("span", null, j(M(r).snapshotPreview.message), 1)]), x("div", H, [x("button", {
+		}), S("span", null, j(M(r).snapshotPreview.message), 1)]), S("div", H, [S("button", {
 			class: "tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
 			style: { "background-color": "transparent" },
 			onClick: i[0] ||= (e) => n("cancel")
-		}, j(M(r).snapshotPreview.cancel), 1), x("button", {
+		}, j(M(r).snapshotPreview.cancel), 1), S("button", {
 			class: "tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 			onClick: i[1] ||= (e) => n("confirm")
-		}, j(M(r).snapshotPreview.restore), 1)])])) : y("", !0);
+		}, j(M(r).snapshotPreview.restore), 1)])])) : b("", !0);
 	}
 }), U = {
 	key: 0,
@@ -300,14 +273,14 @@ var Qe = {
 		color: "var(--tpl-text)",
 		border: "1px solid var(--tpl-warning)"
 	}
-}, rt = /* @__PURE__ */ E({
+}, nt = /* @__PURE__ */ E({
 	__name: "CollabUndoToast",
 	props: { visible: { type: Boolean } },
 	setup(e) {
 		let { t } = f();
-		return (n, r) => e.visible ? (O(), b("div", U, j(M(t).history.collabWarning), 1)) : y("", !0);
+		return (n, r) => e.visible ? (O(), x("div", U, j(M(t).history.collabWarning), 1)) : b("", !0);
 	}
-}), it = ["data-tpl-theme"], at = {
+}), rt = ["data-tpl-theme"], it = {
 	class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4",
 	style: {
 		"background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)",
@@ -316,34 +289,34 @@ var Qe = {
 		"box-shadow": "var(--tpl-shadow-md)",
 		"border-bottom": "1px solid var(--tpl-border)"
 	}
-}, ot = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-3" }, st = {
+}, at = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-3" }, ot = {
 	key: 0,
 	class: "tpl-logo tpl:flex tpl:items-center tpl:gap-2.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, ct = ["src"], lt = { style: { "letter-spacing": "-0.01em" } }, ut = {
+}, st = ["src"], ct = { style: { "letter-spacing": "-0.01em" } }, lt = {
 	key: 1,
 	class: "tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]"
-}, dt = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, ft = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, pt = ["data-tooltip"], mt = {
+}, ut = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, dt = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, ft = ["data-tooltip"], pt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
-}, ht = {
+}, mt = {
 	key: 2,
 	"aria-live": "polite",
 	class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, gt = ["aria-label", "aria-expanded"], _t = {
+}, ht = ["aria-label", "aria-expanded"], gt = {
 	key: 0,
 	class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]"
-}, vt = ["aria-expanded"], yt = {
+}, _t = ["aria-expanded"], vt = {
 	key: 0,
 	class: "tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right"
-}, bt = ["disabled"], xt = ["disabled"], St = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Ct = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, wt = {
+}, yt = ["disabled"], bt = ["disabled"], xt = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, St = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ct = {
 	class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
 	style: {
 		"background-color": "color-mix(\n            in srgb,\n            var(--tpl-canvas-bg) 85%,\n            transparent\n          )",
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, Tt = {
+}, wt = {
 	href: "https://github.com/templatical/sdk",
 	target: "_blank",
 	rel: "noopener noreferrer",
@@ -358,7 +331,7 @@ var Qe = {
 	},
 	emits: ["ready"],
 	setup(n, { expose: r, emit: i }) {
-		let f = T(() => import("./AiChatSidebar-XBj5Rw2l.js")), p = T(() => import("./CommentsSidebar-D9oxqO6l.js")), m = T(() => import("./DesignReferenceSidebar-CyHq4SWt.js")), ce = T(() => import("./TemplateScoringPanel-C8XSk_Ys.js")), S = T(() => import("./TestEmailModal-CCVfaFgV.js")), E = T(() => import("./SaveModuleDialog-BIZBQrd8.js")), ve = T(() => import("./ModuleBrowserModal-Cus2Hdwl.js")), be = T(() => import("./SnapshotHistory-Ds1-QNbx.js")), xe = T(() => import("./CollaboratorBar-BZq_Gv38.js")), Ve = T(() => import("./AiFeatureMenu-my1mZ9DL.js")), Qe = T(async () => (await import("@templatical/media-library")).MediaLibraryModal), P = n, $e = i, F = A(!0), I = A(!1), L = A(null), R = !1, z = new Oe({
+		let f = T(() => import("./AiChatSidebar-busJk9hm.js")), p = T(() => import("./CommentsSidebar-4tjp0VU5.js")), m = T(() => import("./DesignReferenceSidebar-CmwXvltV.js")), ce = T(() => import("./TemplateScoringPanel-CTgMtc0-.js")), me = T(() => import("./TestEmailModal-Dpq1is9S.js")), E = T(() => import("./SaveModuleDialog-Bmzi72td.js")), ve = T(() => import("./ModuleBrowserModal-lrk3Fr0H.js")), be = T(() => import("./SnapshotHistory-AEgi9Xsn.js")), xe = T(() => import("./CollaboratorBar-Dv3l52vC.js")), Ve = T(() => import("./AiFeatureMenu-DLGv_-pj.js")), Ze = T(async () => (await import("@templatical/media-library")).MediaLibraryModal), P = n, Qe = i, F = A(!0), I = A(!1), L = A(null), R = !1, z = new Oe({
 			...P.config.auth,
 			onError: P.config.onError
 		}), B = ze({
@@ -392,7 +365,7 @@ var Qe = {
 		}), Ce(() => W.lockedBlocks.value, (e) => {
 			V.value = e;
 		}, { immediate: !0 }), Ne(H, W));
-		let Et = _(() => !!P.config.collaboration?.enabled && B.hasFeature("collaboration")), Dt = null, Ot = null, G = t({
+		let Tt = v(() => !!P.config.collaboration?.enabled && B.hasFeature("collaboration")), Et = null, Dt = null, G = t({
 			editor: H,
 			config: {
 				uiTheme: P.config.uiTheme,
@@ -403,7 +376,7 @@ var Qe = {
 				displayConditions: P.config.displayConditions,
 				onRequestMedia: null,
 				onSave: () => {
-					Wt().catch((e) => {
+					$().catch((e) => {
 						P.config.onError?.(e);
 					});
 				}
@@ -413,19 +386,19 @@ var Qe = {
 			historyOptions: W ? { isRemoteOperation: () => W._isProcessingRemoteOperation() } : void 0,
 			autoSaveOptions: {
 				onChange: async () => {
-					H.hasTemplate() && (await H.createSnapshot(), Dt?.snapshotHistoryInstance.value?.loadSnapshots());
+					H.hasTemplate() && (await H.createSnapshot(), Et?.snapshotHistoryInstance.value?.loadSnapshots());
 				},
 				debounce: P.config.autoSaveDebounce ?? 5e3,
 				enabled: () => P.config.autoSave !== !1 && B.hasFeature("auto_save")
 			},
 			themeExtraStyles: () => ({ "--tpl-drop-text": `"${P.translations.canvas.dropHere}"` }),
-			keyboardOptions: { onBeforeUndo: () => Ot?.showCollabUndoWarning() }
-		}), kt = Je({
-			isCollaborationEnabled: Et,
+			keyboardOptions: { onBeforeUndo: () => Dt?.showCollabUndoWarning() }
+		}), Ot = Je({
+			isCollaborationEnabled: Tt,
 			getCollaboratorCount: () => W?.collaborators.value.length ?? 0,
 			canUndo: G.history.canUndo
 		});
-		Ot = kt;
+		Dt = Ot;
 		let K = Ke({
 			authManager: z,
 			editor: H,
@@ -434,12 +407,12 @@ var Qe = {
 			autoSave: G.autoSave,
 			onError: P.config.onError
 		});
-		Dt = K;
-		let q = qe(), At = je(P.config.ai), J = Ye({
+		Et = K;
+		let q = qe(), kt = je(P.config.ai), J = Ye({
 			planConfigInstance: B,
-			aiConfig: At,
+			aiConfig: kt,
 			editor: H
-		}), Y = Xe({
+		}), At = Xe({
 			onRequestMedia: P.config.onRequestMedia,
 			mediaLibraryOpen: q.mediaLibraryOpen,
 			mediaLibraryAccept: q.mediaLibraryAccept
@@ -452,7 +425,7 @@ var Qe = {
 			authManager: z,
 			getFontsConfig: () => P.config.fonts,
 			canUseCustomFonts: () => B.hasFeature("custom_fonts")
-		}), X = Ue({
+		}), Y = Ue({
 			authManager: z,
 			getTemplateId: () => H.state.template?.id ?? null,
 			save: () => H.save(),
@@ -460,7 +433,7 @@ var Qe = {
 			onError: P.config.onError,
 			isAuthReady: I,
 			onBeforeTestEmail: P.config.onBeforeTestEmail
-		}), Z = Fe({
+		}), X = Fe({
 			authManager: z,
 			getTemplateId: () => H.state.template?.id ?? null,
 			getSocketId: () => U.getSocketId(),
@@ -470,54 +443,58 @@ var Qe = {
 			hasCommentingFeature: () => P.config.commenting !== !1 && B.hasFeature("commenting")
 		});
 		Pe({
-			comments: Z,
+			comments: X,
 			channel: U.channel
 		});
-		let Q = Be({
+		let Z = Be({
 			authManager: z,
 			onError: P.config.onError
-		}), $ = Ze(Q), Mt = He({
+		}), Mt = A(!1), Nt = A(null), Q = A(!1), Pt = He({
 			authManager: z,
 			getTemplateId: () => H.state.template?.id ?? null
 		});
-		k(a, Y.handleRequestMedia), k(c, z), k(u, At), k(s, Z), k(d, Q), k(o, Mt), k(l, {
+		k(a, At.handleRequestMedia), k(c, z), k(u, kt), k(s, X), k(d, Z), k(o, Pt), k(l, {
 			plan: B,
-			ai: At,
+			ai: kt,
 			comments: {
-				getBlockCount: (e) => Z.commentCountByBlock.value.get(e) ?? 0,
-				openForBlock: It
+				getBlockCount: (e) => X.commentCountByBlock.value.get(e) ?? 0,
+				openForBlock: Rt
 			},
 			savedModules: {
-				openSaveDialog: (e) => $.openSaveDialog(e),
-				openBrowser: () => $.openBrowserModal(),
-				moduleCount: _(() => Q.modules.value.length)
+				openSaveDialog: (e) => {
+					Nt.value = e ?? null, Mt.value = !0;
+				},
+				openBrowser: () => {
+					Q.value = !0;
+				},
+				moduleCount: v(() => Z.modules.value.length)
 			}
 		});
-		function Nt(e) {
+		function Ft(e) {
 			B.hasFeature("theme_customization") && (G.themeOverrides.value = e);
 		}
-		function Pt(e) {
+		function It(e) {
 			H.setUiTheme(e);
 		}
-		let Ft = A(null);
-		function It(e) {
+		let Lt = A(null);
+		function Rt(e) {
 			q.commentsOpen.value = !0, he(() => {
-				Ft.value?.filterByBlock(e);
+				Lt.value?.filterByBlock(e);
 			});
 		}
-		async function Lt(e) {
+		async function zt(e) {
 			try {
-				await X.sendTestEmail(e), q.testEmailModalOpen.value = !1;
+				await Y.sendTestEmail(e), q.testEmailModalOpen.value = !1;
 			} catch {}
 		}
-		function Rt(e, t) {
+		function Bt(e, t) {
 			for (let n = 0; n < e.content.length; n++) {
 				let r = Ee(e.content[n]), i = t === void 0 ? void 0 : t + n;
 				H.addBlock(r, void 0, void 0, i);
 			}
-			$.closeBrowserModal();
+			Q.value = !1;
 		}
-		async function zt(e) {
+		async function Vt(e) {
 			let t = async (e) => {
 				if (De(e)) {
 					let t = e;
@@ -534,7 +511,7 @@ var Qe = {
 			};
 			for (let n of e.blocks) await t(n);
 		}
-		async function Bt() {
+		async function Ht() {
 			F.value = !0, L.value = null;
 			try {
 				if (await z.initialize(), R) return;
@@ -544,7 +521,7 @@ var Qe = {
 				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 || console.warn("[Templatical] WebSocket health check failed:", e.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await B.fetchConfig(), R) return;
-				P.fontsManager.setCustomFontsEnabled(B.hasFeature("custom_fonts")), P.config.customBlocks?.length && B.hasFeature("custom_blocks") && G.registerCustomBlocks(P.config.customBlocks), P.config.theme && B.hasFeature("theme_customization") && (G.themeOverrides.value = P.config.theme), P.config.modules !== !1 && B.hasFeature("saved_modules") && Q.loadModules(), $e("ready");
+				P.fontsManager.setCustomFontsEnabled(B.hasFeature("custom_fonts")), P.config.customBlocks?.length && B.hasFeature("custom_blocks") && G.registerCustomBlocks(P.config.customBlocks), P.config.theme && B.hasFeature("theme_customization") && (G.themeOverrides.value = P.config.theme), P.config.modules !== !1 && B.hasFeature("saved_modules") && Z.loadModules(), Qe("ready");
 			} catch (e) {
 				if (R) return;
 				let t = e instanceof Error ? e : Error("Initialization failed", { cause: e });
@@ -553,21 +530,21 @@ var Qe = {
 				R || (F.value = !1);
 			}
 		}
-		function Vt() {
+		function Ut() {
 			return Ae(B.config.value.websocket);
 		}
-		async function Ht(e) {
+		async function Wt(e) {
 			let t = await H.create(e);
-			return R ? t : (P.config.onCreate?.(t), K.initSnapshotHistory(), U.connect(t.id, Vt()), t);
+			return R ? t : (P.config.onCreate?.(t), K.initSnapshotHistory(), U.connect(t.id, Ut()), t);
 		}
-		async function Ut(e) {
+		async function Gt(e) {
 			let t = await H.load(e);
-			return R ? t : (P.config.onLoad?.(t), K.initSnapshotHistory(), U.connect(t.id, Vt()), t);
+			return R ? t : (P.config.onLoad?.(t), K.initSnapshotHistory(), U.connect(t.id, Ut()), t);
 		}
-		async function Wt() {
+		async function $() {
 			J.isSaveExporting.value = !0, J.saveStatus.value = "idle";
 			try {
-				if (await zt(H.content.value), R) throw Error("Component unmounted during save");
+				if (await Vt(H.content.value), R) throw Error("Component unmounted during save");
 				let e = await H.save();
 				if (R) throw Error("Component unmounted during save");
 				K.initSnapshotHistory(), K.snapshotHistoryInstance.value && K.snapshotHistoryInstance.value.loadSnapshots();
@@ -587,24 +564,24 @@ var Qe = {
 			}
 		}
 		return _e(() => {
-			Bt();
+			Ht();
 		}), ye(() => {
 			R = !0, P.fontsManager.cleanupFontLinks(), U.disconnect(), G.destroy(), P.config.onUnmount?.();
 		}), r({
 			getContent: () => H.content.value,
 			setContent: (e) => H.setContent(e),
-			setTheme: Pt,
-			setThemeOverrides: Nt,
-			create: Ht,
-			load: Ut,
-			save: Wt,
-			sendTestEmail: X.sendTestEmail
-		}), (e, t) => (O(), b("div", {
+			setTheme: It,
+			setThemeOverrides: Ft,
+			create: Wt,
+			load: Gt,
+			save: $,
+			sendTestEmail: Y.sendTestEmail
+		}), (e, t) => (O(), x("div", {
 			class: D(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": M(H).state.darkMode }]),
 			"data-tpl-theme": M(G).resolvedTheme.value,
 			style: ge(M(G).themeStyles.value)
 		}, [
-			w(g, {
+			w(_, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
 				"enter-from-class": "tpl:opacity-100",
 				"enter-to-class": "tpl:opacity-100",
@@ -612,10 +589,10 @@ var Qe = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: N(() => [w(et, { visible: F.value || M(H).state.isLoading }, null, 8, ["visible"])]),
+				default: N(() => [w($e, { visible: F.value || M(H).state.isLoading }, null, 8, ["visible"])]),
 				_: 1
 			}),
-			w(g, {
+			w(_, {
 				"enter-active-class": "tpl:transition-opacity tpl:duration-200",
 				"enter-from-class": "tpl:opacity-0",
 				"enter-to-class": "tpl:opacity-100",
@@ -623,25 +600,25 @@ var Qe = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: N(() => [w(tt, {
+				default: N(() => [w(et, {
 					error: L.value,
 					visible: !!L.value && !F.value,
-					onRetry: Bt
+					onRetry: Ht
 				}, null, 8, ["error", "visible"])]),
 				_: 1
 			}),
-			x("header", at, [
-				x("div", ot, [M(J).isWhiteLabeled.value ? y("", !0) : (O(), b("div", st, [x("img", {
+			S("header", it, [
+				S("div", at, [M(J).isWhiteLabeled.value ? b("", !0) : (O(), x("div", ot, [S("img", {
 					src: M(z).resolveUrl("/logo.svg"),
 					alt: "Templatical",
 					width: "24",
 					height: "24",
 					class: "tpl:shrink-0"
-				}, null, 8, ct), x("span", lt, j(M(G).t.header.title), 1)])), M(J).templateLimit.value === null ? y("", !0) : (O(), b("span", ut, j(M(G).format(M(G).t.header.templatesUsed, {
+				}, null, 8, st), S("span", ct, j(M(G).t.header.title), 1)])), M(J).templateLimit.value === null ? b("", !0) : (O(), x("span", lt, j(M(G).format(M(G).t.header.templatesUsed, {
 					used: M(J).templateCount.value,
 					max: M(J).templateLimit.value
 				})), 1))]),
-				x("div", dt, [
+				S("div", ut, [
 					w(ae, {
 						viewport: M(H).state.viewport,
 						onChange: M(H).setViewport
@@ -654,12 +631,12 @@ var Qe = {
 						"preview-mode": M(H).state.previewMode,
 						onChange: M(H).setPreviewMode
 					}, null, 8, ["preview-mode", "onChange"]),
-					M(W) && Et.value ? (O(), v(M(xe), {
+					M(W) && Tt.value ? (O(), y(M(xe), {
 						key: 0,
 						collaborators: M(W).collaborators.value,
 						"is-connected": M(U).isConnected.value
-					}, null, 8, ["collaborators", "is-connected"])) : y("", !0),
-					M(K).snapshotHistoryInstance.value ? (O(), v(M(be), {
+					}, null, 8, ["collaborators", "is-connected"])) : b("", !0),
+					M(K).snapshotHistoryInstance.value ? (O(), y(M(be), {
 						key: 1,
 						snapshots: M(K).snapshotHistorySnapshots.value,
 						"is-loading": M(K).snapshotHistoryIsLoading.value,
@@ -672,10 +649,10 @@ var Qe = {
 						"is-restoring",
 						"onLoad",
 						"onNavigate"
-					])) : y("", !0)
+					])) : b("", !0)
 				]),
-				x("div", ft, [
-					M(J).saveStatus.value === "error" ? (O(), b("div", {
+				S("div", dt, [
+					M(J).saveStatus.value === "error" ? (O(), x("div", {
 						key: 0,
 						"aria-live": "assertive",
 						class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
@@ -683,15 +660,15 @@ var Qe = {
 					}, [w(M(ee), {
 						size: 12,
 						"stroke-width": 2.5
-					}), C(" " + j(M(G).t.header.saveFailed), 1)], 8, pt)) : M(J).saveStatus.value === "saved" ? (O(), b("div", mt, [w(M(h), {
+					}), C(" " + j(M(G).t.header.saveFailed), 1)], 8, ft)) : M(J).saveStatus.value === "saved" ? (O(), x("div", pt, [w(M(h), {
 						size: 12,
 						"stroke-width": 2.5
-					}), C(" " + j(M(G).t.header.saved), 1)])) : M(H).state.isDirty ? (O(), b("div", ht, [t[19] ||= x("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), C(" " + j(M(G).t.header.unsaved), 1)])) : y("", !0),
-					M(Z).isEnabled.value && M(J).hasTemplateSaved.value ? (O(), b("button", {
+					}), C(" " + j(M(G).t.header.saved), 1)])) : M(H).state.isDirty ? (O(), x("div", mt, [t[19] ||= S("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), C(" " + j(M(G).t.header.unsaved), 1)])) : b("", !0),
+					M(X).isEnabled.value && M(J).hasTemplateSaved.value ? (O(), x("button", {
 						key: 3,
-						"aria-label": M(Z).unresolvedCount.value > 0 ? `${M(G).t.comments.button} (${M(Z).unresolvedCount.value})` : M(G).t.comments.button,
+						"aria-label": M(X).unresolvedCount.value > 0 ? `${M(G).t.comments.button} (${M(X).unresolvedCount.value})` : M(G).t.comments.button,
 						"aria-expanded": M(q).commentsOpen.value,
-						class: D(M(pe)),
+						class: D(M(g)),
 						style: ge({
 							backgroundColor: M(q).commentsOpen.value ? "var(--tpl-primary)" : "transparent",
 							color: M(q).commentsOpen.value ? "var(--tpl-bg)" : "var(--tpl-primary)",
@@ -704,13 +681,13 @@ var Qe = {
 							"stroke-width": 2
 						}),
 						C(" " + j(M(G).t.comments.button) + " ", 1),
-						M(Z).unresolvedCount.value > 0 && !M(q).commentsOpen.value ? (O(), b("span", _t, j(M(Z).unresolvedCount.value), 1)) : y("", !0)
-					], 14, gt)) : y("", !0),
-					M(J).canUseAiGeneration.value && M(J).hasTemplateSaved.value ? (O(), b("div", {
+						M(X).unresolvedCount.value > 0 && !M(q).commentsOpen.value ? (O(), x("span", gt, j(M(X).unresolvedCount.value), 1)) : b("", !0)
+					], 14, ht)) : b("", !0),
+					M(J).canUseAiGeneration.value && M(J).hasTemplateSaved.value ? (O(), x("div", {
 						key: 4,
 						ref: (e) => M(q).aiMenuRef.value = e,
 						class: "tpl:relative"
-					}, [x("button", {
+					}, [S("button", {
 						"aria-expanded": M(q).aiMenuOpen.value,
 						class: D(["tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200", M(q).aiButtonActive.value ? "tpl-ai-btn--active" : "tpl-ai-btn--idle"]),
 						onClick: t[1] ||= Te((...e) => M(q).toggleAiMenu && M(q).toggleAiMenu(...e), ["stop"])
@@ -718,7 +695,7 @@ var Qe = {
 						size: 16,
 						"stroke-width": 2,
 						class: "tpl-ai-btn-icon"
-					}), C(" " + j(M(G).t.aiChat.button), 1)], 10, vt), w(g, {
+					}), C(" " + j(M(G).t.aiChat.button), 1)], 10, _t), w(_, {
 						"enter-active-class": "tpl:transition-all tpl:duration-150 tpl:ease-out",
 						"enter-from-class": "tpl:scale-95 tpl:opacity-0",
 						"enter-to-class": "tpl:scale-100 tpl:opacity-100",
@@ -726,54 +703,54 @@ var Qe = {
 						"leave-from-class": "tpl:scale-100 tpl:opacity-100",
 						"leave-to-class": "tpl:scale-95 tpl:opacity-0"
 					}, {
-						default: N(() => [M(q).aiMenuOpen.value ? (O(), b("div", yt, [w(M(Ve), {
+						default: N(() => [M(q).aiMenuOpen.value ? (O(), x("div", vt, [w(M(Ve), {
 							"active-feature": M(q).activeAiFeature.value,
 							onSelect: M(q).handleAiFeatureSelect
-						}, null, 8, ["active-feature", "onSelect"])])) : y("", !0)]),
+						}, null, 8, ["active-feature", "onSelect"])])) : b("", !0)]),
 						_: 1
-					})], 512)) : y("", !0),
-					M(X).isEnabled.value && M(J).canSendTestEmail.value ? (O(), b("button", {
+					})], 512)) : b("", !0),
+					M(Y).isEnabled.value && M(J).canSendTestEmail.value ? (O(), x("button", {
 						key: 5,
-						class: D(M(pe)),
+						class: D(M(g)),
 						style: {
 							"background-color": "transparent",
 							color: "var(--tpl-primary)",
 							"border-color": "var(--tpl-primary)"
 						},
-						disabled: M(X).isSending.value || !M(J).hasTemplateSaved.value,
+						disabled: M(Y).isSending.value || !M(J).hasTemplateSaved.value,
 						onClick: t[2] ||= (e) => M(q).testEmailModalOpen.value = !0
-					}, [M(X).isSending.value ? (O(), v(M(le), {
+					}, [M(Y).isSending.value ? (O(), y(M(le), {
 						key: 1,
 						class: "tpl-spinner",
 						size: 16,
 						"stroke-width": 2
-					})) : (O(), v(M(de), {
+					})) : (O(), y(M(de), {
 						key: 0,
 						size: 16,
 						"stroke-width": 2
-					})), C(" " + j(M(G).t.testEmail.button), 1)], 10, bt)) : y("", !0),
-					x("button", {
-						class: D(M(pe)),
+					})), C(" " + j(M(G).t.testEmail.button), 1)], 10, yt)) : b("", !0),
+					S("button", {
+						class: D(M(g)),
 						style: {
 							"background-color": "transparent",
 							color: "var(--tpl-primary)",
 							"border-color": "var(--tpl-primary)"
 						},
 						disabled: M(H).state.isSaving || M(J).isSaveExporting.value || !M(H).state.isDirty,
-						onClick: t[3] ||= (e) => Wt().catch((e) => P.config.onError?.(e))
-					}, [!M(H).state.isSaving && !M(J).isSaveExporting.value ? (O(), v(M(Ge), {
+						onClick: t[3] ||= (e) => $().catch((e) => P.config.onError?.(e))
+					}, [!M(H).state.isSaving && !M(J).isSaveExporting.value ? (O(), y(M(Ge), {
 						key: 0,
 						size: 16,
 						"stroke-width": 2
-					})) : (O(), v(M(le), {
+					})) : (O(), y(M(le), {
 						key: 1,
 						class: "tpl-spinner",
 						size: 16,
 						"stroke-width": 2
-					})), C(" " + j(M(H).state.isSaving || M(J).isSaveExporting.value ? M(G).t.header.saving : M(G).t.header.save), 1)], 10, xt)
+					})), C(" " + j(M(H).state.isSaving || M(J).isSaveExporting.value ? M(G).t.header.saving : M(G).t.header.save), 1)], 10, bt)
 				])
 			]),
-			w(nt, {
+			w(tt, {
 				visible: M(K).isPreviewingSnapshot.value,
 				onCancel: M(K).cancelPreview,
 				onConfirm: M(K).confirmRestoreSnapshot
@@ -782,7 +759,7 @@ var Qe = {
 				"onCancel",
 				"onConfirm"
 			]),
-			w(g, {
+			w(_, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 				"enter-from-class": "tpl:translate-y-[-8px] tpl:opacity-0",
 				"enter-to-class": "tpl:translate-y-0 tpl:opacity-100",
@@ -790,18 +767,18 @@ var Qe = {
 				"leave-from-class": "tpl:translate-y-0 tpl:opacity-100",
 				"leave-to-class": "tpl:translate-y-[-8px] tpl:opacity-0"
 			}, {
-				default: N(() => [w(rt, { visible: M(kt).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
+				default: N(() => [w(nt, { visible: M(Ot).collabUndoWarningVisible.value }, null, 8, ["visible"])]),
 				_: 1
 			}),
 			we(w(te, null, null, 512), [[Se, !M(H).state.previewMode]]),
-			x("div", {
+			S("div", {
 				class: D(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:transition-all tpl:duration-300", [M(H).state.previewMode ? "tpl:left-0 tpl:right-0" : M(q).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]", M(K).isPreviewingSnapshot.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 				style: {
 					"transition-timing-function": "cubic-bezier(0.34, 1.56, 0.64, 1)",
 					"background-color": "var(--tpl-canvas-bg)"
 				}
-			}, [x("div", St, [w(g, { name: "tpl-restore-btn" }, {
-				default: N(() => [M(G).conditionPreview.hasHiddenBlocks.value ? (O(), b("button", {
+			}, [S("div", xt, [w(_, { name: "tpl-restore-btn" }, {
+				default: N(() => [M(G).conditionPreview.hasHiddenBlocks.value ? (O(), x("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: {
@@ -814,9 +791,9 @@ var Qe = {
 				}, [w(M(oe), {
 					size: 13,
 					"stroke-width": 2
-				}), C(" " + j(M(G).t.blockSettings.restoreHiddenBlocks), 1)])) : y("", !0)]),
+				}), C(" " + j(M(G).t.blockSettings.restoreHiddenBlocks), 1)])) : b("", !0)]),
 				_: 1
-			})]), x("main", Ct, [w(ie, {
+			})]), S("main", St, [w(ie, {
 				viewport: M(H).state.viewport,
 				content: M(H).content.value,
 				"selected-block-id": M(H).state.selectedBlockId,
@@ -835,25 +812,25 @@ var Qe = {
 				"locked-blocks",
 				"onSelectBlock"
 			])])], 2),
-			M(J).isWhiteLabeled.value ? y("", !0) : (O(), b("footer", {
+			M(J).isWhiteLabeled.value ? b("", !0) : (O(), x("footer", {
 				key: 0,
 				class: D(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", [M(H).state.previewMode ? "tpl:left-0 tpl:right-0" : M(q).rightPanelOpen.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]"]])
-			}, [x("div", wt, [
-				x("span", null, j(M(G).t.footer.poweredBy), 1),
-				t[20] ||= x("a", {
+			}, [S("div", Ct, [
+				S("span", null, j(M(G).t.footer.poweredBy), 1),
+				t[20] ||= S("a", {
 					href: "https://templatical.com",
 					target: "_blank",
 					rel: "noopener noreferrer",
 					class: "tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-muted)]",
 					style: { "text-decoration": "none" }
-				}, [x("img", {
+				}, [S("img", {
 					width: "14",
 					height: "14",
 					src: "https://templatical.com/logo.svg",
 					alt: ""
 				}), C(" Templatical ")], -1),
-				t[21] ||= x("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
-				x("a", Tt, j(M(G).t.footer.openSource), 1)
+				t[21] ||= S("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
+				S("a", wt, j(M(G).t.footer.openSource), 1)
 			])], 2)),
 			we(w(ne, {
 				"selected-block": M(H).selectedBlock.value,
@@ -869,7 +846,7 @@ var Qe = {
 				"shifted-left",
 				"onUpdateSettings"
 			]), [[Se, !M(H).state.previewMode]]),
-			!F.value && I.value ? (O(), b(me, { key: 1 }, [
+			!F.value && I.value ? (O(), x(pe, { key: 1 }, [
 				w(M(f), {
 					visible: M(q).aiChatOpen.value,
 					"on-apply": (e) => {
@@ -891,16 +868,16 @@ var Qe = {
 				}, null, 8, ["visible", "has-existing-blocks"]),
 				w(M(p), {
 					ref_key: "commentsSidebarRef",
-					ref: Ft,
+					ref: Lt,
 					visible: M(q).commentsOpen.value,
 					onClose: t[14] ||= (e) => M(q).commentsOpen.value = !1
 				}, null, 8, ["visible"]),
-				w(M(S), {
+				w(M(me), {
 					visible: M(q).testEmailModalOpen.value,
-					"allowed-emails": M(X).allowedEmails.value,
-					"is-sending": M(X).isSending.value,
-					error: M(X).error.value,
-					onSend: Lt,
+					"allowed-emails": M(Y).allowedEmails.value,
+					"is-sending": M(Y).isSending.value,
+					error: M(Y).error.value,
+					onSend: zt,
 					onClose: t[15] ||= (e) => M(q).testEmailModalOpen.value = !1
 				}, null, 8, [
 					"visible",
@@ -908,33 +885,35 @@ var Qe = {
 					"is-sending",
 					"error"
 				]),
-				M(B).hasFeature("saved_modules") && P.config.modules !== !1 ? (O(), v(M(E), {
+				M(B).hasFeature("saved_modules") && P.config.modules !== !1 ? (O(), y(M(E), {
 					key: 0,
-					visible: M($).showSaveDialog.value ?? !1,
-					"pre-selected-block-id": M($).preSelectedBlockId.value ?? null,
-					onClose: t[16] ||= (e) => M($).closeSaveDialog(),
-					onSaved: t[17] ||= (e) => M(Q).loadModules()
-				}, null, 8, ["visible", "pre-selected-block-id"])) : y("", !0),
-				M(B).hasFeature("saved_modules") && P.config.modules !== !1 ? (O(), v(M(ve), {
+					visible: Mt.value,
+					"pre-selected-block-id": Nt.value,
+					onClose: t[16] ||= (e) => {
+						Mt.value = !1, Nt.value = null;
+					},
+					onSaved: t[17] ||= (e) => M(Z).loadModules()
+				}, null, 8, ["visible", "pre-selected-block-id"])) : b("", !0),
+				M(B).hasFeature("saved_modules") && P.config.modules !== !1 ? (O(), y(M(ve), {
 					key: 1,
-					visible: M($).showBrowserModal.value ?? !1,
-					onClose: t[18] ||= (e) => M($).closeBrowserModal(),
-					onInsert: Rt
-				}, null, 8, ["visible"])) : y("", !0),
-				w(M(Qe), {
+					visible: Q.value,
+					onClose: t[18] ||= (e) => Q.value = !1,
+					onInsert: Bt
+				}, null, 8, ["visible"])) : b("", !0),
+				w(M(Ze), {
 					visible: M(q).mediaLibraryOpen.value,
 					accept: M(q).mediaLibraryAccept.value,
-					onSelect: M(Y).handleMediaSelect,
-					onClose: M(Y).handleMediaLibraryClose
+					onSelect: M(At).handleMediaSelect,
+					onClose: M(At).handleMediaLibraryClose
 				}, null, 8, [
 					"visible",
 					"accept",
 					"onSelect",
 					"onClose"
 				])
-			], 64)) : y("", !0)
-		], 14, it));
+			], 64)) : b("", !0)
+		], 14, rt));
 	}
-}), [["__scopeId", "data-v-59c9499b"]]);
+}), [["__scopeId", "data-v-55f76577"]]);
 //#endregion
 export { W as default };