@templatical/editor 0.39.1 → 0.39.3

package/dist/{MediaPanels-Cc4UkfG1.js → MediaPanels-sapgKtxu.js}

@@ -11,7 +11,7 @@ var o = /* @__PURE__ */ a({
 		popoverTarget: {}
 	},
 	setup(a) {
-		let o = a, s = t(async () => (await import("./editor-modal-OPhP71YO.js")).MediaLibraryModal);
+		let o = a, s = t(async () => (await import("./editor-modal-oD1qNz_P.js")).MediaLibraryModal);
 		function c(e) {
 			o.feature.select(e);
 		}

package/dist/{ParagraphEditor-DkkPSexG.js → ParagraphEditor-D6FRxr8Y.js}

@@ -2,7 +2,7 @@ import { A as e, At as t, F as n, K as r, M as i, S as a, Z as o, at as s, c, d
 import { c as b, s as x } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { R as S } from "./dist-tGkjkX-v.js";
 import { t as C } from "./dist-BDuPwOyn.js";
-import { C as w, b as T, w as E, x as D } from "./useEditorCore-C5APBjjV.js";
+import { C as w, b as T, w as E, x as D } from "./useEditorCore-BUVbQgwb.js";
 import { K as O, T as k, Y as A, Z as j, g as M, k as N, v as P } from "./keys-BdoSgsz9.js";
 import { t as ee } from "./useI18n-Ds_-druD.js";
 import { n as F } from "./usePopoverPosition-Du-Ah8E9.js";
@@ -289,7 +289,7 @@ var Q = /*#__PURE__*/ B(Y, [["render", Z]]), Ce = [
 			return typeof e == "string" ? e : e.label;
 		}
 		return (n, r) => (e(), l("select", {
-			class: m(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", t.widthClass ?? "tpl:w-20"]),
+			class: m(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", t.widthClass ?? "tpl:w-20"]),
 			value: t.modelValue,
 			"aria-label": t.label,
 			title: t.label,

package/dist/{RestoreVersionDialog-BgueZnZr.js → RestoreVersionDialog--b0qfNaK.js}

@@ -3,7 +3,7 @@ import { t as f } from "./useI18n-Ds_-druD.js";
 import { t as p } from "./loader-circle-z5eeqasv.js";
 import { t as m } from "./triangle-alert-DGLAyXnh.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-C8xGjC1l.js";
+import { t as v } from "./TplModal-DVMS_nAn.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",

package/dist/{SaveBlockDialog-BuTuVlLr.js → SaveBlockDialog-C0BdEGeL.js}

@@ -1,7 +1,7 @@
 import { A as e, At as t, B as n, D as r, F as i, M as a, O as o, R as s, S as c, V as l, Z as u, at as d, c as f, d as p, g as m, h, jt as g, kt as _, l as v, r as y, s as b, u as x, v as S } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { d as ee } from "./socialIcons-DkGcpEwC.js";
-import { E, s as D } from "./useEditorCore-C5APBjjV.js";
+import { E, s as D } from "./useEditorCore-BUVbQgwb.js";
 import { H as O, Z as k, g as A, p as te } from "./keys-BdoSgsz9.js";
 import { t as j } from "./useI18n-Ds_-druD.js";
 import { t as M } from "./chevron-down-Dkr-7Ywl.js";
@@ -9,8 +9,8 @@ import { t as N } from "./chevron-up-CQAyl0kC.js";
 import { t as P } from "./loader-circle-z5eeqasv.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
 import { n as I } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as L } from "./TplModal-C8xGjC1l.js";
-import { t as R } from "./BlockPreviewCanvas-DXGjUECG.js";
+import { t as L } from "./TplModal-DVMS_nAn.js";
+import { t as R } from "./BlockPreviewCanvas-BMC16_QU.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -102,7 +102,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
 }, se = { class: "tpl:text-[var(--tpl-text-dim)]" }, ce = {
 	key: 0,
-	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]"
+	class: "tpl:mb-1.5 tpl:shrink-0 tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
 }, le = {
 	class: "tpl-sr-only",
 	role: "status",
@@ -193,7 +193,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 					type: "text",
 					"data-testid": "saved-blocks-name-input",
 					placeholder: d(S).savedBlocks.namePlaceholder,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: R.value
 				}, null, 8, X), [[C, N.value]])]),
 				f("div", Z, [
@@ -205,7 +205,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 						"data-testid": "saved-blocks-category-input",
 						list: "tpl-saved-block-categories",
 						placeholder: d(S).savedBlocks.categoryPlaceholder,
-						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						disabled: R.value
 					}, null, 8, re), [[C, I.value]]),
 					f("datalist", ie, [(e(!0), p(y, null, a(d(E).categories.value, (t) => (e(), p("option", {

package/dist/{SavedBlocksBrowserModal-Srhix8BB.js → SavedBlocksBrowserModal-BzDgXtr4.js}

@@ -1,6 +1,6 @@
 import { A as e, At as t, B as n, E as r, F as i, M as a, R as o, S as ee, V as s, Z as c, _ as te, at as l, c as u, d, g as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as b, c as x, i as S, s as C } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import "./useEditorCore-C5APBjjV.js";
+import "./useEditorCore-BUVbQgwb.js";
 import { H as ne, J as re, Z as w, g as ie } from "./keys-BdoSgsz9.js";
 import { t as ae } from "./useI18n-Ds_-druD.js";
 import { t as T } from "./blockTypeIcons-CdXugKyV.js";
@@ -12,7 +12,7 @@ import { t as le } from "./x-3BHV3Q6K.js";
 import { v as ue } from "./styleConstants-C_YAPdQS.js";
 import { t as de } from "./formatAbsoluteDateTime-DMmop3C-.js";
 import { t as fe } from "./formatRelativeTime-CtUU-QZ8.js";
-import { t as pe } from "./TplModal-C8xGjC1l.js";
+import { t as pe } from "./TplModal-DVMS_nAn.js";
 //#region src/components/SavedBlocksBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	role: "dialog",
@@ -68,7 +68,7 @@ var me = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(y, { emit: k }) {
-		let at = y, A = k, ot = te(() => import("./BlockPreviewCanvas-DXGjUECG.js").then((e) => e.n)), { t: j, format: M } = ae(), N = w(ne, "SavedBlocksBrowserModal"), P = w(ie, "SavedBlocksBrowserModal"), st = ee(re, void 0), F = c(""), I = c(""), L = c(null), R = c(null), z = c(null), B = c(""), V = c(""), H = c(null), U = c("end"), W = _(() => {
+		let at = y, A = k, ot = te(() => import("./BlockPreviewCanvas-BMC16_QU.js").then((e) => e.n)), { t: j, format: M } = ae(), N = w(ne, "SavedBlocksBrowserModal"), P = w(ie, "SavedBlocksBrowserModal"), st = ee(re, void 0), F = c(""), I = c(""), L = c(null), R = c(null), z = c(null), B = c(""), V = c(""), H = c(null), U = c("end"), W = _(() => {
 			let e = F.value.trim().toLowerCase(), t = I.value;
 			return N.savedBlocks.value.filter((n) => !(e && !n.name.toLowerCase().includes(e) || t && n.category !== t));
 		}), G = _(() => N.isLoading.value && N.savedBlocks.value.length === 0), ct = _(() => F.value.trim().length > 0 || I.value !== ""), K = _(() => L.value ? N.savedBlocks.value.find((e) => e.id === L.value) ?? null : null), lt = _(() => {
@@ -186,13 +186,13 @@ var me = {
 						type: "text",
 						placeholder: l(j).savedBlocks.search,
 						disabled: G.value,
-						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, null, 8, Se), [[b, F.value]])]), l(N).categories.value.length > 0 ? s((e(), d("select", {
 						key: 0,
 						"onUpdate:modelValue": o[1] ||= (e) => I.value = e,
 						"data-testid": "saved-blocks-category-filter",
 						"aria-label": l(j).savedBlocks.filterByCategory,
-						class: "tpl:h-8 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-8 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, [u("option", we, p(l(j).savedBlocks.allCategories), 1), (e(!0), d(g, null, a(l(N).categories.value, (t) => (e(), d("option", {
 						key: t,
 						value: t
@@ -223,7 +223,7 @@ var me = {
 						"onUpdate:modelValue": o[2] ||= (e) => B.value = e,
 						type: "text",
 						"aria-label": l(j).savedBlocks.rename,
-						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						onKeydown: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[3] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
 					}, null, 40, Ae), [[b, B.value]]), s(u("input", {
 						"onUpdate:modelValue": o[4] ||= (e) => V.value = e,
@@ -232,7 +232,7 @@ var me = {
 						"aria-label": l(j).savedBlocks.category,
 						placeholder: l(j).savedBlocks.categoryPlaceholder,
 						list: "tpl-saved-block-browser-categories",
-						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
+						class: "tpl:h-7 tpl:w-full tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 						onKeydown: [C(x((e) => Z(n.id), ["prevent", "stop"]), ["enter"]), o[5] ||= C(x((e) => X(), ["prevent", "stop"]), ["esc"])]
 					}, null, 40, je), [[b, V.value]])], 40, ke)) : (e(), d("button", {
 						key: 1,
@@ -300,7 +300,7 @@ var me = {
 				}), u("p", Qe, p(l(j).savedBlocks.selectToPreview), 1)]))])]),
 				u("div", $e, [u("div", et, [u("label", tt, p(l(j).savedBlocks.insertPosition), 1), s(u("select", {
 					"onUpdate:modelValue": o[6] ||= (e) => U.value = e,
-					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 				}, [(e(!0), d(g, null, a(lt.value, (t) => (e(), d("option", {
 					key: t.value,
 					value: t.value

package/dist/{SavedBlocksPanels-B2iScCS-.js → SavedBlocksPanels-DN-bDZzy.js}

@@ -5,7 +5,7 @@ var c = /* @__PURE__ */ s({
 	__name: "SavedBlocksPanels",
 	props: { feature: {} },
 	setup(s) {
-		let c = s, l = t(() => import("./SavedBlocksPickBar-cI7bDQQi.js")), u = t(() => import("./SaveBlockDialog-BuTuVlLr.js")), d = t(() => import("./SavedBlocksBrowserModal-Srhix8BB.js"));
+		let c = s, l = t(() => import("./SavedBlocksPickBar-pEi9Et8Q.js")), u = t(() => import("./SaveBlockDialog-C0BdEGeL.js")), d = t(() => import("./SavedBlocksBrowserModal-BzDgXtr4.js"));
 		function f(e, t) {
 			c.feature.insert(e, t);
 		}

package/dist/SavedBlocksPickBar-pEi9Et8Q.js

@@ -0,0 +1,53 @@
+import { A as e, at as t, c as n, d as r, g as i, h as a, jt as o, kt as s, v as c } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { O as l } from "./useEditorCore-BUVbQgwb.js";
+import { t as u } from "./useI18n-Ds_-druD.js";
+import { t as d } from "./x-3BHV3Q6K.js";
+import { v as f, x as p } from "./styleConstants-C_YAPdQS.js";
+//#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	"data-testid": "saved-blocks-pick-bar",
+	class: "tpl:absolute tpl:bottom-10 tpl:left-12 tpl:right-[320px] tpl:z-50 tpl:flex tpl:justify-center tpl:px-4",
+	style: { "pointer-events": "none" }
+}, h = ["aria-label"], g = { class: "tpl:flex tpl:flex-col" }, _ = {
+	"data-testid": "saved-blocks-pick-count",
+	class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]"
+}, v = { class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, y = { class: "tpl:flex tpl:items-center tpl:gap-1.5" }, b = ["disabled"], x = /* @__PURE__ */ c({
+	__name: "SavedBlocksPickBar",
+	props: { count: {} },
+	emits: ["confirm", "cancel"],
+	setup(c, { emit: x }) {
+		let S = c, C = x, { t: w, format: T } = u();
+		function E() {
+			S.count > 0 && C("confirm");
+		}
+		return (u, x) => (e(), r("div", m, [n("div", {
+			role: "toolbar",
+			"aria-label": t(w).savedBlocks.pickToolbar,
+			class: "tpl-scale-in tpl:flex tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-lg)] tpl:border tpl:py-2 tpl:pl-4 tpl:pr-2 tpl:border-[var(--tpl-border)]",
+			style: {
+				"pointer-events": "auto",
+				"background-color": "var(--tpl-bg-elevated)",
+				"box-shadow": "var(--tpl-shadow-xl)"
+			}
+		}, [n("div", g, [n("span", _, o(t(T)(t(w).savedBlocks.pickCount, { count: c.count })), 1), n("span", v, o(t(w).savedBlocks.pickHint), 1)]), n("div", y, [n("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-cancel",
+			class: s(t(p)),
+			onClick: x[0] ||= (e) => C("cancel")
+		}, [i(t(d), {
+			size: 13,
+			"stroke-width": 2
+		}), a(" " + o(t(w).savedBlocks.cancel), 1)], 2), n("button", {
+			type: "button",
+			"data-testid": "saved-blocks-pick-confirm",
+			class: s(t(f)),
+			disabled: c.count === 0,
+			onClick: E
+		}, [i(t(l), {
+			size: 13,
+			"stroke-width": 2
+		}), a(" " + o(t(w).savedBlocks.save), 1)], 10, b)])], 8, h)]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/{TemplateScoringPanel-C2Rdlyn6.js → TemplateScoringPanel-B1wcfE0w.js}

@@ -1,21 +1,21 @@
-import { A as e, At as t, B as n, F as r, M as i, R as ee, S as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, u as g, v as _ } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { t as te } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import { D as ne, P as re, U as v, Z as y, g as b } from "./keys-BdoSgsz9.js";
-import { t as x } from "./createLucideIcon-BxY5yz5u.js";
-import { t as ie } from "./chevron-down-Dkr-7Ywl.js";
-import { t as S } from "./circle-alert-CYgTHKWr.js";
-import { t as ae } from "./eye-DphkRtAD.js";
-import { t as oe } from "./info-VSyAs02q.js";
-import { t as se } from "./loader-circle-z5eeqasv.js";
+import { A as e, At as t, B as n, F as r, M as i, R as ee, S as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as te, l as p, r as m, u as h, v as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { t as ne } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { D as re, P as ie, U as ae, Z as _, g as oe } from "./keys-BdoSgsz9.js";
+import { t as v } from "./createLucideIcon-BxY5yz5u.js";
+import { t as se } from "./chevron-down-Dkr-7Ywl.js";
+import { t as y } from "./circle-alert-CYgTHKWr.js";
+import { t as b } from "./eye-DphkRtAD.js";
+import { t as x } from "./info-VSyAs02q.js";
+import { t as S } from "./loader-circle-z5eeqasv.js";
 import { t as C } from "./refresh-cw-DPB7YFuz.js";
 import { t as w } from "./shield-check-COgBYFDF.js";
 import { t as T } from "./sparkles-Ds0RF8Iu.js";
 import { t as ce } from "./triangle-alert-DGLAyXnh.js";
 import { t as le } from "./x-3BHV3Q6K.js";
-import { t as ue } from "./LoadingTrack-C2jKCU2d.js";
+import { t as ue } from "./LoadingTrack-C1Epulqq.js";
 import { t as E } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as D } from "./useCloudI18n-D1iedlP3.js";
-var O = x({
+var O = v({
 	name: "shield-x",
 	size: 24,
 	node: [
@@ -33,7 +33,7 @@ var O = x({
 		}]
 	],
 	aliases: ["shield-close"]
-}), k = x({
+}), k = v({
 	name: "zap",
 	size: 24,
 	node: [["path", {
@@ -57,19 +57,16 @@ function N(e) {
 }
 //#endregion
 //#region src/cloud/components/TemplateScoringPanel.vue?vue&type=script&setup=true&lang.ts
-var P = {
-	key: 0,
-	class: "tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, L = { class: "tpl:flex tpl:items-center tpl:gap-1" }, R = ["title"], z = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, B = {
+var P = ["aria-label"], F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, L = { class: "tpl:flex tpl:items-center tpl:gap-1" }, R = ["aria-label", "title"], z = ["aria-label"], B = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, V = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, V = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, H = {
+}, H = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, U = {
 	key: 1,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, U = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, de = {
+}, de = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, fe = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, fe = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, pe = {
+}, pe = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, W = {
 	key: 0,
 	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
 }, me = {
@@ -86,28 +83,28 @@ var P = {
 	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
 }, be = { class: "tpl:flex tpl:items-start tpl:gap-2" }, xe = { class: "tpl:flex-1 tpl:min-w-0" }, Se = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, Ce = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, we = {
 	key: 0,
-	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
+	class: "tpl:mt-1 tpl:text-[10px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
 }, Te = {
 	key: 1,
 	class: "tpl:mt-2 tpl:flex tpl:justify-center"
 }, Ee = ["disabled", "onClick"], De = {
 	key: 0,
-	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
+	class: "tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
 }, Oe = {
 	key: 3,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, ke = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, W = { 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)]" }, G = /*#__PURE__*/ E(/* @__PURE__ */ _({
+}, ke = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ae = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, G = /*#__PURE__*/ E(/* @__PURE__ */ g({
 	__name: "TemplateScoringPanel",
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
-	setup(_, { emit: x }) {
-		let E = _, G = x, { t: K } = D(), q = y(b, "TemplateScoringPanel"), J = y(v, "TemplateScoringPanel"), Y = a(ne, re), X = o({
+	setup(g, { emit: v }) {
+		let E = g, G = v, { t: K } = D(), q = _(oe, "TemplateScoringPanel"), J = _(ae, "TemplateScoringPanel"), Y = a(re, ie), X = o({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,
 			bestPractices: !0
 		});
-		function Ae(e) {
+		function je(e) {
 			X.value[e] = !X.value[e];
 		}
 		let Z = [
@@ -115,9 +112,9 @@ var P = {
 			"readability",
 			"accessibility",
 			"bestPractices"
-		], je = {
+		], Me = {
 			spam: O,
-			readability: ae,
+			readability: b,
 			accessibility: T,
 			bestPractices: k
 		};
@@ -127,7 +124,7 @@ var P = {
 		ee(() => E.visible, (e) => {
 			e && !J.scoringResult.value && !J.isScoring.value && Q();
 		});
-		async function Me(e) {
+		async function Ne(e) {
 			if (!e.blockId) return;
 			let t = q.content.value.blocks.find((t) => t.id === e.blockId);
 			if (!t) return;
@@ -139,7 +136,7 @@ var P = {
 		function $() {
 			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
 		}
-		return (ee, a) => (e(), m(te, {
+		return (ee, a) => (e(), p(ne, {
 			"enter-active-class": "tpl-scoring-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -147,30 +144,39 @@ var P = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: n(() => [_.visible ? (e(), l("div", P, [c("div", F, [c("div", I, [u(s(w), {
+			default: n(() => [g.visible ? (e(), l("div", {
+				key: 0,
+				role: "complementary",
+				"aria-label": s(K).scoring.title,
+				class: "tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+			}, [c("div", F, [c("div", I, [u(s(w), {
 				size: 13,
 				"stroke-width": 2
 			}), c("span", null, f(s(K).scoring.title), 1)]), c("div", L, [s(J).scoringResult.value && !s(J).isScoring.value ? (e(), l("button", {
 				key: 0,
+				type: "button",
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				"aria-label": s(K).scoring.rescore,
 				title: s(K).scoring.rescore,
 				onClick: a[0] ||= (e) => Q()
 			}, [u(s(C), {
 				size: 14,
 				"stroke-width": 2
-			})], 8, R)) : g("", !0), c("button", {
+			})], 8, R)) : h("", !0), c("button", {
+				type: "button",
 				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				"aria-label": s(K).scoring.close,
 				onClick: a[1] ||= (e) => G("close")
 			}, [u(s(le), {
 				size: 14,
 				"stroke-width": 2
-			})])])]), c("div", z, [s(J).isScoring.value ? (e(), l("div", B, [c("p", V, f(s(K).scoring.scoring), 1), u(ue, { class: "tpl:w-3/4" })])) : s(J).error.value && !s(J).scoringResult.value ? (e(), l("div", H, [
-				u(s(S), {
+			})], 8, z)])]), c("div", B, [s(J).isScoring.value ? (e(), l("div", V, [c("p", H, f(s(K).scoring.scoring), 1), u(ue, { class: "tpl:w-3/4" })])) : s(J).error.value && !s(J).scoringResult.value ? (e(), l("div", U, [
+				u(s(y), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-danger)]"
 				}),
-				c("p", U, f(s(K).scoring.error), 1),
+				c("p", de, f(s(K).scoring.error), 1),
 				c("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:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
 					onClick: a[2] ||= (e) => Q()
@@ -178,7 +184,7 @@ var P = {
 					size: 12,
 					"stroke-width": 2
 				}), d(" " + f(s(K).scoring.rescore), 1)])
-			])) : s(J).scoringResult.value ? (e(), l("div", de, [
+			])) : s(J).scoringResult.value ? (e(), l("div", fe, [
 				c("div", {
 					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
 					style: t({ backgroundColor: s(j)(s(J).scoringResult.value.score) })
@@ -187,22 +193,22 @@ var P = {
 						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
 						style: t({ color: s(A)(s(J).scoringResult.value.score) })
 					}, f(s(J).scoringResult.value.score), 5),
-					c("span", fe, f(s(K).scoring.overallScore), 1),
-					$() > 0 ? (e(), l("span", pe, f($()) + " " + f(s(K).scoring.findings), 1)) : g("", !0)
+					c("span", pe, f(s(K).scoring.overallScore), 1),
+					$() > 0 ? (e(), l("span", W, f($()) + " " + f(s(K).scoring.findings), 1)) : h("", !0)
 				], 4),
-				s(J).fixError.value ? (e(), l("div", me, [u(s(S), {
+				s(J).fixError.value ? (e(), l("div", me, [u(s(y), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), c("span", null, f(s(K).scoring.fixError), 1)])) : g("", !0),
-				(e(), l(h, null, i(Z, (n) => c("div", {
+				}), c("span", null, f(s(K).scoring.fixError), 1)])) : h("", !0),
+				(e(), l(m, null, i(Z, (n) => c("div", {
 					key: n,
 					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
 				}, [c("button", {
 					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:bg-[var(--tpl-bg)]",
-					onClick: (e) => Ae(n)
+					onClick: (e) => je(n)
 				}, [
-					(e(), m(r(je[n]), {
+					(e(), p(r(Me[n]), {
 						size: 14,
 						"stroke-width": 2,
 						style: t({ color: s(A)(s(J).scoringResult.value.categories[n].score) })
@@ -215,16 +221,16 @@ var P = {
 							backgroundColor: s(j)(s(J).scoringResult.value.categories[n].score)
 						})
 					}, f(s(J).scoringResult.value.categories[n].score), 5),
-					s(J).scoringResult.value.categories[n].findings.length > 0 ? (e(), l("span", _e, f(s(J).scoringResult.value.categories[n].findings.length), 1)) : g("", !0),
-					u(s(ie), {
+					s(J).scoringResult.value.categories[n].findings.length > 0 ? (e(), l("span", _e, f(s(J).scoringResult.value.categories[n].findings.length), 1)) : h("", !0),
+					u(s(se), {
 						size: 12,
 						"stroke-width": 2,
-						class: p(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[n] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+						class: te(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[n] ? "tpl:rotate-0" : "tpl:-rotate-90"])
 					}, null, 8, ["class"])
-				], 8, he), X.value[n] ? (e(), l("div", ve, [s(J).scoringResult.value.categories[n].findings.length === 0 ? (e(), l("div", ye, f(s(K).scoring.noFindings), 1)) : g("", !0), (e(!0), l(h, null, i(s(J).scoringResult.value.categories[n].findings, (n) => (e(), l("div", {
+				], 8, he), X.value[n] ? (e(), l("div", ve, [s(J).scoringResult.value.categories[n].findings.length === 0 ? (e(), l("div", ye, f(s(K).scoring.noFindings), 1)) : h("", !0), (e(!0), l(m, null, i(s(J).scoringResult.value.categories[n].findings, (n) => (e(), l("div", {
 					key: n.id,
 					class: "tpl:border-t tpl:px-3 tpl:py-2.5 tpl:first:border-t-0 tpl:border-[var(--tpl-border-light)]"
-				}, [c("div", be, [(e(), m(r(n.severity === "high" ? s(S) : n.severity === "medium" ? s(ce) : s(oe)), {
+				}, [c("div", be, [(e(), p(r(n.severity === "high" ? s(y) : n.severity === "medium" ? s(ce) : s(x)), {
 					size: 13,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0",
@@ -237,31 +243,31 @@ var P = {
 							backgroundColor: s(N)(n.severity)
 						})
 					}, f(s(K).scoring.severity[n.severity]), 5), c("span", Ce, f(n.message), 1)]),
-					n.suggestion ? (e(), l("p", we, f(n.suggestion), 1)) : g("", !0),
+					n.suggestion ? (e(), l("p", we, f(n.suggestion), 1)) : h("", !0),
 					n.blockId ? (e(), l("div", Te, [c("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:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
+						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-xs tpl:font-medium tpl:transition-all tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
 						style: { "background-color": "transparent" },
 						disabled: s(J).fixingFindingId.value !== null,
-						onClick: (e) => Me(n)
-					}, [s(J).fixingFindingId.value === n.id ? (e(), m(s(se), {
+						onClick: (e) => Ne(n)
+					}, [s(J).fixingFindingId.value === n.id ? (e(), p(s(S), {
 						key: 0,
 						class: "tpl-spinner",
 						size: 11,
 						"stroke-width": 2
-					})) : (e(), m(s(T), {
+					})) : (e(), p(s(T), {
 						key: 1,
 						size: 11,
 						"stroke-width": 2
-					})), d(" " + f(s(J).fixingFindingId.value === n.id ? s(K).scoring.fixing : s(K).scoring.fix), 1)], 8, Ee), s(J).fixError.value ? (e(), l("p", De, f(s(J).fixError.value), 1)) : g("", !0)])) : g("", !0)
-				])])]))), 128))])) : g("", !0)])), 64))
+					})), d(" " + f(s(J).fixingFindingId.value === n.id ? s(K).scoring.fixing : s(K).scoring.fix), 1)], 8, Ee), s(J).fixError.value ? (e(), l("p", De, f(s(J).fixError.value), 1)) : h("", !0)])) : h("", !0)
+				])])]))), 128))])) : h("", !0)])), 64))
 			])) : (e(), l("div", Oe, [u(s(w), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-dim)]"
-			}), c("p", ke, f(s(K).scoring.emptyState), 1)])), c("p", W, f(s(K).aiMenu.disclaimer), 1)])])) : g("", !0)]),
+			}), c("p", ke, f(s(K).scoring.emptyState), 1)])), c("p", Ae, f(s(K).aiMenu.disclaimer), 1)])], 8, P)) : h("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-e9458def"]]);
+}), [["__scopeId", "data-v-165e948a"]]);
 //#endregion
 export { G as default };

package/dist/{TestEmailModal-DJ5q_u4N.js → TestEmailModal-maM8SLBV.js}

@@ -1,15 +1,15 @@
 import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { a as ee, i as te } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { N as ne } from "./dist-tGkjkX-v.js";
-import { L as re } from "./useEditorCore-C5APBjjV.js";
+import { L as re } from "./useEditorCore-BUVbQgwb.js";
 import { D as ie, P as ae, V as y, g as oe, j as se } from "./keys-BdoSgsz9.js";
 import { t as ce } from "./useI18n-Ds_-druD.js";
 import { t as le } from "./check-eqb2JhqU.js";
 import { t as ue } from "./loader-circle-z5eeqasv.js";
 import { n as de, t as fe } from "./MergeTagModeToggle-D793Bj_E.js";
 import { v as pe } from "./styleConstants-C_YAPdQS.js";
-import { t as me } from "./TplModal-C8xGjC1l.js";
-import { t as he } from "./BlockPreviewCanvas-DXGjUECG.js";
+import { t as me } from "./TplModal-DVMS_nAn.js";
+import { t as he } from "./BlockPreviewCanvas-BMC16_QU.js";
 //#region src/utils/validateEmailShape.ts
 var b = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
 function x(e) {
@@ -129,14 +129,14 @@ var S = ["aria-busy"], C = {
 						value: H.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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, null, 8, E)) : J.value ? a((e(), l("select", {
 						key: 1,
 						id: "tpl-test-email-recipient",
 						"onUpdate:modelValue": i[0] ||= (e) => H.value = e,
 						disabled: v.isSending || v.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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, [(e(!0), l(h, null, n(v.allowedRecipients, (t) => (e(), l("option", {
 						key: t,
 						value: t
@@ -150,7 +150,7 @@ var S = ["aria-busy"], C = {
 						placeholder: s(V).testEmail.recipientPlaceholder,
 						disabled: v.isSending || v.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-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
 					}, null, 8, k)), [[ee, H.value]]),
 					Oe.value ? (e(), l("p", A, f(s(V).testEmail.invalidAddress), 1)) : _("", !0)
 				]),

package/dist/{TestEmailPanel-CP24UGst.js → TestEmailPanel-8iAZYpCK.js}

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

package/dist/{TitleEditor-QBBOXtxx.js → TitleEditor-L26QXwna.js}

@@ -1,5 +1,5 @@
 import { A as e, At as t, K as n, S as r, at as i, c as a, d as o, g as s, h as c, i as l, jt as u, kt as d, l as f, r as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { b as ee, x as te } from "./useEditorCore-C5APBjjV.js";
+import { b as ee, x as te } from "./useEditorCore-BUVbQgwb.js";
 import { K as ne, T as re, Y as _, k as v } from "./keys-BdoSgsz9.js";
 import { t as y } from "./useI18n-Ds_-druD.js";
 import { n as b } from "./usePopoverPosition-Du-Ah8E9.js";