@templatical/editor 0.24.1 → 0.25.0

package/dist/{SaveBlockDialog-CNTSaMEa.js → SaveBlockDialog-B3ngEldp.js}

@@ -1,14 +1,14 @@
 import { A as e, Dt as t, E as n, Et as r, I as i, N as a, O as o, Ot as s, R as c, T as l, Y as u, _ as d, c as f, d as p, h as m, l as h, m as g, nt as _, r as v, s as y, u as b, x, z as S } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import { H as E, P as D, c as O } from "./useEditorCore-Dojb-P2f.js";
-import { F as k, H as A, f as j, h as M } from "./keys-uWpGv4Pq.js";
-import { t as ee } from "./useI18n-DzOcl2wl.js";
+import { H as E, P as D, c as O } from "./useEditorCore-Ck_hBiGA.js";
+import { G as k, R as A, g as j, p as M } from "./keys-BFPiNAIn.js";
+import { t as ee } from "./useI18n-C1KcdX_K.js";
 import { t as te } from "./chevron-down-CZ0m6G3s.js";
 import { t as N } from "./chevron-up-BH_tJLeb.js";
 import { t as P } from "./loader-circle-B6euendB.js";
 import { n as F } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as I } from "./TplModal-BIiS24Of.js";
-import { t as L } from "./BlockPreviewCanvas-Cf-kxbEr.js";
+import { t as I } from "./TplModal-fmYNYdyp.js";
+import { t as L } from "./BlockPreviewCanvas-DAnwZofk.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, V = {
 	key: 0,
@@ -25,7 +25,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 	},
 	emits: ["move"],
 	setup(e, { emit: r }) {
-		let i = e, c = r, { t: d, format: v } = ee(), S = x(j, []), C = x(M, null), O = y(() => F(C?.content.value.settings)), k = u(null), A = u(null), P = u(1), I = u(null), W = u(!1), G = null, K = y(() => I.value !== null && I.value > U), q = y(() => I.value === null ? null : W.value || !K.value ? I.value : U);
+		let i = e, c = r, { t: d, format: v } = ee(), S = x(M, []), C = x(j, null), O = y(() => F(C?.content.value.settings)), k = u(null), A = u(null), P = u(1), I = u(null), W = u(!1), G = null, K = y(() => I.value !== null && I.value > U), q = y(() => I.value === null ? null : W.value || !K.value ? I.value : U);
 		function J() {
 			let e = k.value, t = A.value;
 			if (!e || !t) return;
@@ -121,7 +121,7 @@ var R = ["data-block-id"], z = ["aria-label", "title"], B = { class: "tpl:relati
 	},
 	emits: ["close", "saved"],
 	setup(t, { emit: n }) {
-		let a = t, l = n, { t: d, format: w } = ee(), T = A(M, "SaveBlockDialog"), D = A(k, "SaveBlockDialog"), te = x(j, []), N = u(""), F = u(""), L = u(!1), R = u(null), z = u(""), B = u([]), V = y(() => {
+		let a = t, l = n, { t: d, format: w } = ee(), T = k(j, "SaveBlockDialog"), D = k(A, "SaveBlockDialog"), te = x(M, []), N = u(""), F = u(""), L = u(!1), R = u(null), z = u(""), B = u([]), V = y(() => {
 			let e = new Map(T.content.value.blocks.map((e) => [e.id, e]));
 			return B.value.map((t) => e.get(t)).filter((e) => e !== void 0);
 		}), H = y({

package/dist/{SavedBlocksBrowserModal-CvxS5-YX.js → SavedBlocksBrowserModal-DawN3XaB.js}

@@ -1,13 +1,13 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, g as te, h as d, l as f, nt as p, r as m, s as h, u as g, w as ne, z as _ } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { a as v, c as y, i as b, s as x } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import "./useEditorCore-Dojb-P2f.js";
-import { F as re, H as S, h as ie } from "./keys-uWpGv4Pq.js";
-import { t as ae } from "./useI18n-DzOcl2wl.js";
-import { n as oe, r as C, t as w } from "./blockTypeIcons-C6PnLMp7.js";
+import "./useEditorCore-Ck_hBiGA.js";
+import { G as S, R as re, g as ie } from "./keys-BFPiNAIn.js";
+import { t as ae } from "./useI18n-C1KcdX_K.js";
+import { n as oe, r as C, t as w } from "./blockTypeIcons-C6b9rg88.js";
 import { t as se } from "./pencil-CkKkSd6N.js";
 import { t as ce } from "./trash-2-DDyvqj0E.js";
 import { t as le } from "./x-C4lETLDx.js";
-import { t as ue } from "./TplModal-BIiS24Of.js";
+import { t as ue } from "./TplModal-fmYNYdyp.js";
 import { t as de } from "./formatRelativeTime-CtUU-QZ8.js";
 //#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
@@ -65,7 +65,7 @@ var fe = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(c, { emit: A }) {
-		let et = c, j = A, tt = te(() => import("./BlockPreviewCanvas-Cf-kxbEr.js").then((e) => e.n)), { t: M, format: N } = ae(), P = S(re, "SavedBlocksBrowserModal"), F = S(ie, "SavedBlocksBrowserModal"), I = s(""), L = s(""), R = s(null), z = s(null), B = s(null), V = s(""), H = s(""), U = s(null), W = s("end"), G = h(() => {
+		let et = c, j = A, tt = te(() => import("./BlockPreviewCanvas-DAnwZofk.js").then((e) => e.n)), { t: M, format: N } = ae(), P = S(re, "SavedBlocksBrowserModal"), F = S(ie, "SavedBlocksBrowserModal"), I = s(""), L = s(""), R = s(null), z = s(null), B = s(null), V = s(""), H = s(""), U = s(null), W = s("end"), G = h(() => {
 			let e = I.value.trim().toLowerCase(), t = L.value;
 			return P.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
 		}), K = h(() => P.isLoading.value && P.savedBlocks.value.length === 0), nt = h(() => I.value.trim().length > 0 || L.value !== ""), q = h(() => R.value ? P.savedBlocks.value.find((e) => e.id === R.value) ?? null : null), rt = h(() => {

package/dist/{SavedBlocksPanels-CNdUxS89.js → SavedBlocksPanels-eDC9Y46N.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ t({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(t) {
-		let c = t, l = r(() => import("./SavedBlocksPickBar-BvXKhblL.js")), u = r(() => import("./SaveBlockDialog-CNTSaMEa.js")), d = r(() => import("./SavedBlocksBrowserModal-CvxS5-YX.js"));
+		let c = t, l = r(() => import("./SavedBlocksPickBar-CQbbXmzj.js")), u = r(() => import("./SaveBlockDialog-B3ngEldp.js")), d = r(() => import("./SavedBlocksBrowserModal-DawN3XaB.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/{SavedBlocksPickBar-BvXKhblL.js → SavedBlocksPickBar-CQbbXmzj.js}

@@ -1,6 +1,6 @@
 import { O as e, Ot as t, _ as n, c as r, d as i, h as a, m as o, nt as s } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
-import { R as c } from "./useEditorCore-Dojb-P2f.js";
-import { t as l } from "./useI18n-DzOcl2wl.js";
+import { R as c } from "./useEditorCore-Ck_hBiGA.js";
+import { t as l } from "./useI18n-C1KcdX_K.js";
 import { t as u } from "./x-C4lETLDx.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/{SnapshotHistory-BqPSIV9L.js → SnapshotHistory-COxKtHM-.js}

@@ -1,13 +1,13 @@
 import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import "./useEditorCore-Dojb-P2f.js";
-import { s as _ } from "./usePopoverPosition-Dtr1Mp1x.js";
-import { t as v } from "./useI18n-DzOcl2wl.js";
+import "./useEditorCore-Ck_hBiGA.js";
+import { s as _ } from "./usePopoverPosition-ClnEh_Cp.js";
+import { t as v } from "./useI18n-C1KcdX_K.js";
 import { t as y } from "./createLucideIcon-AEltGIse.js";
 import { t as b } from "./chevron-down-CZ0m6G3s.js";
 import { t as x } from "./clock-BDIJZUET.js";
 import { t as S } from "./loader-circle-B6euendB.js";
-import { n as C } from "./useCloudI18n-BC_QV2Z7.js";
+import { n as C } from "./useCloudI18n-B2lItQ6O.js";
 import { t as w } from "./formatRelativeTime-CtUU-QZ8.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/{TemplateScoringPanel-CMEuz9yF.js → TemplateScoringPanel-bUuqOO1z.js}

@@ -1,6 +1,6 @@
 import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, u as g, x as te } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { t as ne } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import { H as _, I as re, T as ie, h as v } from "./keys-uWpGv4Pq.js";
+import { E as re, G as _, g as ie, z as v } from "./keys-BFPiNAIn.js";
 import { t as y } from "./createLucideIcon-AEltGIse.js";
 import { t as b } from "./chevron-down-CZ0m6G3s.js";
 import { t as x } from "./circle-alert-DkEXnGPV.js";
@@ -13,7 +13,7 @@ import { t as oe } from "./triangle-alert-B3PydLzl.js";
 import { t as se } from "./x-C4lETLDx.js";
 import { t as ce } from "./LoadingTrack-XK_eeUdq.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-BC_QV2Z7.js";
+import { n as le } from "./useCloudI18n-B2lItQ6O.js";
 var O = y("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",
@@ -91,7 +91,7 @@ var P = {
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
 	setup(c, { emit: y }) {
-		let D = c, G = y, { t: K } = le(), q = _(v, "TemplateScoringPanel"), J = _(re, "TemplateScoringPanel"), Y = te(ie, []), X = s({
+		let D = c, G = y, { t: K } = le(), q = _(ie, "TemplateScoringPanel"), J = _(v, "TemplateScoringPanel"), Y = te(re, []), X = s({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,

package/dist/{TestEmailModal-BDhnnCBx.js → TestEmailModal-CytkbZVQ.js}

@@ -1,28 +1,29 @@
-import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as ee, m as d, nt as f, r as te, s as p, u as m, x as h, z as g } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
-import { a as ne, i as re } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import { j as ie } from "./dist-Ba5Q-UX1.js";
-import { O as ae, T as oe, h as se } from "./keys-uWpGv4Pq.js";
-import { t as ce } from "./useI18n-DzOcl2wl.js";
+import { A as e, Et as t, I as n, O as r, Ot as i, R as a, Y as o, _ as s, c, d as l, h as u, l as d, m as f, nt as p, r as m, s as h, u as g, x as _, z as v } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { a as ee, i as te } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
+import { j as ne } from "./dist-CQ0fVBQ3.js";
+import { W as re } from "./useEditorCore-Ck_hBiGA.js";
+import { E as ie, L as ae, g as oe, k as se } from "./keys-BFPiNAIn.js";
+import { t as ce } from "./useI18n-C1KcdX_K.js";
 import { t as le } from "./check-CIhIDh4h.js";
 import { t as ue } from "./loader-circle-B6euendB.js";
-import { n as de, t as fe } from "./MergeTagModeToggle-CiFiSV0C.js";
-import { t as pe } from "./TplModal-BIiS24Of.js";
-import { t as me } from "./BlockPreviewCanvas-Cf-kxbEr.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-BK0fI3P2.js";
+import { t as pe } from "./TplModal-fmYNYdyp.js";
+import { t as me } from "./BlockPreviewCanvas-DAnwZofk.js";
 //#region src/utils/validateEmailShape.ts
-var _ = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
-function v(e) {
+var y = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
+function he(e) {
 	let t = e.trim();
 	if (t.length === 0 || /\s/.test(t)) return !1;
 	let n = t.split("@");
 	if (n.length !== 2) return !1;
 	let [r, i] = n;
-	if (r.length === 0 || _.test(i)) return !1;
+	if (r.length === 0 || y.test(i)) return !1;
 	let a = i.indexOf(".");
 	return a > 0 && a < i.length - 1;
 }
 //#endregion
 //#region src/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
-var y = ["aria-busy"], b = {
+var ge = ["aria-busy"], b = {
 	id: "tpl-test-email-title",
 	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
 }, x = { class: "tpl:mb-3 tpl:shrink-0" }, S = {
@@ -39,19 +40,30 @@ var y = ["aria-busy"], b = {
 	"data-testid": "test-email-preview",
 	class: "tpl:mb-3 tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-sm)] tpl:p-3 tpl:bg-[var(--tpl-canvas-bg)]"
 }, P = {
+	key: 0,
+	role: "status",
+	"aria-busy": "true",
+	"data-testid": "preview-resolution-loading",
+	class: "tpl:flex tpl:flex-col tpl:gap-3"
+}, F = { class: "tpl:sr-only" }, I = {
+	key: 1,
+	role: "status",
+	"data-testid": "preview-resolution-failed",
+	class: "tpl:mb-2 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
+}, L = {
 	key: 0,
 	role: "status",
 	"data-testid": "test-email-success",
 	class: "tpl:mb-3 tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success,var(--tpl-primary))]"
-}, F = {
+}, _e = {
 	key: 1,
 	role: "alert",
 	"data-testid": "test-email-error",
 	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, I = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, L = ["disabled"], he = ["disabled"], R = {
+}, ve = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, ye = ["disabled"], be = ["disabled"], xe = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, ge = { key: 1 }, z = /* @__PURE__ */ s({
+}, Se = { key: 1 }, R = /* @__PURE__ */ s({
 	__name: "TestEmailModal",
 	props: {
 		visible: { type: Boolean },
@@ -62,30 +74,38 @@ var y = ["aria-busy"], b = {
 		error: {}
 	},
 	emits: ["send", "close"],
-	setup(s, { emit: _ }) {
-		let z = s, B = _, { t: V } = ce(), _e = h(se, null), H = o(""), U = o("desktop"), W = h(ae, null), G = o(ie(h(oe, []))), K = p({
-			get: () => W?.value ?? G.value,
+	setup(s, { emit: y }) {
+		let R = s, z = y, { t: B } = ce(), Ce = _(oe, null), V = o(""), H = o("desktop"), we = _(ae, void 0), U = re({
+			resolvePreview: we ?? void 0,
+			getContent: () => Ce?.content.value ?? {
+				blocks: [],
+				settings: {}
+			},
+			isActive: () => R.visible,
+			getRecipient: () => V.value || void 0
+		}), W = _(se, null), G = o(ne(_(ie, []))), K = h({
+			get: () => U.isConfigured ? !1 : W?.value ?? G.value,
 			set: (e) => {
 				W ? W.value = e : G.value = e;
 			}
-		}), ve = p(() => _e?.content.value.blocks ?? []), q = p(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), ye = p(() => z.allowedRecipients?.length === 1);
-		n(() => z.visible, (e) => {
-			e && (H.value = z.defaultRecipient ?? z.allowedRecipients?.[0] ?? "");
+		}), Te = h(() => U.content.value.blocks ?? []), q = h(() => R.allowedRecipients !== void 0 && R.allowedRecipients.length > 0), Ee = h(() => R.allowedRecipients?.length === 1);
+		n(() => R.visible, (e) => {
+			e && (V.value = R.defaultRecipient ?? R.allowedRecipients?.[0] ?? "");
 		}, { immediate: !0 });
-		let J = p(() => q.value ? H.value.length > 0 : v(H.value)), Y = p(() => J.value && !z.isSending && !z.justSent), X = p(() => !q.value && H.value.trim().length > 0 && !J.value), Z = p(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
+		let J = h(() => q.value ? V.value.length > 0 : he(V.value)), Y = h(() => J.value && !R.isSending && !R.justSent), X = h(() => !q.value && V.value.trim().length > 0 && !J.value), Z = h(() => R.error ? R.error.kind === "provider" ? R.error.message : B.testEmail.recipientNotAllowed : null);
 		function Q() {
-			Y.value && B("send", H.value.trim());
+			Y.value && z("send", V.value.trim());
 		}
 		function $() {
-			z.isSending || B("close");
+			R.isSending || z("close");
 		}
-		function be(e) {
+		function De(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (n, o) => (r(), ee(pe, {
+		return (n, o) => (r(), d(pe, {
 			visible: s.visible,
 			onClose: $,
-			onKeydown: be
+			onKeydown: De
 		}, {
 			default: a(() => [c("div", {
 				role: "dialog",
@@ -98,77 +118,88 @@ var y = ["aria-busy"], b = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				c("h3", b, i(f(V).testEmail.title), 1),
+				c("h3", b, i(p(B).testEmail.title), 1),
 				c("div", x, [
-					c("label", S, i(f(V).testEmail.recipientLabel), 1),
-					ye.value ? (r(), l("input", {
+					c("label", S, i(p(B).testEmail.recipientLabel), 1),
+					Ee.value ? (r(), l("input", {
 						key: 0,
 						id: "tpl-test-email-recipient",
 						type: "text",
-						value: H.value,
+						value: V.value,
 						disabled: "",
 						"data-testid": "test-email-recipient",
 						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, C)) : q.value ? g((r(), l("select", {
+					}, null, 8, C)) : q.value ? v((r(), l("select", {
 						key: 1,
 						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": o[0] ||= (e) => H.value = e,
+						"onUpdate:modelValue": o[0] ||= (e) => V.value = e,
 						disabled: s.isSending || s.justSent,
 						"data-testid": "test-email-recipient",
 						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)]"
-					}, [(r(!0), l(te, null, e(s.allowedRecipients, (e) => (r(), l("option", {
+					}, [(r(!0), l(m, null, e(s.allowedRecipients, (e) => (r(), l("option", {
 						key: e,
 						value: e
-					}, i(e), 9, T))), 128))], 8, w)), [[re, H.value]]) : g((r(), l("input", {
+					}, i(e), 9, T))), 128))], 8, w)), [[te, V.value]]) : v((r(), l("input", {
 						key: 2,
 						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": o[1] ||= (e) => H.value = e,
+						"onUpdate:modelValue": o[1] ||= (e) => V.value = e,
 						type: "email",
 						autocomplete: "email",
 						spellcheck: "false",
-						placeholder: f(V).testEmail.recipientPlaceholder,
+						placeholder: p(B).testEmail.recipientPlaceholder,
 						disabled: s.isSending || s.justSent,
 						"data-testid": "test-email-recipient",
 						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)]"
-					}, null, 8, E)), [[ne, H.value]]),
-					X.value ? (r(), l("p", D, i(f(V).testEmail.invalidAddress), 1)) : m("", !0)
+					}, null, 8, E)), [[ee, V.value]]),
+					X.value ? (r(), l("p", D, i(p(B).testEmail.invalidAddress), 1)) : g("", !0)
 				]),
-				c("div", O, [c("div", k, [c("span", A, i(f(V).testEmail.preview), 1), c("div", j, [u(fe, {
+				c("div", O, [c("div", k, [c("span", A, i(p(B).testEmail.preview), 1), c("div", j, [p(U).supersedesSamples.value ? g("", !0) : (r(), d(fe, {
+					key: 0,
 					"sample-mode": K.value,
 					onChange: o[2] ||= (e) => K.value = e
-				}, null, 8, ["sample-mode"]), u(de, {
-					viewport: U.value,
-					onChange: o[3] ||= (e) => U.value = e
-				}, null, 8, ["viewport"])])]), c("p", M, i(K.value ? f(V).testEmail.previewHintSample : f(V).testEmail.previewHint), 1)]),
-				c("div", N, [u(me, {
-					blocks: ve.value,
-					viewport: U.value
-				}, null, 8, ["blocks", "viewport"])]),
-				s.justSent ? (r(), l("p", P, [u(f(le), {
+				}, null, 8, ["sample-mode"])), u(de, {
+					viewport: H.value,
+					onChange: o[3] ||= (e) => H.value = e
+				}, null, 8, ["viewport"])])]), c("p", M, i(p(U).supersedesSamples.value ? p(B).previewResolution.hint : K.value ? p(B).testEmail.previewHintSample : p(B).testEmail.previewHint), 1)]),
+				c("div", N, [p(U).isInitialResolve.value ? (r(), l("div", P, [c("span", F, i(p(B).previewResolution.resolving), 1), (r(), l(m, null, e(3, (e) => c("div", {
+					key: e,
+					"aria-hidden": "true",
+					class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
+				})), 64))])) : p(U).hasFailed.value ? (r(), l("p", I, i(p(B).previewResolution.failed), 1)) : g("", !0), p(U).isInitialResolve.value ? g("", !0) : (r(), d(me, {
+					key: 2,
+					blocks: Te.value,
+					viewport: H.value,
+					"apply-condition-filter": !p(U).isConfigured
+				}, null, 8, [
+					"blocks",
+					"viewport",
+					"apply-condition-filter"
+				]))]),
+				s.justSent ? (r(), l("p", L, [u(p(le), {
 					size: 13,
 					"stroke-width": 2.5
-				}), d(" " + i(f(V).testEmail.success), 1)])) : Z.value ? (r(), l("p", F, i(Z.value), 1)) : m("", !0),
-				c("div", I, [c("button", {
+				}), f(" " + i(p(B).testEmail.success), 1)])) : Z.value ? (r(), l("p", _e, i(Z.value), 1)) : g("", !0),
+				c("div", ve, [c("button", {
 					type: "button",
 					"data-testid": "test-email-cancel",
 					class: t(["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": s.isSending }]),
 					disabled: s.isSending,
 					onClick: $
-				}, i(f(V).testEmail.cancel), 11, L), c("button", {
+				}, i(p(B).testEmail.cancel), 11, ye), c("button", {
 					type: "button",
 					"data-testid": "test-email-send",
 					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: !Y.value,
 					onClick: Q
-				}, [s.isSending ? (r(), l("span", R, [u(f(ue), {
+				}, [s.isSending ? (r(), l("span", xe, [u(p(ue), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + i(f(V).testEmail.sending), 1)])) : (r(), l("span", ge, i(f(V).testEmail.send), 1))], 8, he)])
-			], 8, y)]),
+				}), f(" " + i(p(B).testEmail.sending), 1)])) : (r(), l("span", Se, i(p(B).testEmail.send), 1))], 8, be)])
+			], 8, ge)]),
 			_: 1
 		}, 8, ["visible"]));
 	}
 });
 //#endregion
-export { z as default };
+export { R as default };

package/dist/{TestEmailPanel--RwnwLn2.js → TestEmailPanel-CHUY7VZn.js}

@@ -5,7 +5,7 @@ var o = /* @__PURE__ */ t({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(t) {
-		let o = t, s = n(() => import("./TestEmailModal-BDhnnCBx.js"));
+		let o = t, s = n(() => import("./TestEmailModal-CytkbZVQ.js"));
 		function c(e) {
 			o.feature.send(e);
 		}

package/dist/{TitleEditor-F7E_pU9H.js → TitleEditor-aMR1bOyY.js}

@@ -1,9 +1,9 @@
 import { Dt as e, Et as t, O as n, Ot as r, W as i, _ as a, c as o, d as s, h as c, i as l, l as u, m as d, nt as f, r as p, s as m, u as h, x as g } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
-import { C as ee, S as te } from "./useEditorCore-Dojb-P2f.js";
-import { n as ne } from "./usePopoverPosition-Dtr1Mp1x.js";
-import { B as _, D as v, R as y, w as b } from "./keys-uWpGv4Pq.js";
-import { t as re } from "./useI18n-DzOcl2wl.js";
-import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-CYJko6id.js";
+import { C as ee, S as te } from "./useEditorCore-Ck_hBiGA.js";
+import { n as ne } from "./usePopoverPosition-ClnEh_Cp.js";
+import { O as _, T as v, U as y, V as b } from "./keys-BFPiNAIn.js";
+import { t as re } from "./useI18n-C1KcdX_K.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./RichTextEditorContent-DaaKdzjb.js";
 import { n as x, t as S } from "./scan-line-CRoEOUiK.js";
 import { t as C } from "./loader-circle-B6euendB.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
@@ -24,7 +24,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(a, { emit: P }) {
-		let F = a, I = P, L = g(y, null), R = g(_, null), z = ne(), B = g(v, null), le = g(b, null), V = m(() => (B?.isOpen.value ?? !1) || (le?.isOpen.value ?? !1)), { t: H } = re(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+		let F = a, I = P, L = g(b, null), R = g(y, null), z = ne(), B = g(_, null), le = g(v, null), V = m(() => (B?.isOpen.value ?? !1) || (le?.isOpen.value ?? !1)), { t: H } = re(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
@@ -34,7 +34,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 					import("./dist-CIqhVQ1O.js").then((e) => e.r),
 					import("./dist-Dx71pluS.js"),
 					import("./dist-DX4x6mQ1.js"),
-					import("./extensions-CGxj6-2o.js")
+					import("./extensions-BjvyU9Ea.js")
 				]);
 				return {
 					TiptapEditor: a,

package/dist/{TplModal-BIiS24Of.js → TplModal-fmYNYdyp.js}

@@ -1,8 +1,8 @@
 import { Dt as e, O as t, R as n, Y as r, _ as i, c as a, d as o, h as s, i as c, j as l, l as u, nt as d, s as f, u as p, x as m } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
 import { c as h, t as g } from "./runtime-dom.esm-bundler-CBbDt7sw.js";
-import { O as _ } from "./useEditorCore-Dojb-P2f.js";
-import { n as v } from "./usePopoverPosition-Dtr1Mp1x.js";
-import { B as y, R as b } from "./keys-uWpGv4Pq.js";
+import { O as _ } from "./useEditorCore-Ck_hBiGA.js";
+import { n as v } from "./usePopoverPosition-ClnEh_Cp.js";
+import { U as y, V as b } from "./keys-BFPiNAIn.js";
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["data-tpl-theme"], S = /* @__PURE__ */ i({
 	__name: "TplModal",

package/dist/{blockTypeIcons-C6PnLMp7.js → blockTypeIcons-C6b9rg88.js}

@@ -1,4 +1,4 @@
-import { A as e, L as t, M as n, N as r, j as i } from "./useEditorCore-Dojb-P2f.js";
+import { A as e, L as t, M as n, N as r, j as i } from "./useEditorCore-Ck_hBiGA.js";
 import { t as a } from "./createLucideIcon-AEltGIse.js";
 var o = a("columns-3", [
 	["rect", {

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.24.1",
-  "initialGzipBytes": 290262,
-  "initialRawBytes": 1043317,
+  "version": "0.25.0",
+  "initialGzipBytes": 291288,
+  "initialRawBytes": 1046807,
   "initialFileCount": 41,
-  "lazyGzipBytes": 207790,
-  "lazyRawBytes": 677493,
+  "lazyGzipBytes": 208764,
+  "lazyRawBytes": 680768,
   "lazyFileCount": 54,
-  "generatedAt": "2026-08-05T12:04:39.036Z"
+  "generatedAt": "2026-08-05T21:33:15.982Z"
 }

package/dist/{cdn/chunks/ca-CO4nq6TX.js → ca-8Dvbwo50.js}

@@ -570,6 +570,11 @@ var e = {
 			daysAgo: "fa {days} d"
 		}
 	},
+	previewResolution: {
+		resolving: "S’està resolent la vista prèvia…",
+		failed: "No s’ha pogut resoldre la vista prèvia; es mostra la plantilla sense resoldre.",
+		hint: "La vista prèvia utilitza dades resoltes pel teu backend."
+	},
 	mergeTagPreview: {
 		label: "Vista d’etiquetes de combinació",
 		sample: "Exemple",
@@ -627,5 +632,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=ca-CO4nq6TX.js.map

package/dist/cdn/chunks/{AiChatSidebar-UbF3ePzR.js → AiChatSidebar-bkBKpNgE.js}

@@ -1,11 +1,11 @@
 import { H as e, M as t, O as n, P as r, T as i, V as ee, Z as a, ct as o, g as s, h as c, it as l, m as u, n as d, o as te, ot as ne, p as f, u as p, v as m, x as h, y as g, z as _ } from "./draggable-JcMTNF3U.js";
 import { _ as re, g as ie } from "./dist-lZgXNk4G.js";
-import { H as v, T as ae, c as oe, h as se, r as ce } from "./keys-CswSK7eb.js";
+import { E as ae, G as v, g as oe, i as se, l as ce } from "./keys-BxPCfHBH.js";
 import { B as le, M as y, T as b, c as ue, d as de, it as fe, jt as pe, n as me } from "./icons-Cp4ZIJw-.js";
 import { t as x } from "./LoadingTrack-G2tuXqCJ.js";
 import { t as S } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as C } from "./useAliveFlag-CseYNikC.js";
-import { _ as w } from "./cloud-CRlDc0Ev.js";
+import { _ as w } from "./cloud-DOaGUdR0.js";
 //#region src/cloud/components/AiChatSidebar.vue?vue&type=script&setup=true&lang.ts
 var T = {
 	key: 0,
@@ -62,7 +62,7 @@ var T = {
 	},
 	emits: ["close"],
 	setup(h, { emit: S }) {
-		let B = h, Ce = S, V = v(oe, "AiChatSidebar"), H = v(se, "AiChatSidebar"), we = v(ce, "AiChatSidebar"), U = i(ae, []), W = C(), G = w({
+		let B = h, Ce = S, V = v(ce, "AiChatSidebar"), H = v(oe, "AiChatSidebar"), we = v(se, "AiChatSidebar"), U = i(ae, []), W = C(), G = w({
 			authManager: we,
 			getTemplateId: () => H.state.template?.id ?? null,
 			onApply: B.onApply,
@@ -200,4 +200,4 @@ var T = {
 //#endregion
 export { B as default };
 
-//# sourceMappingURL=AiChatSidebar-UbF3ePzR.js.map
+//# sourceMappingURL=AiChatSidebar-bkBKpNgE.js.map