@aswin.dev/editor 0.7.0 → 0.7.1

package/README.md

@@ -20,13 +20,13 @@ The visual editor for [Templatical](https://github.com/templatical/sdk) — an o
 npm install @aswin.dev/editor
 ```
 
-`@templatical/renderer` is an optional peer — install it only if you need to convert templates to MJML. The two common cases are:
+`@aswin.dev/renderer` is an optional peer — install it only if you need to convert templates to MJML. The two common cases are:
 
 - **In the browser, alongside the editor**, when you call `editor.toMjml()` to export from the user's session.
 - **In Node.js (or another runtime)**, when you only have stored template JSON and want to convert it to MJML server-side. You don't need the editor for this — install just the renderer.
 
 ```bash
-npm install @templatical/renderer
+npm install @aswin.dev/renderer
 ```
 
 If you call `editor.toMjml()` without the renderer installed, it throws a clear error naming the missing package.
@@ -44,7 +44,7 @@ const editor = await init({
   },
 });
 
-// Render to MJML when sending email — async; requires @templatical/renderer
+// Render to MJML when sending email — async; requires @aswin.dev/renderer
 const mjml = await editor.toMjml();
 
 // Always unmount when removing the editor (cleans up listeners + DOM)

package/dist/{AccessibilityPanel-CvQGLdu6.js → AccessibilityPanel-COL6Wm7p.js}

@@ -1,11 +1,11 @@
-import { Dt as e, E as t, L as n, M as r, Mt as i, P as a, S as o, _ as s, b as c, d as l, g as u, h as d, it as f, m as p, p as m, y as h } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { m as g, t as _ } from "./keys-ciNfSSGj.js";
-import { t as v } from "./useI18n-lb2DHDiu.js";
-import { t as y } from "./createLucideIcon-C3pa2siy.js";
-import { t as b } from "./accessibility-e8JYu_zd.js";
-import { t as x } from "./circle-alert-DZuGWPX-.js";
-import { t as S } from "./info-CJEC7piy.js";
-import { t as C } from "./triangle-alert-aOXceTSe.js";
+import { At as e, C as t, D as n, F as r, Ft as i, N as a, R as o, _ as s, b as c, f as l, g as u, h as d, m as f, st as p, v as m, x as h } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { m as g, t as _ } from "./keys-CvX8D-8C.js";
+import { t as v } from "./useI18n-C2xQZ6K9.js";
+import { t as y } from "./createLucideIcon-ClREiSx3.js";
+import { t as b } from "./accessibility-BU09xZrQ.js";
+import { t as x } from "./circle-alert-ZQQc98HC.js";
+import { t as S } from "./info-BSPGcsSM.js";
+import { t as C } from "./triangle-alert-KpDVNbpn.js";
 var w = y("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -24,84 +24,84 @@ var w = y("arrow-right", [["path", {
 }, M = { class: "tpl:ml-auto tpl:font-normal tpl:opacity-70" }, N = {
 	key: 1,
 	class: "tpl:m-0 tpl:mb-3 tpl:flex tpl:list-none tpl:flex-col tpl:gap-2 tpl:p-0"
-}, P = { class: "tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, F = { class: "tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, I = { class: "tpl:flex tpl:gap-1.5" }, L = ["onClick"], R = ["title", "onClick"], z = /* @__PURE__ */ o({
+}, P = { class: "tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, F = { class: "tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, I = { class: "tpl:flex tpl:gap-1.5" }, L = ["onClick"], R = ["title", "onClick"], z = /* @__PURE__ */ t({
 	__name: "AccessibilityPanel",
-	setup(o) {
-		let { t: y, format: z } = v(), B = t(_, null), V = t(g, null), H = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "error")), U = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "warning")), W = m(() => (B?.issues.value ?? []).filter((e) => e.severity === "info")), G = m(() => H.value.length + U.value.length + W.value.length);
+	setup(t) {
+		let { t: y, format: z } = v(), B = n(_, null), V = n(g, null), H = f(() => (B?.issues.value ?? []).filter((e) => e.severity === "error")), U = f(() => (B?.issues.value ?? []).filter((e) => e.severity === "warning")), W = f(() => (B?.issues.value ?? []).filter((e) => e.severity === "info")), G = f(() => H.value.length + U.value.length + W.value.length);
 		function K(e) {
 			V && e.blockId && V.selectBlock(e.blockId);
 		}
 		function q(e) {
 			B?.applyFix(e);
 		}
-		return (t, o) => (r(), s("div", E, [p("header", D, [
-			c(f(b), {
+		return (t, n) => (a(), m("div", E, [d("header", D, [
+			h(p(b), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
-			p("h3", O, i(f(y).accessibility.panelTitle), 1),
-			G.value > 0 ? (r(), s("span", {
+			d("h3", O, i(p(y).accessibility.panelTitle), 1),
+			G.value > 0 ? (a(), m("span", {
 				key: 0,
 				class: "tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]",
-				title: f(z)(f(y).accessibility.issueCountTooltip, { count: G.value })
-			}, i(G.value), 9, k)) : u("", !0)
-		]), !f(B) || f(B).unavailable.value ? (r(), s("div", A)) : G.value === 0 ? (r(), s("div", j, i(f(y).accessibility.emptyState), 1)) : (r(!0), s(l, { key: 2 }, a([
+				title: p(z)(p(y).accessibility.issueCountTooltip, { count: G.value })
+			}, i(G.value), 9, k)) : s("", !0)
+		]), !p(B) || p(B).unavailable.value ? (a(), m("div", A)) : G.value === 0 ? (a(), m("div", j, i(p(y).accessibility.emptyState), 1)) : (a(!0), m(l, { key: 2 }, r([
 			{
 				key: "errors",
-				title: f(y).accessibility.groupErrors,
-				icon: f(x),
+				title: p(y).accessibility.groupErrors,
+				icon: p(x),
 				items: H.value,
 				tone: "tpl:text-[var(--tpl-danger)]"
 			},
 			{
 				key: "warnings",
-				title: f(y).accessibility.groupWarnings,
-				icon: f(C),
+				title: p(y).accessibility.groupWarnings,
+				icon: p(C),
 				items: U.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
-				title: f(y).accessibility.groupInfo,
-				icon: f(S),
+				title: p(y).accessibility.groupInfo,
+				icon: p(S),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}
-		], (t) => (r(), s("section", { key: t.key }, [t.items.length > 0 ? (r(), s("header", {
+		], (t) => (a(), m("section", { key: t.key }, [t.items.length > 0 ? (a(), m("header", {
 			key: 0,
 			class: e(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", t.tone])
 		}, [
-			(r(), d(n(t.icon), {
+			(a(), u(o(t.icon), {
 				size: 12,
 				"stroke-width": 2
 			})),
-			h(" " + i(t.title) + " ", 1),
-			p("span", M, i(t.items.length), 1)
-		], 2)) : u("", !0), t.items.length > 0 ? (r(), s("ul", N, [(r(!0), s(l, null, a(t.items, (e) => (r(), s("li", {
+			c(" " + i(t.title) + " ", 1),
+			d("span", M, i(t.items.length), 1)
+		], 2)) : s("", !0), t.items.length > 0 ? (a(), m("ul", N, [(a(!0), m(l, null, r(t.items, (e) => (a(), m("li", {
 			key: `${e.ruleId}-${e.blockId ?? "template"}`,
 			class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3"
 		}, [
-			p("p", P, i(e.message), 1),
-			p("p", F, i(e.ruleId), 1),
-			p("div", I, [e.blockId ? (r(), s("button", {
+			d("p", P, i(e.message), 1),
+			d("p", F, i(e.ruleId), 1),
+			d("div", I, [e.blockId ? (a(), m("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]",
 				onClick: (t) => K(e)
-			}, [c(f(w), {
+			}, [h(p(w), {
 				size: 10,
 				"stroke-width": 2
-			}), h(" " + i(f(y).accessibility.jump), 1)], 8, L)) : u("", !0), e.fix ? (r(), s("button", {
+			}), c(" " + i(p(y).accessibility.jump), 1)], 8, L)) : s("", !0), e.fix ? (a(), m("button", {
 				key: 1,
 				type: "button",
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-white",
 				title: e.fix.description,
 				onClick: (t) => q(e)
-			}, [c(f(T), {
+			}, [h(p(T), {
 				size: 10,
 				"stroke-width": 2
-			}), h(" " + i(f(y).accessibility.fix), 1)], 8, R)) : u("", !0)])
-		]))), 128))])) : u("", !0)]))), 128))]));
+			}), c(" " + i(p(y).accessibility.fix), 1)], 8, R)) : s("", !0)])
+		]))), 128))])) : s("", !0)]))), 128))]));
 	}
 });
 //#endregion

package/dist/{AiChatSidebar-B3SJIKG_.js → AiChatSidebar-DWGPVtvC.js}

@@ -1,23 +1,23 @@
-import { Dt as e, E as t, H as n, M as r, Mt as i, O as a, P as o, Q as s, S as c, V as ee, _ as l, b as u, d, g as f, h as p, it as m, k as h, m as g, s as te, t as ne, y as _, z as v } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { o as re, s as ie } from "./dist-B1IR0bpH.js";
-import { O as y, i as ae, l as oe, m as se, v as ce } from "./keys-ciNfSSGj.js";
-import { t as b } from "./createLucideIcon-C3pa2siy.js";
-import { t as le } from "./circle-alert-DZuGWPX-.js";
-import { t as ue } from "./loader-circle-DsY5Yg33.js";
-import { t as de } from "./send-DH4oDQqC.js";
-import { t as x } from "./sparkles-CvRXGqFs.js";
-import { t as fe } from "./trash-2-DbP2Y6t2.js";
-import { t as pe } from "./x-u2oVmjN_.js";
-import { t as me } from "./LoadingTrack-B0CWFHXQ.js";
-import { t as S } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { i as C } from "./cloud-DEk_b4CR.js";
-var w = b("redo-2", [["path", {
+import { A as e, At as t, C as n, D as r, F as i, Ft as a, N as o, U as ee, V as s, W as te, _ as c, b as l, c as ne, et as u, f as d, g as f, h as p, k as re, st as m, t as ie, v as h, x as g } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { c as ae, l as oe } from "./dist-CivF9P8b.js";
+import { A as _, i as se, l as v, m as ce, y as le } from "./keys-CvX8D-8C.js";
+import { t as y } from "./createLucideIcon-ClREiSx3.js";
+import { t as b } from "./circle-alert-ZQQc98HC.js";
+import { t as ue } from "./loader-circle-Balo8p3d.js";
+import { t as de } from "./send-D2eSo4GH.js";
+import { t as x } from "./sparkles-Chm5CZfb.js";
+import { t as fe } from "./trash-2-CtK2apEH.js";
+import { t as pe } from "./x-BkaOMosX.js";
+import { t as S } from "./LoadingTrack-Ba2pfF57.js";
+import { t as C } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+import { i as w } from "./cloud-6ZmAvF0j.js";
+var T = y("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"
 }], ["path", {
 	d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13",
 	key: "6uklza"
-}]]), T = b("undo-2", [["path", {
+}]]), E = y("undo-2", [["path", {
 	d: "M9 14 4 9l5-5",
 	key: "102s5s"
 }], ["path", {
@@ -26,27 +26,27 @@ var w = b("redo-2", [["path", {
 }]]);
 //#endregion
 //#region src/composables/useAliveFlag.ts
-function E() {
-	let e = { alive: !0 };
-	return h(() => {
-		e.alive = !1;
-	}), e;
+function D() {
+	let t = { alive: !0 };
+	return e(() => {
+		t.alive = !1;
+	}), t;
 }
 //#endregion
 //#region src/cloud/components/AiChatSidebar.vue?vue&type=script&setup=true&lang.ts
-var D = {
+var O = {
 	key: 0,
 	class: "tpl-ai-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
-}, O = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, A = { class: "tpl:flex tpl:items-center tpl:gap-1" }, j = ["title"], M = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, N = {
+}, k = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, A = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, j = { class: "tpl:flex tpl:items-center tpl:gap-1" }, M = ["title"], N = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" }, P = {
 	key: 0,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, P = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, F = {
+}, F = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, I = {
 	key: 1,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, I = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, L = {
+}, L = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, R = {
 	key: 2,
 	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, R = {
+}, z = {
 	key: 0,
 	class: "tpl:self-end tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm",
 	style: {
@@ -55,10 +55,10 @@ var D = {
 		"max-width": "85%",
 		"box-shadow": "var(--tpl-shadow)"
 	}
-}, z = {
+}, B = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, B = {
+}, me = {
 	key: 1,
 	class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3.5 tpl:py-2.5 tpl:text-sm tpl:whitespace-pre-wrap",
 	style: {
@@ -81,24 +81,24 @@ var D = {
 		"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: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)]" }, V = /* @__PURE__ */ S(/* @__PURE__ */ c({
+}, _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: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)]" }, V = /* @__PURE__ */ C(/* @__PURE__ */ n({
 	__name: "AiChatSidebar",
 	props: {
 		visible: { type: Boolean },
 		onApply: { type: Function }
 	},
 	emits: ["close"],
-	setup(c, { emit: h }) {
-		let b = c, S = h, V = y(oe, "AiChatSidebar"), H = y(se, "AiChatSidebar"), we = y(ae, "AiChatSidebar"), U = t(ce, []), W = E(), G = C({
+	setup(e, { emit: n }) {
+		let y = e, C = n, V = _(v, "AiChatSidebar"), H = _(ce, "AiChatSidebar"), we = _(se, "AiChatSidebar"), U = r(le, []), W = D(), G = w({
 			authManager: we,
 			getTemplateId: () => H.state.template?.id ?? null,
-			onApply: b.onApply,
+			onApply: y.onApply,
 			onError: void 0
-		}), K = s(""), q = s(null), J = s(!1), Y = s(0), { pause: X, resume: Te } = re(() => {
+		}), K = u(""), q = u(null), J = u(!1), Y = u(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 });
-		v(() => G.suggestions.value?.length ?? 0, (e) => {
+		}, 150, { immediate: !1 }), { start: Ee } = oe(() => Te(), 100, { immediate: !1 });
+		s(() => G.suggestions.value?.length ?? 0, (e) => {
 			if (X(), e === 0) {
 				Y.value = 0;
 				return;
@@ -106,11 +106,11 @@ var D = {
 			Y.value = 0, Ee();
 		});
 		function Z() {
-			a(() => {
+			re(() => {
 				q.value && (q.value.scrollTop = q.value.scrollHeight);
 			});
 		}
-		v(() => G.messages.value?.length ?? 0, () => Z()), v(() => b.visible, async (e) => {
+		s(() => G.messages.value?.length ?? 0, () => Z()), s(() => y.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);
@@ -129,7 +129,7 @@ var D = {
 		function Oe(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
 		}
-		return (t, a) => (r(), p(ne, {
+		return (n, r) => (o(), f(ie, {
 			"enter-active-class": "tpl-ai-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -137,42 +137,42 @@ var D = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ee(() => [c.visible ? (r(), l("div", D, [
-				g("div", O, [g("div", k, [u(m(x), {
+			default: ee(() => [e.visible ? (o(), h("div", O, [
+				p("div", k, [p("div", A, [g(m(x), {
 					size: 13,
 					"stroke-width": 2
-				}), g("span", null, i(m(V).aiChat.title), 1)]), g("div", A, [(m(G).messages.value?.length ?? 0) > 0 ? (r(), l("button", {
+				}), p("span", null, a(m(V).aiChat.title), 1)]), p("div", j, [(m(G).messages.value?.length ?? 0) > 0 ? (o(), h("button", {
 					key: 0,
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
 					title: m(V).aiChat.clear,
-					onClick: a[0] ||= (e) => m(G).clearChat()
-				}, [u(m(fe), {
+					onClick: r[0] ||= (e) => m(G).clearChat()
+				}, [g(m(fe), {
 					size: 14,
 					"stroke-width": 2
-				})], 8, j)) : f("", !0), g("button", {
+				})], 8, M)) : c("", !0), p("button", {
 					class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-					onClick: a[1] ||= (e) => S("close")
-				}, [u(m(pe), {
+					onClick: r[1] ||= (e) => C("close")
+				}, [g(m(pe), {
 					size: 14,
 					"stroke-width": 2
 				})])])]),
-				g("div", M, [
-					g("div", {
+				p("div", N, [
+					p("div", {
 						ref_key: "messagesContainer",
 						ref: q,
 						class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4"
-					}, [m(G).isLoadingHistory.value ? (r(), l("div", N, [u(m(ue), {
+					}, [m(G).isLoadingHistory.value ? (o(), h("div", P, [g(m(ue), {
 						class: "tpl-spinner tpl:text-[var(--tpl-text-muted)]",
 						size: 24,
 						"stroke-width": 2
-					}), g("p", P, i(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (r(), l("div", F, [u(m(x), {
+					}), p("p", F, a(m(V).aiChat.loadingHistory), 1)])) : (m(G).messages.value?.length ?? 0) === 0 ? (o(), h("div", I, [g(m(x), {
 						size: 32,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
-					}), g("p", I, i(m(V).aiChat.placeholder), 1)])) : (r(), l("div", L, [(r(!0), l(d, null, o(m(G).messages.value, (e, t) => (r(), l("div", {
+					}), p("p", L, a(m(V).aiChat.placeholder), 1)])) : (o(), h("div", R, [(o(!0), h(d, null, i(m(G).messages.value, (e, t) => (o(), h("div", {
 						key: e.id,
 						class: "tpl:flex tpl:flex-col tpl:gap-2"
-					}, [e.role === "user" ? (r(), l("div", R, i(e.content), 1)) : (r(), l("div", z, [!$(e.content) && m(G).isGenerating.value && t === (m(G).messages.value?.length ?? 0) - 1 ? (r(), p(me, { key: 0 })) : (r(), l("div", B, i($(e.content) || m(V).aiChat.applied), 1)), e.id === m(G).lastApplyMessageId.value && !m(G).isGenerating.value ? (r(), l("button", {
+					}, [e.role === "user" ? (o(), h("div", z, a(e.content), 1)) : (o(), h("div", B, [!$(e.content) && m(G).isGenerating.value && t === (m(G).messages.value?.length ?? 0) - 1 ? (o(), f(S, { key: 0 })) : (o(), h("div", me, a($(e.content) || m(V).aiChat.applied), 1)), e.id === m(G).lastApplyMessageId.value && !m(G).isGenerating.value ? (o(), h("button", {
 						key: 2,
 						class: "tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:self-start tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
@@ -180,50 +180,50 @@ var D = {
 							color: "var(--tpl-text-muted)",
 							"background-color": "transparent"
 						},
-						onClick: a[2] ||= (e) => m(G).toggleLastRevert()
-					}, [m(G).isLastChangeReverted.value ? (r(), l(d, { key: 0 }, [u(m(w), {
+						onClick: r[2] ||= (e) => m(G).toggleLastRevert()
+					}, [m(G).isLastChangeReverted.value ? (o(), h(d, { key: 0 }, [g(m(T), {
 						size: 12,
 						"stroke-width": 2
-					}), _(" " + i(m(V).aiChat.reapply), 1)], 64)) : (r(), l(d, { key: 1 }, [u(m(T), {
+					}), l(" " + a(m(V).aiChat.reapply), 1)], 64)) : (o(), h(d, { key: 1 }, [g(m(E), {
 						size: 12,
 						"stroke-width": 2
-					}), _(" " + i(m(V).aiChat.revert), 1)], 64))])) : f("", !0)]))]))), 128))]))], 512),
-					m(G).error.value ? (r(), l("div", he, [u(m(le), {
+					}), l(" " + a(m(V).aiChat.revert), 1)], 64))])) : c("", !0)]))]))), 128))]))], 512),
+					m(G).error.value ? (o(), h("div", he, [g(m(b), {
 						size: 14,
 						"stroke-width": 2,
 						class: "tpl:mt-0.5 tpl:shrink-0"
-					}), g("span", null, i(m(G).error.value === "ai_apply_failed" ? m(V).aiChat.applyFailed : m(V).aiChat.error), 1)])) : f("", !0),
-					(m(G).suggestions.value?.length ?? 0) > 0 ? (r(), l("div", ge, [g("div", _e, [(r(!0), l(d, null, o(m(G).suggestions.value ?? [], (t, n) => (r(), l("button", {
+					}), p("span", null, a(m(G).error.value === "ai_apply_failed" ? m(V).aiChat.applyFailed : m(V).aiChat.error), 1)])) : c("", !0),
+					(m(G).suggestions.value?.length ?? 0) > 0 ? (o(), h("div", ge, [p("div", _e, [(o(!0), h(d, null, i(m(G).suggestions.value ?? [], (e, n) => (o(), h("button", {
 						key: n,
-						class: e(["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: 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"]),
 						style: {
 							"border-color": "var(--tpl-border)",
 							color: "var(--tpl-primary)",
 							"background-color": "var(--tpl-bg)",
 							"box-shadow": "var(--tpl-shadow)"
 						},
-						onClick: (e) => De(t)
-					}, i(t), 11, ve))), 128))])])) : f("", !0)
+						onClick: (t) => De(e)
+					}, a(e), 11, ve))), 128))])])) : c("", !0)
 				]),
-				g("div", ye, [g("div", be, [n(g("textarea", {
-					"onUpdate:modelValue": a[3] ||= (e) => K.value = e,
+				p("div", ye, [p("div", be, [te(p("textarea", {
+					"onUpdate:modelValue": r[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,
 					rows: "3",
 					onKeydown: Oe
-				}, null, 40, xe), [[te, K.value]]), g("button", {
+				}, null, 40, xe), [[ne, K.value]]), p("button", {
 					class: "tpl-ai-send-btn tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1.5 tpl:transition-all tpl:duration-150 tpl:disabled:opacity-40 tpl:text-[var(--tpl-primary)]",
 					disabled: !K.value.trim() || m(G).isGenerating.value,
 					onClick: Q
-				}, [u(m(de), {
+				}, [g(m(de), {
 					size: 16,
 					"stroke-width": 2
-				})], 8, Se)]), g("p", Ce, i(m(V).aiMenu.disclaimer), 1)])
-			])) : f("", !0)]),
+				})], 8, Se)]), p("p", Ce, a(m(V).aiMenu.disclaimer), 1)])
+			])) : c("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-a55e4bff"]]);
+}), [["__scopeId", "data-v-384b60d9"]]);
 //#endregion
 export { V as default };

package/dist/{AiFeatureMenu-BLLKoOos.js → AiFeatureMenu-duUFSfDf.js}

@@ -1,11 +1,11 @@
-import { L as e, M as t, Mt as n, Ot as r, P as i, S as a, _ as o, d as s, h as c, m as l, p as u } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import "./useEditorCore-C6ost42Q.js";
-import { O as d, n as f } from "./keys-ciNfSSGj.js";
-import { t as p } from "./image-up-MBZKKg9p.js";
-import { t as m } from "./shield-check-CfJgs2Hd.js";
-import { t as h } from "./sparkles-CvRXGqFs.js";
-import { t as g } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { n as _ } from "./useCloudI18n-BuIwR6OE.js";
+import { C as e, F as t, Ft as n, N as r, R as i, f as a, g as o, h as s, jt as c, m as l, v as u } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import "./useEditorCore-wslttMH-.js";
+import { A as d, n as f } from "./keys-CvX8D-8C.js";
+import { t as p } from "./image-up-DT7gcJLN.js";
+import { t as m } from "./shield-check-jkpgcC0-.js";
+import { t as h } from "./sparkles-Chm5CZfb.js";
+import { t as g } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+import { n as _ } from "./useCloudI18n-DOKSZql1.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-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",
@@ -13,11 +13,11 @@ var v = {
 		"backdrop-filter": "blur(8px)",
 		"-webkit-backdrop-filter": "blur(8px)"
 	}
-}, 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__ */ a({
+}, 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__ */ e({
 	__name: "AiFeatureMenu",
 	props: { activeFeature: {} },
 	emits: ["select"],
-	setup(a, { emit: g }) {
+	setup(e, { emit: g }) {
 		let C = g, { t: w } = _(), T = d(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
@@ -35,29 +35,29 @@ var v = {
 				key: "scoring",
 				icon: m
 			}
-		], O = u(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
+		], O = l(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
 		function k(e) {
 			return e === "ai-chat" ? w.aiMenu.aiAssistant : e === "design-reference" ? w.aiMenu.designToTemplate : w.aiMenu.templateScore;
 		}
 		function A(e) {
 			return e === "ai-chat" ? w.aiMenu.aiAssistantDesc : e === "design-reference" ? w.aiMenu.designToTemplateDesc : w.aiMenu.templateScoreDesc;
 		}
-		return (u, d) => (t(), o("div", v, [(t(!0), o(s, null, i(O.value, (i) => (t(), o("button", {
-			key: i.key,
+		return (l, d) => (r(), u("div", v, [(r(!0), u(a, null, t(O.value, (t) => (r(), u("button", {
+			key: t.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 tpl:duration-100",
-			style: r({ backgroundColor: a.activeFeature === i.key ? "var(--tpl-primary-light)" : "transparent" }),
-			onClick: (e) => C("select", i.key)
-		}, [l("div", {
+			style: c({ backgroundColor: e.activeFeature === t.key ? "var(--tpl-primary-light)" : "transparent" }),
+			onClick: (e) => C("select", t.key)
+		}, [s("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: r({
-				backgroundColor: a.activeFeature === i.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
-				color: a.activeFeature === i.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
+			style: c({
+				backgroundColor: e.activeFeature === t.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
+				color: e.activeFeature === t.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
 			})
-		}, [(t(), c(e(i.icon), {
+		}, [(r(), o(i(t.icon), {
 			size: 15,
 			"stroke-width": 2
-		}))], 4), l("div", b, [l("span", x, n(k(i.key)), 1), l("span", S, n(A(i.key)), 1)])], 12, y))), 128))]));
+		}))], 4), s("div", b, [s("span", x, n(k(t.key)), 1), s("span", S, n(A(t.key)), 1)])], 12, y))), 128))]));
 	}
-}), [["__scopeId", "data-v-07839fa3"]]);
+}), [["__scopeId", "data-v-98d85462"]]);
 //#endregion
 export { C as default };

package/dist/{BlockA11yBadge-CXDLqkcJ.js → BlockA11yBadge-Qs6HtXid.js}

@@ -1,33 +1,33 @@
-import { Dt as e, E as t, M as n, S as r, _ as i, g as a, h as o, it as s, p as c } from "./vue.runtime.esm-bundler-DpvJL-nX.js";
-import { t as l } from "./keys-ciNfSSGj.js";
-import { t as u } from "./useI18n-lb2DHDiu.js";
-import { t as d } from "./circle-alert-DZuGWPX-.js";
-import { t as f } from "./triangle-alert-aOXceTSe.js";
+import { At as e, C as t, D as n, N as r, _ as i, g as a, m as o, st as s, v as c } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { t as l } from "./keys-CvX8D-8C.js";
+import { t as u } from "./useI18n-C2xQZ6K9.js";
+import { t as d } from "./circle-alert-ZQQc98HC.js";
+import { t as f } from "./triangle-alert-KpDVNbpn.js";
 //#region src/components/canvas/BlockA11yBadge.vue?vue&type=script&setup=true&lang.ts
-var p = ["title", "aria-label"], m = /* @__PURE__ */ r({
+var p = ["title", "aria-label"], m = /* @__PURE__ */ t({
 	__name: "BlockA11yBadge",
 	props: { blockId: {} },
-	setup(r) {
-		let m = r, { t: h } = u(), g = t(l, null), _ = c(() => (g?.issues.value ?? []).filter((e) => e.blockId === m.blockId)), v = c(() => _.value.some((e) => e.severity === "error") ? "error" : _.value.some((e) => e.severity === "warning") ? "warning" : null), y = c(() => v.value === "error" ? h.accessibility.badgeError : h.accessibility.badgeWarning);
-		return (t, r) => v.value ? (n(), i("span", {
+	setup(t) {
+		let m = t, { t: h } = u(), g = n(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.accessibility.badgeError : h.accessibility.badgeWarning);
+		return (t, n) => v.value ? (r(), c("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)]"]),
 			title: y.value,
 			"aria-label": y.value,
 			role: "img"
-		}, [v.value === "error" ? (n(), o(s(d), {
+		}, [v.value === "error" ? (r(), a(s(d), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2.25,
 			fill: "currentColor",
 			stroke: "var(--tpl-bg)"
-		})) : (n(), o(s(f), {
+		})) : (r(), a(s(f), {
 			key: 1,
 			size: 14,
 			"stroke-width": 2.25,
 			fill: "currentColor",
 			stroke: "var(--tpl-bg)"
-		}))], 10, p)) : a("", !0);
+		}))], 10, p)) : i("", !0);
 	}
 });
 //#endregion