@templatical/editor 0.20.0 → 0.21.0

package/dist/cdn/chunks/{features-CLIZ7Q-Y.js → features-pLfGJWIB.js}

@@ -924,11 +924,151 @@ function zt(e, t) {
 	};
 }
 //#endregion
+//#region ../core/src/saved-blocks.ts
+function Bt(e) {
+	let { provider: t } = e, n = C([]), r = C(!1), i = O(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of n.value) {
+			let n = t.category?.trim();
+			n && e.add(n);
+		}
+		return [...e].sort((e, t) => e.localeCompare(t));
+	}), a = O(() => typeof t.create == "function"), o = O(() => typeof t.update == "function"), s = O(() => typeof t.delete == "function");
+	function c(e) {
+		return o.value && e.canUpdate !== !1;
+	}
+	function l(e) {
+		return s.value && e.canDelete !== !1;
+	}
+	function u(e, t) {
+		throw new Dt(`[Templatical] Saved blocks: ${e} is ${t}. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	async function d(i) {
+		r.value = !0;
+		try {
+			n.value = await t.list(i);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			r.value = !1;
+		}
+	}
+	async function f(r, i, a) {
+		let { create: o } = t;
+		typeof o != "function" && u("create", "disabled by the provider");
+		try {
+			let e = await o(a ? {
+				name: r,
+				content: i,
+				category: a
+			} : {
+				name: r,
+				content: i
+			});
+			return n.value = [e, ...n.value], e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function p(r, i) {
+		let { update: a } = t;
+		typeof a != "function" && u("update", "disabled by the provider");
+		let o = n.value.find((e) => e.id === r);
+		o && o.canUpdate === !1 && u("update", `not permitted for entry "${r}"`);
+		try {
+			let e = await a(r, i);
+			return n.value = n.value.map((t) => t.id === r ? e : t), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function m(r) {
+		let { delete: i } = t;
+		typeof i != "function" && u("delete", "disabled by the provider");
+		let a = n.value.find((e) => e.id === r);
+		a && a.canDelete === !1 && u("delete", `not permitted for entry "${r}"`);
+		try {
+			await i(r), n.value = n.value.filter((e) => e.id !== r);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	return {
+		savedBlocks: n,
+		isLoading: r,
+		categories: i,
+		canCreate: a,
+		canUpdate: o,
+		canDelete: s,
+		canUpdateBlock: c,
+		canDeleteBlock: l,
+		load: d,
+		create: f,
+		update: p,
+		remove: m
+	};
+}
+//#endregion
+//#region ../core/src/saved-blocks-local.ts
+var Vt = "templatical:saved-blocks";
+function Ht(e = {}) {
+	let t = e.key ?? Vt;
+	function n() {
+		if (typeof localStorage > "u") throw Error("[Templatical] createLocalStorageSavedBlocksProvider requires a browser environment with localStorage. Supply your own SavedBlocksProvider for server-side or non-browser use.");
+		return localStorage;
+	}
+	function r() {
+		let e = n().getItem(t);
+		if (!e) return [];
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [];
+		} catch {
+			return [];
+		}
+	}
+	function i(e) {
+		n().setItem(t, JSON.stringify(e));
+	}
+	return {
+		async list(e) {
+			let t = r(), n = e?.search?.trim().toLowerCase(), i = e?.category?.trim();
+			return t.filter((e) => !(n && !e.name.toLowerCase().includes(n) || i && e.category !== i));
+		},
+		async create(e) {
+			let t = (/* @__PURE__ */ new Date()).toISOString(), n = {
+				id: W(),
+				name: e.name,
+				content: e.content,
+				...e.category ? { category: e.category } : {},
+				createdAt: t,
+				updatedAt: t
+			};
+			return i([n, ...r()]), n;
+		},
+		async update(e, t) {
+			let n = r(), a = n.findIndex((t) => t.id === e);
+			if (a === -1) throw Error(`[Templatical] Saved block not found: ${e}`);
+			let o = {
+				...n[a],
+				...t,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}, s = [...n];
+			return s[a] = o, i(s), o;
+		},
+		async delete(e) {
+			let t = r();
+			if (!t.some((t) => t.id === e)) throw Error(`[Templatical] Saved block not found: ${e}`);
+			i(t.filter((t) => t.id !== e));
+		}
+	};
+}
+//#endregion
 //#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
-function Bt(e, t) {
+function Ut(e, t) {
 	return s() ? (l(e, t), !0) : !1;
 }
-function Vt() {
+function Wt() {
 	let e = /* @__PURE__ */ new Set(), t = (t) => {
 		e.delete(t);
 	};
@@ -936,7 +1076,7 @@ function Vt() {
 		on: (n) => {
 			e.add(n);
 			let r = () => t(n);
-			return Bt(r), { off: r };
+			return Ut(r), { off: r };
 		},
 		off: t,
 		trigger: (...t) => Promise.all(Array.from(e).map((e) => e(...t))),
@@ -945,18 +1085,18 @@ function Vt() {
 		}
 	};
 }
-var Ht = /* @__PURE__ */ new WeakMap(), Ut = (...e) => {
+var Gt = /* @__PURE__ */ new WeakMap(), Kt = (...e) => {
 	let t = e[0], n = _()?.proxy ?? s();
 	if (n == null && !le()) throw Error("injectLocal must be called in setup");
-	return n && Ht.has(n) && t in Ht.get(n) ? Ht.get(n)[t] : v(...e);
-}, Wt = typeof window < "u" && typeof document < "u";
+	return n && Gt.has(n) && t in Gt.get(n) ? Gt.get(n)[t] : v(...e);
+}, qt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Gt = (e) => e != null, Kt = Object.prototype.toString, qt = (e) => Kt.call(e) === "[object Object]", Jt = () => {}, Yt = (e, t) => Object.hasOwn(e, t), Xt = /* @__PURE__ */ Zt();
-function Zt() {
+var Jt = (e) => e != null, Yt = Object.prototype.toString, Xt = (e) => Yt.call(e) === "[object Object]", Zt = () => {}, Qt = (e, t) => Object.hasOwn(e, t), $t = /* @__PURE__ */ en();
+function en() {
 	var e, t;
-	return Wt && !!(!((e = window) == null || (e = e.navigator) == null) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+	return qt && !!(!((e = window) == null || (e = e.navigator) == null) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function Qt(e, t) {
+function tn(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -968,10 +1108,10 @@ function Qt(e, t) {
 	}
 	return n;
 }
-var $t = (e) => e();
-function en(e, t = {}) {
-	let n, r, i = Jt, a = (e) => {
-		clearTimeout(e), i(), i = Jt;
+var nn = (e) => e();
+function rn(e, t = {}) {
+	let n, r, i = Zt, a = (e) => {
+		clearTimeout(e), i(), i = Zt;
 	}, o;
 	return (s) => {
 		let c = P(e), l = P(t.maxWait);
@@ -984,7 +1124,7 @@ function en(e, t = {}) {
 		});
 	};
 }
-function tn(e) {
+function an(e) {
 	let t;
 	function n() {
 		return t ||= e(), t;
@@ -994,32 +1134,32 @@ function tn(e) {
 		t = void 0, e && await e;
 	}, n;
 }
-function nn(e) {
+function on(e) {
 	return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function rn(e) {
+function sn(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function an(e) {
+function cn(e) {
 	return e || _();
 }
-function on(e, t = 200, n = {}) {
-	return Qt(en(t, n), e);
+function ln(e, t = 200, n = {}) {
+	return tn(rn(t, n), e);
 }
-function sn(e, t = 200, n = {}) {
-	let r = C(P(e)), i = on(() => {
+function un(e, t = 200, n = {}) {
+	let r = C(P(e)), i = ln(() => {
 		r.value = e.value;
 	}, t, n);
 	return H(e, () => i()), g(r);
 }
-function cn(e, t, n = {}) {
-	let { eventFilter: r = $t, ...i } = n;
-	return H(e, Qt(r, t), i);
+function dn(e, t, n = {}) {
+	let { eventFilter: r = nn, ...i } = n;
+	return H(e, tn(r, t), i);
 }
-function ln(e, t = !0, n) {
-	an(n) ? r(e, n) : t ? e() : m(e);
+function fn(e, t = !0, n) {
+	cn(n) ? r(e, n) : t ? e() : m(e);
 }
-function un(e, t = 1e3, r = {}) {
+function pn(e, t = 1e3, r = {}) {
 	let { immediate: i = !0, immediateCallback: a = !1 } = r, o = null, s = n(!1);
 	function c() {
 		o &&= (clearInterval(o), null);
@@ -1031,15 +1171,15 @@ function un(e, t = 1e3, r = {}) {
 		let n = P(t);
 		n <= 0 || (s.value = !0, a && e(), c(), s.value && (o = setInterval(e, n)));
 	}
-	return i && Wt && d(), (u(t) || typeof t == "function") && Bt(H(t, () => {
-		s.value && Wt && d();
-	})), Bt(l), {
+	return i && qt && d(), (u(t) || typeof t == "function") && Ut(H(t, () => {
+		s.value && qt && d();
+	})), Ut(l), {
 		isActive: g(s),
 		pause: l,
 		resume: d
 	};
 }
-function dn(e, t, r = {}) {
+function mn(e, t, r = {}) {
 	let { immediate: i = !0, immediateCallback: a = !1 } = r, o = n(!1), s;
 	function c() {
 		s &&= (clearTimeout(s), void 0);
@@ -1052,13 +1192,13 @@ function dn(e, t, r = {}) {
 			o.value = !1, s = void 0, e(...n);
 		}, P(t));
 	}
-	return i && (o.value = !0, Wt && u()), Bt(l), {
+	return i && (o.value = !0, qt && u()), Ut(l), {
 		isPending: g(o),
 		start: u,
 		stop: l
 	};
 }
-function fn(e = !1, t = {}) {
+function hn(e = !1, t = {}) {
 	let { truthyValue: r = !0, falsyValue: i = !1 } = t, a = u(e), o = n(e);
 	function s(e) {
 		if (arguments.length) return o.value = e, o.value;
@@ -1069,14 +1209,14 @@ function fn(e = !1, t = {}) {
 	}
 	return a ? s : [o, s];
 }
-function pn(e, t, n = {}) {
+function gn(e, t, n = {}) {
 	let { debounce: r = 0, maxWait: i = void 0, ...a } = n;
-	return cn(e, t, {
+	return dn(e, t, {
 		...a,
-		eventFilter: en(r, { maxWait: i })
+		eventFilter: rn(r, { maxWait: i })
 	});
 }
-function mn(e, t, n) {
+function _n(e, t, n) {
 	return H(e, t, {
 		...n,
 		immediate: !0
@@ -1084,41 +1224,41 @@ function mn(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var hn = Wt ? window : void 0, gn = Wt ? window.document : void 0, _n = Wt ? window.navigator : void 0;
+var vn = qt ? window : void 0, yn = qt ? window.document : void 0, bn = qt ? window.navigator : void 0;
 function K(e) {
 	let t = P(e);
 	return t?.$el ?? t;
 }
 function q(...e) {
 	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = O(() => {
-		let t = rn(P(e[0])).filter((e) => e != null);
+		let t = sn(P(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
 	});
-	return mn(() => [
-		n.value?.map((e) => K(e)) ?? [hn].filter((e) => e != null),
-		rn(P(n.value ? e[1] : e[0])),
-		rn(j(n.value ? e[2] : e[1])),
+	return _n(() => [
+		n.value?.map((e) => K(e)) ?? [vn].filter((e) => e != null),
+		sn(P(n.value ? e[1] : e[0])),
+		sn(j(n.value ? e[2] : e[1])),
 		P(n.value ? e[3] : e[2])
 	], ([e, n, r, i], a, o) => {
 		if (!e?.length || !n?.length || !r?.length) return;
-		let s = qt(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
+		let s = Xt(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-var vn = !1;
-function yn(e, t, n = {}) {
-	let { window: r = hn, ignore: i = [], capture: a = !0, detectIframe: o = !1, controls: s = !1 } = n;
+var xn = !1;
+function Sn(e, t, n = {}) {
+	let { window: r = vn, ignore: i = [], capture: a = !0, detectIframe: o = !1, controls: s = !1 } = n;
 	if (!r) return s ? {
-		stop: Jt,
-		cancel: Jt,
-		trigger: Jt
-	} : Jt;
-	if (Xt && !vn) {
-		vn = !0;
+		stop: Zt,
+		cancel: Zt,
+		trigger: Zt
+	} : Zt;
+	if ($t && !xn) {
+		xn = !0;
 		let e = { passive: !0 };
-		Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", Jt, e)), r.document.documentElement.addEventListener("click", Jt, e);
+		Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", Zt, e)), r.document.documentElement.addEventListener("click", Zt, e);
 	}
 	let c = !0, l = (e) => P(i).some((t) => {
 		if (typeof t == "string") return Array.from(r.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t));
@@ -1175,21 +1315,21 @@ function yn(e, t, n = {}) {
 		}
 	} : h;
 }
-function bn() {
+function Cn() {
 	let e = n(!1), t = _();
 	return t && r(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function xn(e) {
-	return bn(), O(() => !!e());
+function wn(e) {
+	return Cn(), O(() => !!e());
 }
-function Sn(e, t, n = {}) {
-	let { window: r = hn, ...i } = n, a, o = /* @__PURE__ */ xn(() => r && "MutationObserver" in r), s = () => {
+function Tn(e, t, n = {}) {
+	let { window: r = vn, ...i } = n, a, o = /* @__PURE__ */ wn(() => r && "MutationObserver" in r), s = () => {
 		a &&= (a.disconnect(), void 0);
 	}, c = H(O(() => {
-		let t = rn(P(e)).map(K).filter(Gt);
+		let t = sn(P(e)).map(K).filter(Jt);
 		return new Set(t);
 	}), (e) => {
 		s(), o.value && e.size && (a = new MutationObserver(t), e.forEach((e) => a.observe(e, i)));
@@ -1199,25 +1339,25 @@ function Sn(e, t, n = {}) {
 	}), l = () => a?.takeRecords(), u = () => {
 		c(), s();
 	};
-	return Bt(u), {
+	return Ut(u), {
 		isSupported: o,
 		stop: u,
 		takeRecords: l
 	};
 }
-var Cn = Symbol("vueuse-ssr-width");
+var En = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
-function wn() {
-	let e = le() ? Ut(Cn, null) : null;
+function Dn() {
+	let e = le() ? Kt(En, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
-function Tn(e, t = {}) {
-	let { window: r = hn, ssrWidth: a = /* @__PURE__ */ wn() } = t, o = /* @__PURE__ */ xn(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), s = n(typeof a == "number"), c = n(), l = n(!1);
+function On(e, t = {}) {
+	let { window: r = vn, ssrWidth: a = /* @__PURE__ */ Dn() } = t, o = /* @__PURE__ */ wn(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), s = n(typeof a == "number"), c = n(), l = n(!1);
 	return i(() => {
 		if (s.value) {
 			s.value = !o.value, l.value = P(e).split(",").some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), r = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), i = !!(n || r);
-				return n && i && (i = a >= nn(n[1])), r && i && (i = a <= nn(r[1])), t ? !i : i;
+				return n && i && (i = a >= on(n[1])), r && i && (i = a <= on(r[1])), t ? !i : i;
 			});
 			return;
 		}
@@ -1226,12 +1366,12 @@ function Tn(e, t = {}) {
 		l.value = e.matches;
 	}, { passive: !0 }), O(() => l.value);
 }
-function En(e, t = {}) {
-	let { controls: r = !1, navigator: i = _n } = t, a = /* @__PURE__ */ xn(() => i && "permissions" in i), o = n(), s = typeof e == "string" ? { name: e } : e, c = n(), l = () => {
+function kn(e, t = {}) {
+	let { controls: r = !1, navigator: i = bn } = t, a = /* @__PURE__ */ wn(() => i && "permissions" in i), o = n(), s = typeof e == "string" ? { name: e } : e, c = n(), l = () => {
 		c.value = o.value?.state ?? "prompt";
 	};
 	q(o, "change", l, { passive: !0 });
-	let u = tn(async () => {
+	let u = an(async () => {
 		if (a.value) {
 			if (!o.value) try {
 				o.value = await i.permissions.query(s);
@@ -1249,8 +1389,8 @@ function En(e, t = {}) {
 		query: u
 	} : c;
 }
-function Dn(e = {}) {
-	let { navigator: t = _n, read: r = !1, source: i, copiedDuring: a = 1500, legacy: o = !1 } = e, s = /* @__PURE__ */ xn(() => t && "clipboard" in t), c = En("clipboard-read"), l = En("clipboard-write"), u = O(() => s.value || o), d = n(""), f = n(!1), p = n(!1), m = dn(() => f.value = !1, a, { immediate: !1 }), h = 0;
+function An(e = {}) {
+	let { navigator: t = bn, read: r = !1, source: i, copiedDuring: a = 1500, legacy: o = !1 } = e, s = /* @__PURE__ */ wn(() => t && "clipboard" in t), c = kn("clipboard-read"), l = kn("clipboard-write"), u = O(() => s.value || o), d = n(""), f = n(!1), p = n(!1), m = mn(() => f.value = !1, a, { immediate: !1 }), h = 0;
 	async function _() {
 		let e = !(s.value && S(c.value));
 		if (!e) try {
@@ -1302,9 +1442,9 @@ function Dn(e = {}) {
 		copy: v
 	};
 }
-function On(e, t = {}) {
+function jn(e, t = {}) {
 	let r = n(!1), i = n(null), a = 0, o = !0;
-	if (Wt) {
+	if (qt) {
 		let n = typeof t == "function" ? { onDrop: t } : t, s = n.multiple ?? !0, c = n.preventDefaultForUnhandled ?? !1, l = (e) => {
 			let t = Array.from(e.dataTransfer?.files ?? []);
 			return t.length === 0 ? null : s ? t : [t[0]];
@@ -1347,8 +1487,8 @@ function On(e, t = {}) {
 		isOverDropZone: r
 	};
 }
-function kn(e, t, n = {}) {
-	let { window: r = hn, ...i } = n, a, o = /* @__PURE__ */ xn(() => r && "ResizeObserver" in r), s = () => {
+function Mn(e, t, n = {}) {
+	let { window: r = vn, ...i } = n, a, o = /* @__PURE__ */ wn(() => r && "ResizeObserver" in r), s = () => {
 		a &&= (a.disconnect(), void 0);
 	}, c = H(O(() => {
 		let t = P(e);
@@ -1364,12 +1504,12 @@ function kn(e, t, n = {}) {
 	}), l = () => {
 		s(), c();
 	};
-	return Bt(l), {
+	return Ut(l), {
 		isSupported: o,
 		stop: l
 	};
 }
-function An(e, t = {}) {
+function Nn(e, t = {}) {
 	let { reset: r = !0, windowResize: i = !0, windowScroll: a = !0, immediate: o = !0, updateTiming: s = "sync" } = t, c = n(0), l = n(0), u = n(0), d = n(0), f = n(0), p = n(0), m = n(0), h = n(0);
 	function g() {
 		let t = K(e);
@@ -1383,10 +1523,10 @@ function An(e, t = {}) {
 	function _() {
 		s === "sync" ? g() : s === "next-frame" && requestAnimationFrame(() => g());
 	}
-	return kn(e, _), H(() => K(e), (e) => !e && _()), Sn(e, _, { attributeFilter: ["style", "class"] }), a && q("scroll", _, {
+	return Mn(e, _), H(() => K(e), (e) => !e && _()), Tn(e, _, { attributeFilter: ["style", "class"] }), a && q("scroll", _, {
 		capture: !0,
 		passive: !0
-	}), i && q("resize", _, { passive: !0 }), ln(() => {
+	}), i && q("resize", _, { passive: !0 }), fn(() => {
 		o && _();
 	}), {
 		height: c,
@@ -1400,8 +1540,8 @@ function An(e, t = {}) {
 		update: _
 	};
 }
-function jn(e, t, r = {}) {
-	let { root: i, rootMargin: a, threshold: o = 0, window: s = hn, immediate: c = !0 } = r, l = /* @__PURE__ */ xn(() => s && "IntersectionObserver" in s), u = O(() => rn(P(e)).map(K).filter(Gt)), d = Jt, f = n(c), p = l.value ? H(() => [
+function Pn(e, t, r = {}) {
+	let { root: i, rootMargin: a, threshold: o = 0, window: s = vn, immediate: c = !0 } = r, l = /* @__PURE__ */ wn(() => s && "IntersectionObserver" in s), u = O(() => sn(P(e)).map(K).filter(Jt)), d = Zt, f = n(c), p = l.value ? H(() => [
 		u.value,
 		K(i),
 		P(a),
@@ -1414,15 +1554,15 @@ function jn(e, t, r = {}) {
 			threshold: o
 		});
 		e.forEach((e) => e && i.observe(e)), d = () => {
-			i.disconnect(), d = Jt;
+			i.disconnect(), d = Zt;
 		};
 	}, {
 		immediate: c,
 		flush: "post"
-	}) : Jt, m = () => {
+	}) : Zt, m = () => {
 		d(), p(), f.value = !1;
 	};
-	return Bt(m), {
+	return Ut(m), {
 		isSupported: l,
 		isActive: f,
 		pause() {
@@ -1434,21 +1574,21 @@ function jn(e, t, r = {}) {
 		stop: m
 	};
 }
-var Mn = {
+var Fn = {
 	multiple: !0,
 	accept: "*",
 	reset: !1,
 	directory: !1
 };
-function Nn(e) {
+function In(e) {
 	if (!e) return null;
 	if (e instanceof FileList) return e;
 	let t = new DataTransfer();
 	for (let n of e) t.items.add(n);
 	return t.files;
 }
-function Pn(e = {}) {
-	let { document: t = gn } = e, n = C(Nn(e.initialFiles)), { on: r, trigger: a } = Vt(), { on: o, trigger: s } = Vt(), c = O(() => {
+function Ln(e = {}) {
+	let { document: t = yn } = e, n = C(In(e.initialFiles)), { on: r, trigger: a } = Wt(), { on: o, trigger: s } = Wt(), c = O(() => {
 		let r = K(e.input) ?? (t ? t.createElement("input") : void 0);
 		return r && (r.type = "file", r.onchange = (e) => {
 			n.value = e.target.files, a(n.value);
@@ -1459,7 +1599,7 @@ function Pn(e = {}) {
 		n.value = null, c.value && c.value.value && (c.value.value = "", a(null));
 	}, u = (e) => {
 		let t = c.value;
-		t && (t.multiple = P(e.multiple), t.accept = P(e.accept), t.webkitdirectory = P(e.directory), Yt(e, "capture") && (t.capture = P(e.capture)));
+		t && (t.multiple = P(e.multiple), t.accept = P(e.accept), t.webkitdirectory = P(e.directory), Qt(e, "capture") && (t.capture = P(e.capture)));
 	};
 	return i(() => {
 		u(e);
@@ -1469,7 +1609,7 @@ function Pn(e = {}) {
 			let n = c.value;
 			if (!n) return;
 			let r = {
-				...Mn,
+				...Fn,
 				...e,
 				...t
 			};
@@ -1482,26 +1622,26 @@ function Pn(e = {}) {
 }
 //#endregion
 //#region src/utils/activeEditorTracker.ts
-var Fn = /* @__PURE__ */ new Set(), In = 0, Ln = 0;
-function Rn() {
-	let e = ++Ln;
-	return Fn.add(e), In === 0 && (In = e), {
+var Rn = /* @__PURE__ */ new Set(), zn = 0, Bn = 0;
+function Vn() {
+	let e = ++Bn;
+	return Rn.add(e), zn === 0 && (zn = e), {
 		id: e,
-		isActive: () => Fn.size <= 1 || In === e,
+		isActive: () => Rn.size <= 1 || zn === e,
 		claim: () => {
-			In = e;
+			zn = e;
 		},
 		dispose: () => {
-			if (Fn.delete(e), In === e) {
-				let e = Array.from(Fn);
-				In = e[e.length - 1] ?? 0;
+			if (Rn.delete(e), zn === e) {
+				let e = Array.from(Rn);
+				zn = e[e.length - 1] ?? 0;
 			}
 		}
 	};
 }
 //#endregion
 //#region src/keys.ts
-var zn = Symbol("translations"), Bn = Symbol("editor"), Vn = Symbol("history"), Hn = Symbol("blockActions"), Un = Symbol("conditionPreview"), Wn = Symbol("fontsManager"), Gn = Symbol("themeStyles"), Kn = Symbol("tplUiTheme"), qn = Symbol("blockDefaults"), Jn = Symbol("blockRegistry"), Yn = Symbol("customBlockDefinitions"), Xn = Symbol("paletteBlocks"), Zn = Symbol("htmlBlockPreview"), Qn = Symbol("colors"), $n = Symbol("customBlockStylesheets"), er = Symbol("mergeTags"), tr = Symbol("mergeTagSyntax"), nr = Symbol("onRequestMergeTag"), rr = Symbol("mergeTagAutocomplete"), ir = Symbol("mergeTagPicker"), ar = Symbol("logicTags"), or = Symbol("logicPairs"), sr = Symbol("logicPicker"), cr = Symbol("onRequestLogic"), lr = Symbol("onRequestMedia"), ur = Symbol("imageUrlResolver"), dr = Symbol("displayConditions"), fr = Symbol("allowCustomConditions"), pr = Symbol("capabilities"), mr = Symbol("keyboardReorder"), hr = Symbol("templateLint"), gr = Symbol("editorRoot"), _r = Symbol("popoverRoot"), vr = Symbol("authManager"), yr = Symbol("aiConfig"), br = Symbol("comments"), xr = Symbol("savedModulesHeadless"), Sr = Symbol("scoring"), Cr = Symbol("cloudTranslations");
+var Hn = Symbol("translations"), Un = Symbol("editor"), Wn = Symbol("history"), Gn = Symbol("blockActions"), Kn = Symbol("conditionPreview"), qn = Symbol("fontsManager"), Jn = Symbol("themeStyles"), Yn = Symbol("tplUiTheme"), Xn = Symbol("blockDefaults"), Zn = Symbol("blockRegistry"), Qn = Symbol("customBlockDefinitions"), $n = Symbol("paletteBlocks"), er = Symbol("htmlBlockPreview"), tr = Symbol("colors"), nr = Symbol("customBlockStylesheets"), rr = Symbol("mergeTags"), ir = Symbol("mergeTagSyntax"), ar = Symbol("onRequestMergeTag"), or = Symbol("mergeTagAutocomplete"), sr = Symbol("mergeTagPicker"), cr = Symbol("logicTags"), lr = Symbol("logicPairs"), ur = Symbol("logicPicker"), dr = Symbol("onRequestLogic"), fr = Symbol("onRequestMedia"), pr = Symbol("imageUrlResolver"), mr = Symbol("displayConditions"), hr = Symbol("allowCustomConditions"), gr = Symbol("capabilities"), _r = Symbol("keyboardReorder"), vr = Symbol("templateLint"), yr = Symbol("editorRoot"), br = Symbol("popoverRoot"), xr = Symbol("savedBlocks"), Sr = Symbol("authManager"), Cr = Symbol("aiConfig"), wr = Symbol("comments"), Tr = Symbol("scoring"), Er = Symbol("cloudTranslations");
 function J(e, t) {
 	let n = v(e, null);
 	if (n == null) throw Error(`${t} requires a provider for ${e.description ?? "unknown key"}. Ensure it is a descendant of Editor or CloudEditor.`);
@@ -1509,7 +1649,7 @@ function J(e, t) {
 }
 //#endregion
 //#region src/composables/useImageUrlResolver.ts
-function wr(e) {
+function Dr(e) {
 	let t = S(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Set();
 	function r(e) {
 		return t.get(e);
@@ -1542,8 +1682,8 @@ function wr(e) {
 		lookup: a
 	};
 }
-function Tr(e) {
-	let t = v(ur, null), n = O(e);
+function Or(e) {
+	let t = v(pr, null), n = O(e);
 	if (!t) return n;
 	let r;
 	function i() {
@@ -1572,7 +1712,7 @@ function Tr(e) {
 }
 //#endregion
 //#region src/composables/useMergeTagPicker.ts
-function Er() {
+function kr() {
 	let e = C(!1), t = C([]), n = null;
 	function r(r) {
 		if (n) {
@@ -1602,7 +1742,7 @@ function Er() {
 }
 //#endregion
 //#region src/composables/useLogicTagPicker.ts
-function Dr() {
+function Ar() {
 	let e = C(!1), t = C([]), n = C([]), r = null;
 	function i(i, a) {
 		if (r) {
@@ -1633,17 +1773,17 @@ function Dr() {
 }
 //#endregion
 //#region src/composables/useTemplateLint.ts
-function Or(e) {
+function jr(e) {
 	return e ? e.disabled === !0 || e.accessibility === !1 && e.structure === !1 && e.links === !1 : !1;
 }
-function kr(e) {
-	let t = C([]), r = C(!1), i = C(!1), a = n(null), o = Or(e.options), s = null, c = !1;
+function Mr(e) {
+	let t = C([]), r = C(!1), i = C(!1), a = n(null), o = jr(e.options), s = null, c = !1;
 	o || l();
 	async function l() {
 		try {
-			let t = await import("./quality-DffYv9j5.js").then((e) => e.t);
+			let t = await import("./quality-BRbHtAk1.js").then((e) => e.t);
 			if (c) return;
-			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, u(), s = pn(e.content, u, {
+			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, u(), s = gn(e.content, u, {
 				debounce: e.debounce ?? 500,
 				deep: !0
 			});
@@ -1679,7 +1819,7 @@ function kr(e) {
 //#endregion
 //#region src/composables/useI18n.ts
 function Y(e) {
-	let t = e ?? v(zn, null);
+	let t = e ?? v(Hn, null);
 	if (!t) throw Error("useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.");
 	let n = u(t) ? t.value : t;
 	function r(e, t) {
@@ -1692,14 +1832,19 @@ function Y(e) {
 }
 //#endregion
 //#region src/utils/blockTypeLabels.ts
-function Ar(e, t) {
+function Nr(e, t) {
 	return t.blocks[e] ?? e;
 }
+function Pr(e, t, n = []) {
+	if (e.type !== "custom") return Nr(e.type, t);
+	let { customType: r } = e;
+	return n.find((e) => e.type === r)?.name ?? r;
+}
 //#endregion
 //#region src/composables/useKeyboardReorder.ts
-function jr(e, t) {
-	let n = C(null), r = C(""), i = null;
-	function a(t) {
+function Fr(e, t, n = []) {
+	let r = C(null), i = C(""), a = null;
+	function o(t) {
 		let n = e.content.value.blocks, r = n.findIndex((e) => e.id === t);
 		if (r !== -1) return {
 			index: r,
@@ -1720,86 +1865,86 @@ function jr(e, t) {
 		}
 		return null;
 	}
-	function o(n) {
-		let r = a(n);
-		if (!r) return "";
-		let i = (r.sectionId ? s(r.sectionId, r.columnIndex ?? 0) : e.content.value.blocks)?.[r.index];
-		return i ? Ar(i.type, t.t) : "";
+	function s(r) {
+		let i = o(r);
+		if (!i) return "";
+		let a = (i.sectionId ? c(i.sectionId, i.columnIndex ?? 0) : e.content.value.blocks)?.[i.index];
+		return a ? Pr(a, t.t, n) : "";
 	}
-	function s(t, n) {
+	function c(t, n) {
 		return e.content.value.blocks.find((e) => e.id === t && e.type === "section")?.children[n] ?? null;
 	}
-	function c(e) {
-		r.value = "", queueMicrotask(() => {
-			r.value = e;
-		});
-	}
 	function l(e) {
-		return n.value === e;
+		i.value = "", queueMicrotask(() => {
+			i.value = e;
+		});
 	}
 	function u(e) {
-		let r = a(e);
-		r && (n.value = e, i = r, c(t.format(t.t.blockActions.lifted, {
-			block: o(e),
-			position: String(r.index + 1),
-			total: String(r.total)
+		return r.value === e;
+	}
+	function d(e) {
+		let n = o(e);
+		n && (r.value = e, a = n, l(t.format(t.t.blockActions.lifted, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
 		})));
 	}
-	function d(n, r) {
-		let i = a(n);
+	function f(n, r) {
+		let i = o(n);
 		if (!i) return;
-		let s = i.index + r;
-		s < 0 || s >= i.total || (e.moveBlock(n, s, i.sectionId, i.columnIndex), c(t.format(t.t.blockActions.moved, {
-			block: o(n),
-			position: String(s + 1),
+		let a = i.index + r;
+		a < 0 || a >= i.total || (e.moveBlock(n, a, i.sectionId, i.columnIndex), l(t.format(t.t.blockActions.moved, {
+			block: s(n),
+			position: String(a + 1),
 			total: String(i.total)
 		})));
 	}
-	function f(e) {
-		d(e, -1);
-	}
 	function p(e) {
-		d(e, 1);
+		f(e, -1);
 	}
 	function m(e) {
-		let r = a(e);
-		r && c(t.format(t.t.blockActions.dropped, {
-			block: o(e),
-			position: String(r.index + 1),
-			total: String(r.total)
-		})), n.value = null, i = null;
+		f(e, 1);
 	}
-	function h() {
-		let r = n.value;
-		if (r && i) {
-			let n = a(r);
-			n && (n && (n.sectionId !== i.sectionId || n.columnIndex !== i.columnIndex) || n && n.index !== i.index) && e.moveBlock(r, i.index, i.sectionId, i.columnIndex), c(t.format(t.t.blockActions.cancelled, {
-				block: o(r),
-				position: String(i.index + 1)
+	function h(e) {
+		let n = o(e);
+		n && l(t.format(t.t.blockActions.dropped, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
+		})), r.value = null, a = null;
+	}
+	function g() {
+		let n = r.value;
+		if (n && a) {
+			let r = o(n);
+			r && (r && (r.sectionId !== a.sectionId || r.columnIndex !== a.columnIndex) || r && r.index !== a.index) && e.moveBlock(n, a.index, a.sectionId, a.columnIndex), l(t.format(t.t.blockActions.cancelled, {
+				block: s(n),
+				position: String(a.index + 1)
 			}));
 		}
-		n.value = null, i = null;
+		r.value = null, a = null;
 	}
 	return {
-		liftedBlockId: n,
-		announcement: r,
-		isLifted: l,
-		lift: u,
-		cancel: h,
-		moveUp: f,
-		moveDown: p,
-		drop: m
+		liftedBlockId: r,
+		announcement: i,
+		isLifted: u,
+		lift: d,
+		cancel: g,
+		moveUp: p,
+		moveDown: m,
+		drop: h
 	};
 }
 //#endregion
 //#region src/composables/useUiTheme.ts
-function Mr(e) {
-	let t = Tn("(prefers-color-scheme: dark)");
+function Ir(e) {
+	let t = On("(prefers-color-scheme: dark)");
 	return { resolvedTheme: O(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
 }
 //#endregion
 //#region src/composables/useThemeStyles.ts
-var Nr = {
+var Lr = {
 	bg: "--tpl-bg",
 	bgElevated: "--tpl-bg-elevated",
 	bgHover: "--tpl-bg-hover",
@@ -1823,10 +1968,10 @@ var Nr = {
 	dangerLight: "--tpl-danger-light",
 	canvasBg: "--tpl-canvas-bg"
 };
-function Pr({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+function Rr({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
 	return { themeStyles: O(() => {
 		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
-		if (a) for (let [e, t] of Object.entries(Nr)) {
+		if (a) for (let [e, t] of Object.entries(Lr)) {
 			let n = a[e];
 			n && (r[t] = n);
 		}
@@ -1835,27 +1980,27 @@ function Pr({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
 }
 //#endregion
 //#region src/utils/logger.ts
-var Fr = "[Templatical]";
-function Ir() {
+var zr = "[Templatical]";
+function Br() {
 	return typeof process < "u" && !0;
 }
-var Lr = {
+var Vr = {
 	warn(...e) {
-		console.warn(Fr, ...e);
+		console.warn(zr, ...e);
 	},
 	error(...e) {
-		console.error(Fr, ...e);
+		console.error(zr, ...e);
 	},
 	debug(...e) {
-		Ir() || console.debug(Fr, ...e);
+		Br() || console.debug(zr, ...e);
 	},
 	info(...e) {
-		Ir() || console.info(Fr, ...e);
+		Br() || console.info(zr, ...e);
 	}
 };
 //#endregion
 //#region src/composables/useBlockRegistry.ts
-function Rr() {
+function Hr() {
 	let e = n(/* @__PURE__ */ new Map());
 	function t(t, n) {
 		e.value.set(t, n), oe(e);
@@ -1895,7 +2040,7 @@ function Rr() {
 				strictFilters: !1
 			}).parseAndRender(t.template, e.fieldValues);
 		} catch (t) {
-			return Lr.error(`Failed to render custom block "${e.customType}":`, t), s(`Render error: ${e.customType}`);
+			return Vr.error(`Failed to render custom block "${e.customType}":`, t), s(`Render error: ${e.customType}`);
 		}
 	}
 	function l(t) {
@@ -1913,9 +2058,9 @@ function Rr() {
 }
 //#endregion
 //#region src/composables/useCustomBlockStylesheets.ts
-function zr(e, t) {
+function Ur(e, t) {
 	return O(() => {
-		let n = Br(e.value.blocks);
+		let n = Wr(e.value.blocks);
 		if (n.size === 0) return [];
 		let r = /* @__PURE__ */ new Set(), i = [];
 		for (let e of n) {
@@ -1927,11 +2072,11 @@ function zr(e, t) {
 		return i;
 	});
 }
-function Br(e) {
+function Wr(e) {
 	let t = /* @__PURE__ */ new Set();
-	return Vr(e, t), t;
+	return Gr(e, t), t;
 }
-function Vr(e, t) {
+function Gr(e, t) {
 	for (let n of e) {
 		if (De(n)) {
 			t.add(n.customType);
@@ -1940,13 +2085,13 @@ function Vr(e, t) {
 		if (n.type === "section") {
 			let e = n.children;
 			if (!e) continue;
-			for (let n of e) Vr(n, t);
+			for (let n of e) Gr(n, t);
 		}
 	}
 }
 //#endregion
 //#region src/utils/registerBuiltInBlocks.ts
-var Hr = [
+var Kr = [
 	{
 		type: "section",
 		createBlock: Qe
@@ -2000,8 +2145,8 @@ var Hr = [
 		createBlock: ot
 	}
 ];
-function Ur(e, t) {
-	for (let n of Hr) {
+function qr(e, t) {
+	for (let n of Kr) {
 		let r = t[n.type];
 		r && e.registerBuiltIn(n.type, {
 			component: r,
@@ -2011,23 +2156,23 @@ function Ur(e, t) {
 }
 //#endregion
 //#region src/utils/resolveHtmlBlockPreview.ts
-function Wr(e) {
+function Jr(e) {
 	return typeof e == "boolean" ? e : e?.enabled ?? !1;
 }
 //#endregion
 //#region src/utils/resolveColorsConfig.ts
-var Gr = {
+var Yr = {
 	presets: [],
 	allowCustom: !0,
 	allowCustomIgnored: !1,
 	invalidPresets: []
-}, Kr = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
-function qr(e, t = Gr) {
+}, Xr = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Zr(e, t = Yr) {
 	let n, r;
 	if (e?.presets === void 0) n = t.presets, r = [];
 	else {
 		n = [], r = [];
-		for (let t of e.presets) Kr.test(t) ? n.push(t) : r.push(t);
+		for (let t of e.presets) Xr.test(t) ? n.push(t) : r.push(t);
 	}
 	let i = e?.allowCustom ?? t.allowCustom, a = !i && n.length === 0;
 	return {
@@ -2039,30 +2184,30 @@ function qr(e, t = Gr) {
 }
 //#endregion
 //#region src/utils/color.ts
-function Jr(e) {
+function Qr(e) {
 	let t = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e.trim());
 	if (!t) return e;
 	let n = (e) => Number(e).toString(16).padStart(2, "0");
 	return `#${n(t[1])}${n(t[2])}${n(t[3])}`;
 }
-function Yr(e) {
-	let t = Jr(e), n = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(t);
+function $r(e) {
+	let t = Qr(e), n = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(t);
 	return n ? `#${n[1]}${n[1]}${n[2]}${n[2]}${n[3]}${n[3]}`.toLowerCase() : /^#[0-9a-f]{6}$/i.test(t) ? t.toLowerCase() : t;
 }
 //#endregion
 //#region src/utils/collectOffPaletteDefaults.ts
-function Xr(e) {
+function ei(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Zr(e, t, n) {
-	let r = new Set(e.map((e) => Yr(e))), i = [], a = (e, t) => {
-		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(Yr(o)) && i.push(`${t}.${n}: ${o}`) : Xr(o) && a(o, `${t}.${n}`);
+function ti(e, t, n) {
+	let r = new Set(e.map((e) => $r(e))), i = [], a = (e, t) => {
+		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has($r(o)) && i.push(`${t}.${n}: ${o}`) : ei(o) && a(o, `${t}.${n}`);
 	}, o = t;
 	for (let [e, t] of Object.entries(Ve)) {
 		let n = o?.[e];
 		a({
 			...t,
-			...Xr(n) ? n : {}
+			...ei(n) ? n : {}
 		}, e);
 	}
 	return a({
@@ -2072,8 +2217,8 @@ function Zr(e, t, n) {
 }
 //#endregion
 //#region src/utils/resolveFieldColors.ts
-function Qr(e, t) {
-	let n = qr({ presets: e.presets }, Gr), r = n.presets.length === 0;
+function ni(e, t) {
+	let n = Zr({ presets: e.presets }, Yr), r = n.presets.length === 0;
 	return {
 		presets: r ? t.presets : n.presets,
 		allowCustom: t.allowCustom === !1 ? !1 : e.allowCustom ?? t.allowCustom,
@@ -2085,9 +2230,9 @@ function Qr(e, t) {
 }
 //#endregion
 //#region src/utils/collectColorFieldIssues.ts
-function $r(e, t) {
+function ri(e, t) {
 	let n = [], r = (r, i) => {
-		let a = Qr(r, t), o = `custom block "${e.type}" field "${i}"`, s = (t) => `${e.type}:${i}:${t}`;
+		let a = ni(r, t), o = `custom block "${e.type}" field "${i}"`, s = (t) => `${e.type}:${i}:${t}`;
 		if (a.invalidPresets.length > 0 && n.push({
 			id: s("invalid-presets"),
 			message: `${o}: presets skipped invalid entries: ${a.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).` + (a.presetsInherited ? " No valid entries are left, so the field inherits colors.presets." : "")
@@ -2098,8 +2243,8 @@ function $r(e, t) {
 			id: s("allow-custom-ignored"),
 			message: `${o}: allowCustom: true is ignored because colors.allowCustom is false — a field can narrow the editor-wide palette, never unlock it.`
 		}), !a.allowCustom && a.presets.length > 0) {
-			let e = r.default ?? "", t = new Set(a.presets.map((e) => Yr(e)));
-			e !== "" && !t.has(Yr(e)) && n.push({
+			let e = r.default ?? "", t = new Set(a.presets.map((e) => $r(e)));
+			e !== "" && !t.has($r(e)) && n.push({
 				id: s("off-palette-default"),
 				message: `${o} locks custom colours, but its default ${e} falls outside the field's presets: ${a.presets.join(", ")}. New blocks start on a colour the picker can't reselect — set the default from the same palette.`
 			});
@@ -2111,7 +2256,7 @@ function $r(e, t) {
 }
 //#endregion
 //#region src/utils/keyboardShortcuts.ts
-function ei(e) {
+function ii(e) {
 	for (let t of e.composedPath()) {
 		if (!(t instanceof HTMLElement)) continue;
 		if (t.isContentEditable) return !0;
@@ -2120,26 +2265,40 @@ function ei(e) {
 	}
 	return !1;
 }
-function ti(e, t) {
+function ai(e, t) {
 	let n = e.metaKey || e.ctrlKey;
 	if (n && e.key.toLowerCase() === "s") {
 		e.preventDefault(), t.onSave?.();
 		return;
 	}
 	if (n && e.key.toLowerCase() === "z") {
-		if (ei(e)) return;
+		if (ii(e)) return;
 		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
 		return;
 	}
+	if (t.isPicking?.() && !ii(e)) {
+		if (e.key === "Escape") {
+			e.preventDefault(), t.onCancelPick?.();
+			return;
+		}
+		if (e.key === "Enter") {
+			e.preventDefault(), t.onConfirmPick?.();
+			return;
+		}
+		if (e.key === "Delete" || e.key === "Backspace") {
+			e.preventDefault();
+			return;
+		}
+	}
 	if (e.key === "Escape") {
 		t.selectBlock(null);
 		return;
 	}
-	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !ei(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !ii(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
 }
 //#endregion
 //#region src/utils/mergeTagLabelSegments.ts
-function ni(e, t, n) {
+function oi(e, t, n) {
 	if (!e) return [];
 	let r = RegExp(`(${n.value.source}|${n.logic.source})`, "g"), i = [], a = 0, o;
 	for (; (o = r.exec(e)) !== null;) {
@@ -2166,20 +2325,20 @@ function ni(e, t, n) {
 }
 //#endregion
 //#region src/components/MergeTagPreviewText.vue
-var ri = B({
+var si = B({
 	name: "MergeTagPreviewText",
 	props: { text: {
 		type: String,
 		required: !0
 	} },
 	setup(e) {
-		let t = v(er, []), n = v(tr, ft.liquid), r = O(() => ni(e.text, t, n));
+		let t = v(rr, []), n = v(ir, ft.liquid), r = O(() => oi(e.text, t, n));
 		return () => r.value.map((e, t) => e.type === "tag" ? a("span", {
 			key: t,
 			class: "tpl-merge-tag-label"
 		}, e.value) : e.value);
 	}
-}), ii = { class: "tpl:text-center" }, ai = ["href"], oi = /* @__PURE__ */ B({
+}), ci = { class: "tpl:text-center" }, li = ["href"], ui = /* @__PURE__ */ B({
 	__name: "ButtonBlock",
 	props: {
 		block: {},
@@ -2200,17 +2359,17 @@ var ri = B({
 			};
 			return t.block.fontFamily && (e.fontFamily = t.block.fontFamily), t.block.width === "full" ? (e.display = "block", e.width = "100%", e.boxSizing = "border-box") : typeof t.block.width == "number" && (e.width = `${t.block.width}px`, e.boxSizing = "border-box"), e;
 		});
-		return (t, r) => (f(), k("div", ii, [I("a", {
+		return (t, r) => (f(), k("div", ci, [I("a", {
 			href: e.block.url || "#",
 			style: L(n.value),
 			class: "tpl:cursor-default",
 			onClick: r[0] ||= M(() => {}, ["prevent"])
-		}, [V(ri, { text: e.block.text }, null, 8, ["text"])], 12, ai)]));
+		}, [V(si, { text: e.block.text }, null, 8, ["text"])], 12, li)]));
 	}
-}), si = (e) => e === "", ci = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), li = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ui = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), di = (e) => {
-	let t = ui(e);
+}), di = (e) => e === "", fi = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), pi = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), mi = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), hi = (e) => {
+	let t = mi(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, fi = {
+}, gi = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -2220,35 +2379,35 @@ var ri = B({
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, pi = /* @__PURE__ */ Symbol("lucide-icons");
-function mi() {
-	return v(pi, {});
+}, _i = /* @__PURE__ */ Symbol("lucide-icons");
+function vi() {
+	return v(_i, {});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@lucide+vue@1.26.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
-var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absolute-stroke-width": i, strokeWidth: o, "stroke-width": s, size: c, color: l, ...u }, { slots: d }) => {
-	let { size: f, color: p, strokeWidth: m = 2, absoluteStrokeWidth: h = !1, class: g = "" } = mi(), _ = O(() => {
-		let e = si(r) || si(i) || r === !0 || i === !0 || h === !0, t = o || s || m || fi["stroke-width"];
-		return e ? Number(t) * 24 / Number(c ?? f ?? fi.width) : t;
+//#region ../../node_modules/.pnpm/@lucide+vue@1.27.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
+var yi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absolute-stroke-width": i, strokeWidth: o, "stroke-width": s, size: c, color: l, ...u }, { slots: d }) => {
+	let { size: f, color: p, strokeWidth: m = 2, absoluteStrokeWidth: h = !1, class: g = "" } = vi(), _ = O(() => {
+		let e = di(r) || di(i) || r === !0 || i === !0 || h === !0, t = o || s || m || gi["stroke-width"];
+		return e ? Number(t) * 24 / Number(c ?? f ?? gi.width) : t;
 	});
 	return a("svg", {
-		...fi,
+		...gi,
 		...u,
-		width: c ?? f ?? fi.width,
-		height: c ?? f ?? fi.height,
-		stroke: l ?? p ?? fi.stroke,
+		width: c ?? f ?? gi.width,
+		height: c ?? f ?? gi.height,
+		stroke: l ?? p ?? gi.stroke,
 		"stroke-width": _.value,
-		class: ci("lucide", g, ...e ? [`lucide-${li(di(e))}-icon`, `lucide-${li(e)}`] : ["lucide-icon"])
+		class: fi("lucide", g, ...e ? [`lucide-${pi(hi(e))}-icon`, `lucide-${pi(e)}`] : ["lucide-icon"])
 	}, [...(t ?? n ?? []).map((e) => a(...e)), ...d.default ? [d.default()] : []]);
-}, X = (e, t) => (n, { slots: r, attrs: i }) => a(hi, {
+}, X = (e, t) => (n, { slots: r, attrs: i }) => a(yi, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r.default ? { default: r.default } : void 0), gi = X("bookmark", [["path", {
+}, r.default ? { default: r.default } : void 0), bi = X("bookmark", [["path", {
 	d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",
 	key: "oz39mx"
-}]]), _i = X("box", [
+}]]), xi = X("box", [
 	["path", {
 		d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
 		key: "hh9hay"
@@ -2261,22 +2420,22 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M12 22V12",
 		key: "d0xqtd"
 	}]
-]), vi = X("check", [["path", {
+]), Si = X("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), yi = X("chevron-down", [["path", {
+}]]), Ci = X("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), bi = X("chevron-left", [["path", {
+}]]), wi = X("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), xi = X("chevron-right", [["path", {
+}]]), Ti = X("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), Si = X("chevron-up", [["path", {
+}]]), Ei = X("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), Ci = X("circle-alert", [
+}]]), Di = X("circle-alert", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -2297,7 +2456,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		y2: "16",
 		key: "4dfq90"
 	}]
-]), wi = X("circle-check", [["circle", {
+]), Oi = X("circle-check", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -2305,7 +2464,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), Ti = X("clock", [["circle", {
+}]]), ki = X("clock", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -2313,13 +2472,13 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 }], ["path", {
 	d: "M12 6v6l4 2",
 	key: "mmk7yg"
-}]]), Ei = X("code", [["path", {
+}]]), Ai = X("code", [["path", {
 	d: "m16 18 6-6-6-6",
 	key: "eg8j8"
 }], ["path", {
 	d: "m8 6-6 6 6 6",
 	key: "ppft3o"
-}]]), Di = X("copy", [["rect", {
+}]]), ji = X("copy", [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -2330,7 +2489,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 }], ["path", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
-}]]), Oi = X("eye-off", [
+}]]), Mi = X("eye-off", [
 	["path", {
 		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
 		key: "ct8e1f"
@@ -2347,7 +2506,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "m2 2 20 20",
 		key: "1ooewy"
 	}]
-]), ki = X("eye", [["path", {
+]), Ni = X("eye", [["path", {
 	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
 	key: "1nclc0"
 }], ["circle", {
@@ -2355,7 +2514,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), Ai = X("file-image", [
+}]]), Pi = X("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -2374,7 +2533,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
 		key: "wt3hpn"
 	}]
-]), ji = X("file-text", [
+]), Fi = X("file-text", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -2395,10 +2554,10 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), Mi = X("funnel", [["path", {
+]), Ii = X("funnel", [["path", {
 	d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
 	key: "sc7q7i"
-}]]), Ni = X("grip-vertical", [
+}]]), Li = X("grip-vertical", [
 	["circle", {
 		cx: "9",
 		cy: "12",
@@ -2435,7 +2594,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		r: "1",
 		key: "f4zoj3"
 	}]
-]), Pi = X("image-up", [
+]), Ri = X("image-up", [
 	["path", {
 		d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",
 		key: "9csbqa"
@@ -2454,7 +2613,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		r: "2",
 		key: "af1f0g"
 	}]
-]), Fi = X("image", [
+]), zi = X("image", [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -2474,7 +2633,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
 		key: "1xmnt7"
 	}]
-]), Ii = X("info", [
+]), Bi = X("info", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -2489,31 +2648,31 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M12 8h.01",
 		key: "e9boi3"
 	}]
-]), Li = X("loader-circle", [["path", {
+]), Vi = X("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), Ri = X("message-circle", [["path", {
+}]]), Hi = X("message-circle", [["path", {
 	d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
 	key: "1sd12s"
-}]]), zi = X("navigation", [["polygon", {
+}]]), Ui = X("navigation", [["polygon", {
 	points: "3 11 22 2 13 21 11 13 3 11",
 	key: "1ltx0t"
-}]]), Bi = X("pencil", [["path", {
+}]]), Wi = X("pencil", [["path", {
 	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
 	key: "1a8usu"
 }], ["path", {
 	d: "m15 5 4 4",
 	key: "1mk7zo"
-}]]), Vi = X("puzzle", [["path", {
+}]]), Gi = X("puzzle", [["path", {
 	d: "M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",
 	key: "w46dr5"
-}]]), Hi = X("redo-2", [["path", {
+}]]), Ki = X("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"
 }], ["path", {
 	d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
 	key: "6uklza"
-}]]), Ui = X("refresh-cw", [
+}]]), qi = X("refresh-cw", [
 	["path", {
 		d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
 		key: "v9h5vc"
@@ -2530,19 +2689,19 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M8 16H3v5",
 		key: "1cv678"
 	}]
-]), Wi = X("reply", [["path", {
+]), Ji = X("reply", [["path", {
 	d: "M20 18v-2a4 4 0 0 0-4-4H4",
 	key: "5vmcpk"
 }], ["path", {
 	d: "m9 17-5-5 5-5",
 	key: "nvlc11"
-}]]), Gi = X("send", [["path", {
+}]]), Yi = X("send", [["path", {
 	d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
 	key: "1ffxy3"
 }], ["path", {
 	d: "m21.854 2.147-10.94 10.939",
 	key: "12cjpa"
-}]]), Ki = X("share-2", [
+}]]), Xi = X("share-2", [
 	["circle", {
 		cx: "18",
 		cy: "5",
@@ -2575,13 +2734,13 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		y2: "10.49",
 		key: "1n3mei"
 	}]
-]), qi = X("shield-check", [["path", {
+]), Zi = X("shield-check", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), Ji = X("shield-x", [
+}]]), Qi = X("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 		key: "oel41y"
@@ -2594,7 +2753,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "m9.5 9.5 5 5",
 		key: "18nt4w"
 	}]
-]), Yi = X("sparkles", [
+]), $i = X("sparkles", [
 	["path", {
 		d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
 		key: "1s2grr"
@@ -2613,7 +2772,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		r: "2",
 		key: "6kqj1y"
 	}]
-]), Xi = X("table", [
+]), ea = X("table", [
 	["path", {
 		d: "M12 3v18",
 		key: "108xh3"
@@ -2634,7 +2793,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M3 15h18",
 		key: "5xshup"
 	}]
-]), Zi = X("trash-2", [
+]), ta = X("trash-2", [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -2655,7 +2814,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), Qi = X("triangle-alert", [
+]), na = X("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -2668,13 +2827,13 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), $i = X("undo-2", [["path", {
+]), ra = X("undo-2", [["path", {
 	d: "M9 14 4 9l5-5",
 	key: "102s5s"
 }], ["path", {
 	d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
 	key: "f3b9sd"
-}]]), ea = X("upload", [
+}]]), ia = X("upload", [
 	["path", {
 		d: "M12 3v12",
 		key: "1x0j5s"
@@ -2687,7 +2846,7 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
 		key: "ih7n3h"
 	}]
-]), ta = X("video", [["path", {
+]), aa = X("video", [["path", {
 	d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
 	key: "ftymec"
 }], ["rect", {
@@ -2697,20 +2856,20 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 	height: "12",
 	rx: "2",
 	key: "158x01"
-}]]), na = X("x", [["path", {
+}]]), oa = X("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]), ra = X("zap", [["path", {
-	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-	key: "1xq2db"
-}]]), ia = ["innerHTML"], aa = [
+}]]), sa = X("zap", [["path", {
+	d: "M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z",
+	key: "1v7up4"
+}]]), ca = ["innerHTML"], la = [
 	"src",
 	"width",
 	"height"
-], oa = /* @__PURE__ */ B({
+], ua = /* @__PURE__ */ B({
 	__name: "CustomBlockIcon",
 	props: {
 		icon: {},
@@ -2726,40 +2885,40 @@ var hi = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absol
 				height: `${n.value}px`
 			}),
 			innerHTML: e.icon
-		}, null, 12, ia)) : i.value ? (f(), k("img", {
+		}, null, 12, ca)) : i.value ? (f(), k("img", {
 			key: 1,
 			src: e.icon,
 			width: n.value,
 			height: n.value,
 			class: "tpl:inline-block",
 			alt: ""
-		}, null, 8, aa)) : (f(), N(j(_i), {
+		}, null, 8, la)) : (f(), N(j(xi), {
 			key: 2,
 			size: n.value,
 			"stroke-width": 1.5
 		}, null, 8, ["size"]));
 	}
-}), sa = (e, t) => {
+}), da = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ca = {}, la = { class: "tpl-loading-track" };
-function ua(e, t) {
-	return f(), k("div", la);
+}, fa = {}, pa = { class: "tpl-loading-track" };
+function ma(e, t) {
+	return f(), k("div", pa);
 }
-var da = /*#__PURE__*/ sa(ca, [["render", ua], ["__scopeId", "data-v-1ed538ec"]]);
+var ha = /*#__PURE__*/ da(fa, [["render", ma], ["__scopeId", "data-v-1ed538ec"]]);
 //#endregion
 //#region src/composables/useEditorRoot.ts
-function fa() {
-	return v(gr, document) ?? document;
+function ga() {
+	return v(yr, document) ?? document;
 }
 //#endregion
 //#region src/composables/useFocusTrap.ts
-var pa = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function ma(e, t) {
-	let n = fa(), r = null, i = null, a = null;
+var _a = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function va(e, t) {
+	let n = ga(), r = null, i = null, a = null;
 	function o() {
-		return e.value ? Array.from(e.value.querySelectorAll(pa)).filter((e) => e.offsetParent !== null) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(_a)).filter((e) => e.offsetParent !== null) : [];
 	}
 	function s(e) {
 		if (e.key !== "Tab") return;
@@ -2789,18 +2948,18 @@ function ma(e, t) {
 }
 //#endregion
 //#region src/composables/useCloudI18n.ts
-function ha(e, t) {
+function ya(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
 }
-function ga(e) {
-	let t = e ?? v(Cr, null);
+function ba(e) {
+	let t = e ?? v(Er, null);
 	return {
 		t: t ? u(t) ? t.value : t : null,
-		format: ha
+		format: ya
 	};
 }
-function _a(e) {
-	let { t, format: n } = ga(e);
+function xa(e) {
+	let { t, format: n } = ba(e);
 	if (!t) throw Error("useCloudI18nStrict() requires a cloud translations provider. Ensure the component is a descendant of CloudEditor.");
 	return {
 		t,
@@ -2809,8 +2968,8 @@ function _a(e) {
 }
 //#endregion
 //#region src/composables/useMergeTag.ts
-function va() {
-	let e = v(er, []), t = v(tr, ft.liquid), n = v(nr, null), r = v(rr, !0), i = v(ir, null), a = C(!1);
+function Sa() {
+	let e = v(rr, []), t = v(ir, ft.liquid), n = v(ar, null), r = v(or, !0), i = v(sr, null), a = C(!1);
 	function o(e) {
 		return yt(e, t);
 	}
@@ -2849,8 +3008,8 @@ function va() {
 }
 //#endregion
 //#region src/composables/useEmoji.ts
-function ya() {
-	let [e, t] = fn(!1), r = n([]), i = !1;
+function Ca() {
+	let [e, t] = hn(!1), r = n([]), i = !1;
 	l(() => {
 		i = !0;
 	}), H(e, async (e) => {
@@ -2875,7 +3034,7 @@ function ya() {
 }
 //#endregion
 //#region src/composables/useDragDrop.ts
-function ba(e) {
+function wa(e) {
 	let { onBlockMove: t, onBlockAdd: n } = e, r = C(!1), i = C(null), a = C(null);
 	function o(e) {
 		r.value = !0, i.value = e;
@@ -2925,7 +3084,7 @@ function ba(e) {
 }
 //#endregion
 //#region src/composables/useFonts.ts
-var xa = [
+var Ta = [
 	{
 		value: "Arial",
 		label: "Arial"
@@ -2954,7 +3113,7 @@ var xa = [
 		value: "Courier New",
 		label: "Courier New"
 	}
-], Sa = {
+], Ea = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -2962,23 +3121,23 @@ var xa = [
 	verdana: "Verdana, sans-serif",
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace"
-}, Ca = "Arial, sans-serif";
-function wa(e) {
-	if (e === void 0 || e === !0) return [...xa];
+}, Da = "Arial, sans-serif";
+function Oa(e) {
+	if (e === void 0 || e === !0) return [...Ta];
 	if (e === !1) return [];
 	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
 	for (let i of e) {
-		let e = i.toLowerCase(), a = xa.find((t) => t.value.toLowerCase() === e);
+		let e = i.toLowerCase(), a = Ta.find((t) => t.value.toLowerCase() === e);
 		if (!a) {
-			r.has(e) || (r.add(e), Lr.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${xa.map((e) => e.value).join(", ")}.`));
+			r.has(e) || (r.add(e), Vr.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${Ta.map((e) => e.value).join(", ")}.`));
 			continue;
 		}
 		n.has(a.value) || (n.add(a.value), t.push(a));
 	}
 	return t;
 }
-function Ta(e) {
-	let t = C(e?.customFonts ?? []), n = C(!0), r = C(!1), i = wa(e?.builtIns), a = O(() => e?.defaultFallback ?? Ca);
+function ka(e) {
+	let t = C(e?.customFonts ?? []), n = C(!0), r = C(!1), i = Oa(e?.builtIns), a = O(() => e?.defaultFallback ?? Da);
 	function o(e) {
 		n.value = e;
 	}
@@ -2995,26 +3154,26 @@ function Ta(e) {
 	function u(e) {
 		return c.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
 	}
-	let d = e?.defaultFont ?? Ca.split(",")[0].trim();
-	u(d) || Lr.warn(`config.fonts: new templates seed "${d}", which the font picker doesn't offer — authors can't reselect it. Either add it to fonts.builtIns, or set fonts.defaultFont to an offered font.`);
+	let d = e?.defaultFont ?? Da.split(",")[0].trim();
+	u(d) || Vr.warn(`config.fonts: new templates seed "${d}", which the font picker doesn't offer — authors can't reselect it. Either add it to fonts.builtIns, or set fonts.defaultFont to an offered font.`);
 	function f(e) {
-		return xa.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+		return Ta.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
 	}
 	function p() {
 		if (e?.defaultFont) {
-			if (!n.value && !f(e.defaultFont)) return Ca;
+			if (!n.value && !f(e.defaultFont)) return Da;
 			if (u(e.defaultFont)) {
 				let t = c.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
 				if (t) return t.value;
 			}
 		}
-		return Ca;
+		return Da;
 	}
 	let m = O(() => p());
 	function h(e) {
 		if (!e) return a.value;
 		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
-		return n ? `'${n.name}', ${n.fallback ?? a.value}` : Sa[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${a.value}`);
+		return n ? `'${n.name}', ${n.fallback ?? a.value}` : Ea[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${a.value}`);
 	}
 	let g = [], _ = !1;
 	async function v() {
@@ -3030,7 +3189,7 @@ function Ta(e) {
 					t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load font: ${e.name}`)), document.head.appendChild(t);
 				});
 			} catch (t) {
-				Lr.warn(`Failed to load custom font "${e.name}":`, t);
+				Vr.warn(`Failed to load custom font "${e.name}":`, t);
 			}
 		});
 		await Promise.allSettled(e), !_ && (r.value = !0);
@@ -3057,8 +3216,8 @@ function Ta(e) {
 }
 //#endregion
 //#region src/composables/useLogicTag.ts
-function Ea() {
-	let e = v(ar, []), t = v(or, []), n = v(tr, ft.liquid), r = v(cr, null), i = v(sr, null), a = C(!1), o = !!r || e.length > 0 || t.length > 0, s = e.length > 0 || t.length > 0;
+function Aa() {
+	let e = v(cr, []), t = v(lr, []), n = v(ir, ft.liquid), r = v(dr, null), i = v(ur, null), a = C(!1), o = !!r || e.length > 0 || t.length > 0, s = e.length > 0 || t.length > 0;
 	async function c() {
 		if (r) {
 			a.value = !0;
@@ -3089,7 +3248,7 @@ function Ea() {
 }
 //#endregion
 //#region src/utils/mergeTagNodeSpec.ts
-function Da(e, t, n) {
+function ja(e, t, n) {
 	return Ct(e, n) ? {
 		type: "logicMergeTagNode",
 		attrs: {
@@ -3106,15 +3265,15 @@ function Da(e, t, n) {
 }
 //#endregion
 //#region src/utils/insertLogicTag.ts
-function Oa(e) {
+function Ma(e) {
 	return "before" in e && "after" in e;
 }
-function ka(e, t, n) {
-	if (!Oa(t)) {
-		e.chain().focus().insertContent(Da(t.value, t.label, n)).run();
+function Na(e, t, n) {
+	if (!Ma(t)) {
+		e.chain().focus().insertContent(ja(t.value, t.label, n)).run();
 		return;
 	}
-	let r = Da(t.before, t.label, n), i = Da(t.after, t.label, n), { from: a, to: o } = e.state.selection;
+	let r = ja(t.before, t.label, n), i = ja(t.after, t.label, n), { from: a, to: o } = e.state.selection;
 	if (a !== o) {
 		e.chain().focus().insertContentAt(o, i).insertContentAt(a, r).run();
 		return;
@@ -3123,20 +3282,20 @@ function ka(e, t, n) {
 }
 //#endregion
 //#region src/utils/linkColorExtension.ts
-function Aa(e) {
+function Pa(e) {
 	if (!e) return null;
 	let t = e.trim();
 	return /^#[0-9a-f]{3,8}$/i.test(t) || /^(rgb|rgba|hsl|hsla)\(\s*[0-9.,%/\s]+\)$/i.test(t) || /^[a-z]+$/i.test(t) ? t : null;
 }
-function ja(e) {
+function Fa(e) {
 	return e.extend({ addAttributes() {
 		return {
 			...this.parent?.(),
 			color: {
 				default: null,
-				parseHTML: (e) => Aa(Jr(e.style.color)),
+				parseHTML: (e) => Pa(Qr(e.style.color)),
 				renderHTML: (e) => {
-					let t = Aa(e.color);
+					let t = Pa(e.color);
 					return t ? { style: `color: ${t}` } : {};
 				}
 			}
@@ -3145,9 +3304,9 @@ function ja(e) {
 }
 //#endregion
 //#region src/composables/useRichTextLinkDialog.ts
-function Ma(e) {
+function Ia(e) {
 	let t = C(!1), n = C(""), r = C(""), i = C(null);
-	ma(i, t);
+	va(i, t);
 	function a() {
 		let i = e.value?.getAttributes("link") ?? {};
 		n.value = i.href || "", r.value = i.color || "", t.value = !0;
@@ -3156,7 +3315,7 @@ function Ma(e) {
 		if (n.value) {
 			let t = c(n.value);
 			if (t !== null) {
-				let n = Aa(r.value), i = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				let n = Pa(r.value), i = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
 				n && typeof e.value?.commands.unsetColor == "function" && i?.unsetColor(), i?.run();
 			}
 		}
@@ -3203,8 +3362,8 @@ function Ma(e) {
 }
 //#endregion
 //#region src/composables/useRichTextEditor.ts
-function Na(e) {
-	let t = v(Bn, null), { mergeTags: r, canRequestMergeTag: i, isRequesting: a, requestMergeTag: o, syntax: s, autocomplete: c } = va(), { canInsertLogicTag: l, isRequesting: d, requestLogicTag: f } = Ea(), p = v(zn, null), m = (u(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", h = ht(s), g = n(null), { showLinkDialog: _, linkUrl: y, linkColor: b, linkDialogRef: x, openLinkDialog: S, insertLink: w, removeLink: T, closeLinkDialog: E, handleLinkKeydown: ee } = Ma(g), { start: D, stop: te } = dn(() => g.value?.commands.focus("end"), 0, { immediate: !1 }), ne = n(null), O = C(!0), k = C(null), A = !1;
+function La(e) {
+	let t = v(Un, null), { mergeTags: r, canRequestMergeTag: i, isRequesting: a, requestMergeTag: o, syntax: s, autocomplete: c } = Sa(), { canInsertLogicTag: l, isRequesting: d, requestLogicTag: f } = Aa(), p = v(Hn, null), m = (u(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", h = ht(s), g = n(null), { showLinkDialog: _, linkUrl: y, linkColor: b, linkDialogRef: x, openLinkDialog: S, insertLink: w, removeLink: T, closeLinkDialog: E, handleLinkKeydown: ee } = Ia(g), { start: D, stop: te } = mn(() => g.value?.commands.focus("end"), 0, { immediate: !1 }), ne = n(null), O = C(!0), k = C(null), A = !1;
 	async function j() {
 		k.value = null, O.value = !0;
 		try {
@@ -3234,7 +3393,7 @@ function Na(e) {
 			g.value = l, O.value = !1, D();
 		} catch (t) {
 			if (A) return;
-			Lr.error(`[${e.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, t), k.value = t instanceof Error ? t.message : "Failed to load editor", O.value = !1;
+			Vr.error(`[${e.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, t), k.value = t instanceof Error ? t.message : "Failed to load editor", O.value = !1;
 		}
 	}
 	function M() {
@@ -3264,7 +3423,7 @@ function Na(e) {
 	}
 	async function ae() {
 		let e = await f();
-		A || (e && g.value ? ka(g.value, e, s) : g.value?.commands.focus());
+		A || (e && g.value ? Na(g.value, e, s) : g.value?.commands.focus());
 	}
 	return {
 		editor: g,
@@ -3293,9 +3452,9 @@ function Na(e) {
 }
 //#endregion
 //#region src/composables/useSmallScreenNotice.ts
-var Pa = "(max-width: 767px)";
-function Fa(e) {
-	let t = Tn(Pa);
+var Ra = "(max-width: 767px)";
+function za(e) {
+	let t = On(Ra);
 	return {
 		isSmallScreen: t,
 		showNotice: O(() => (P(e) ?? !0) && t.value)
@@ -3303,20 +3462,20 @@ function Fa(e) {
 }
 //#endregion
 //#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
-var Ia = { class: "tpl:w-full" }, La = {
+var Ba = { class: "tpl:w-full" }, Va = {
 	key: 0,
 	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-warning-light)]"
-}, Ra = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, za = {
+}, Ha = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ua = {
 	key: 1,
 	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-danger-light)]"
-}, Ba = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Va = {
+}, Wa = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ga = {
 	key: 2,
 	class: "tpl:relative"
-}, Ha = ["innerHTML"], Ua = {
+}, Ka = ["innerHTML"], qa = {
 	key: 0,
 	class: "tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:rounded tpl:backdrop-blur-[2px]",
 	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)" }
-}, Wa = /* @__PURE__ */ B({
+}, Ja = /* @__PURE__ */ B({
 	__name: "CustomBlock",
 	props: {
 		block: {},
@@ -3324,7 +3483,7 @@ var Ia = { class: "tpl:w-full" }, La = {
 	},
 	emits: ["fetchData"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = Y(), o = v(Jn, null), s = C(""), c = C(!1), l = O(() => o?.getDefinition(n.block.customType)), u = O(() => !!l.value), { isFetching: d, fetch: p, needsFetch: m, hasDataSource: h } = Rt({
+		let n = e, i = t, { t: a } = Y(), o = v(Zn, null), s = C(""), c = C(!1), l = O(() => o?.getDefinition(n.block.customType)), u = O(() => !!l.value), { isFetching: d, fetch: p, needsFetch: m, hasDataSource: h } = Rt({
 			definition: l,
 			block: O(() => n.block),
 			onUpdate: (e, t) => {
@@ -3345,15 +3504,15 @@ var Ia = { class: "tpl:w-full" }, La = {
 				}
 			}
 		}
-		let _ = on(g, 150);
+		let _ = ln(g, 150);
 		return r(() => {
 			g();
 		}), H(() => n.block.fieldValues, () => {
 			_();
-		}, { deep: !0 }), (e, t) => (f(), k("div", Ia, [u.value ? c.value ? (f(), k("div", za, [V(j(Qi), {
+		}, { deep: !0 }), (e, t) => (f(), k("div", Ba, [u.value ? c.value ? (f(), k("div", Ua, [V(j(na), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-danger)]"
-		}), I("span", Ba, D(j(a).customBlocks.renderError), 1)])) : (f(), k("div", Va, [I("div", { innerHTML: s.value }, null, 8, Ha), j(h) && j(m) ? (f(), k("div", Ua, [j(d) ? (f(), N(da, {
+		}), I("span", Wa, D(j(a).customBlocks.renderError), 1)])) : (f(), k("div", Ga, [I("div", { innerHTML: s.value }, null, 8, Ka), j(h) && j(m) ? (f(), k("div", qa, [j(d) ? (f(), N(ha, {
 			key: 1,
 			class: "tpl:w-48"
 		})) : (f(), k("button", {
@@ -3361,16 +3520,16 @@ var Ia = { class: "tpl:w-full" }, La = {
 			type: "button",
 			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 			onClick: t[0] ||= M((...e) => j(p) && j(p)(...e), ["stop"])
-		}, [l.value?.icon ? (f(), N(oa, {
+		}, [l.value?.icon ? (f(), N(ua, {
 			key: 0,
 			icon: l.value.icon,
 			size: 16
-		}, null, 8, ["icon"])) : A("", !0), z(" " + D(l.value?.dataSource?.label || j(a).customBlocks.dataSource.fetchButton), 1)]))])) : A("", !0)])) : (f(), k("div", La, [V(j(Vi), {
+		}, null, 8, ["icon"])) : A("", !0), z(" " + D(l.value?.dataSource?.label || j(a).customBlocks.dataSource.fetchButton), 1)]))])) : A("", !0)])) : (f(), k("div", Va, [V(j(Gi), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-warning)]"
-		}), I("span", Ra, D(j(a).customBlocks.definitionNotFound), 1)]))]));
+		}), I("span", Ha, D(j(a).customBlocks.definitionNotFound), 1)]))]));
 	}
-}), Ga = { class: "tpl:w-full" }, Ka = /* @__PURE__ */ B({
+}), Ya = { class: "tpl:w-full" }, Xa = /* @__PURE__ */ B({
 	__name: "DividerBlock",
 	props: {
 		block: {},
@@ -3382,28 +3541,28 @@ var Ia = { class: "tpl:w-full" }, La = {
 			width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
 			margin: t.block.width === "full" ? "0" : "0 auto"
 		}));
-		return (e, t) => (f(), k("div", Ga, [I("hr", {
+		return (e, t) => (f(), k("div", Ya, [I("hr", {
 			class: "tpl:m-0 tpl:border-none",
 			style: L(n.value)
 		}, null, 4)]));
 	}
-}), qa = { class: "tpl:w-full" }, Ja = ["srcdoc", "title"], Ya = {
+}), Za = { class: "tpl:w-full" }, Qa = ["srcdoc", "title"], $a = {
 	key: 1,
 	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)]"
-}, Xa = {
+}, eo = {
 	key: 0,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
-}, Za = {
+}, to = {
 	key: 1,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, Qa = /* @__PURE__ */ B({
+}, no = /* @__PURE__ */ B({
 	__name: "HtmlBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = Y(), r = v(Zn, !1), i = O(() => t.block.content.trim().length > 0), a = O(() => r && i.value), o = C(null), s = C(60), c = null;
+		let t = e, { t: n } = Y(), r = v(er, !1), i = O(() => t.block.content.trim().length > 0), a = O(() => r && i.value), o = C(null), s = C(60), c = null;
 		function l() {
 			let e = o.value?.contentDocument;
 			e && (s.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
@@ -3417,7 +3576,7 @@ var Ia = { class: "tpl:w-full" }, La = {
 			e || (c?.disconnect(), c = null);
 		}), re(() => {
 			c?.disconnect(), c = null;
-		}), (t, r) => (f(), k("div", qa, [a.value ? (f(), k("iframe", {
+		}), (t, r) => (f(), k("div", Za, [a.value ? (f(), k("iframe", {
 			key: 0,
 			ref_key: "iframeRef",
 			ref: o,
@@ -3427,15 +3586,15 @@ var Ia = { class: "tpl:w-full" }, La = {
 			class: "tpl:block tpl:w-full tpl:border-0",
 			style: L({ height: `${s.value}px` }),
 			onLoad: u
-		}, null, 44, Ja)) : (f(), k("div", Ya, [V(j(Ei), {
+		}, null, 44, Qa)) : (f(), k("div", $a, [V(j(Ai), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-text-dim)]"
-		}), i.value ? (f(), k("span", Xa, D(j(n).html.preview), 1)) : (f(), k("span", Za, D(j(n).html.empty), 1))]))]));
+		}), i.value ? (f(), k("span", eo, D(j(n).html.preview), 1)) : (f(), k("span", to, D(j(n).html.empty), 1))]))]));
 	}
 });
 //#endregion
 //#region src/composables/useAliveFlag.ts
-function $a() {
+function ro() {
 	let e = { alive: !0 };
 	return re(() => {
 		e.alive = !1;
@@ -3443,13 +3602,13 @@ function $a() {
 }
 //#endregion
 //#region src/composables/useImageDrop.ts
-var eo = "image/";
-function to(e) {
-	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || P(r), { isOverDropZone: a } = On(t, {
+var io = "image/";
+function ao(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || P(r), { isOverDropZone: a } = jn(t, {
 		preventDefaultForUnhandled: !0,
 		onDrop: (e) => {
 			if (!i()) return;
-			let t = (e ?? []).filter((e) => e.type.startsWith(eo));
+			let t = (e ?? []).filter((e) => e.type.startsWith(io));
 			t.length > 0 && n([t[0]]);
 		}
 	});
@@ -3457,17 +3616,17 @@ function to(e) {
 }
 //#endregion
 //#region src/components/blocks/ImageBlock.vue?vue&type=script&setup=true&lang.ts
-var no = {
+var oo = {
 	key: 0,
 	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
 	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 85%, transparent)" }
-}, ro = ["href"], io = ["src", "alt"], ao = ["src", "alt"], oo = {
+}, so = ["href"], co = ["src", "alt"], lo = ["src", "alt"], uo = {
 	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
 	style: { opacity: "0.7" }
-}, so = ["href"], co = ["src", "alt"], lo = ["src", "alt"], uo = {
+}, fo = ["href"], po = ["src", "alt"], mo = ["src", "alt"], ho = {
 	key: 4,
 	class: "tpl:flex tpl:min-h-[100px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
-}, fo = ["aria-label"], po = { key: 1 }, mo = /* @__PURE__ */ B({
+}, go = ["aria-label"], _o = { key: 1 }, vo = /* @__PURE__ */ B({
 	__name: "ImageBlock",
 	props: {
 		block: {},
@@ -3475,7 +3634,7 @@ var no = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Y(), { syntax: a } = va(), o = v(lr, null), s = O(() => !!o), c = $a();
+		let n = e, r = t, { t: i } = Y(), { syntax: a } = Sa(), o = v(fr, null), s = O(() => !!o), c = ro();
 		async function l() {
 			let e = await o?.({ accept: ["images"] });
 			if (c.alive && e) {
@@ -3502,7 +3661,7 @@ var no = {
 				}
 			}
 		}
-		let { isOver: h } = to({
+		let { isOver: h } = ao({
 			target: u,
 			enabled: p,
 			onFiles: m
@@ -3515,18 +3674,18 @@ var no = {
 				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
 				marginRight: e === "center" ? "auto" : void 0
 			};
-		}), y = O(() => St(n.block.src, a)), b = Tr(() => y.value ? void 0 : n.block.src), x = Tr(() => y.value ? n.block.placeholderUrl : void 0);
+		}), y = O(() => St(n.block.src, a)), b = Or(() => y.value ? void 0 : n.block.src), x = Or(() => y.value ? n.block.placeholderUrl : void 0);
 		return (t, n) => (f(), k("div", {
 			ref_key: "dropZoneRef",
 			ref: u,
 			"data-testid": "image-drop-zone",
 			class: "tpl:relative tpl:w-full",
 			style: L(g.value)
-		}, [p.value && (j(h) || d.value) ? (f(), k("div", no, [d.value ? (f(), k(R, { key: 0 }, [V(j(Li), {
+		}, [p.value && (j(h) || d.value) ? (f(), k("div", oo, [d.value ? (f(), k(R, { key: 0 }, [V(j(Vi), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2
-		}), z(" " + D(j(i).image.uploading), 1)], 64)) : (f(), k(R, { key: 1 }, [V(j(ea), {
+		}), z(" " + D(j(i).image.uploading), 1)], 64)) : (f(), k(R, { key: 1 }, [V(j(ia), {
 			size: 20,
 			"stroke-width": 1.5
 		}), z(" " + D(j(i).image.dropToUpload), 1)], 64))])) : A("", !0), e.block.src && y.value && e.block.placeholderUrl ? (f(), k(R, { key: 1 }, [e.block.linkUrl ? (f(), k("a", {
@@ -3541,22 +3700,22 @@ var no = {
 			src: j(x),
 			alt: e.block.alt || j(i).image.altTextPlaceholder,
 			style: L(_.value)
-		}, null, 12, io)], 8, ro)) : (f(), k("img", {
+		}, null, 12, co)], 8, so)) : (f(), k("img", {
 			key: 1,
 			class: "tpl:border-0",
 			src: j(x),
 			alt: e.block.alt,
 			style: L(_.value)
-		}, null, 12, ao))], 64)) : e.block.src && y.value ? (f(), k("div", {
+		}, null, 12, lo))], 64)) : e.block.src && y.value ? (f(), k("div", {
 			key: 2,
 			class: "tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
 			style: L([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, _.value])
-		}, [V(j(Fi), {
+		}, [V(j(zi), {
 			size: 32,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), I("span", oo, [V(ri, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (f(), k(R, { key: 3 }, [e.block.linkUrl ? (f(), k("a", {
+		}), I("span", uo, [V(si, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (f(), k(R, { key: 3 }, [e.block.linkUrl ? (f(), k("a", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -3568,26 +3727,26 @@ var no = {
 			src: j(b),
 			alt: e.block.alt || j(i).image.altTextPlaceholder,
 			style: L(_.value)
-		}, null, 12, co)], 8, so)) : (f(), k("img", {
+		}, null, 12, po)], 8, fo)) : (f(), k("img", {
 			key: 1,
 			class: "tpl:border-0",
 			src: j(b),
 			alt: e.block.alt,
 			style: L(_.value)
-		}, null, 12, lo))], 64)) : (f(), k("div", uo, [s.value ? (f(), k("button", {
+		}, null, 12, mo))], 64)) : (f(), k("div", ho, [s.value ? (f(), k("button", {
 			key: 0,
 			"aria-label": j(i).image.browseMedia,
 			class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
 			onClick: M(l, ["stop"])
-		}, [V(j(Fi), {
+		}, [V(j(zi), {
 			size: 14,
 			"stroke-width": 1.5
-		}), z(" " + D(j(i).image.browseMedia), 1)], 8, fo)) : (f(), k("span", po, D(j(i).image.clickToAdd), 1))]))], 4));
+		}), z(" " + D(j(i).image.browseMedia), 1)], 8, go)) : (f(), k("span", _o, D(j(i).image.clickToAdd), 1))]))], 4));
 	}
-}), ho = { class: "tpl:w-full" }, go = ["href"], _o = {
+}), yo = { class: "tpl:w-full" }, bo = ["href"], xo = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, vo = /* @__PURE__ */ B({
+}, So = /* @__PURE__ */ B({
 	__name: "MenuBlock",
 	props: {
 		block: {},
@@ -3606,7 +3765,7 @@ var no = {
 		function a(e) {
 			return e || t.block.linkColor || t.block.color;
 		}
-		return (t, o) => (f(), k("div", ho, [i.value ? (f(), k("div", {
+		return (t, o) => (f(), k("div", yo, [i.value ? (f(), k("div", {
 			key: 0,
 			style: L(r.value)
 		}, [(f(!0), k(R, null, h(e.block.items, (t, n) => (f(), k(R, { key: t.id }, [I("a", {
@@ -3618,24 +3777,24 @@ var no = {
 				textDecoration: t.underline ? "underline" : "none"
 			}),
 			onClick: o[0] ||= M(() => {}, ["prevent"])
-		}, [V(ri, { text: t.text || "..." }, null, 8, ["text"])], 12, go), n < e.block.items.length - 1 ? (f(), k("span", {
+		}, [V(si, { text: t.text || "..." }, null, 8, ["text"])], 12, bo), n < e.block.items.length - 1 ? (f(), k("span", {
 			key: 0,
 			style: L({
 				color: e.block.separatorColor,
 				padding: `0 ${e.block.spacing}px`
 			})
-		}, D(e.block.separator), 5)) : A("", !0)], 64))), 128))], 4)) : (f(), k("div", _o, [V(j(zi), { size: 16 }), I("span", null, D(j(n).menu.addLinks), 1)]))]));
+		}, D(e.block.separator), 5)) : A("", !0)], 64))), 128))], 4)) : (f(), k("div", xo, [V(j(Ui), { size: 16 }), I("span", null, D(j(n).menu.addLinks), 1)]))]));
 	}
 });
 //#endregion
 //#region src/composables/usePopoverRoot.ts
-function yo() {
-	return v(_r, C(null));
+function Co() {
+	return v(br, C(null));
 }
 //#endregion
 //#region src/composables/usePopoverPosition.ts
-function bo() {
-	let e = yo();
+function wo() {
+	let e = Co();
 	function t(t) {
 		let n = e.value?.getBoundingClientRect();
 		return n ? {
@@ -3650,7 +3809,7 @@ function bo() {
 }
 //#endregion
 //#region src/utils/sanitizeRichTextHtml.ts
-var xo = /* @__PURE__ */ new Set([
+var To = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
@@ -3660,7 +3819,7 @@ var xo = /* @__PURE__ */ new Set([
 	"sms",
 	"xmpp",
 	"cid"
-]), So = /* @__PURE__ */ new Set([
+]), Eo = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -3670,7 +3829,7 @@ var xo = /* @__PURE__ */ new Set([
 	"META",
 	"BASE",
 	"FORM"
-]), Co = /* @__PURE__ */ new Set([
+]), Do = /* @__PURE__ */ new Set([
 	"href",
 	"xlink:href",
 	"formaction",
@@ -3679,16 +3838,16 @@ var xo = /* @__PURE__ */ new Set([
 	"background",
 	"poster"
 ]);
-function wo(e, t) {
+function Oo(e, t) {
 	let n = e.replace(/[\t\n\r]/g, "").replace(/^[\u0000-\u0020]+/, "").trimEnd();
 	if (!n || n.startsWith("#")) return !0;
 	let r = /^([a-z][a-z0-9+.-]*):/i.exec(n);
 	if (!r) return !0;
 	let i = r[1].toLowerCase();
-	return xo.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+	return To.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
 }
-function To(e) {
-	if (So.has(e.tagName)) {
+function ko(e) {
+	if (Eo.has(e.tagName)) {
 		e.remove();
 		return;
 	}
@@ -3700,29 +3859,29 @@ function To(e) {
 			e.removeAttribute(n);
 			continue;
 		}
-		if (Co.has(t)) {
-			wo(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+		if (Do.has(t)) {
+			Oo(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
 			continue;
 		}
 		if (t === "src") {
-			wo(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			Oo(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
 			continue;
 		}
 		t === "srcdoc" && e.removeAttribute(n);
 	}
 	let n = Array.from(e.children);
-	for (let e of n) To(e);
+	for (let e of n) ko(e);
 }
-function Eo(e) {
+function Ao(e) {
 	if (typeof DOMParser > "u") return e;
 	let t = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html").body, n = Array.from(t.children);
-	for (let e of n) To(e);
+	for (let e of n) ko(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/composables/useEditableTextBlock.ts
-function Do(e) {
-	let t = v(er, []), { syntax: n } = va(), r = O(() => Eo(Tt(xt(e(), t), n))), i = C(!1), a = C(null), { top: o, left: s } = An(a), { toLocal: c } = bo(), l = O(() => c({
+function jo(e) {
+	let t = v(rr, []), { syntax: n } = Sa(), r = O(() => Ao(Tt(xt(e(), t), n))), i = C(!1), a = C(null), { top: o, left: s } = Nn(a), { toLocal: c } = wo(), l = O(() => c({
 		top: o.value - 8,
 		left: s.value
 	}));
@@ -3743,14 +3902,14 @@ function Do(e) {
 }
 //#endregion
 //#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
-var Oo = ["innerHTML"], ko = /* @__PURE__ */ B({
+var Mo = ["innerHTML"], No = /* @__PURE__ */ B({
 	__name: "ParagraphBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./ParagraphEditor-v0_XEL-v.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = Do(() => t.block.content);
+		let t = e, n = E(() => import("./ParagraphEditor-DPCUSXpx.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = jo(() => t.block.content);
 		return (t, l) => (f(), k("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -3769,56 +3928,66 @@ var Oo = ["innerHTML"], ko = /* @__PURE__ */ B({
 			key: 1,
 			class: "tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6",
 			innerHTML: j(o)
-		}, null, 8, Oo))], 544));
+		}, null, 8, Mo))], 544));
 	}
 });
 //#endregion
 //#region src/utils/blockComponentResolver.ts
-function Ao(e, t, n) {
+function Po(e) {
+	let t = { fontFamily: e.fontFamily };
+	return e.textColor && (t.color = e.textColor), e.linkColor && (t["--tpl-doc-link-color"] = e.linkColor), e.linkUnderline && (t["--tpl-doc-link-underline"] = "underline"), t;
+}
+function Fo(e, t, n) {
 	if (t) {
 		let n = t.getComponent(e);
 		if (n) return n;
 	}
 	return n[e.type] ?? null;
 }
-function jo(e) {
+function Io(e) {
 	let { padding: t, backgroundColor: n } = e.styles, r = {
 		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
 		backgroundColor: n || "transparent"
 	};
 	return e.type === "section" && e.borderRadius && e.borderRadius > 0 && (r.borderRadius = `${e.borderRadius}px`), r;
 }
-function Mo(e) {
+function Lo(e) {
 	if (e.type !== "section" || !e.wrapper) return null;
 	let t = e.wrapper, n = {};
 	return t.backgroundColor && (n.backgroundColor = t.backgroundColor), t.padding && (n.padding = `${t.padding.top}px ${t.padding.right}px ${t.padding.bottom}px ${t.padding.left}px`), t.borderRadius && t.borderRadius > 0 && (n.borderRadius = `${t.borderRadius}px`), n;
 }
 //#endregion
 //#region src/components/blocks/BlockWrapper.vue?vue&type=script&setup=true&lang.ts
-var No = ["data-block-id", "data-block-type"], Po = ["aria-label"], Fo = [
+var Ro = [
+	"data-block-id",
+	"data-block-type",
+	"data-tpl-picked"
+], zo = ["aria-label"], Bo = [
 	"aria-label",
 	"aria-pressed",
 	"title"
-], Io = ["aria-label", "title"], Lo = ["aria-label", "title"], Ro = ["aria-label", "title"], zo = {
+], Vo = ["aria-label", "title"], Ho = ["aria-label", "title"], Uo = ["aria-label", "title"], Wo = {
 	key: 1,
 	class: "tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm"
-}, Bo = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, Vo = {
+}, Go = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-chrome-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, Ko = {
 	key: 2,
 	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
-}, Ho = ["aria-label", "title"], Uo = {
+}, qo = ["aria-label", "title"], Jo = {
 	key: 3,
 	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
-}, Wo = ["aria-label"], Go = /*#__PURE__*/ sa(/* @__PURE__ */ B({
+}, Yo = ["aria-label"], Xo = /*#__PURE__*/ da(/* @__PURE__ */ B({
 	__name: "BlockWrapper",
 	props: {
 		block: {},
 		isSelected: { type: Boolean },
 		viewport: {},
-		previewMode: { type: Boolean }
+		previewMode: { type: Boolean },
+		nested: { type: Boolean },
+		picked: { type: Boolean }
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = E(() => import("./BlockIssueBadge-CxMiLo3p.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(mr, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
+		let n = E(() => import("./BlockIssueBadge-DMSd0SIl.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(_r, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
 		async function p() {
 			await m(), l.value?.focus();
 		}
@@ -3844,45 +4013,47 @@ var No = ["data-block-id", "data-block-type"], Po = ["aria-label"], Fo = [
 		let g = O(() => !r.viewport || !r.block.visibility ? !1 : r.block.visibility[r.viewport] === !1), _ = O(() => r.previewMode === !0 && g.value), y = O(() => r.viewport ? {
 			desktop: a.viewport.desktop,
 			mobile: a.viewport.mobile
-		}[r.viewport] ?? r.viewport : ""), b = O(() => !!r.block.displayCondition), x = v(Hn, null), S = v(Un, null), w = v(pr, {}), T = O(() => !!w.savedModules), ee = O(() => w.comments?.getBlockCount(r.block.id) ?? 0), te = O(() => {
-			let e = jo(r.block), t = {
+		}[r.viewport] ?? r.viewport : ""), b = O(() => !!r.block.displayCondition), x = v(Gn, null), S = v(Kn, null), w = v(gr, {}), T = O(() => w.savedBlocks?.isPicking.value === !0), ee = O(() => !r.nested && w.savedBlocks?.isAvailable.value === !0 && w.savedBlocks?.canCreate.value === !0), te = O(() => r.isSelected && !T.value), ne = O(() => w.comments?.getBlockCount(r.block.id) ?? 0), re = O(() => {
+			let e = Io(r.block), t = {
 				padding: e.padding,
 				backgroundColor: e.backgroundColor
 			};
 			return e.borderRadius && (t.borderRadius = e.borderRadius), t;
-		}), ne = O(() => Mo(r.block));
-		function re(e) {
+		}), N = O(() => Lo(r.block));
+		function ie(e) {
 			r.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), i("select"));
 		}
-		function N() {
+		function P() {
 			x?.deleteBlock(r.block.id);
 		}
-		function ie() {
+		function ae() {
 			x?.duplicateBlock(r.block);
 		}
-		function P() {
-			w.savedModules?.openSaveDialog(r.block.id);
+		function oe() {
+			w.savedBlocks?.startPicking(r.block.id);
 		}
-		function ae() {
+		function se() {
 			S?.toggleBlock(r.block.id);
 		}
 		return (t, r) => _.value ? A("", !0) : (f(), k("div", {
 			key: 0,
 			class: F(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
 				"tpl-block--selected": e.isSelected,
-				"tpl-block--idle": !e.isSelected,
+				"tpl-block--picked": e.picked,
+				"tpl-block--idle": !e.isSelected && !e.picked,
 				"tpl-block--lifted": u.value
 			}]),
 			"data-block-id": e.block.id,
 			"data-block-type": e.block.type,
-			onClick: re
+			"data-tpl-picked": e.picked || void 0,
+			onClick: ie
 		}, [
 			V(j(n), { "block-id": e.block.id }, null, 8, ["block-id"]),
-			e.isSelected ? (f(), k("div", {
+			te.value ? (f(), k("div", {
 				key: 0,
 				role: "toolbar",
 				"aria-label": j(a).blockActions.drag,
-				class: "tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]"
+				class: "tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]"
 			}, [
 				I("button", {
 					ref_key: "dragButtonRef",
@@ -3893,97 +4064,97 @@ var No = ["data-block-id", "data-block-type"], Po = ["aria-label"], Fo = [
 					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
 					title: j(a).blockActions.drag,
 					onKeydown: h
-				}, [V(j(Ni), {
+				}, [V(j(Li), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 40, Fo),
+				})], 40, Bo),
 				I("button", {
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.duplicate,
 					title: j(a).blockActions.duplicate,
-					onClick: M(ie, ["stop"])
-				}, [V(j(Di), {
+					onClick: M(ae, ["stop"])
+				}, [V(j(ji), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Io),
-				T.value ? (f(), k("button", {
+				})], 8, Vo),
+				ee.value ? (f(), k("button", {
 					key: 0,
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
-					"aria-label": j(a).blockActions.saveAsModule,
-					title: j(a).blockActions.saveAsModule,
-					onClick: M(P, ["stop"])
-				}, [V(j(gi), {
+					"aria-label": j(a).blockActions.saveAsBlock,
+					title: j(a).blockActions.saveAsBlock,
+					onClick: M(oe, ["stop"])
+				}, [V(j(bi), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Lo)) : A("", !0),
+				})], 8, Ho)) : A("", !0),
 				I("button", {
 					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.delete,
 					title: j(a).blockActions.delete,
-					onClick: M(N, ["stop"])
-				}, [V(j(Zi), {
+					onClick: M(P, ["stop"])
+				}, [V(j(ta), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Ro)
-			], 8, Po)) : A("", !0),
-			g.value ? (f(), k("div", zo, [I("span", Bo, [V(j(Oi), {
+				})], 8, Uo)
+			], 8, zo)) : A("", !0),
+			g.value ? (f(), k("div", Wo, [I("span", Go, [V(j(Mi), {
 				size: 12,
 				"stroke-width": 1.5
 			}), z(" " + D(j(s)(j(a).blockActions.hiddenOnViewport, { viewport: y.value })), 1)])])) : A("", !0),
-			b.value && !g.value ? (f(), k("div", Vo, [I("button", {
-				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
+			b.value && !g.value ? (f(), k("div", Ko, [I("button", {
+				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
 				"aria-label": j(a).blockActions.conditionToggle,
 				title: e.block.displayCondition?.label,
-				onClick: M(ae, ["stop"])
-			}, [V(j(Mi), {
+				onClick: M(se, ["stop"])
+			}, [V(j(Ii), {
 				size: 12,
 				"stroke-width": 2
-			})], 8, Ho)])) : A("", !0),
-			ee.value > 0 && !g.value ? (f(), k("div", Uo, [I("button", {
-				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]",
-				"aria-label": j(s)(j(a).blockActions.comments, { count: String(ee.value) }),
+			})], 8, qo)])) : A("", !0),
+			ne.value > 0 && !g.value ? (f(), k("div", Jo, [I("button", {
+				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-chrome-primary-light)] tpl:text-[var(--tpl-primary)]",
+				"aria-label": j(s)(j(a).blockActions.comments, { count: String(ne.value) }),
 				onClick: r[0] ||= M((t) => j(w).comments?.openForBlock(e.block.id), ["stop"])
-			}, [V(j(Ri), {
+			}, [V(j(Hi), {
 				size: 12,
 				"stroke-width": 2.5
-			}), z(" " + D(ee.value), 1)], 8, Wo)])) : A("", !0),
-			ne.value ? (f(), k("div", {
+			}), z(" " + D(ne.value), 1)], 8, Yo)])) : A("", !0),
+			N.value ? (f(), k("div", {
 				key: 4,
 				class: "tpl-section-wrapper",
-				style: L(ne.value)
+				style: L(N.value)
 			}, [I("div", {
 				class: "tpl-block-content",
-				style: L(te.value)
+				style: L(re.value)
 			}, [o(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (f(), k("div", {
 				key: 5,
 				class: "tpl-block-content",
-				style: L(te.value)
+				style: L(re.value)
 			}, [o(t.$slots, "default", {}, void 0, !0)], 4))
-		], 10, No));
+		], 10, Ro));
 	}
-}), [["__scopeId", "data-v-7d9e7893"]]);
+}), [["__scopeId", "data-v-43c10a08"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
-function Ko(e) {
+function Zo(e) {
 	let t = e.match(/^\s*<p\b[^>]*>([\s\S]*)<\/p>\s*$/);
 	return !t || /<\/p>\s*<p\b/i.test(t[1]) ? e : t[1];
 }
 //#endregion
 //#region src/components/blocks/TitleBlock.vue
-var qo = /* @__PURE__ */ B({
+var Qo = /* @__PURE__ */ B({
 	__name: "TitleBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = E(() => import("./TitleEditor-CS-_MzYs.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = Do(() => t.block.content), l = O(() => {
+		let t = e, n = E(() => import("./TitleEditor-iwd-O9sO.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = jo(() => t.block.content), l = O(() => {
 			let e = {
 				fontSize: `${pe[t.block.level]}px`,
 				textAlign: t.block.textAlign
 			};
 			return t.block.color && (e.color = t.block.color), t.block.fontFamily && (e.fontFamily = t.block.fontFamily), e;
-		}), u = O(() => `h${t.block.level}`), p = O(() => Ko(o.value));
+		}), u = O(() => `h${t.block.level}`), p = O(() => Zo(o.value));
 		return (t, o) => (f(), k("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -4009,16 +4180,16 @@ var qo = /* @__PURE__ */ B({
 });
 //#endregion
 //#region src/utils/sectionColumnDrop.ts
-function Jo(e) {
+function $o(e) {
 	return e.dataset.blockType !== "section" && e.dataset.paletteType !== "section";
 }
 //#endregion
 //#region src/components/blocks/SectionBlock.vue?vue&type=script&setup=true&lang.ts
-var Yo = { class: "tpl:w-full" }, Xo = {
+var es = { class: "tpl:w-full" }, ts = {
 	key: 0,
 	"data-testid": "section-drop-hint",
-	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Zo = /* @__PURE__ */ B({
+	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-chrome-text-dim)]"
+}, ns = /* @__PURE__ */ B({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -4026,13 +4197,22 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 	},
 	setup(e) {
 		let t = {
-			title: qo,
-			paragraph: ko,
-			image: mo,
-			button: oi,
-			divider: Ka,
-			custom: Wa
-		}, n = e, { t: r } = Y(), i = J(Bn, "SectionBlock"), a = v(Un, null), o = v(Jn, null), s = O(() => {
+			title: Qo,
+			paragraph: No,
+			image: vo,
+			button: ui,
+			divider: Xa,
+			custom: Ja
+		}, n = e, { t: r } = Y(), i = J(Un, "SectionBlock"), a = v(Kn, null), o = v(Zn, null), s = v(gr, {});
+		function l(e) {
+			let t = s.savedBlocks;
+			if (t?.isPicking.value) {
+				t.togglePick(n.block.id);
+				return;
+			}
+			i.selectBlock(e);
+		}
+		let u = O(() => {
 			switch (n.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -4044,38 +4224,38 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 				case "2-1": return ["66.67%", "33.33%"];
 				default: return ["100%"];
 			}
-		}), l = O(() => {
-			let e = s.value.length, t = [...n.block.children];
+		}), p = O(() => {
+			let e = u.value.length, t = [...n.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
-		}), u = O(() => n.viewport === "mobile" && n.block.stackOnMobile !== !1);
-		function p(e) {
-			return l.value[e] || [];
+		}), m = O(() => n.viewport === "mobile" && n.block.stackOnMobile !== !1);
+		function g(e) {
+			return p.value[e] || [];
 		}
-		function m(e, t) {
+		function _(e, t) {
 			let r = t.map((e) => JSON.parse(JSON.stringify(e))), a = [...n.block.children];
 			for (; a.length <= e;) a.push([]);
 			a[e] = r, i.updateBlock(n.block.id, { children: a });
 		}
-		function g(e) {
-			return Ao(e, o, t);
+		function y(e) {
+			return Fo(e, o, t);
 		}
-		function _(e, t) {
+		function x(e, t) {
 			e.type === "custom" && i.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (t, n) => (f(), k("div", Yo, [I("div", { class: F(["tpl:flex tpl:gap-0", { "tpl:flex-col": u.value }]) }, [(f(!0), k(R, null, h(l.value, (t, n) => (f(), k("div", {
+		return (t, n) => (f(), k("div", es, [I("div", { class: F(["tpl:flex tpl:gap-0", { "tpl:flex-col": m.value }]) }, [(f(!0), k(R, null, h(p.value, (t, n) => (f(), k("div", {
 			key: n,
-			class: F(["tpl:relative tpl:min-h-[60px] tpl:rounded", p(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
-			style: L({ width: u.value ? "100%" : s.value[n] })
+			class: F(["tpl:relative tpl:min-h-[60px] tpl:rounded", g(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: L({ width: m.value ? "100%" : u.value[n] })
 		}, [V(j(ce), {
-			"model-value": p(n),
+			"model-value": g(n),
 			group: {
 				name: "blocks",
 				pull: !0,
-				put: (e, t, n) => j(Jo)(n)
+				put: (e, t, n) => j($o)(n)
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -4086,19 +4266,20 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			"empty-insert-threshold": 20,
 			"force-fallback": !0,
 			class: "tpl:min-h-[60px]",
-			"onUpdate:modelValue": (e) => m(n, e)
+			"onUpdate:modelValue": (e) => _(n, e)
 		}, {
-			default: b(() => [(f(!0), k(R, null, h(p(n), (t) => c((f(), k("div", { key: t.id }, [V(Go, {
+			default: b(() => [(f(!0), k(R, null, h(g(n), (t) => c((f(), k("div", { key: t.id }, [V(Xo, {
 				block: t,
 				"is-selected": j(i).state.selectedBlockId === t.id,
 				viewport: e.viewport,
 				"preview-mode": j(i).state.previewMode,
-				onSelect: (e) => j(i).selectBlock(t.id)
+				nested: "",
+				onSelect: (e) => l(t.id)
 			}, {
-				default: b(() => [(f(), N(d(g(t)), {
+				default: b(() => [(f(), N(d(y(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => _(t, e),
+					onFetchData: (e) => x(t, e),
 					onUpdate: (e) => j(i).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -4119,13 +4300,13 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), p(n).length === 0 ? (f(), k("div", Xo, [I("span", null, D(j(r).section.dropHere), 1)])) : A("", !0)], 6))), 128))], 2)]));
+		]), g(n).length === 0 ? (f(), k("div", ts, [I("span", null, D(j(r).section.dropHere), 1)])) : A("", !0)], 6))), 128))], 2)]));
 	}
-}), Qo = me, $o = {
+}), rs = me, is = {
 	small: 24,
 	medium: 32,
 	large: 48
-}, es = [
+}, as = [
 	"facebook",
 	"twitter",
 	"instagram",
@@ -4143,11 +4324,11 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 	"github",
 	"dribbble",
 	"behance"
-], ts = [
+], os = [
 	"width",
 	"height",
 	"fill"
-], ns = ["d"], rs = /* @__PURE__ */ B({
+], ss = ["d"], cs = /* @__PURE__ */ B({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -4155,7 +4336,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = O(() => Qo[t.platform]), r = O(() => $o[t.iconSize]), i = O(() => {
+		let t = e, n = O(() => rs[t.platform]), r = O(() => is[t.iconSize]), i = O(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -4199,12 +4380,12 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			viewBox: "0 0 24 24",
 			fill: o.value,
 			xmlns: "http://www.w3.org/2000/svg"
-		}, [I("path", { d: n.value.path }, null, 8, ns)], 8, ts))], 4));
+		}, [I("path", { d: n.value.path }, null, 8, ss)], 8, os))], 4));
 	}
-}), is = { class: "tpl:w-full" }, as = ["href"], os = {
+}), ls = { class: "tpl:w-full" }, us = ["href"], ds = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, ss = /* @__PURE__ */ B({
+}, fs = /* @__PURE__ */ B({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
@@ -4217,7 +4398,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			gap: `${t.block.spacing}px`,
 			justifyContent: t.block.align === "left" ? "flex-start" : t.block.align === "right" ? "flex-end" : "center"
 		})), i = O(() => t.block.icons.length > 0);
-		return (t, a) => (f(), k("div", is, [i.value ? (f(), k("div", {
+		return (t, a) => (f(), k("div", ls, [i.value ? (f(), k("div", {
 			key: 0,
 			style: L(r.value)
 		}, [(f(!0), k(R, null, h(e.block.icons, (t) => (f(), k("a", {
@@ -4225,7 +4406,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			href: t.url || "#",
 			class: "tpl:cursor-default",
 			onClick: a[0] ||= M(() => {}, ["prevent"])
-		}, [V(rs, {
+		}, [V(cs, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -4233,44 +4414,44 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, as))), 128))], 4)) : (f(), k("div", os, [V(j(Ki), { size: 16 }), I("span", null, D(j(n).social.addIcons), 1)]))]));
+		])], 8, us))), 128))], 4)) : (f(), k("div", ds, [V(j(Xi), { size: 16 }), I("span", null, D(j(n).social.addIcons), 1)]))]));
 	}
-}), cs = { class: "tpl:w-full" }, ls = {
+}), ps = { class: "tpl:w-full" }, ms = {
 	key: 0,
 	class: "tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
 	style: {
 		"background-color": "var(--tpl-bg-hover)",
 		color: "var(--tpl-text-dim)"
 	}
-}, us = /* @__PURE__ */ B({
+}, hs = /* @__PURE__ */ B({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = J(Bn, "SpacerBlock"), r = O(() => ({
+		let t = e, n = J(Un, "SpacerBlock"), r = O(() => ({
 			height: `${t.block.height}px`,
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, i) => (f(), k("div", cs, [I("div", {
+		return (t, i) => (f(), k("div", ps, [I("div", {
 			style: L(r.value),
 			class: F(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !j(n).state.previewMode }])
-		}, [j(n).state.previewMode ? A("", !0) : (f(), k("span", ls, D(e.block.height) + "px ", 1))], 6)]));
+		}, [j(n).state.previewMode ? A("", !0) : (f(), k("span", ms, D(e.block.height) + "px ", 1))], 6)]));
 	}
-}), ds = { class: "tpl:w-full" }, fs = { key: 0 }, ps = [
+}), gs = { class: "tpl:w-full" }, _s = { key: 0 }, vs = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], ms = [
+], ys = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], hs = {
+], bs = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, gs = /*#__PURE__*/ sa(/* @__PURE__ */ B({
+}, xs = /*#__PURE__*/ da(/* @__PURE__ */ B({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -4284,7 +4465,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			updated(e, t) {
 				t.value !== t.oldValue && e.getRootNode().activeElement !== e && (e.textContent = t.value ?? "");
 			}
-		}, n = e, { t: r } = Y(), i = J(Bn, "TableBlock"), a = O(() => n.block.rows.length > 0), o = O(() => {
+		}, n = e, { t: r } = Y(), i = J(Un, "TableBlock"), a = O(() => n.block.rows.length > 0), o = O(() => {
 			let e = {
 				width: "100%",
 				borderCollapse: "collapse",
@@ -4315,11 +4496,11 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			} : n);
 			i.updateBlock(n.block.id, { rows: o });
 		}
-		return (e, n) => (f(), k("div", ds, [a.value ? (f(), k("table", {
+		return (e, n) => (f(), k("div", gs, [a.value ? (f(), k("table", {
 			key: 0,
 			style: L(o.value),
 			class: "tpl-table-editable"
-		}, [u.value ? (f(), k("thead", fs, [I("tr", null, [(f(!0), k(R, null, h(u.value.cells, (e) => c((f(), k("th", {
+		}, [u.value ? (f(), k("thead", _s, [I("tr", null, [(f(!0), k(R, null, h(u.value.cells, (e) => c((f(), k("th", {
 			key: e.id,
 			style: L(l.value),
 			"aria-label": j(r).table.cellPlaceholder,
@@ -4328,7 +4509,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			onBlur: (t) => m(u.value.id, e.id, t),
 			onKeydown: n[0] ||= ee(M((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: M(p, ["stop"])
-		}, null, 44, ps)), [[t, e.content]])), 128))])])) : A("", !0), I("tbody", null, [(f(!0), k(R, null, h(d.value, (e) => (f(), k("tr", { key: e.id }, [(f(!0), k(R, null, h(e.cells, (i) => c((f(), k("td", {
+		}, null, 44, vs)), [[t, e.content]])), 128))])])) : A("", !0), I("tbody", null, [(f(!0), k(R, null, h(d.value, (e) => (f(), k("tr", { key: e.id }, [(f(!0), k(R, null, h(e.cells, (i) => c((f(), k("td", {
 			key: i.id,
 			style: L(s.value),
 			"aria-label": j(r).table.cellPlaceholder,
@@ -4337,9 +4518,9 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 			onBlur: (t) => m(e.id, i.id, t),
 			onKeydown: n[1] ||= ee(M((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: M(p, ["stop"])
-		}, null, 44, ms)), [[t, i.content]])), 128))]))), 128))])], 4)) : (f(), k("div", hs, [V(j(Xi), { size: 16 }), I("span", null, D(j(r).table.empty), 1)]))]));
+		}, null, 44, ys)), [[t, i.content]])), 128))]))), 128))])], 4)) : (f(), k("div", bs, [V(j(ea), { size: 16 }), I("span", null, D(j(r).table.empty), 1)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), _s = /* @__PURE__ */ B({
+}), [["__scopeId", "data-v-963ac422"]]), Ss = /* @__PURE__ */ B({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
@@ -4357,7 +4538,7 @@ var Yo = { class: "tpl:w-full" }, Xo = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function vs(e) {
+function Cs(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -4389,25 +4570,25 @@ function vs(e) {
 		thumbnailUrl: null
 	};
 }
-function ys(e, t) {
-	return t || vs(e).thumbnailUrl;
+function ws(e, t) {
+	return t || Cs(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var bs = ["src", "alt"], xs = {
+var Ts = ["src", "alt"], Es = {
 	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
 	style: { opacity: "0.7" }
-}, Ss = ["href"], Cs = ["src", "alt"], ws = ["src", "alt"], Ts = {
+}, Ds = ["href"], Os = ["src", "alt"], ks = ["src", "alt"], As = {
 	key: 3,
 	class: "tpl:flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
-}, Es = /* @__PURE__ */ B({
+}, js = /* @__PURE__ */ B({
 	__name: "VideoBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = Y(), { syntax: r } = va(), i = O(() => St(t.block.url, r) || St(t.block.thumbnailUrl, r)), a = Tr(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = Tr(() => i.value ? t.block.placeholderUrl : void 0), s = O(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : ys(t.block.url)), c = O(() => ({ textAlign: t.block.align })), l = O(() => {
+		let t = e, { t: n } = Y(), { syntax: r } = Sa(), i = O(() => St(t.block.url, r) || St(t.block.thumbnailUrl, r)), a = Or(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = Or(() => i.value ? t.block.placeholderUrl : void 0), s = O(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : ws(t.block.url)), c = O(() => ({ textAlign: t.block.align })), l = O(() => {
 			let e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -4428,16 +4609,16 @@ var bs = ["src", "alt"], xs = {
 			class: "tpl:w-full tpl:border-0",
 			src: j(o),
 			alt: e.block.alt
-		}, null, 8, bs), V(_s)], 4)) : i.value ? (f(), k("div", {
+		}, null, 8, Ts), V(Ss)], 4)) : i.value ? (f(), k("div", {
 			key: 1,
 			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
 			style: L([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, l.value])
-		}, [V(j(ta), {
+		}, [V(j(aa), {
 			size: 36,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), I("span", xs, [V(ri, { text: u.value }, null, 8, ["text"])])], 4)) : s.value ? (f(), k(R, { key: 2 }, [e.block.url ? (f(), k("a", {
+		}), I("span", Es, [V(si, { text: u.value }, null, 8, ["text"])])], 4)) : s.value ? (f(), k(R, { key: 2 }, [e.block.url ? (f(), k("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
@@ -4449,7 +4630,7 @@ var bs = ["src", "alt"], xs = {
 			class: "tpl:w-full tpl:border-0",
 			src: s.value,
 			alt: e.block.alt
-		}, null, 8, Cs), V(_s, { "hover-effect": "" })], 12, Ss)) : (f(), k("div", {
+		}, null, 8, Os), V(Ss, { "hover-effect": "" })], 12, Ds)) : (f(), k("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
 			style: L(l.value)
@@ -4457,31 +4638,31 @@ var bs = ["src", "alt"], xs = {
 			class: "tpl:w-full tpl:border-0",
 			src: s.value,
 			alt: e.block.alt
-		}, null, 8, ws), V(_s)], 4))], 64)) : (f(), k("div", Ts, [V(j(ta), {
+		}, null, 8, ks), V(Ss)], 4))], 64)) : (f(), k("div", As, [V(j(aa), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
 		}), I("span", null, D(j(n).video.addVideo), 1)]))], 4));
 	}
-}), Ds = {
-	section: Zo,
-	title: qo,
-	paragraph: ko,
-	image: mo,
-	button: oi,
-	divider: Ka,
-	video: Es,
-	social: ss,
-	menu: vo,
-	table: gs,
-	spacer: us,
-	html: Qa,
-	countdown: E(() => import("./CountdownBlock-eGUE7hhw.js").then((e) => e.n))
+}), Ms = {
+	section: ns,
+	title: Qo,
+	paragraph: No,
+	image: vo,
+	button: ui,
+	divider: Xa,
+	video: js,
+	social: fs,
+	menu: So,
+	table: xs,
+	spacer: hs,
+	html: no,
+	countdown: E(() => import("./CountdownBlock-BDnWMAME.js").then((e) => e.n))
 };
-function Os(e) {
+function Ns(e) {
 	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = Y(r);
 	t.setUiTheme(n.uiTheme ?? "auto");
-	let { resolvedTheme: c } = Mr(O(() => t.state.uiTheme)), u = C(n.theme ?? {}), { themeStyles: d } = Pr({
+	let { resolvedTheme: c } = Ir(O(() => t.state.uiTheme)), u = C(n.theme ?? {}), { themeStyles: d } = Rr({
 		themeOverrides: u,
 		resolvedTheme: c,
 		extraStyles: e.themeExtraStyles
@@ -4506,25 +4687,25 @@ function Os(e) {
 	g && (_ = H(f.isNavigating, (e) => {
 		e ? g.pause() : g.resume();
 	}));
-	let v = jr(t, {
+	let v = Fr(t, {
 		t: a,
 		format: o
-	}), y = qr(n.colors);
-	if (y.allowCustomIgnored && Lr.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), y.invalidPresets.length > 0 && Lr.warn(`config.colors.presets skipped invalid entries: ${y.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), y.allowCustom === !1) {
-		let e = Zr(y.presets, n.blockDefaults, n.templateDefaults);
-		e.length > 0 && Lr.warn(`config.colors locks custom colours, but these block/template default colours fall outside colors.presets: ${e.join(", ")}. New blocks start on a colour the palette can't reselect — set blockDefaults / templateDefaults from the same palette.`);
+	}, n.customBlocks ?? []), y = Zr(n.colors);
+	if (y.allowCustomIgnored && Vr.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), y.invalidPresets.length > 0 && Vr.warn(`config.colors.presets skipped invalid entries: ${y.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), y.allowCustom === !1) {
+		let e = ti(y.presets, n.blockDefaults, n.templateDefaults);
+		e.length > 0 && Vr.warn(`config.colors locks custom colours, but these block/template default colours fall outside colors.presets: ${e.join(", ")}. New blocks start on a colour the palette can't reselect — set blockDefaults / templateDefaults from the same palette.`);
 	}
-	let b = Rr();
-	Ur(b, Ds);
+	let b = Hr();
+	qr(b, Ms);
 	let x = /* @__PURE__ */ new Set();
 	function S(e) {
 		for (let t of e) {
-			b.registerCustom(t, Wa);
-			for (let e of $r(t, y)) x.has(e.id) || (x.add(e.id), Lr.warn(e.message));
+			b.registerCustom(t, Ja);
+			for (let e of ri(t, y)) x.has(e.id) || (x.add(e.id), Vr.warn(e.message));
 		}
 	}
 	n.customBlocks?.length && S(n.customBlocks);
-	let w = Rn();
+	let w = Vn();
 	if (s() && l(w.dispose), e.containerEl) {
 		let t = e.containerEl;
 		q(document, "pointerdown", (e) => {
@@ -4533,28 +4714,31 @@ function Os(e) {
 		}, { capture: !0 });
 	}
 	function T(r) {
-		w.isActive() && ti(r, {
+		w.isActive() && ai(r, {
 			history: f,
 			selectBlock: (e) => t.selectBlock(e),
 			getSelectedBlockId: () => t.state.selectedBlockId,
 			removeBlock: (e) => t.removeBlock(e),
 			onSave: n.onSave,
-			onBeforeUndo: e.keyboardOptions?.onBeforeUndo
+			onBeforeUndo: e.keyboardOptions?.onBeforeUndo,
+			isPicking: () => e.capabilities?.savedBlocks?.isPicking.value === !0,
+			onConfirmPick: () => e.capabilities?.savedBlocks?.confirmPicking(),
+			onCancelPick: () => e.capabilities?.savedBlocks?.cancelPicking()
 		});
 	}
 	q(document, "keydown", T);
 	let E = C(null);
-	p(gr, e.editorRoot ?? document), p(_r, E), p(zn, r), p(Bn, t), p(Vn, f), p(Hn, m), p(Un, h), p(Wn, i), p(Gn, d), p(Kn, c), p(qn, n.blockDefaults), p(Jn, b), p(Yn, n.customBlocks ?? []), p(Xn, n.paletteBlocks), p(Zn, Wr(n.htmlBlockPreview)), p(Qn, y), p($n, zr(t.content, b));
+	p(yr, e.editorRoot ?? document), p(br, E), p(Hn, r), p(Un, t), p(Wn, f), p(Gn, m), p(Kn, h), p(qn, i), p(Jn, d), p(Yn, c), p(Xn, n.blockDefaults), p(Zn, b), p(Qn, n.customBlocks ?? []), p($n, n.paletteBlocks), p(er, Jr(n.htmlBlockPreview)), p(tr, y), p(nr, Ur(t.content, b));
 	let ee = _t(n.mergeTags?.syntax);
-	p(er, n.mergeTags?.tags ?? []), p(tr, ee), p(nr, n.mergeTags?.onRequest ?? null), p(rr, n.mergeTags?.autocomplete !== !1), p(ir, Er()), p(ar, n.logicTags?.tags ?? []), p(or, n.logicTags?.pairs ?? []), p(cr, n.logicTags?.onRequest ?? null), p(sr, Dr()), p(lr, n.onRequestMedia ?? null), p(ur, n.resolveImageUrl ? wr(n.resolveImageUrl) : null), p(dr, n.displayConditions?.conditions ?? []), p(fr, n.displayConditions?.allowCustom ?? !1), p(pr, e.capabilities ?? {}), p(mr, v);
-	let D = Or(n.lint) ? null : kr({
+	p(rr, n.mergeTags?.tags ?? []), p(ir, ee), p(ar, n.mergeTags?.onRequest ?? null), p(or, n.mergeTags?.autocomplete !== !1), p(sr, kr()), p(cr, n.logicTags?.tags ?? []), p(lr, n.logicTags?.pairs ?? []), p(dr, n.logicTags?.onRequest ?? null), p(ur, Ar()), p(fr, n.onRequestMedia ?? null), p(pr, n.resolveImageUrl ? Dr(n.resolveImageUrl) : null), p(mr, n.displayConditions?.conditions ?? []), p(hr, n.displayConditions?.allowCustom ?? !1), p(gr, e.capabilities ?? {}), p(_r, v);
+	let D = jr(n.lint) ? null : Mr({
 		content: t.content,
 		options: n.lint ?? {},
 		updateBlock: t.updateBlock,
 		updateSettings: t.updateSettings,
 		removeBlock: t.removeBlock
 	});
-	p(hr, D);
+	p(vr, D);
 	function te() {
 		_?.(), D?.destroy(), g?.destroy(), f.destroy();
 	}
@@ -4578,14 +4762,14 @@ function Os(e) {
 }
 //#endregion
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
-var ks = ["data-tpl-theme"], As = /* @__PURE__ */ B({
+var Ps = ["data-tpl-theme"], Fs = /* @__PURE__ */ B({
 	__name: "TplModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "keydown"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = C(null);
-		ma(i, O(() => n.visible));
-		let a = v(Kn), s = yo();
+		va(i, O(() => n.visible));
+		let a = v(Yn), s = Co();
 		function c(e) {
 			e.key === "Escape" && r("close"), r("keydown", e);
 		}
@@ -4614,11 +4798,11 @@ var ks = ["data-tpl-theme"], As = /* @__PURE__ */ B({
 			}, [I("div", {
 				ref_key: "dialogRef",
 				ref: i
-			}, [o(t.$slots, "default")], 512)], 40, ks)) : A("", !0)]),
+			}, [o(t.$slots, "default")], 512)], 40, Ps)) : A("", !0)]),
 			_: 3
 		})], 8, ["to"])) : A("", !0);
 	}
-}), js = class e {
+}), Is = class e {
 	static DEFAULT_BASE_URL = "https://templatical.com";
 	accessToken = null;
 	expiresAt = null;
@@ -4719,8 +4903,8 @@ var ks = ["data-tpl-theme"], As = /* @__PURE__ */ B({
 		return a.status === 401 && (a = await i(await this.refreshToken())), a;
 	}
 };
-function Ms(e, t) {
-	return e.mode === "direct" ? new js({
+function Ls(e, t) {
+	return e.mode === "direct" ? new Is({
 		url: `${(e.baseUrl ?? "https://templatical.com").replace(/\/$/, "")}/api/v1/auth/token`,
 		baseUrl: e.baseUrl,
 		requestOptions: {
@@ -4734,7 +4918,7 @@ function Ms(e, t) {
 			}
 		},
 		onError: t
-	}) : new js({
+	}) : new Is({
 		url: e.url,
 		baseUrl: e.baseUrl,
 		requestOptions: e.requestOptions,
@@ -4746,16 +4930,16 @@ function Ms(e, t) {
 function Z(e, t) {
 	return e.replace(/\{(\w+)\}/g, (e, n) => encodeURIComponent(t[n] ?? ""));
 }
-var Ns = "/api/v1/projects/{project}/tenants/{tenant}", Q = `${Ns}/templates/{template}`, Ps = `${Q}/ai`, Fs = `${Ns}/media`, Is = `${Fs}/folders`, Ls = `${Ns}/saved-modules`, $ = {
+var Rs = "/api/v1/projects/{project}/tenants/{tenant}", Q = `${Rs}/templates/{template}`, zs = `${Q}/ai`, Bs = `${Rs}/media`, Vs = `${Bs}/folders`, Hs = `${Rs}/saved-modules`, $ = {
 	health: "/api/v1/health",
-	"projects.config": `${Ns}/config`,
-	"broadcasting.auth": `${Ns}/broadcasting/auth`,
-	"templates.store": `${Ns}/templates`,
+	"projects.config": `${Rs}/config`,
+	"broadcasting.auth": `${Rs}/broadcasting/auth`,
+	"templates.store": `${Rs}/templates`,
 	"templates.show": `${Q}`,
 	"templates.update": `${Q}`,
 	"templates.destroy": `${Q}`,
 	"templates.export": `${Q}/export`,
-	"templates.importFromBeefree": `${Ns}/templates/import/from-beefree`,
+	"templates.importFromBeefree": `${Rs}/templates/import/from-beefree`,
 	"templates.sendTestEmail": `${Q}/send-test-email`,
 	"snapshots.index": `${Q}/snapshots`,
 	"snapshots.store": `${Q}/snapshots`,
@@ -4766,31 +4950,31 @@ var Ns = "/api/v1/projects/{project}/tenants/{tenant}", Q = `${Ns}/templates/{te
 	"comments.update": `${Q}/comments/{comment}`,
 	"comments.destroy": `${Q}/comments/{comment}`,
 	"comments.resolve": `${Q}/comments/{comment}/resolve`,
-	"ai.generate": `${Ps}/generate`,
-	"ai.conversationMessages": `${Ps}/conversation-messages`,
-	"ai.suggestions": `${Ps}/suggestions`,
-	"ai.rewriteText": `${Ps}/rewrite-text`,
-	"ai.score": `${Ps}/score`,
-	"ai.fixFinding": `${Ps}/fix-finding`,
-	"ai.generateFromDesign": `${Ps}/generate-from-design`,
-	"media.upload": `${Fs}/upload`,
-	"media.browse": `${Fs}/browse`,
-	"media.delete": `${Fs}/delete`,
-	"media.move": `${Fs}/move`,
-	"media.update": `${Fs}/{media}`,
-	"media.replace": `${Fs}/{media}/replace`,
-	"media.checkUsage": `${Fs}/check-usage`,
-	"media.frequentlyUsed": `${Fs}/frequently-used`,
-	"media.importFromUrl": `${Fs}/import-from-url`,
-	"folders.index": `${Is}`,
-	"folders.store": `${Is}`,
-	"folders.update": `${Is}/{mediaFolder}`,
-	"folders.destroy": `${Is}/{mediaFolder}`,
-	"savedModules.index": `${Ls}`,
-	"savedModules.store": `${Ls}`,
-	"savedModules.update": `${Ls}/{savedModule}`,
-	"savedModules.destroy": `${Ls}/{savedModule}`
-}, Rs = class {
+	"ai.generate": `${zs}/generate`,
+	"ai.conversationMessages": `${zs}/conversation-messages`,
+	"ai.suggestions": `${zs}/suggestions`,
+	"ai.rewriteText": `${zs}/rewrite-text`,
+	"ai.score": `${zs}/score`,
+	"ai.fixFinding": `${zs}/fix-finding`,
+	"ai.generateFromDesign": `${zs}/generate-from-design`,
+	"media.upload": `${Bs}/upload`,
+	"media.browse": `${Bs}/browse`,
+	"media.delete": `${Bs}/delete`,
+	"media.move": `${Bs}/move`,
+	"media.update": `${Bs}/{media}`,
+	"media.replace": `${Bs}/{media}/replace`,
+	"media.checkUsage": `${Bs}/check-usage`,
+	"media.frequentlyUsed": `${Bs}/frequently-used`,
+	"media.importFromUrl": `${Bs}/import-from-url`,
+	"folders.index": `${Vs}`,
+	"folders.store": `${Vs}`,
+	"folders.update": `${Vs}/{mediaFolder}`,
+	"folders.destroy": `${Vs}/{mediaFolder}`,
+	"savedModules.index": `${Hs}`,
+	"savedModules.store": `${Hs}`,
+	"savedModules.update": `${Hs}/{savedModule}`,
+	"savedModules.destroy": `${Hs}/{savedModule}`
+}, Us = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -4948,9 +5132,11 @@ var Ns = "/api/v1/projects/{project}/tenants/{tenant}", Q = `${Ns}/templates/{te
 	async fetchConfig() {
 		return this.request(Z($["projects.config"], this.baseParams));
 	}
-	async listModules(e) {
-		let t = Z($["savedModules.index"], this.baseParams), n = e ? `?search=${encodeURIComponent(e)}` : "";
-		return this.request(`${t}${n}`);
+	async listModules(e, t) {
+		let n = Z($["savedModules.index"], this.baseParams), r = new URLSearchParams();
+		e && r.set("search", e), t && r.set("category", t);
+		let i = r.size > 0 ? `?${r}` : "";
+		return this.request(`${n}${i}`);
 	}
 	async createModule(e) {
 		return this.request(Z($["savedModules.store"], this.baseParams), {
@@ -4976,14 +5162,14 @@ var Ns = "/api/v1/projects/{project}/tenants/{tenant}", Q = `${Ns}/templates/{te
 };
 //#endregion
 //#region ../core/src/cloud/websocket-client.ts
-function zs(e) {
+function Ws(e) {
 	return {
 		host: e.host,
 		port: e.port,
 		appKey: e.app_key
 	};
 }
-var Bs = class {
+var Gs = class {
 	pusher = null;
 	authManager;
 	config;
@@ -5050,7 +5236,7 @@ var Bs = class {
 };
 //#endregion
 //#region ../core/src/cloud/mcp-operation-handler.ts
-function Vs(e, t) {
+function Ks(e, t) {
 	let { operation: n, data: r } = t;
 	switch (n) {
 		case "add_block":
@@ -5078,11 +5264,11 @@ function Vs(e, t) {
 }
 //#endregion
 //#region ../core/src/cloud/editor.ts
-function Hs(e) {
+function qs(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function Us(e) {
-	let t = new Rs(e.authManager), n = S({
+function Js(e) {
+	let t = new Us(e.authManager), n = S({
 		template: null,
 		content: Ge(e.defaultFontFamily, e.templateDefaults),
 		selectedBlockId: null,
@@ -5188,7 +5374,7 @@ function Us(e) {
 		let l;
 		if (r) {
 			let e = o(n.content.blocks, r);
-			if (!e || e.type !== "section" || i < 0 || i >= Hs(e.columns)) return;
+			if (!e || e.type !== "section" || i < 0 || i >= qs(e.columns)) return;
 			e.children[i] = e.children[i] || [], l = e.children[i];
 		} else l = n.content.blocks;
 		let [u] = a.blocks.splice(c, 1);
@@ -5280,11 +5466,11 @@ function Us(e) {
 }
 //#endregion
 //#region ../core/src/cloud/ai-chat.ts
-var Ws = 0;
-function Gs() {
-	return `msg_${Date.now()}_${++Ws}`;
+var Ys = 0;
+function Xs() {
+	return `msg_${Date.now()}_${++Ys}`;
 }
-function Ks(e) {
+function Zs(e) {
 	let { authManager: t, getTemplateId: n, onApply: r, onError: i } = e, a = C([]), o = C(!1), s = C(!1), c = C(null), l = C(null), u = C(null), d = C(null), f = C(null), p = C(null), m = C(!1), h = C([]), g = C(!1);
 	function _(e, t) {
 		let n = a.value.findIndex((t) => t.id === e);
@@ -5378,14 +5564,14 @@ function Ks(e) {
 		let v = n();
 		if (!v) throw Error("Template must be saved before using AI generation");
 		o.value = !0, c.value = null, l.value = null, h.value = [];
-		let y = Gs();
+		let y = Xs();
 		a.value = [...a.value, {
 			id: y,
 			role: "user",
 			content: e,
 			timestamp: Date.now()
 		}];
-		let b = Gs();
+		let b = Xs();
 		a.value = [...a.value, {
 			id: b,
 			role: "assistant",
@@ -5476,7 +5662,7 @@ function Ks(e) {
 }
 //#endregion
 //#region ../core/src/cloud/ai-config.ts
-function qs(e) {
+function Qs(e) {
 	function t(t) {
 		return e !== !1 && e?.[t] !== !1;
 	}
@@ -5487,7 +5673,7 @@ function qs(e) {
 }
 //#endregion
 //#region ../core/src/cloud/template-scoring.ts
-function Js(e) {
+function $s(e) {
 	let { authManager: t, getTemplateId: n } = e, r = C(!1), i = C(null), a = C(null), o = C(null), s = C(""), c = C(null);
 	async function l(e, o) {
 		let s = n();
@@ -5632,7 +5818,7 @@ function Js(e) {
 }
 //#endregion
 //#region ../core/src/cloud/design-reference.ts
-function Ys(e) {
+function ec(e) {
 	let { authManager: t, getTemplateId: n, onApply: r, onError: i } = e, a = C(!1), o = C(null);
 	async function s(e) {
 		let s = n();
@@ -5695,8 +5881,8 @@ function Ys(e) {
 }
 //#endregion
 //#region ../core/src/cloud/comments.ts
-function Xs(e) {
-	let { authManager: t, getTemplateId: n, getSocketId: r, onComment: i, onError: a, hasCommentingFeature: o } = e, s = new Rs(t), c = C([]), l = C(!1), u = C(!1), d = O(() => (o?.() ?? !1) && t.userConfig !== null), f = O(() => {
+function tc(e) {
+	let { authManager: t, getTemplateId: n, getSocketId: r, onComment: i, onError: a, hasCommentingFeature: o } = e, s = new Us(t), c = C([]), l = C(!1), u = C(!1), d = O(() => (o?.() ?? !1) && t.userConfig !== null), f = O(() => {
 		let e = 0;
 		for (let t of c.value) e += 1 + (t.replies?.length ?? 0);
 		return e;
@@ -5895,17 +6081,17 @@ function Xs(e) {
 }
 //#endregion
 //#region ../core/src/cloud/comment-listener.ts
-function Zs(e) {
+function nc(e) {
 	let { comments: t, channel: n } = e;
 	H(n, (e, n) => {
 		n && n.unbind("comment-broadcast"), e && e.bind("comment-broadcast", (e) => {
-			Qs(t, e);
+			rc(t, e);
 		});
 	}), l(() => {
 		n.value?.unbind("comment-broadcast");
 	});
 }
-function Qs(e, t) {
+function rc(e, t) {
 	switch (t.action) {
 		case "comment_created":
 			e.applyRemoteCreate(t.comment);
@@ -5924,7 +6110,7 @@ function Qs(e, t) {
 }
 //#endregion
 //#region ../core/src/cloud/collaboration.ts
-var $s = [
+var ic = [
 	"pusher:member_added",
 	"pusher:member_removed",
 	"client-block_locked",
@@ -5932,10 +6118,10 @@ var $s = [
 	"client-operation",
 	"mcp-operation"
 ];
-function ec(e) {
-	for (let t of $s) e.unbind(t);
+function ac(e) {
+	for (let t of ic) e.unbind(t);
 }
-var tc = [
+var oc = [
 	"#3b82f6",
 	"#ef4444",
 	"#10b981",
@@ -5947,10 +6133,10 @@ var tc = [
 	"#6366f1",
 	"#14b8a6"
 ];
-function nc(e) {
+function sc(e) {
 	let { authManager: t, editor: n, channel: r } = e, i = C([]), a = C(/* @__PURE__ */ new Map()), o = 0, s = !1, c = O(() => t.userConfig?.id ?? "");
 	function u() {
-		let e = tc[o % tc.length];
+		let e = oc[o % oc.length];
 		return o++, e;
 	}
 	function d(e) {
@@ -5992,7 +6178,7 @@ function nc(e) {
 	function h(e) {
 		s = !0;
 		try {
-			Vs(n, e);
+			Ks(n, e);
 		} finally {
 			s = !1;
 		}
@@ -6012,7 +6198,7 @@ function nc(e) {
 	return H(() => n.state.selectedBlockId, (e, t) => {
 		s || (t && v(t), e && _(e));
 	}), H(r, (t, n) => {
-		if (n && ec(n), !t) {
+		if (n && ac(n), !t) {
 			i.value = [], a.value = /* @__PURE__ */ new Map(), o = 0;
 			return;
 		}
@@ -6044,7 +6230,7 @@ function nc(e) {
 			h(e);
 		});
 	}), l(() => {
-		r.value && ec(r.value);
+		r.value && ac(r.value);
 	}), {
 		collaborators: i,
 		lockedBlocks: a,
@@ -6054,7 +6240,7 @@ function nc(e) {
 }
 //#endregion
 //#region ../core/src/cloud/collaboration-broadcast.ts
-function rc(e, t) {
+function cc(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, a) => {
 		n(e, r, i, a), t._broadcastOperation({
@@ -6109,11 +6295,11 @@ function rc(e, t) {
 }
 //#endregion
 //#region ../core/src/cloud/web-socket.ts
-function ic(e) {
+function lc(e) {
 	let { authManager: t, onError: n } = e, r = C(null), i = C(!1), a = null, o = null;
 	async function s(e, s) {
 		if (a) return;
-		a = new Bs({
+		a = new Gs({
 			authManager: t,
 			config: s,
 			onError: n
@@ -6140,58 +6326,28 @@ function ic(e) {
 	};
 }
 //#endregion
-//#region ../core/src/cloud/saved-modules.ts
-function ac(e) {
-	let t = new Rs(e.authManager), n = C([]), r = C(!1);
-	async function i(i) {
-		r.value = !0;
-		try {
-			n.value = await t.listModules(i);
-		} catch (t) {
-			throw e.onError?.(t), t;
-		} finally {
-			r.value = !1;
-		}
-	}
-	async function a(r, i) {
-		try {
-			let e = await t.createModule({
-				name: r,
-				content: i
-			});
-			return n.value = [e, ...n.value], e;
-		} catch (t) {
-			throw e.onError?.(t), t;
-		}
-	}
-	async function o(r, i) {
-		try {
-			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 s(r) {
-		try {
-			await t.deleteModule(r), n.value = n.value.filter((e) => e.id !== r);
-		} catch (t) {
-			throw e.onError?.(t), t;
-		}
-	}
+//#region ../core/src/cloud/saved-blocks-provider.ts
+function uc(e) {
+	let t = new Us(e);
 	return {
-		modules: n,
-		isLoading: r,
-		loadModules: i,
-		createModule: a,
-		updateModule: o,
-		deleteModule: s
+		list(e) {
+			return t.listModules(e?.search, e?.category);
+		},
+		create(e) {
+			return t.createModule(e);
+		},
+		update(e, n) {
+			return t.updateModule(e, n);
+		},
+		delete(e) {
+			return t.deleteModule(e);
+		}
 	};
 }
 //#endregion
 //#region ../core/src/cloud/snapshots.ts
-function oc(e) {
-	let t = new Rs(e.authManager), n = C([]), r = C(!1), i = C(!1);
+function dc(e) {
+	let t = new Us(e.authManager), n = C([]), r = C(!1), i = C(!1);
 	async function a() {
 		r.value = !0;
 		try {
@@ -6223,8 +6379,8 @@ function oc(e) {
 }
 //#endregion
 //#region ../core/src/cloud/test-email.ts
-function sc(e) {
-	let { authManager: t, getTemplateId: n, save: r, exportHtml: i, onError: a, isAuthReady: o, onBeforeTestEmail: s } = e, c = new Rs(t), l = C(!1), u = C(null), d = C(null);
+function fc(e) {
+	let { authManager: t, getTemplateId: n, save: r, exportHtml: i, onError: a, isAuthReady: o, onBeforeTestEmail: s } = e, c = new Us(t), l = C(!1), u = C(null), d = C(null);
 	o && H(o, (e) => {
 		e && (d.value = t.testEmailConfig);
 	}, { immediate: !0 });
@@ -6260,8 +6416,8 @@ function sc(e) {
 }
 //#endregion
 //#region ../core/src/cloud/export.ts
-function cc(e) {
-	let { authManager: t, getFontsConfig: n, canUseCustomFonts: r } = e, i = new Rs(t);
+function pc(e) {
+	let { authManager: t, getFontsConfig: n, canUseCustomFonts: r } = e, i = new Us(t);
 	function a() {
 		let e = n?.();
 		return {
@@ -6287,8 +6443,8 @@ function cc(e) {
 }
 //#endregion
 //#region ../core/src/cloud/plan-config.ts
-function lc(e) {
-	let { authManager: t, onError: n } = e, r = C(null), i = C(!1), a = new Rs(t), o = O(() => r.value?.features ?? null);
+function mc(e) {
+	let { authManager: t, onError: n } = e, r = C(null), i = C(!1), a = new Us(t), o = O(() => r.value?.features ?? null);
 	function s(e) {
 		return r.value?.features[e] ?? !1;
 	}
@@ -6314,11 +6470,11 @@ function lc(e) {
 }
 //#endregion
 //#region ../core/src/cloud/health-check.ts
-var uc = 5e3;
-function dc(e) {
+var hc = 5e3;
+function gc(e) {
 	return e.authManager ? e.authManager.resolveUrl($.health) : `${(e.baseUrl ?? "https://templatical.com").replace(/\/$/, "")}${$.health}`;
 }
-async function fc(e, t) {
+async function _c(e, t) {
 	let n = performance.now();
 	try {
 		let r = t ? await t.authenticatedFetch($.health, {
@@ -6370,7 +6526,7 @@ async function fc(e, t) {
 		};
 	}
 }
-async function pc(e) {
+async function vc(e) {
 	if (!e?.host || !e?.app_key) return {
 		ok: !1,
 		error: "WebSocket configuration not available"
@@ -6386,7 +6542,7 @@ async function pc(e) {
 				ok: !1,
 				error: "WebSocket connection timed out"
 			});
-		}, uc);
+		}, hc);
 		try {
 			n = new WebSocket(t);
 		} catch (t) {
@@ -6406,8 +6562,8 @@ async function pc(e) {
 		};
 	});
 }
-async function mc(e = {}) {
-	let t = await fc(dc(e), e.authManager), n = await pc(t.wsConfig);
+async function yc(e = {}) {
+	let t = await _c(gc(e), e.authManager), n = await vc(t.wsConfig);
 	return {
 		api: t.api,
 		websocket: n,
@@ -6417,29 +6573,29 @@ async function mc(e = {}) {
 }
 //#endregion
 //#region ../core/src/cloud/mcp-listener.ts
-function hc(e) {
+function bc(e) {
 	let { editor: t, channel: n, onOperation: r } = e;
 	H(n, (e, n) => {
 		n && n.unbind("mcp-operation"), e && e.bind("mcp-operation", (e) => {
-			Vs(t, e), r?.(e);
+			Ks(t, e), r?.(e);
 		});
 	});
 }
 //#endregion
 //#region src/cloud/components/AiChatSidebar.vue?vue&type=script&setup=true&lang.ts
-var gc = {
+var xc = {
 	key: 0,
 	class: "tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, _c = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, vc = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, yc = { class: "tpl:flex tpl:items-center tpl:gap-1" }, bc = ["title"], xc = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, Sc = {
+}, Sc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, Cc = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, wc = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Tc = ["title"], Ec = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, Dc = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, Cc = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, wc = {
+}, Oc = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, kc = {
 	key: 1,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, Tc = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ec = {
+}, Ac = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, jc = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, Dc = {
+}, Mc = {
 	key: 0,
 	class: "tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm",
 	style: {
@@ -6448,10 +6604,10 @@ var gc = {
 		"max-width": "85%",
 		"box-shadow": "var(--tpl-shadow)"
 	}
-}, Oc = {
+}, Nc = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, kc = {
+}, Pc = {
 	key: 1,
 	class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap",
 	style: {
@@ -6460,21 +6616,21 @@ var gc = {
 		color: "var(--tpl-text)",
 		"box-shadow": "var(--tpl-shadow)"
 	}
-}, Ac = {
+}, Fc = {
 	key: 0,
 	class: "tpl:mx-3 tpl:mb-2 tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs",
 	style: {
 		"background-color": "var(--tpl-danger-light)",
 		color: "var(--tpl-danger)"
 	}
-}, jc = {
+}, Ic = {
 	key: 1,
 	class: "tpl:absolute tpl:right-0 tpl:bottom-0 tpl:left-0 tpl:z-10 tpl:px-3 tpl:pb-3",
 	style: {
 		"background-color": "color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            )",
 		"backdrop-filter": "blur(2px)"
 	}
-}, Mc = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, Nc = ["onClick"], Pc = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, Fc = { class: "tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ic = ["placeholder", "disabled"], Lc = ["disabled"], Rc = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, zc = /*@__PURE__*/ B({
+}, Lc = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, Rc = ["onClick"], zc = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, Bc = { class: "tpl-ai-input-wrapper tpl:flex tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Vc = ["placeholder", "disabled"], Hc = ["disabled"], Uc = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Wc = /*@__PURE__*/ B({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
@@ -6482,14 +6638,14 @@ var gc = {
 	},
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = J(Cr, "AiChatSidebar"), a = J(Bn, "AiChatSidebar"), o = J(vr, "AiChatSidebar"), s = v(er, []), l = $a(), u = Ks({
+		let n = e, r = t, i = J(Er, "AiChatSidebar"), a = J(Un, "AiChatSidebar"), o = J(Sr, "AiChatSidebar"), s = v(rr, []), l = ro(), u = Zs({
 			authManager: o,
 			getTemplateId: () => a.state.template?.id ?? null,
 			onApply: n.onApply,
 			onError: void 0
-		}), d = C(""), p = C(null), g = C(!1), _ = C(0), { pause: y, resume: x } = un(() => {
+		}), d = C(""), p = C(null), g = C(!1), _ = C(0), { pause: y, resume: x } = pn(() => {
 			_.value < (u.suggestions.value?.length ?? 0) ? _.value++ : y();
-		}, 150, { immediate: !1 }), { start: S } = dn(() => x(), 100, { immediate: !1 });
+		}, 150, { immediate: !1 }), { start: S } = mn(() => x(), 100, { immediate: !1 });
 		H(() => u.suggestions.value?.length ?? 0, (e) => {
 			if (y(), e === 0) {
 				_.value = 0;
@@ -6529,42 +6685,42 @@ var gc = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: b(() => [e.visible ? (f(), k("div", gc, [
-				I("div", _c, [I("div", vc, [V(j(Yi), {
+			default: b(() => [e.visible ? (f(), k("div", xc, [
+				I("div", Sc, [I("div", Cc, [V(j($i), {
 					size: 13,
 					"stroke-width": 2
-				}), I("span", null, D(j(i).aiChat.title), 1)]), I("div", yc, [(j(u).messages.value?.length ?? 0) > 0 ? (f(), k("button", {
+				}), I("span", null, D(j(i).aiChat.title), 1)]), I("div", wc, [(j(u).messages.value?.length ?? 0) > 0 ? (f(), k("button", {
 					key: 0,
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 					title: j(i).aiChat.clear,
 					onClick: n[0] ||= (e) => j(u).clearChat()
-				}, [V(j(Zi), {
+				}, [V(j(ta), {
 					size: 14,
 					"stroke-width": 2
-				})], 8, bc)) : A("", !0), I("button", {
+				})], 8, Tc)) : A("", !0), I("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 					onClick: n[1] ||= (e) => r("close")
-				}, [V(j(na), {
+				}, [V(j(oa), {
 					size: 14,
 					"stroke-width": 2
 				})])])]),
-				I("div", xc, [
+				I("div", Ec, [
 					I("div", {
 						ref_key: "messagesContainer",
 						ref: p,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [j(u).isLoadingHistory.value ? (f(), k("div", Sc, [V(j(Li), {
+					}, [j(u).isLoadingHistory.value ? (f(), k("div", Dc, [V(j(Vi), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), I("p", Cc, D(j(i).aiChat.loadingHistory), 1)])) : (j(u).messages.value?.length ?? 0) === 0 ? (f(), k("div", wc, [V(j(Yi), {
+					}), I("p", Oc, D(j(i).aiChat.loadingHistory), 1)])) : (j(u).messages.value?.length ?? 0) === 0 ? (f(), k("div", kc, [V(j($i), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), I("p", Tc, D(j(i).aiChat.placeholder), 1)])) : (f(), k("div", Ec, [(f(!0), k(R, null, h(j(u).messages.value, (e, t) => (f(), k("div", {
+					}), I("p", Ac, D(j(i).aiChat.placeholder), 1)])) : (f(), k("div", jc, [(f(!0), k(R, null, h(j(u).messages.value, (e, t) => (f(), k("div", {
 						key: e.id,
 						class: "tpl:flex tpl:flex-col tpl:gap-2"
-					}, [e.role === "user" ? (f(), k("div", Dc, D(e.content), 1)) : (f(), k("div", Oc, [!E(e.content) && j(u).isGenerating.value && t === (j(u).messages.value?.length ?? 0) - 1 ? (f(), N(da, { key: 0 })) : (f(), k("div", kc, D(E(e.content) || j(i).aiChat.applied), 1)), e.id === j(u).lastApplyMessageId.value && !j(u).isGenerating.value ? (f(), k("button", {
+					}, [e.role === "user" ? (f(), k("div", Mc, D(e.content), 1)) : (f(), k("div", Nc, [!E(e.content) && j(u).isGenerating.value && t === (j(u).messages.value?.length ?? 0) - 1 ? (f(), N(ha, { key: 0 })) : (f(), k("div", Pc, D(E(e.content) || j(i).aiChat.applied), 1)), e.id === j(u).lastApplyMessageId.value && !j(u).isGenerating.value ? (f(), k("button", {
 						key: 2,
 						class: "tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
@@ -6573,19 +6729,19 @@ var gc = {
 							"background-color": "transparent"
 						},
 						onClick: n[2] ||= (e) => j(u).toggleLastRevert()
-					}, [j(u).isLastChangeReverted.value ? (f(), k(R, { key: 0 }, [V(j(Hi), {
+					}, [j(u).isLastChangeReverted.value ? (f(), k(R, { key: 0 }, [V(j(Ki), {
 						size: 12,
 						"stroke-width": 2
-					}), z(" " + D(j(i).aiChat.reapply), 1)], 64)) : (f(), k(R, { key: 1 }, [V(j($i), {
+					}), z(" " + D(j(i).aiChat.reapply), 1)], 64)) : (f(), k(R, { key: 1 }, [V(j(ra), {
 						size: 12,
 						"stroke-width": 2
 					}), z(" " + D(j(i).aiChat.revert), 1)], 64))])) : A("", !0)]))]))), 128))]))], 512),
-					j(u).error.value ? (f(), k("div", Ac, [V(j(Ci), {
+					j(u).error.value ? (f(), k("div", Fc, [V(j(Di), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
 					}), I("span", null, D(j(u).error.value === "ai_apply_failed" ? j(i).aiChat.applyFailed : j(i).aiChat.error), 1)])) : A("", !0),
-					(j(u).suggestions.value?.length ?? 0) > 0 ? (f(), k("div", jc, [I("div", Mc, [(f(!0), k(R, null, h(j(u).suggestions.value ?? [], (e, t) => (f(), k("button", {
+					(j(u).suggestions.value?.length ?? 0) > 0 ? (f(), k("div", Ic, [I("div", Lc, [(f(!0), k(R, null, h(j(u).suggestions.value ?? [], (e, t) => (f(), k("button", {
 						key: t,
 						class: F(["tpl-suggestion-btn tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:leading-snug tpl:transition-all tpl:duration-300 tpl:ease-out", (j(u).suggestions.value?.length ?? 0) - 1 - t < _.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
 						style: {
@@ -6595,104 +6751,104 @@ var gc = {
 							"box-shadow": "var(--tpl-shadow)"
 						},
 						onClick: (t) => ee(e)
-					}, D(e), 11, Nc))), 128))])])) : A("", !0)
+					}, D(e), 11, Rc))), 128))])])) : A("", !0)
 				]),
-				I("div", Pc, [I("div", Fc, [c(I("textarea", {
+				I("div", zc, [I("div", Bc, [c(I("textarea", {
 					"onUpdate:modelValue": n[3] ||= (e) => d.value = e,
 					class: "tpl:max-h-32 tpl:min-h-[64px] tpl:flex-1 tpl:resize-none tpl:border-none tpl:bg-transparent tpl:font-sans tpl:text-sm tpl:outline-none tpl:text-[var(--tpl-text)]",
 					placeholder: j(i).aiChat.inputPlaceholder,
 					disabled: j(u).isGenerating.value,
 					rows: "3",
 					onKeydown: te
-				}, null, 40, Ic), [[ae, d.value]]), I("button", {
+				}, null, 40, Vc), [[ae, d.value]]), I("button", {
 					class: "tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 					disabled: !d.value.trim() || j(u).isGenerating.value,
 					onClick: T
-				}, [V(j(Gi), {
+				}, [V(j(Yi), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Lc)]), I("p", Rc, D(j(i).aiMenu.disclaimer), 1)])
+				})], 8, Hc)]), I("p", Uc, D(j(i).aiMenu.disclaimer), 1)])
 			])) : A("", !0)]),
 			_: 1
 		}));
 	}
-}), Bc = /* @__PURE__ */ e({ default: () => Vc }), Vc = /*#__PURE__*/ sa(zc, [["__scopeId", "data-v-a55e4bff"]]), Hc = 6e4, Uc = 36e5, Wc = 864e5;
-function Gc(e, t, n, r) {
+}), Gc = /* @__PURE__ */ e({ default: () => Kc }), Kc = /*#__PURE__*/ da(Wc, [["__scopeId", "data-v-a55e4bff"]]), qc = 6e4, Jc = 36e5, Yc = 864e5;
+function Xc(e, t, n, r) {
 	let i = new Date(e).getTime();
 	if (Number.isNaN(i)) return null;
 	let a = Date.now() - i;
 	if (a < -6e4) return null;
-	let o = Math.floor(a / Hc), s = Math.floor(a / Uc), c = Math.floor(a / Wc);
+	let o = Math.floor(a / qc), s = Math.floor(a / Jc), c = Math.floor(a / Yc);
 	return o < 1 ? t.justNow : o < 60 ? n ? n(t.minutesAgo, { minutes: o }) : t.minutesAgo.replace("{minutes}", String(o)) : s < 24 ? n ? n(t.hoursAgo, { hours: s }) : t.hoursAgo.replace("{hours}", String(s)) : r !== void 0 && c >= r ? null : n ? n(t.daysAgo, { days: c }) : t.daysAgo.replace("{days}", String(c));
 }
 //#endregion
 //#region src/cloud/components/CommentsSidebar.vue?vue&type=script&setup=true&lang.ts
-var Kc = {
+var Zc = {
 	key: 0,
 	class: "tpl-comments-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, qc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, Jc = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, Yc = {
+}, Qc = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, $c = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, el = {
 	key: 0,
 	class: "tpl:ml-1 tpl:inline-flex tpl:size-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)]"
-}, Xc = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, Zc = { class: "tpl:flex-1 tpl:overflow-y-auto" }, Qc = {
+}, tl = { class: "tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2" }, nl = { class: "tpl:flex-1 tpl:overflow-y-auto" }, rl = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:items-center tpl:justify-center"
-}, $c = {
+}, il = {
 	key: 1,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:px-6 tpl:text-center"
-}, el = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, tl = {
+}, al = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, ol = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-3"
-}, nl = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, rl = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, il = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, al = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ol = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, sl = {
+}, sl = { class: "tpl-comment-card tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-3" }, cl = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, ll = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, ul = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, dl = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, fl = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, cl = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, ll = ["title", "onClick"], ul = ["title", "onClick"], dl = ["title", "onClick"], fl = {
+}, pl = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, ml = ["title", "onClick"], hl = ["title", "onClick"], gl = ["title", "onClick"], _l = {
 	key: 0,
 	class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1 tpl:text-[10px] tpl:text-[var(--tpl-primary)]"
-}, pl = {
+}, vl = {
 	key: 0,
 	class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, ml = ["onClick"], hl = {
+}, yl = ["onClick"], bl = {
 	key: 2,
 	class: "tpl:mt-2"
-}, gl = ["onKeydown"], _l = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, vl = ["disabled", "onClick"], yl = {
+}, xl = ["onKeydown"], Sl = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Cl = ["disabled", "onClick"], wl = {
 	key: 3,
 	class: "tpl:mt-1.5 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, bl = {
+}, Tl = {
 	key: 4,
 	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, xl = { class: "tpl:flex-1" }, Sl = ["onClick"], Cl = {
+}, El = { class: "tpl:flex-1" }, Dl = ["onClick"], Ol = {
 	key: 5,
 	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2"
-}, wl = ["title", "onClick"], Tl = ["onClick"], El = {
+}, kl = ["title", "onClick"], Al = ["onClick"], jl = {
 	key: 0,
 	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Dl = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ol = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, kl = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Al = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, jl = {
+}, Ml = { class: "tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Nl = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, Pl = { class: "tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Fl = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, Il = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:italic tpl:text-[var(--tpl-text-dim)]"
-}, Ml = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, Nl = ["title", "onClick"], Pl = ["title", "onClick"], Fl = {
+}, Ll = { class: "tpl:flex tpl:items-center tpl:gap-0.5" }, Rl = ["title", "onClick"], zl = ["title", "onClick"], Bl = {
 	key: 0,
 	class: "tpl:mt-1.5"
-}, Il = ["onKeydown"], Ll = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Rl = ["disabled", "onClick"], zl = {
+}, Vl = ["onKeydown"], Hl = { class: "tpl:mt-1.5 tpl:flex tpl:gap-1.5" }, Ul = ["disabled", "onClick"], Wl = {
 	key: 1,
 	class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:whitespace-pre-wrap tpl:text-[var(--tpl-text)]"
-}, Bl = {
+}, Gl = {
 	key: 2,
 	class: "tpl:mt-2 tpl:flex tpl:items-center tpl:gap-2 tpl:rounded-md tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, Vl = { class: "tpl:flex-1" }, Hl = ["onClick"], Ul = {
+}, Kl = { class: "tpl:flex-1" }, ql = ["onClick"], Jl = {
 	key: 0,
 	class: "tpl-comment-replies tpl:ml-5 tpl:pl-3 tpl:pt-2"
-}, Wl = { class: "tpl:flex tpl:items-end tpl:gap-2" }, Gl = ["placeholder", "onKeydown"], Kl = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, ql = ["disabled", "onClick"], Jl = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, Yl = {
+}, Yl = { class: "tpl:flex tpl:items-end tpl:gap-2" }, Xl = ["placeholder", "onKeydown"], Zl = { class: "tpl:flex tpl:shrink-0 tpl:flex-col tpl:gap-1" }, Ql = ["disabled", "onClick"], $l = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, eu = {
 	key: 0,
 	class: "tpl:flex tpl:min-h-[68px] tpl:items-center tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)]"
-}, Xl = {
+}, tu = {
 	key: 1,
 	class: "tpl-comments-input-wrapper tpl:flex tpl:min-h-[68px] tpl:items-end tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:px-3 tpl:py-2 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]"
-}, Zl = ["placeholder", "disabled"], Ql = ["disabled"], $l = /*@__PURE__*/ B({
+}, nu = ["placeholder", "disabled"], ru = ["disabled"], iu = /*@__PURE__*/ B({
 	__name: "CommentsSidebar",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "filterBlock"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, { format: a } = Y(), { t: o } = _a(), s = J(Bn, "CommentsSidebar"), l = J(vr, "CommentsSidebar"), u = J(br, "CommentsSidebar"), d = C("unresolved"), p = C(null), g = C(""), _ = C(null), v = C(""), y = C(null), x = C(""), S = C(/* @__PURE__ */ new Set()), w = C(null), T = C(null), E = O(() => l.userConfig?.id ?? null), ee = O(() => {
+		let r = e, i = n, { format: a } = Y(), { t: o } = xa(), s = J(Un, "CommentsSidebar"), l = J(Sr, "CommentsSidebar"), u = J(wr, "CommentsSidebar"), d = C("unresolved"), p = C(null), g = C(""), _ = C(null), v = C(""), y = C(null), x = C(""), S = C(/* @__PURE__ */ new Set()), w = C(null), T = C(null), E = O(() => l.userConfig?.id ?? null), ee = O(() => {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of s.content.value.blocks) if (e.add(t.id), t.type === "section") for (let n of t.children) for (let t of n) e.add(t.id);
 			return e;
@@ -6760,7 +6916,7 @@ var Kc = {
 			return e.author_identifier === E.value;
 		}
 		function ve(e) {
-			return Gc(e, o.snapshotHistory) ?? e;
+			return Xc(e, o.snapshotHistory) ?? e;
 		}
 		function ye(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), fe());
@@ -6787,22 +6943,22 @@ var Kc = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: b(() => [e.visible ? (f(), k("div", Kc, [
-				I("div", qc, [I("div", Jc, [
-					V(j(Ri), {
+			default: b(() => [e.visible ? (f(), k("div", Zc, [
+				I("div", Qc, [I("div", $c, [
+					V(j(Hi), {
 						size: 13,
 						"stroke-width": 2
 					}),
 					I("span", null, D(j(o).comments.title), 1),
-					j(u).unresolvedCount.value > 0 ? (f(), k("span", Yc, D(j(u).unresolvedCount.value), 1)) : A("", !0)
+					j(u).unresolvedCount.value > 0 ? (f(), k("span", el, D(j(u).unresolvedCount.value), 1)) : A("", !0)
 				]), I("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 					onClick: n[0] ||= (e) => i("close")
-				}, [V(j(na), {
+				}, [V(j(oa), {
 					size: 14,
 					"stroke-width": 2
 				})])]),
-				I("div", Xc, [
+				I("div", tl, [
 					I("button", {
 						class: F(["tpl-comment-filter tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150", d.value === "unresolved" ? "tpl-comment-filter--active" : ""]),
 						onClick: n[1] ||= (e) => M("unresolved")
@@ -6817,156 +6973,156 @@ var Kc = {
 						onClick: n[3] ||= (e) => M("block", j(s).state.selectedBlockId ?? void 0)
 					}, D(j(o).comments.filterBlock), 3)) : A("", !0)
 				]),
-				I("div", Zc, [j(u).isLoading.value ? (f(), k("div", Qc, [V(j(Li), {
+				I("div", nl, [j(u).isLoading.value ? (f(), k("div", rl, [V(j(Vi), {
 					class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 					size: 24,
 					"stroke-width": 2
-				})])) : re.value.length === 0 ? (f(), k("div", $c, [V(j(Ri), {
+				})])) : re.value.length === 0 ? (f(), k("div", il, [V(j(Hi), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), I("p", el, D(d.value === "all" ? j(o).comments.noCommentsHint : j(o).comments.noComments), 1)])) : (f(), k("div", tl, [(f(!0), k(R, null, h(re.value, (e) => (f(), k("div", {
+				}), I("p", al, D(d.value === "all" ? j(o).comments.noCommentsHint : j(o).comments.noComments), 1)])) : (f(), k("div", ol, [(f(!0), k(R, null, h(re.value, (e) => (f(), k("div", {
 					key: e.id,
 					class: "tpl-comment-thread"
 				}, [
-					I("div", nl, [
-						I("div", rl, [I("div", il, [
-							I("span", al, D(_e(e) ? j(o).comments.ownedByYou : e.author_name), 1),
-							I("span", ol, D(ve(e.created_at)), 1),
-							e.updated_at === e.created_at ? A("", !0) : (f(), k("span", sl, " (" + D(j(o).comments.edited) + ") ", 1))
-						]), I("div", cl, [
+					I("div", sl, [
+						I("div", cl, [I("div", ll, [
+							I("span", ul, D(_e(e) ? j(o).comments.ownedByYou : e.author_name), 1),
+							I("span", dl, D(ve(e.created_at)), 1),
+							e.updated_at === e.created_at ? A("", !0) : (f(), k("span", fl, " (" + D(j(o).comments.edited) + ") ", 1))
+						]), I("div", pl, [
 							I("button", {
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: e.resolved_at ? j(o).comments.unresolve : j(o).comments.resolve,
 								onClick: (t) => ge(e.id)
-							}, [V(j(wi), {
+							}, [V(j(Oi), {
 								size: 13,
 								"stroke-width": 2,
 								class: "tpl-resolve-icon",
 								style: L({ color: e.resolved_at ? "var(--tpl-primary)" : void 0 })
-							}, null, 8, ["style"])], 8, ll),
+							}, null, 8, ["style"])], 8, ml),
 							_e(e) ? (f(), k("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: j(o).comments.edit,
 								onClick: (t) => le(e)
-							}, [V(j(Bi), {
+							}, [V(j(Wi), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, ul)) : A("", !0),
+							})], 8, hl)) : A("", !0),
 							_e(e) ? (f(), k("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: j(o).comments.delete,
 								onClick: (t) => ue(e.id)
-							}, [V(j(Zi), {
+							}, [V(j(ta), {
 								size: 12,
 								"stroke-width": 2
-							})], 8, dl)) : A("", !0)
+							})], 8, gl)) : A("", !0)
 						])]),
 						V(ie, { name: "tpl-resolve" }, {
-							default: b(() => [e.resolved_at ? (f(), k("div", fl, [V(j(vi), {
+							default: b(() => [e.resolved_at ? (f(), k("div", _l, [V(j(Si), {
 								size: 10,
 								"stroke-width": 2.5
 							}), I("span", null, D(j(a)(j(o).comments.resolvedBy, { name: e.resolved_by_name ?? "" })), 1)])) : A("", !0)]),
 							_: 2
 						}, 1024),
-						e.block_id && te(e.block_id) ? (f(), k("span", pl, D(j(o).comments.missingBlock), 1)) : e.block_id ? (f(), k("button", {
+						e.block_id && te(e.block_id) ? (f(), k("span", vl, D(j(o).comments.missingBlock), 1)) : e.block_id ? (f(), k("button", {
 							key: 1,
 							class: "tpl:mt-1 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
 							onClick: (t) => j(s).selectBlock(e.block_id ?? "")
-						}, " Block ", 8, ml)) : A("", !0),
-						y.value === e.id ? (f(), k("div", hl, [c(I("textarea", {
+						}, " Block ", 8, yl)) : A("", !0),
+						y.value === e.id ? (f(), k("div", bl, [c(I("textarea", {
 							"onUpdate:modelValue": n[4] ||= (e) => x.value = e,
 							class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 							rows: "3",
 							onKeydown: (t) => xe(t, e.id)
-						}, null, 40, gl), [[ae, x.value]]), I("div", _l, [I("button", {
+						}, null, 40, xl), [[ae, x.value]]), I("div", Sl, [I("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 							disabled: !x.value.trim() || j(u).isSubmitting.value,
 							onClick: (t) => me(e.id)
-						}, D(j(o).comments.save), 9, vl), I("button", {
+						}, D(j(o).comments.save), 9, Cl), I("button", {
 							class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 							onClick: n[5] ||= (e) => B()
-						}, D(j(o).comments.cancel), 1)])])) : (f(), k("p", yl, D(e.body), 1)),
-						w.value === e.id ? (f(), k("div", bl, [
-							I("span", xl, D(j(o).comments.deleteConfirm), 1),
+						}, D(j(o).comments.cancel), 1)])])) : (f(), k("p", wl, D(e.body), 1)),
+						w.value === e.id ? (f(), k("div", Tl, [
+							I("span", El, D(j(o).comments.deleteConfirm), 1),
 							I("button", {
 								class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
 								onClick: (t) => he(e.id)
-							}, D(j(o).comments.delete), 9, Sl),
+							}, D(j(o).comments.delete), 9, Dl),
 							I("button", {
 								class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 								onClick: n[6] ||= (e) => de()
 							}, D(j(o).comments.cancel), 1)
 						])) : A("", !0),
-						y.value !== e.id && w.value !== e.id ? (f(), k("div", Cl, [I("button", {
+						y.value !== e.id && w.value !== e.id ? (f(), k("div", Ol, [I("button", {
 							class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 							title: j(o).comments.reply,
 							onClick: (t) => se(e.id)
-						}, [V(j(Wi), {
+						}, [V(j(Ji), {
 							size: 13,
 							"stroke-width": 2,
 							class: "tpl:text-[var(--tpl-primary)]"
-						})], 8, wl), (e.replies?.length ?? 0) > 0 ? (f(), k("button", {
+						})], 8, kl), (e.replies?.length ?? 0) > 0 ? (f(), k("button", {
 							key: 0,
 							class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:text-[11px] tpl:font-medium tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 							onClick: (t) => oe(e.id)
-						}, [S.value.has(e.id) ? (f(), N(j(Si), {
+						}, [S.value.has(e.id) ? (f(), N(j(Ei), {
 							key: 0,
 							size: 11,
 							"stroke-width": 2
-						})) : (f(), N(j(yi), {
+						})) : (f(), N(j(Ci), {
 							key: 1,
 							size: 11,
 							"stroke-width": 2
-						})), z(" " + D((e.replies?.length ?? 0) === 1 ? j(a)(j(o).comments.replyOne, { count: String(e.replies?.length ?? 0) }) : j(a)(j(o).comments.replyMany, { count: String(e.replies?.length ?? 0) })), 1)], 8, Tl)) : A("", !0)])) : A("", !0)
+						})), z(" " + D((e.replies?.length ?? 0) === 1 ? j(a)(j(o).comments.replyOne, { count: String(e.replies?.length ?? 0) }) : j(a)(j(o).comments.replyMany, { count: String(e.replies?.length ?? 0) })), 1)], 8, Al)) : A("", !0)])) : A("", !0)
 					]),
 					V(ie, { name: "tpl-replies" }, {
-						default: b(() => [S.value.has(e.id) && (e.replies?.length ?? 0) > 0 ? (f(), k("div", El, [(f(!0), k(R, null, h(e.replies, (t, r) => (f(), k("div", {
+						default: b(() => [S.value.has(e.id) && (e.replies?.length ?? 0) > 0 ? (f(), k("div", jl, [(f(!0), k(R, null, h(e.replies, (t, r) => (f(), k("div", {
 							key: t.id,
 							class: F(["tpl-comment-reply-card tpl:relative tpl:rounded-lg tpl:border tpl:px-3.5 tpl:py-2.5", r < (e.replies?.length ?? 0) - 1 ? "tpl:mb-2" : ""])
 						}, [
-							I("div", Dl, [I("div", Ol, [
-								I("span", kl, D(_e(t) ? j(o).comments.ownedByYou : t.author_name), 1),
-								I("span", Al, D(ve(t.created_at)), 1),
-								t.updated_at === t.created_at ? A("", !0) : (f(), k("span", jl, " (" + D(j(o).comments.edited) + ") ", 1))
-							]), I("div", Ml, [_e(t) ? (f(), k("button", {
+							I("div", Ml, [I("div", Nl, [
+								I("span", Pl, D(_e(t) ? j(o).comments.ownedByYou : t.author_name), 1),
+								I("span", Fl, D(ve(t.created_at)), 1),
+								t.updated_at === t.created_at ? A("", !0) : (f(), k("span", Il, " (" + D(j(o).comments.edited) + ") ", 1))
+							]), I("div", Ll, [_e(t) ? (f(), k("button", {
 								key: 0,
 								class: "tpl-comment-action tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: j(o).comments.edit,
 								onClick: (e) => le(t)
-							}, [V(j(Bi), {
+							}, [V(j(Wi), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Nl)) : A("", !0), _e(t) ? (f(), k("button", {
+							})], 8, Rl)) : A("", !0), _e(t) ? (f(), k("button", {
 								key: 1,
 								class: "tpl-comment-action tpl-comment-delete tpl:rounded tpl:p-1 tpl:transition-colors tpl:duration-150",
 								title: j(o).comments.delete,
 								onClick: (e) => ue(t.id)
-							}, [V(j(Zi), {
+							}, [V(j(ta), {
 								size: 11,
 								"stroke-width": 2
-							})], 8, Pl)) : A("", !0)])]),
-							y.value === t.id ? (f(), k("div", Fl, [c(I("textarea", {
+							})], 8, zl)) : A("", !0)])]),
+							y.value === t.id ? (f(), k("div", Bl, [c(I("textarea", {
 								"onUpdate:modelValue": n[7] ||= (e) => x.value = e,
 								class: "tpl:w-full tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 								rows: "2",
 								onKeydown: (e) => xe(e, t.id)
-							}, null, 40, Il), [[ae, x.value]]), I("div", Ll, [I("button", {
+							}, null, 40, Vl), [[ae, x.value]]), I("div", Hl, [I("button", {
 								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 								disabled: !x.value.trim() || j(u).isSubmitting.value,
 								onClick: (e) => me(t.id)
-							}, D(j(o).comments.save), 9, Rl), I("button", {
+							}, D(j(o).comments.save), 9, Ul), I("button", {
 								class: "tpl:rounded-md tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 								onClick: n[8] ||= (e) => B()
-							}, D(j(o).comments.cancel), 1)])])) : (f(), k("p", zl, D(t.body), 1)),
-							w.value === t.id ? (f(), k("div", Bl, [
-								I("span", Vl, D(j(o).comments.deleteConfirm), 1),
+							}, D(j(o).comments.cancel), 1)])])) : (f(), k("p", Wl, D(t.body), 1)),
+							w.value === t.id ? (f(), k("div", Gl, [
+								I("span", Kl, D(j(o).comments.deleteConfirm), 1),
 								I("button", {
 									class: "tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-medium tpl:bg-[var(--tpl-danger)] tpl:text-[var(--tpl-bg)]",
 									onClick: (e) => he(t.id)
-								}, D(j(o).comments.delete), 9, Hl),
+								}, D(j(o).comments.delete), 9, ql),
 								I("button", {
 									class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 									onClick: n[9] ||= (e) => de()
@@ -6976,30 +7132,30 @@ var Kc = {
 						_: 2
 					}, 1024),
 					V(ie, { name: "tpl-replies" }, {
-						default: b(() => [_.value === e.id ? (f(), k("div", Ul, [I("div", Wl, [c(I("textarea", {
+						default: b(() => [_.value === e.id ? (f(), k("div", Jl, [I("div", Yl, [c(I("textarea", {
 							"onUpdate:modelValue": n[10] ||= (e) => v.value = e,
 							class: "tpl:flex-1 tpl:resize-none tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:font-sans tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 							placeholder: j(o).comments.replyPlaceholder,
 							rows: "2",
 							onKeydown: (t) => be(t, e.id)
-						}, null, 40, Gl), [[ae, v.value]]), I("div", Kl, [I("button", {
+						}, null, 40, Xl), [[ae, v.value]]), I("div", Zl, [I("button", {
 							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 							disabled: !v.value.trim() || j(u).isSubmitting.value,
 							onClick: (t) => pe(e.id)
-						}, [V(j(Gi), {
+						}, [V(j(Yi), {
 							size: 14,
 							"stroke-width": 2
-						})], 8, ql), I("button", {
+						})], 8, Ql), I("button", {
 							class: "tpl:flex tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 							onClick: n[11] ||= (e) => ce()
-						}, [V(j(na), {
+						}, [V(j(oa), {
 							size: 14,
 							"stroke-width": 2
 						})])])])])) : A("", !0)]),
 						_: 2
 					}, 1024)
 				]))), 128))]))]),
-				I("div", Jl, [ne.value ? (f(), k("div", Yl, D(j(o).comments.saveTemplateFirst), 1)) : (f(), k("div", Xl, [c(I("textarea", {
+				I("div", $l, [ne.value ? (f(), k("div", eu, D(j(o).comments.saveTemplateFirst), 1)) : (f(), k("div", tu, [c(I("textarea", {
 					ref_key: "newCommentInput",
 					ref: T,
 					"onUpdate:modelValue": n[12] ||= (e) => g.value = e,
@@ -7008,46 +7164,46 @@ var Kc = {
 					disabled: j(u).isSubmitting.value,
 					rows: "2",
 					onKeydown: ye
-				}, null, 40, Zl), [[ae, g.value]]), I("button", {
+				}, null, 40, nu), [[ae, g.value]]), I("button", {
 					class: "tpl-comments-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 					disabled: !g.value.trim() || j(u).isSubmitting.value,
 					onClick: fe
-				}, [j(u).isSubmitting.value ? (f(), N(j(Li), {
+				}, [j(u).isSubmitting.value ? (f(), N(j(Vi), {
 					key: 0,
 					class: "tpl-spinner",
 					size: 16,
 					"stroke-width": 2
-				})) : (f(), N(j(Gi), {
+				})) : (f(), N(j(Yi), {
 					key: 1,
 					size: 16,
 					"stroke-width": 2
-				}))], 8, Ql)]))])
+				}))], 8, ru)]))])
 			])) : A("", !0)]),
 			_: 1
 		}));
 	}
-}), eu = /* @__PURE__ */ e({ default: () => tu }), tu = /*#__PURE__*/ sa($l, [["__scopeId", "data-v-d204f573"]]), nu = {
+}), au = /* @__PURE__ */ e({ default: () => ou }), ou = /*#__PURE__*/ da(iu, [["__scopeId", "data-v-d204f573"]]), su = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, ru = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, iu = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, au = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, ou = {
+}, cu = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, lu = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, uu = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, du = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, su = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, cu = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, lu = {
+}, fu = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, pu = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, mu = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, uu = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, du = {
+}, hu = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, gu = {
 	key: 0,
 	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, fu = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, pu = ["src", "alt"], mu = {
+}, _u = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, vu = ["src", "alt"], yu = {
 	key: 1,
 	class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
-}, hu = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, gu = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, _u = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, vu = ["accept"], yu = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, bu = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, xu = ["placeholder"], Su = {
+}, bu = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, xu = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Su = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Cu = ["accept"], wu = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, Tu = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Eu = ["placeholder"], Du = {
 	key: 0,
 	class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]"
-}, Cu = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, wu = { class: "tpl:flex tpl:gap-2" }, Tu = {
+}, Ou = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, ku = { class: "tpl:flex tpl:gap-2" }, Au = {
 	key: 1,
 	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, Eu = ["disabled"], Du = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Ou = /*@__PURE__*/ B({
+}, ju = ["disabled"], Mu = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Nu = /*@__PURE__*/ B({
 	__name: "DesignReferenceSidebar",
 	props: {
 		visible: { type: Boolean },
@@ -7055,8 +7211,8 @@ var Kc = {
 	},
 	emits: ["close", "apply"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = _a(), a = J(Bn, "DesignReferenceSidebar"), o = Ys({
-			authManager: J(vr, "DesignReferenceSidebar"),
+		let n = e, r = t, { t: i } = xa(), a = J(Un, "DesignReferenceSidebar"), o = ec({
+			authManager: J(Sr, "DesignReferenceSidebar"),
 			getTemplateId: () => a.state.template?.id ?? null,
 			onApply: (e) => r("apply", e)
 		}), s = C(null), l = C("image"), u = C(null), d = C(""), p = C(null), m = C(!1), h = C(!1), g = O(() => !o.isGenerating.value && u.value !== null);
@@ -7127,17 +7283,17 @@ var Kc = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: b(() => [e.visible ? (f(), k("div", nu, [I("div", ru, [I("div", iu, [V(j(Pi), {
+			default: b(() => [e.visible ? (f(), k("div", su, [I("div", cu, [I("div", lu, [V(j(Ri), {
 				size: 13,
 				"stroke-width": 2
 			}), I("span", null, D(j(i).designReference.title), 1)]), I("button", {
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 				onClick: n[0] ||= (e) => r("close")
-			}, [V(j(na), {
+			}, [V(j(oa), {
 				size: 14,
 				"stroke-width": 2
-			})])]), I("div", au, [j(o).isGenerating.value ? (f(), k("div", ou, [I("div", su, [V(da), I("p", cu, D(j(i).designReference.generating), 1)])])) : (f(), k("div", lu, [
-				I("div", uu, [I("button", {
+			})])]), I("div", uu, [j(o).isGenerating.value ? (f(), k("div", du, [I("div", fu, [V(ha), I("p", pu, D(j(i).designReference.generating), 1)])])) : (f(), k("div", mu, [
+				I("div", hu, [I("button", {
 					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: L({
 						backgroundColor: l.value === "image" ? "var(--tpl-bg)" : "transparent",
@@ -7145,7 +7301,7 @@ var Kc = {
 						boxShadow: l.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: n[1] ||= (e) => _("image")
-				}, [V(j(Ai), {
+				}, [V(j(Pi), {
 					size: 12,
 					"stroke-width": 2
 				}), z(" " + D(j(i).designReference.uploadImage), 1)], 4), I("button", {
@@ -7156,23 +7312,23 @@ var Kc = {
 						boxShadow: l.value === "pdf" ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: n[2] ||= (e) => _("pdf")
-				}, [V(j(ji), {
+				}, [V(j(Fi), {
 					size: 12,
 					"stroke-width": 2
 				}), z(" " + D(j(i).designReference.uploadPdf), 1)], 4)]),
-				I("div", null, [u.value ? (f(), k("div", du, [I("div", fu, [p.value ? (f(), k("img", {
+				I("div", null, [u.value ? (f(), k("div", gu, [I("div", _u, [p.value ? (f(), k("img", {
 					key: 0,
 					src: p.value,
 					alt: u.value.name,
 					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-				}, null, 8, pu)) : (f(), k("div", mu, [V(j(ji), {
+				}, null, 8, vu)) : (f(), k("div", yu, [V(j(Fi), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), I("span", hu, D(u.value.name), 1)])), I("button", {
+				}), I("span", bu, D(u.value.name), 1)])), I("button", {
 					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
 					onClick: x
-				}, [V(j(na), {
+				}, [V(j(oa), {
 					size: 12,
 					"stroke-width": 2
 				})])])])) : (f(), k("div", {
@@ -7187,13 +7343,13 @@ var Kc = {
 					onDragleave: w,
 					onDrop: T
 				}, [
-					V(j(ea), {
+					V(j(ia), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
 					}),
-					I("span", gu, D(j(i).designReference.dropHint), 1),
-					I("span", _u, D(l.value === "image" ? j(i).designReference.acceptedImages : j(i).designReference.acceptedPdf), 1)
+					I("span", xu, D(j(i).designReference.dropHint), 1),
+					I("span", Su, D(l.value === "image" ? j(i).designReference.acceptedImages : j(i).designReference.acceptedPdf), 1)
 				], 36)), I("input", {
 					ref_key: "fileInput",
 					ref: s,
@@ -7201,14 +7357,14 @@ var Kc = {
 					class: "tpl:hidden",
 					accept: l.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
 					onChange: v
-				}, null, 40, vu)]),
-				I("div", yu, [I("label", bu, D(j(i).designReference.promptLabel), 1), c(I("textarea", {
+				}, null, 40, Cu)]),
+				I("div", wu, [I("label", Tu, D(j(i).designReference.promptLabel), 1), c(I("textarea", {
 					"onUpdate:modelValue": n[4] ||= (e) => d.value = e,
 					class: F(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", ["tpl-design-prompt-input"]]),
 					placeholder: j(i).designReference.promptPlaceholder,
 					rows: "3"
-				}, null, 8, xu), [[ae, d.value]])]),
-				m.value ? (f(), k("div", Su, [I("p", Cu, D(j(i).designReference.replaceWarning), 1), I("div", wu, [I("button", {
+				}, null, 8, Eu), [[ae, d.value]])]),
+				m.value ? (f(), k("div", Du, [I("p", Ou, D(j(i).designReference.replaceWarning), 1), I("div", ku, [I("button", {
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs 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: ee
@@ -7216,7 +7372,7 @@ var Kc = {
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					onClick: E
 				}, D(j(i).designReference.replaceConfirm), 1)])])) : A("", !0),
-				j(o).error.value ? (f(), k("div", Tu, [V(j(Ci), {
+				j(o).error.value ? (f(), k("div", Au, [V(j(Di), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
@@ -7226,35 +7382,35 @@ var Kc = {
 					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !g.value,
 					onClick: E
-				}, [V(j(Pi), {
+				}, [V(j(Ri), {
 					size: 16,
 					"stroke-width": 2
-				}), z(" " + D(j(i).designReference.generate), 1)], 8, Eu)),
-				I("p", Du, D(j(i).aiMenu.disclaimer), 1)
+				}), z(" " + D(j(i).designReference.generate), 1)], 8, ju)),
+				I("p", Mu, D(j(i).aiMenu.disclaimer), 1)
 			]))])])) : A("", !0)]),
 			_: 1
 		}));
 	}
-}), ku = /* @__PURE__ */ e({ default: () => Au }), Au = /*#__PURE__*/ sa(Ou, [["__scopeId", "data-v-bdbf8d0d"]]), ju = ["disabled", "title"], Mu = ["title"], Nu = {
+}), Pu = /* @__PURE__ */ e({ default: () => Fu }), Fu = /*#__PURE__*/ da(Nu, [["__scopeId", "data-v-bdbf8d0d"]]), Iu = ["disabled", "title"], Lu = ["title"], Ru = {
 	key: 0,
 	class: "tpl-scale-in tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:w-72 tpl:-translate-x-1/2 tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
 	style: {
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, Pu = { class: "tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]" }, Fu = {
+}, zu = { class: "tpl:border-b tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)] tpl:border-[var(--tpl-border)]" }, Bu = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8"
-}, Iu = {
+}, Vu = {
 	key: 1,
 	class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
-}, Lu = {
+}, Hu = {
 	key: 2,
 	class: "tpl:max-h-64 tpl:overflow-y-auto"
-}, Ru = ["disabled", "onClick"], zu = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, Bu = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Vu = {
+}, Uu = ["disabled", "onClick"], Wu = { class: "tpl:flex tpl:flex-col tpl:gap-0.5" }, Gu = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Ku = {
 	key: 0,
 	class: "tpl:rounded tpl:px-1 tpl:py-0.5 tpl:text-[10px] tpl:font-normal tpl:bg-[var(--tpl-bg-active)] tpl:text-[var(--tpl-text-muted)]"
-}, Hu = ["disabled", "title"], Uu = /*@__PURE__*/ B({
+}, qu = ["disabled", "title"], Ju = /*@__PURE__*/ B({
 	__name: "SnapshotHistory",
 	props: {
 		snapshots: {},
@@ -7263,7 +7419,7 @@ var Kc = {
 	},
 	emits: ["load", "navigate"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { format: i } = Y(), { t: a } = _a(), o = C(!1), s = C(null), c = C(-1);
+		let n = e, r = t, { format: i } = Y(), { t: a } = xa(), o = C(!1), s = C(null), c = C(-1);
 		H(() => n.snapshots.length, () => {
 			c.value = -1;
 		});
@@ -7282,7 +7438,7 @@ var Kc = {
 			t !== -1 && (c.value = t, r("navigate", n.snapshots[t])), o.value = !1;
 		}
 		function _(e) {
-			let t = Gc(e, a.snapshotHistory, i, 7);
+			let t = Xc(e, a.snapshotHistory, i, 7);
 			return t === null ? new Date(e).toLocaleDateString(void 0, {
 				month: "short",
 				day: "numeric",
@@ -7290,7 +7446,7 @@ var Kc = {
 				minute: "2-digit"
 			}) : t;
 		}
-		return yn(s, () => {
+		return Sn(s, () => {
 			o.value = !1;
 		}), (t, n) => (f(), k("div", {
 			ref_key: "dropdownRef",
@@ -7302,34 +7458,34 @@ var Kc = {
 				disabled: !u.value,
 				title: j(a).snapshotHistory.olderSnapshot,
 				onClick: M(p, ["stop"])
-			}, [V(j(bi), {
+			}, [V(j(wi), {
 				size: 14,
 				"stroke-width": 2
-			})], 8, ju),
+			})], 8, Iu),
 			I("button", {
 				class: "tpl:flex tpl:h-7 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-1.5 tpl:transition-colors tpl:duration-150 hover:tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
 				title: j(a).snapshotHistory.tooltip,
 				onClick: M(m, ["stop"])
-			}, [V(j(Ti), {
+			}, [V(j(ki), {
 				size: 16,
 				"stroke-width": 1.5
-			}), V(j(yi), {
+			}), V(j(Ci), {
 				class: F(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-180": o.value }]),
 				size: 10,
 				"stroke-width": 2
-			}, null, 8, ["class"])], 8, Mu),
+			}, null, 8, ["class"])], 8, Lu),
 			V(ie, { name: "tpl-dropdown" }, {
-				default: b(() => [o.value ? (f(), k("div", Nu, [I("div", Pu, D(j(a).snapshotHistory.dropdownTitle), 1), e.isLoading ? (f(), k("div", Fu, [V(j(Li), {
+				default: b(() => [o.value ? (f(), k("div", Ru, [I("div", zu, D(j(a).snapshotHistory.dropdownTitle), 1), e.isLoading ? (f(), k("div", Bu, [V(j(Vi), {
 					class: "tpl:animate-spin tpl:text-[var(--tpl-primary)]",
 					size: 20,
 					"stroke-width": 2
-				})])) : e.snapshots.length === 0 ? (f(), k("div", Iu, D(j(a).snapshotHistory.noSnapshots), 1)) : (f(), k("div", Lu, [(f(!0), k(R, null, h(e.snapshots, (t) => (f(), k("button", {
+				})])) : e.snapshots.length === 0 ? (f(), k("div", Vu, D(j(a).snapshotHistory.noSnapshots), 1)) : (f(), k("div", Hu, [(f(!0), k(R, null, h(e.snapshots, (t) => (f(), k("button", {
 					key: t.id,
 					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-b tpl:border-b-[var(--tpl-border-light)] tpl:border-l-2 tpl:border-l-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-all tpl:duration-150 last:tpl:border-b-0 hover:tpl:border-l-[var(--tpl-primary)] hover:tpl:bg-[var(--tpl-bg-hover)]",
 					style: { "background-color": "transparent" },
 					disabled: e.isRestoring,
 					onClick: (e) => g(t.id)
-				}, [I("div", zu, [I("div", Bu, [I("span", null, D(_(t.created_at)), 1), t.is_autosave ? (f(), k("span", Vu, D(j(a).snapshotHistory.auto), 1)) : A("", !0)])])], 8, Ru))), 128))]))])) : A("", !0)]),
+				}, [I("div", Wu, [I("div", Gu, [I("span", null, D(_(t.created_at)), 1), t.is_autosave ? (f(), k("span", Ku, D(j(a).snapshotHistory.auto), 1)) : A("", !0)])])], 8, Uu))), 128))]))])) : A("", !0)]),
 				_: 1
 			}),
 			I("button", {
@@ -7337,74 +7493,74 @@ var Kc = {
 				disabled: !l.value,
 				title: j(a).snapshotHistory.newerSnapshot,
 				onClick: M(d, ["stop"])
-			}, [V(j(xi), {
+			}, [V(j(Ti), {
 				size: 14,
 				"stroke-width": 2
-			})], 8, Hu)
+			})], 8, qu)
 		], 512));
 	}
-}), Wu = /* @__PURE__ */ e({ default: () => Gu }), Gu = Uu;
+}), Yu = /* @__PURE__ */ e({ default: () => Xu }), Xu = Ju;
 //#endregion
 //#region src/cloud/utils/scoringStyles.ts
-function Ku(e) {
+function Zu(e) {
 	return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
 }
-function qu(e) {
+function Qu(e) {
 	return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
 }
-function Ju(e) {
+function $u(e) {
 	return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
 }
-function Yu(e) {
+function ed(e) {
 	return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
 }
 //#endregion
 //#region src/cloud/components/TemplateScoringPanel.vue?vue&type=script&setup=true&lang.ts
-var Xu = {
+var td = {
 	key: 0,
 	class: "tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, Zu = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, Qu = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, $u = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ed = ["title"], td = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, nd = {
+}, nd = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, rd = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, id = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ad = ["title"], od = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, sd = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, rd = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, id = {
+}, cd = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, ld = {
 	key: 1,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, ad = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, od = {
+}, ud = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, dd = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, sd = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, cd = {
+}, fd = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, pd = {
 	key: 0,
 	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, ld = {
+}, md = {
 	key: 0,
 	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, ud = ["onClick"], dd = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, fd = {
+}, hd = ["onClick"], gd = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, _d = {
 	key: 0,
 	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, pd = {
+}, vd = {
 	key: 0,
 	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
-}, md = {
+}, yd = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, hd = { class: "tpl:flex tpl:items-start tpl:gap-2" }, gd = { class: "tpl:flex-1 tpl:min-w-0" }, _d = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, vd = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, yd = {
+}, bd = { class: "tpl:flex tpl:items-start tpl:gap-2" }, xd = { class: "tpl:flex-1 tpl:min-w-0" }, Sd = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, Cd = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, wd = {
 	key: 0,
 	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
-}, bd = {
+}, Td = {
 	key: 1,
 	class: "tpl:mt-2 tpl:flex tpl:justify-center"
-}, xd = ["disabled", "onClick"], Sd = {
+}, Ed = ["disabled", "onClick"], Dd = {
 	key: 0,
 	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
-}, Cd = {
+}, Od = {
 	key: 3,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, wd = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Td = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Ed = /*@__PURE__*/ B({
+}, kd = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ad = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, jd = /*@__PURE__*/ B({
 	__name: "TemplateScoringPanel",
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = _a(), a = J(Bn, "TemplateScoringPanel"), o = J(Sr, "TemplateScoringPanel"), s = v(er, []), c = C({
+		let n = e, r = t, { t: i } = xa(), a = J(Un, "TemplateScoringPanel"), o = J(Tr, "TemplateScoringPanel"), s = v(rr, []), c = C({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,
@@ -7419,10 +7575,10 @@ var Xu = {
 			"accessibility",
 			"bestPractices"
 		], p = {
-			spam: Ji,
-			readability: ki,
-			accessibility: Yi,
-			bestPractices: ra
+			spam: Qi,
+			readability: Ni,
+			accessibility: $i,
+			bestPractices: sa
 		};
 		function m() {
 			o.score(a.content.value, s);
@@ -7450,50 +7606,50 @@ var Xu = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: b(() => [e.visible ? (f(), k("div", Xu, [I("div", Zu, [I("div", Qu, [V(j(qi), {
+			default: b(() => [e.visible ? (f(), k("div", td, [I("div", nd, [I("div", rd, [V(j(Zi), {
 				size: 13,
 				"stroke-width": 2
-			}), I("span", null, D(j(i).scoring.title), 1)]), I("div", $u, [j(o).scoringResult.value && !j(o).isScoring.value ? (f(), k("button", {
+			}), I("span", null, D(j(i).scoring.title), 1)]), I("div", id, [j(o).scoringResult.value && !j(o).isScoring.value ? (f(), k("button", {
 				key: 0,
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 				title: j(i).scoring.rescore,
 				onClick: n[0] ||= (e) => m()
-			}, [V(j(Ui), {
+			}, [V(j(qi), {
 				size: 14,
 				"stroke-width": 2
-			})], 8, ed)) : A("", !0), I("button", {
+			})], 8, ad)) : A("", !0), I("button", {
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 				onClick: n[1] ||= (e) => r("close")
-			}, [V(j(na), {
+			}, [V(j(oa), {
 				size: 14,
 				"stroke-width": 2
-			})])])]), I("div", td, [j(o).isScoring.value ? (f(), k("div", nd, [I("p", rd, D(j(i).scoring.scoring), 1), V(da, { class: "tpl:w-3/4" })])) : j(o).error.value && !j(o).scoringResult.value ? (f(), k("div", id, [
-				V(j(Ci), {
+			})])])]), I("div", od, [j(o).isScoring.value ? (f(), k("div", sd, [I("p", cd, D(j(i).scoring.scoring), 1), V(ha, { class: "tpl:w-3/4" })])) : j(o).error.value && !j(o).scoringResult.value ? (f(), k("div", ld, [
+				V(j(Di), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-danger)]"
 				}),
-				I("p", ad, D(j(i).scoring.error), 1),
+				I("p", ud, D(j(i).scoring.error), 1),
 				I("button", {
 					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
 					onClick: n[2] ||= (e) => m()
-				}, [V(j(Ui), {
+				}, [V(j(qi), {
 					size: 12,
 					"stroke-width": 2
 				}), z(" " + D(j(i).scoring.rescore), 1)])
-			])) : j(o).scoringResult.value ? (f(), k("div", od, [
+			])) : j(o).scoringResult.value ? (f(), k("div", dd, [
 				I("div", {
 					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
-					style: L({ backgroundColor: j(qu)(j(o).scoringResult.value.score) })
+					style: L({ backgroundColor: j(Qu)(j(o).scoringResult.value.score) })
 				}, [
 					I("span", {
 						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
-						style: L({ color: j(Ku)(j(o).scoringResult.value.score) })
+						style: L({ color: j(Zu)(j(o).scoringResult.value.score) })
 					}, D(j(o).scoringResult.value.score), 5),
-					I("span", sd, D(j(i).scoring.overallScore), 1),
-					_() > 0 ? (f(), k("span", cd, D(_()) + " " + D(j(i).scoring.findings), 1)) : A("", !0)
+					I("span", fd, D(j(i).scoring.overallScore), 1),
+					_() > 0 ? (f(), k("span", pd, D(_()) + " " + D(j(i).scoring.findings), 1)) : A("", !0)
 				], 4),
-				j(o).fixError.value ? (f(), k("div", ld, [V(j(Ci), {
+				j(o).fixError.value ? (f(), k("div", md, [V(j(Di), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
@@ -7508,74 +7664,74 @@ var Xu = {
 					(f(), N(d(p[e]), {
 						size: 14,
 						"stroke-width": 2,
-						style: L({ color: j(Ku)(j(o).scoringResult.value.categories[e].score) })
+						style: L({ color: j(Zu)(j(o).scoringResult.value.categories[e].score) })
 					}, null, 8, ["style"])),
-					I("span", dd, D(j(i).scoring.categories[e]), 1),
+					I("span", gd, D(j(i).scoring.categories[e]), 1),
 					I("span", {
 						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
 						style: L({
-							color: j(Ku)(j(o).scoringResult.value.categories[e].score),
-							backgroundColor: j(qu)(j(o).scoringResult.value.categories[e].score)
+							color: j(Zu)(j(o).scoringResult.value.categories[e].score),
+							backgroundColor: j(Qu)(j(o).scoringResult.value.categories[e].score)
 						})
 					}, D(j(o).scoringResult.value.categories[e].score), 5),
-					j(o).scoringResult.value.categories[e].findings.length > 0 ? (f(), k("span", fd, D(j(o).scoringResult.value.categories[e].findings.length), 1)) : A("", !0),
-					V(j(yi), {
+					j(o).scoringResult.value.categories[e].findings.length > 0 ? (f(), k("span", _d, D(j(o).scoringResult.value.categories[e].findings.length), 1)) : A("", !0),
+					V(j(Ci), {
 						size: 12,
 						"stroke-width": 2,
 						class: F(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", c.value[e] ? "tpl:rotate-0" : "tpl:-rotate-90"])
 					}, null, 8, ["class"])
-				], 8, ud), c.value[e] ? (f(), k("div", pd, [j(o).scoringResult.value.categories[e].findings.length === 0 ? (f(), k("div", md, D(j(i).scoring.noFindings), 1)) : A("", !0), (f(!0), k(R, null, h(j(o).scoringResult.value.categories[e].findings, (e) => (f(), k("div", {
+				], 8, hd), c.value[e] ? (f(), k("div", vd, [j(o).scoringResult.value.categories[e].findings.length === 0 ? (f(), k("div", yd, D(j(i).scoring.noFindings), 1)) : A("", !0), (f(!0), k(R, null, h(j(o).scoringResult.value.categories[e].findings, (e) => (f(), k("div", {
 					key: e.id,
 					class: "tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]"
-				}, [I("div", hd, [(f(), N(d(j(e.severity === "high" ? Ci : e.severity === "medium" ? Qi : Ii)), {
+				}, [I("div", bd, [(f(), N(d(j(e.severity === "high" ? Di : e.severity === "medium" ? na : Bi)), {
 					size: 13,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0",
-					style: L({ color: j(Ju)(e.severity) })
-				}, null, 8, ["style"])), I("div", gd, [
-					I("div", _d, [I("span", {
+					style: L({ color: j($u)(e.severity) })
+				}, null, 8, ["style"])), I("div", xd, [
+					I("div", Sd, [I("span", {
 						class: "tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight",
 						style: L({
-							color: j(Ju)(e.severity),
-							backgroundColor: j(Yu)(e.severity)
+							color: j($u)(e.severity),
+							backgroundColor: j(ed)(e.severity)
 						})
-					}, D(j(i).scoring.severity[e.severity]), 5), I("span", vd, D(e.message), 1)]),
-					e.suggestion ? (f(), k("p", yd, D(e.suggestion), 1)) : A("", !0),
-					e.blockId ? (f(), k("div", bd, [I("button", {
+					}, D(j(i).scoring.severity[e.severity]), 5), I("span", Cd, D(e.message), 1)]),
+					e.suggestion ? (f(), k("p", wd, D(e.suggestion), 1)) : A("", !0),
+					e.blockId ? (f(), k("div", Td, [I("button", {
 						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
 						style: { "background-color": "transparent" },
 						disabled: j(o).fixingFindingId.value !== null,
 						onClick: (t) => g(e)
-					}, [j(o).fixingFindingId.value === e.id ? (f(), N(j(Li), {
+					}, [j(o).fixingFindingId.value === e.id ? (f(), N(j(Vi), {
 						key: 0,
 						class: "tpl-spinner",
 						size: 11,
 						"stroke-width": 2
-					})) : (f(), N(j(Yi), {
+					})) : (f(), N(j($i), {
 						key: 1,
 						size: 11,
 						"stroke-width": 2
-					})), z(" " + D(j(o).fixingFindingId.value === e.id ? j(i).scoring.fixing : j(i).scoring.fix), 1)], 8, xd), j(o).fixError.value ? (f(), k("p", Sd, D(j(o).fixError.value), 1)) : A("", !0)])) : A("", !0)
+					})), z(" " + D(j(o).fixingFindingId.value === e.id ? j(i).scoring.fixing : j(i).scoring.fix), 1)], 8, Ed), j(o).fixError.value ? (f(), k("p", Dd, D(j(o).fixError.value), 1)) : A("", !0)])) : A("", !0)
 				])])]))), 128))])) : A("", !0)])), 64))
-			])) : (f(), k("div", Cd, [V(j(qi), {
+			])) : (f(), k("div", Od, [V(j(Zi), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-dim)]"
-			}), I("p", wd, D(j(i).scoring.emptyState), 1)])), I("p", Td, D(j(i).aiMenu.disclaimer), 1)])])) : A("", !0)]),
+			}), I("p", kd, D(j(i).scoring.emptyState), 1)])), I("p", Ad, D(j(i).aiMenu.disclaimer), 1)])])) : A("", !0)]),
 			_: 1
 		}));
 	}
-}), Dd = /* @__PURE__ */ e({ default: () => Od }), Od = /*#__PURE__*/ sa(Ed, [["__scopeId", "data-v-c23c73d4"]]), kd = ["aria-busy"], Ad = {
+}), Md = /* @__PURE__ */ e({ default: () => Nd }), Nd = /*#__PURE__*/ da(jd, [["__scopeId", "data-v-c23c73d4"]]), Pd = ["aria-busy"], Fd = {
 	id: "tpl-test-email-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, jd = { class: "tpl:mb-3" }, Md = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Nd = ["value"], Pd = ["disabled"], Fd = ["value"], Id = {
+}, Id = { class: "tpl:mb-3" }, Ld = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Rd = ["value"], zd = ["disabled"], Bd = ["value"], Vd = {
 	key: 0,
 	role: "alert",
 	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, Ld = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Rd = ["disabled"], zd = ["disabled"], Bd = {
+}, Hd = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ud = ["disabled"], Wd = ["disabled"], Gd = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, Vd = { key: 1 }, Hd = /*@__PURE__*/ B({
+}, Kd = { key: 1 }, qd = /*@__PURE__*/ B({
 	__name: "TestEmailModal",
 	props: {
 		visible: { type: Boolean },
@@ -7585,7 +7741,7 @@ var Xu = {
 	},
 	emits: ["send", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = _a(), a = C("");
+		let n = e, r = t, { t: i } = xa(), a = C("");
 		H(() => n.visible, (e) => {
 			e && (a.value = n.allowedEmails[0] ?? "");
 		});
@@ -7598,7 +7754,7 @@ var Xu = {
 		function l(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), o()), e.key === "Escape" && s();
 		}
-		return (t, n) => (f(), N(As, {
+		return (t, n) => (f(), N(Fs, {
 			visible: e.visible,
 			onClose: s,
 			onKeydown: l
@@ -7614,14 +7770,14 @@ var Xu = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				I("h3", Ad, D(j(i).testEmail.title), 1),
-				I("div", jd, [I("label", Md, D(j(i).testEmail.recipientLabel), 1), e.allowedEmails.length === 1 ? (f(), k("input", {
+				I("h3", Fd, D(j(i).testEmail.title), 1),
+				I("div", Id, [I("label", Ld, D(j(i).testEmail.recipientLabel), 1), e.allowedEmails.length === 1 ? (f(), k("input", {
 					key: 0,
 					type: "text",
 					value: a.value,
 					disabled: "",
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, Nd)) : c((f(), k("select", {
+				}, null, 8, Rd)) : c((f(), k("select", {
 					key: 1,
 					"onUpdate:modelValue": n[0] ||= (e) => a.value = e,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
@@ -7629,29 +7785,29 @@ var Xu = {
 				}, [(f(!0), k(R, null, h(e.allowedEmails, (e) => (f(), k("option", {
 					key: e,
 					value: e
-				}, D(e), 9, Fd))), 128))], 8, Pd)), [[w, a.value]])]),
-				e.error ? (f(), k("p", Id, D(e.error), 1)) : A("", !0),
-				I("div", Ld, [I("button", {
+				}, D(e), 9, Bd))), 128))], 8, zd)), [[w, a.value]])]),
+				e.error ? (f(), k("p", Vd, D(e.error), 1)) : A("", !0),
+				I("div", Hd, [I("button", {
 					type: "button",
 					class: F(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": e.isSending }]),
 					disabled: e.isSending,
 					onClick: s
-				}, D(j(i).testEmail.cancel), 11, Rd), I("button", {
+				}, D(j(i).testEmail.cancel), 11, Ud), I("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !a.value || e.isSending,
 					onClick: o
-				}, [e.isSending ? (f(), k("span", Bd, [V(j(Li), {
+				}, [e.isSending ? (f(), k("span", Gd, [V(j(Vi), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), z(" " + D(j(i).testEmail.sending), 1)])) : (f(), k("span", Vd, D(j(i).testEmail.send), 1))], 8, zd)])
-			], 8, kd)]),
+				}), z(" " + D(j(i).testEmail.sending), 1)])) : (f(), k("span", Kd, D(j(i).testEmail.send), 1))], 8, Wd)])
+			], 8, Pd)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
-}), Ud = /* @__PURE__ */ e({ default: () => Wd }), Wd = Hd;
+}), Jd = /* @__PURE__ */ e({ default: () => Yd }), Yd = qd;
 //#endregion
-export { Ea as $, ge as $n, Un as $t, Es as A, St as An, Ti as At, ko as B, W as Bn, Gr as Bt, Rs as C, sn as Cn, Ii as Ct, Ms as D, Rt as Dn, Oi as Dt, js as E, dn as En, ki as Et, Zo as F, Ct as Fn, X as Ft, to as G, we as Gn, fr as Gt, yo as H, ye as Hn, Ar as Ht, qo as I, dt as In, oi as It, Ka as J, _e as Jn, Jn as Jt, $a as K, ve as Kn, vr as Kt, Go as L, ut as Ln, Qr as Lt, us as M, bt as Mn, xi as Mt, ss as N, gt as Nn, yi as Nt, As as O, kt as On, Di as Ot, es as P, ht as Pn, vi as Pt, ja as Q, Ee as Qn, br as Qt, jo as R, lt as Rn, Yr as Rt, zs as S, jn as Sn, Li as St, Z as T, un as Tn, Pi as Tt, vo as U, De as Un, Y as Ut, bo as V, Ge as Vn, Lr as Vt, mo as W, be as Wn, yr as Wt, Fa as X, Se as Xn, Cr as Xt, Wa as Y, he as Yn, pr as Yt, Na as Z, Ce as Zn, Qn as Zt, Zs as _, yn as _n, Gi as _t, eu as a, sr as an, _a as at, qs as b, q as bn, zi as bt, mc as c, lr as cn, oa as ct, sc as d, Sr as dn, Qi as dt, Yn as en, xe as er, Ta as et, oc as f, hr as fn, Zi as ft, nc as g, J as gn, Ki as gt, rc as h, Kn as hn, qi as ht, ku as i, Wn as in, ue as ir, ga as it, gs as j, wt as jn, Ci as jt, Os as k, ft as kn, Ei as kt, lc as l, Xn as ln, na as lt, ic as m, zn as mn, Yi as mt, Dd as n, dr as nn, de as nr, ya as nt, Bc as o, ir as on, ma as ot, ac as p, Gn as pn, Xi as pt, Qa as q, Te as qn, qn as qt, Wu as r, Bn as rn, fe as rr, va as rt, hc as s, tr as sn, sa as st, Ud as t, $n as tn, pe as tr, ba as tt, cc as u, xr as un, ea as ut, Xs as v, Dn as vn, Ui as vt, $ as w, on as wn, Fi as wt, Us as x, Pn as xn, Ri as xt, Js as y, On as yn, Bi as yt, Ao as z, ct as zn, Jr as zt };
+export { La as $, we as $n, Xn as $t, Ns as A, ln as An, Mi as At, Po as B, bt as Bn, X as Bt, Ws as C, Sn as Cn, Hi as Ct, Is as D, Ln as Dn, Ri as Dt, Z as E, q as En, zi as Et, as as F, Rt as Fn, Ei as Ft, So as G, ut as Gn, Yr as Gt, No as H, ht as Hn, ni as Ht, ns as I, kt as In, Ti as It, ro as J, W as Jn, Nr as Jt, vo as K, lt as Kn, Vr as Kt, Qo as L, ft as Ln, Ci as Lt, xs as M, mn as Mn, Ai as Mt, hs as N, Ht as Nn, ki as Nt, Ls as O, Pn as On, Li as Ot, fs as P, Bt as Pn, Di as Pt, za as Q, be as Qn, Sr as Qt, Xo as R, St as Rn, Si as Rt, Js as S, J as Sn, Ui as St, $ as T, jn as Tn, Bi as Tt, wo as U, Ct as Un, $r as Ut, Fo as V, gt as Vn, ui as Vt, Co as W, dt as Wn, Qr as Wt, Xa as X, ye as Xn, Cr as Xt, no as Y, Ge as Yn, Y as Yt, Ja as Z, De as Zn, hr as Zt, sc as _, Tr as _n, Zi as _t, au as a, Kn as an, Ce as ar, Sa as at, $s as b, Hn as bn, qi as bt, bc as c, mr as cn, xe as cr, va as ct, pc as d, ur as dn, fe as dr, oa as dt, Zn as en, ve as er, Fa as et, fc as f, sr as fn, ue as fr, ia as ft, cc as g, xr as gn, $i as gt, lc as h, $n as hn, ea as ht, Pu as i, wr as in, Se as ir, Ca as it, js as j, pn as jn, ji as jt, Fs as k, un as kn, Ni as kt, yc as l, Un as ln, pe as lr, da as lt, uc as m, fr as mn, ta as mt, Md as n, Er as nn, _e as nr, ka as nt, Xc as o, Qn as on, Ee as or, ba as ot, dc as p, ir as pn, na as pt, ao as q, ct as qn, Pr as qt, Yu as r, tr as rn, he as rr, wa as rt, Gc as s, nr as sn, ge as sr, xa as st, Jd as t, gr as tn, Te as tr, Aa as tt, mc as u, qn as un, de as ur, ua as ut, nc as v, vr as vn, Xi as vt, Us as w, An as wn, Vi as wt, Qs as x, Yn as xn, Wi as xt, tc as y, Jn as yn, Yi as yt, Io as z, wt as zn, bi as zt };
 
-//# sourceMappingURL=features-CLIZ7Q-Y.js.map
+//# sourceMappingURL=features-pLfGJWIB.js.map