@templatical/editor 0.35.0 → 0.36.0

package/dist/{AiChatSidebar-DPHbCGu4.js → AiChatSidebar-tu4eLcf_.js}

@@ -1,18 +1,18 @@
-import { B as e, Dt as t, L as n, S as r, T as ee, X as i, c as a, d as o, g as s, h as c, j as l, k as u, kt as d, l as f, r as p, rt as m, u as h, v as g, z as te } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { a as ne, t as re } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { m as ie, p as ae } from "./dist-heatwAdo.js";
-import { E as oe, J as _, h as se, i as v, l as ce } from "./keys-C3P1yxnr.js";
-import { t as y } from "./createLucideIcon-05lB8iWe.js";
-import { t as le } from "./circle-alert-L5uGGFRP.js";
-import { t as ue } from "./loader-circle-B2Y8xZQb.js";
-import { t as de } from "./send-D1vvuW79.js";
-import { t as b } from "./sparkles-DNdS9V_3.js";
-import { t as fe } from "./trash-C9bMXvw4.js";
-import { t as pe } from "./x-BPKoRPTG.js";
-import { t as me } from "./LoadingTrack-SQXoZVf2.js";
+import { A as e, B as t, E as n, M as r, R as i, S as ee, V as te, Z as a, at as o, c as s, d as c, g as l, h as u, jt as d, kt as ne, l as f, r as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as g, t as re } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { _ as ie, g as ae } from "./dist-D8i1ixHK.js";
+import { D as oe, Y as _, g as se, i as v, u as ce } from "./keys-DQA2i1k1.js";
+import { t as y } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as le } from "./circle-alert-CjzUTwy3.js";
+import { t as ue } from "./loader-circle-B_tAD4k6.js";
+import { t as de } from "./send-CE6uvqop.js";
+import { t as b } from "./sparkles-R0ZQHa6F.js";
+import { t as fe } from "./trash-Cf_SqsER.js";
+import { t as pe } from "./x-D_-42Ukq.js";
+import { t as me } from "./LoadingTrack-BlTL4zFv.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as S } from "./useAliveFlag-PVmp95MT.js";
-import { f as C } from "./cloud-B1c4XIsn.js";
+import { t as S } from "./useAliveFlag-oyByIcjy.js";
+import { p as C } from "./cloud-DdidMW6f.js";
 var w = y({
 	name: "redo-2",
 	size: 24,
@@ -80,24 +80,24 @@ var w = y({
 		"background-color": "color-mix(\n              in srgb,\n              var(--tpl-bg) 50%,\n              transparent\n            )",
 		"backdrop-filter": "blur(2px)"
 	}
-}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl-focus-ring-host 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)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ x(/* @__PURE__ */ g({
+}, _e = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, ve = ["onClick"], ye = { class: "tpl:border-t tpl:p-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl-ai-input-wrapper tpl-focus-ring-host 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)]" }, xe = ["placeholder", "disabled"], Se = ["disabled"], Ce = { class: "tpl:m-0 tpl:px-1 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, B = /*#__PURE__*/ x(/* @__PURE__ */ h({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
 		onApply: { type: Function }
 	},
 	emits: ["close"],
-	setup(g, { emit: y }) {
-		let x = g, B = y, V = _(ce, "AiChatSidebar"), H = _(se, "AiChatSidebar"), we = _(v, "AiChatSidebar"), U = r(oe, []), W = S(), G = C({
+	setup(h, { emit: y }) {
+		let x = h, B = y, V = _(ce, "AiChatSidebar"), H = _(se, "AiChatSidebar"), we = _(v, "AiChatSidebar"), U = ee(oe, []), W = S(), G = C({
 			authManager: we,
 			getTemplateId: () => H.state.template?.id ?? null,
 			onApply: x.onApply,
 			onError: void 0
-		}), K = i(""), q = i(null), J = i(!1), Y = i(0), { pause: X, resume: Te } = ae(() => {
+		}), K = a(""), q = a(null), J = a(!1), Y = a(0), { pause: X, resume: Te } = ae(() => {
 			let e = G.suggestions.value?.length ?? 0;
 			Y.value < e ? Y.value++ : X();
 		}, 150, { immediate: !1 }), { start: Ee } = ie(() => Te(), 100, { immediate: !1 });
-		n(() => G.suggestions.value?.length ?? 0, (e) => {
+		i(() => G.suggestions.value?.length ?? 0, (e) => {
 			if (X(), e === 0) {
 				Y.value = 0;
 				return;
@@ -105,11 +105,11 @@ var w = y({
 			Y.value = 0, Ee();
 		});
 		function Z() {
-			ee(() => {
+			n(() => {
 				q.value && (q.value.scrollTop = q.value.scrollHeight);
 			});
 		}
-		n(() => G.messages.value?.length ?? 0, () => Z()), n(() => x.visible, async (e) => {
+		i(() => G.messages.value?.length ?? 0, () => Z()), i(() => x.visible, async (e) => {
 			if (e && !J.value) {
 				if (J.value = !0, await G.loadConversation(), !W.alive) return;
 				(G.messages.value?.length ?? 0) === 0 && H.content.value.blocks.length === 0 && G.loadSuggestions(H.content.value, U);
@@ -128,7 +128,7 @@ var w = y({
 		function Oe(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
 		}
-		return (n, r) => (u(), f(re, {
+		return (n, i) => (e(), f(re, {
 			"enter-active-class": "tpl-ai-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -136,42 +136,42 @@ var w = y({
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: te(() => [g.visible ? (u(), o("div", E, [
-				a("div", D, [a("div", O, [s(m(b), {
+			default: t(() => [h.visible ? (e(), c("div", E, [
+				s("div", D, [s("div", O, [l(o(b), {
 					size: 13,
 					"stroke-width": 2
-				}), a("span", null, d(m(V).aiChat.title), 1)]), a("div", k, [(m(G).messages.value?.length ?? 0) > 0 ? (u(), o("button", {
+				}), s("span", null, d(o(V).aiChat.title), 1)]), s("div", k, [(o(G).messages.value?.length ?? 0) > 0 ? (e(), c("button", {
 					key: 0,
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					title: m(V).aiChat.clear,
-					onClick: r[0] ||= (e) => m(G).clearChat()
-				}, [s(m(fe), {
+					title: o(V).aiChat.clear,
+					onClick: i[0] ||= (e) => o(G).clearChat()
+				}, [l(o(fe), {
 					size: 14,
 					"stroke-width": 2
-				})], 8, A)) : h("", !0), a("button", {
+				})], 8, A)) : m("", !0), s("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
-					onClick: r[1] ||= (e) => B("close")
-				}, [s(m(pe), {
+					onClick: i[1] ||= (e) => B("close")
+				}, [l(o(pe), {
 					size: 14,
 					"stroke-width": 2
 				})])])]),
-				a("div", j, [
-					a("div", {
+				s("div", j, [
+					s("div", {
 						ref_key: "messagesContainer",
 						ref: q,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [m(G).isLoadingHistory.value ? (u(), o("div", M, [s(m(ue), {
+					}, [o(G).isLoadingHistory.value ? (e(), c("div", M, [l(o(ue), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), a("p", N, d(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (u(), o("div", P, [s(m(b), {
+					}), s("p", N, d(o(V).aiChat.loadingHistory), 1)])) : (o(G).messages.value?.length ?? 0) === 0 ? (e(), c("div", P, [l(o(b), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), a("p", F, d(m(V).aiChat.placeholder), 1)])) : (u(), o("div", I, [(u(!0), o(p, null, l(m(G).messages.value, (e, t) => (u(), o("div", {
-						key: e.id,
+					}), s("p", F, d(o(V).aiChat.placeholder), 1)])) : (e(), c("div", I, [(e(!0), c(p, null, r(o(G).messages.value, (t, n) => (e(), c("div", {
+						key: t.id,
 						class: "tpl:flex tpl:flex-col tpl:gap-2"
-					}, [e.role === "user" ? (u(), o("div", L, d(e.content), 1)) : (u(), o("div", R, [!$(e.content) && m(G).isGenerating.value && t === (m(G).messages.value?.length ?? 0) - 1 ? (u(), f(me, { key: 0 })) : (u(), o("div", z, d($(e.content) || m(V).aiChat.applied), 1)), e.id === m(G).lastApplyMessageId.value && !m(G).isGenerating.value ? (u(), o("button", {
+					}, [t.role === "user" ? (e(), c("div", L, d(t.content), 1)) : (e(), c("div", R, [!$(t.content) && o(G).isGenerating.value && n === (o(G).messages.value?.length ?? 0) - 1 ? (e(), f(me, { key: 0 })) : (e(), c("div", z, d($(t.content) || o(V).aiChat.applied), 1)), t.id === o(G).lastApplyMessageId.value && !o(G).isGenerating.value ? (e(), c("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",
 						style: {
@@ -179,47 +179,47 @@ var w = y({
 							color: "var(--tpl-text-muted)",
 							"background-color": "transparent"
 						},
-						onClick: r[2] ||= (e) => m(G).toggleLastRevert()
-					}, [m(G).isLastChangeReverted.value ? (u(), o(p, { key: 0 }, [s(m(w), {
+						onClick: i[2] ||= (e) => o(G).toggleLastRevert()
+					}, [o(G).isLastChangeReverted.value ? (e(), c(p, { key: 0 }, [l(o(w), {
 						size: 12,
 						"stroke-width": 2
-					}), c(" " + d(m(V).aiChat.reapply), 1)], 64)) : (u(), o(p, { key: 1 }, [s(m(T), {
+					}), u(" " + d(o(V).aiChat.reapply), 1)], 64)) : (e(), c(p, { key: 1 }, [l(o(T), {
 						size: 12,
 						"stroke-width": 2
-					}), c(" " + d(m(V).aiChat.revert), 1)], 64))])) : h("", !0)]))]))), 128))]))], 512),
-					m(G).error.value ? (u(), o("div", he, [s(m(le), {
+					}), u(" " + d(o(V).aiChat.revert), 1)], 64))])) : m("", !0)]))]))), 128))]))], 512),
+					o(G).error.value ? (e(), c("div", he, [l(o(le), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
-					}), a("span", null, d(m(G).error.value === "ai_apply_failed" ? m(V).aiChat.applyFailed : m(V).aiChat.error), 1)])) : h("", !0),
-					(m(G).suggestions.value?.length ?? 0) > 0 ? (u(), o("div", ge, [a("div", _e, [(u(!0), o(p, null, l(m(G).suggestions.value ?? [], (e, n) => (u(), o("button", {
+					}), s("span", null, d(o(G).error.value === "ai_apply_failed" ? o(V).aiChat.applyFailed : o(V).aiChat.error), 1)])) : m("", !0),
+					(o(G).suggestions.value?.length ?? 0) > 0 ? (e(), c("div", ge, [s("div", _e, [(e(!0), c(p, null, r(o(G).suggestions.value ?? [], (t, n) => (e(), c("button", {
 						key: n,
-						class: t(["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", (m(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
+						class: ne(["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", (o(G).suggestions.value?.length ?? 0) - 1 - n < Y.value ? "tpl:translate-y-0 tpl:opacity-100" : "tpl:pointer-events-none tpl:-translate-y-2 tpl:opacity-0"]),
 						style: {
 							"border-color": "var(--tpl-border)",
 							color: "var(--tpl-primary)",
 							"background-color": "var(--tpl-bg)",
 							"box-shadow": "var(--tpl-shadow)"
 						},
-						onClick: (t) => De(e)
-					}, d(e), 11, ve))), 128))])])) : h("", !0)
+						onClick: (e) => De(t)
+					}, d(t), 11, ve))), 128))])])) : m("", !0)
 				]),
-				a("div", ye, [a("div", be, [e(a("textarea", {
-					"onUpdate:modelValue": r[3] ||= (e) => K.value = e,
+				s("div", ye, [s("div", be, [te(s("textarea", {
+					"onUpdate:modelValue": i[3] ||= (e) => K.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: m(V).aiChat.inputPlaceholder,
-					disabled: m(G).isGenerating.value,
+					placeholder: o(V).aiChat.inputPlaceholder,
+					disabled: o(G).isGenerating.value,
 					rows: "3",
 					onKeydown: Oe
-				}, null, 40, xe), [[ne, K.value]]), a("button", {
+				}, null, 40, xe), [[g, K.value]]), s("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:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
-					disabled: !K.value.trim() || m(G).isGenerating.value,
+					disabled: !K.value.trim() || o(G).isGenerating.value,
 					onClick: Q
-				}, [s(m(de), {
+				}, [l(o(de), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Se)]), a("p", Ce, d(m(V).aiMenu.disclaimer), 1)])
-			])) : h("", !0)]),
+				})], 8, Se)]), s("p", Ce, d(o(V).aiMenu.disclaimer), 1)])
+			])) : m("", !0)]),
 			_: 1
 		}));
 	}

package/dist/{AiFeatureMenu--8z7qvg1.js → AiFeatureMenu-BF0i0vA4.js}

@@ -1,11 +1,11 @@
-import { Ot as e, P as t, c as n, d as r, j as i, k as a, kt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import "./useEditorCore-CYGvurZa.js";
-import { J as d, t as f } from "./keys-C3P1yxnr.js";
-import { t as p } from "./image-up-ovhjl9u9.js";
-import { t as m } from "./shield-check-DjK54PnW.js";
-import { t as h } from "./sparkles-DNdS9V_3.js";
+import { A as e, At as t, F as n, M as r, c as i, d as a, jt as o, l as s, r as c, s as l, v as u } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import "./useEditorCore-DhlKOYwe.js";
+import { Y as d, t as f } from "./keys-DQA2i1k1.js";
+import { t as p } from "./image-up-gH4JEpU5.js";
+import { t as m } from "./shield-check-DhD1Z3rd.js";
+import { t as h } from "./sparkles-R0ZQHa6F.js";
 import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as _ } from "./useCloudI18n-BKoiYsWZ.js";
+import { n as _ } from "./useCloudI18n-BLyh_e2T.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]" }, y = ["onClick"], b = { class: "tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5" }, x = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]" }, S = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]" }, C = /*#__PURE__*/ g(/* @__PURE__ */ u({
 	__name: "AiFeatureMenu",
@@ -36,21 +36,21 @@ var v = { class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:roun
 		function A(e) {
 			return e === "ai-chat" ? w.aiMenu.aiAssistantDesc : e === "design-reference" ? w.aiMenu.designToTemplateDesc : w.aiMenu.templateScoreDesc;
 		}
-		return (l, d) => (a(), r("div", v, [(a(!0), r(c, null, i(O.value, (i) => (a(), r("button", {
-			key: i.key,
+		return (l, d) => (e(), a("div", v, [(e(!0), a(c, null, r(O.value, (r) => (e(), a("button", {
+			key: r.key,
 			class: "tpl-ai-feature-menu-item tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-start tpl:gap-3 tpl:border-none tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors",
-			style: e({ backgroundColor: u.activeFeature === i.key ? "var(--tpl-primary-light)" : "transparent" }),
-			onClick: (e) => C("select", i.key)
-		}, [n("div", {
+			style: t({ backgroundColor: u.activeFeature === r.key ? "var(--tpl-primary-light)" : "transparent" }),
+			onClick: (e) => C("select", r.key)
+		}, [i("div", {
 			class: "tpl:mt-0.5 tpl:flex tpl:size-7 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)]",
-			style: e({
-				backgroundColor: u.activeFeature === i.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
-				color: u.activeFeature === i.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
+			style: t({
+				backgroundColor: u.activeFeature === r.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
+				color: u.activeFeature === r.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
 			})
-		}, [(a(), s(t(i.icon), {
+		}, [(e(), s(n(r.icon), {
 			size: 15,
 			"stroke-width": 2
-		}))], 4), n("div", b, [n("span", x, o(k(i.key)), 1), n("span", S, o(A(i.key)), 1)])], 12, y))), 128))]));
+		}))], 4), i("div", b, [i("span", x, o(k(r.key)), 1), i("span", S, o(A(r.key)), 1)])], 12, y))), 128))]));
 	}
 }), [["__scopeId", "data-v-bf59b787"]]);
 //#endregion

package/dist/{BlockIssueBadge-BGCsJqqM.js → BlockIssueBadge-DT-FqKeC.js}

@@ -1,27 +1,27 @@
-import { Dt as e, S as t, d as n, k as r, l as i, rt as a, s as o, u as s, v as c } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { V as l } from "./keys-C3P1yxnr.js";
-import { t as u } from "./useI18n-CL6RfPzK.js";
-import { t as d } from "./circle-alert-L5uGGFRP.js";
-import { t as f } from "./triangle-alert-Bn8Bd2Yv.js";
+import { A as e, S as t, at as n, d as r, kt as i, l as a, s as o, u as s, v as c } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { H as l } from "./keys-DQA2i1k1.js";
+import { t as u } from "./useI18n-BbdxxpOE.js";
+import { t as d } from "./circle-alert-CjzUTwy3.js";
+import { t as f } from "./triangle-alert-C6tGa6jw.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ c({
 	__name: "BlockIssueBadge",
 	props: { blockId: {} },
 	setup(c) {
 		let m = c, { t: h } = u(), g = t(l, null), _ = o(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = o(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = o(() => v.value === "error" ? h.issues.badgeError : h.issues.badgeWarning);
-		return (t, o) => v.value ? (r(), n("span", {
+		return (t, o) => v.value ? (e(), r("span", {
 			key: 0,
-			class: e(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
+			class: i(["tpl:absolute tpl:top-1 tpl:right-1 tpl:z-10 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:ring-1 tpl:ring-[var(--tpl-border)]", v.value === "error" ? "tpl:text-[var(--tpl-danger)]" : "tpl:text-[var(--tpl-warning)]"]),
 			title: y.value,
 			"aria-label": y.value,
 			role: "img"
-		}, [v.value === "error" ? (r(), i(a(d), {
+		}, [v.value === "error" ? (e(), a(n(d), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2.25,
 			fill: "currentColor",
 			stroke: "var(--tpl-bg)"
-		})) : (r(), i(a(f), {
+		})) : (e(), a(n(f), {
 			key: 1,
 			size: 14,
 			"stroke-width": 2.25,

package/dist/{BlockPreviewCanvas-DKspIy8V.js → BlockPreviewCanvas-DDCmMram.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, N as n, Ot as r, P as i, S as a, c as o, d as s, j as c, k as l, l as u, r as d, rt as f, s as p, v as m } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { A as t, At as n, F as r, M as i, P as a, S as o, at as s, c, d as l, j as u, l as d, r as f, s as p, v as m } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 import { R as h } from "./dist-tGkjkX-v.js";
-import { R as g, a as _, b as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, p as D, r as O, v as k, y as A } from "./useEditorCore-CYGvurZa.js";
-import { A as j, d as M, h as N, q as P, s as F } from "./keys-C3P1yxnr.js";
+import { L as g, a as _, b as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, p as D, r as O, v as k, y as A } from "./useEditorCore-DhlKOYwe.js";
+import { J as j, f as M, g as N, j as P, s as F } from "./keys-DQA2i1k1.js";
 import { n as I, t as L } from "./emailFrameWidth-BmFCN2dp.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__PURE__ */ m({
@@ -13,7 +13,7 @@ var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__
 		viewport: {}
 	},
 	setup(e) {
-		let t = {
+		let u = {
 			title: w,
 			paragraph: T,
 			image: x,
@@ -26,7 +26,7 @@ var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__
 			spacer: C,
 			html: k,
 			custom: v
-		}, m = e, h = a(F, null), b = p(() => {
+		}, m = e, h = o(F, null), b = p(() => {
 			switch (m.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
@@ -47,21 +47,21 @@ var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__
 			return j.value[e] || [];
 		}
 		function N(e) {
-			return D(e, h, t);
+			return D(e, h, u);
 		}
-		return (e, t) => {
-			let a = n("PreviewSectionBlock", !0);
-			return l(), s("div", R, [o("div", z, [(l(!0), s(d, null, c(j.value, (e, t) => (l(), s("div", {
-				key: t,
-				style: r({ width: b.value[t] })
-			}, [(l(!0), s(d, null, c(M(t), (e) => (l(), s("div", {
+		return (e, o) => {
+			let u = a("PreviewSectionBlock", !0);
+			return t(), l("div", R, [c("div", z, [(t(!0), l(f, null, i(j.value, (e, a) => (t(), l("div", {
+				key: a,
+				style: n({ width: b.value[a] })
+			}, [(t(!0), l(f, null, i(M(a), (e) => (t(), l("div", {
 				key: e.id,
-				style: r(f(y)(e))
-			}, [e.type === "section" ? (l(), u(a, {
+				style: n(s(y)(e))
+			}, [e.type === "section" ? (t(), d(u, {
 				key: 0,
 				block: e,
 				viewport: "desktop"
-			}, null, 8, ["block"])) : (l(), u(i(N(e)), {
+			}, null, 8, ["block"])) : (t(), d(r(N(e)), {
 				key: 1,
 				block: e,
 				viewport: "desktop"
@@ -79,9 +79,9 @@ var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__
 		}
 	},
 	setup(e) {
-		let n = e, m = a(F), R = a(N, null), z = a(M, null), H = a(j, null);
-		t(P, p(() => H?.value ?? !1));
-		let U = p(() => n.applyConditionFilter ? n.blocks.filter((e) => !z?.isHidden(e.id)) : n.blocks), W = p(() => I(R?.content.value.settings, n.viewport)), G = p(() => R ? b(R.content.value.settings) : {}), K = p(() => R?.content.value.settings?.locale?.trim() || void 0), q = p(() => h(R?.content.value.settings ?? { locale: "en" })), J = p(() => R?.content.value.settings.backgroundColor || "var(--tpl-canvas-bg)"), Y = p(() => W.value + 192), X = {
+		let a = e, m = o(F), R = o(N, null), z = o(M, null), H = o(P, null);
+		u(j, p(() => H?.value ?? !1));
+		let U = p(() => a.applyConditionFilter ? a.blocks.filter((e) => !z?.isHidden(e.id)) : a.blocks), W = p(() => I(R?.content.value.settings, a.viewport)), G = p(() => R ? b(R.content.value.settings) : {}), K = p(() => R?.content.value.settings?.locale?.trim() || void 0), q = p(() => h(R?.content.value.settings ?? { locale: "en" })), J = p(() => R?.content.value.settings.backgroundColor || "var(--tpl-canvas-bg)"), Y = p(() => W.value + 192), X = {
 			section: B,
 			title: w,
 			paragraph: T,
@@ -99,30 +99,30 @@ var R = { class: "tpl:w-full" }, z = { class: "tpl:flex tpl:gap-0" }, B = /* @__
 		function Z(e) {
 			return D(e, m, X);
 		}
-		return (t, n) => (l(), s("div", {
+		return (a, o) => (t(), l("div", {
 			"data-testid": "block-preview-stage",
 			class: "tpl:pointer-events-none tpl:mx-auto tpl:flex tpl:select-none tpl:justify-center tpl:rounded-lg",
-			style: r({
+			style: n({
 				width: `${Y.value}px`,
 				minWidth: `${W.value}px`,
 				maxWidth: "100%",
 				backgroundColor: J.value,
 				boxShadow: "var(--tpl-shadow-sm)"
 			})
-		}, [o("div", {
+		}, [c("div", {
 			"data-testid": "block-preview-canvas",
 			lang: K.value,
 			dir: q.value,
-			style: r({
+			style: n({
 				width: `${W.value}px`,
-				transition: f(L),
+				transition: s(L),
 				...G.value
 			})
-		}, [(l(!0), s(d, null, c(U.value, (t) => (l(), s("div", {
-			key: t.id,
-			style: r(f(y)(t))
-		}, [(l(), u(i(Z(t)), {
-			block: t,
+		}, [(t(!0), l(f, null, i(U.value, (i) => (t(), l("div", {
+			key: i.id,
+			style: n(s(y)(i))
+		}, [(t(), d(r(Z(i)), {
+			block: i,
 			viewport: e.viewport
 		}, null, 8, ["block", "viewport"]))], 4))), 128))], 12, V)], 4));
 	}

package/dist/CloudHeaderExtras-NPhudovT.js

@@ -0,0 +1,59 @@
+import { A as e, B as t, _ as n, at as r, c as i, d as a, g as o, h as s, jt as c, kt as l, l as u, r as d, u as f, v as p } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as m, t as h } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { t as g } from "./sparkles-R0ZQHa6F.js";
+import { n as _ } from "./useCloudI18n-BLyh_e2T.js";
+//#region src/cloud/components/CloudHeaderExtras.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	"data-testid": "cloud-template-usage",
+	class: "tpl:text-xs tpl:opacity-60 tpl:text-[var(--tpl-text-muted)]"
+}, y = ["aria-expanded"], b = {
+	key: 0,
+	class: "tpl:absolute tpl:right-0 tpl:top-full tpl:z-50 tpl:mt-1 tpl:origin-top-right"
+}, x = /* @__PURE__ */ p({
+	__name: "CloudHeaderExtras",
+	props: {
+		part: {},
+		cloud: {}
+	},
+	setup(p) {
+		let x = n(() => import("./CollaboratorBar-DAITu0hz.js")), S = n(() => import("./AiFeatureMenu-BF0i0vA4.js")), { t: C, format: w } = _();
+		return (n, _) => p.part === "left" ? (e(), a(d, { key: 0 }, [p.cloud.featureFlags.templateLimit.value === null ? f("", !0) : (e(), a("span", v, c(r(w)(r(C).header.templatesUsed, {
+			used: p.cloud.featureFlags.templateCount.value,
+			max: p.cloud.featureFlags.templateLimit.value
+		})), 1)), p.cloud.collaboration && p.cloud.isCollaborationEnabled.value ? (e(), u(r(x), {
+			key: 1,
+			collaborators: p.cloud.collaboration.collaborators.value,
+			"is-connected": p.cloud.websocket.isConnected.value
+		}, null, 8, ["collaborators", "is-connected"])) : f("", !0)], 64)) : p.part === "right" ? (e(), a(d, { key: 1 }, [p.cloud.featureFlags.canUseAiGeneration.value && p.cloud.featureFlags.hasTemplateSaved.value ? (e(), a("div", {
+			key: 0,
+			ref: (e) => p.cloud.panelState.aiMenuRef.value = e,
+			class: "tpl:relative"
+		}, [i("button", {
+			type: "button",
+			"data-testid": "ai-menu-trigger",
+			"aria-expanded": p.cloud.panelState.aiMenuOpen.value,
+			class: l(["tpl-ai-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:whitespace-nowrap tpl:transition-all tpl:duration-200", p.cloud.panelState.aiButtonActive.value ? "tpl-ai-btn--active" : "tpl-ai-btn--idle"]),
+			onClick: _[0] ||= m((...e) => p.cloud.panelState.toggleAiMenu && p.cloud.panelState.toggleAiMenu(...e), ["stop"])
+		}, [o(r(g), {
+			size: 16,
+			"stroke-width": 2,
+			class: "tpl-ai-btn-icon"
+		}), s(" " + c(r(C).aiChat.button), 1)], 10, y), o(h, {
+			"enter-active-class": "tpl:transition-all tpl:ease-out",
+			"enter-from-class": "tpl:scale-95 tpl:opacity-0",
+			"enter-to-class": "tpl:scale-100 tpl:opacity-100",
+			"leave-active-class": "tpl:transition-all tpl:duration-100 tpl:ease-in",
+			"leave-from-class": "tpl:scale-100 tpl:opacity-100",
+			"leave-to-class": "tpl:scale-95 tpl:opacity-0"
+		}, {
+			default: t(() => [p.cloud.panelState.aiMenuOpen.value ? (e(), a("div", b, [o(r(S), {
+				"active-feature": p.cloud.panelState.activeAiFeature.value,
+				onSelect: p.cloud.panelState.handleAiFeatureSelect
+			}, null, 8, ["active-feature", "onSelect"])])) : f("", !0)]),
+			_: 1
+		})], 512)) : f("", !0)], 64)) : f("", !0);
+	}
+});
+//#endregion
+export { x as default };