@templatical/editor 0.0.4 → 0.0.6

package/dist/{SaveModuleDialog-BaaeH5Xm.js → SaveModuleDialog-Kde6X13X.js}

@@ -1,11 +1,11 @@
-import "./useEditorCore-CjwRMl7K.js";
-import { b as e, f as t } from "./keys-C0MQRs8d.js";
-import { t as n } from "./useI18n-D6m7ZUgY.js";
-import { t as r } from "./loader-circle-BTQQxC3l.js";
-import { t as i } from "./TplModal-CmTSvCY-.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, vModelText as S, watch as C, withCtx as ee, withDirectives as te } from "vue";
+import { T as e, b as t, f as n } from "./keys-C0MQRs8d.js";
+import { t as r } from "./useI18n-D6m7ZUgY.js";
+import "./useEditorCore-ColJh1ST.js";
+import { t as i } from "./loader-circle-DilFjHSk.js";
+import { t as a } from "./TplModal-BCruYWks.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as ee, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, vModelText as x, watch as S, withCtx as te, withDirectives as ne } from "vue";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
-var ne = ["aria-busy"], w = {
+var C = ["aria-busy"], w = {
 	id: "tpl-save-module-title",
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
 }, T = { class: "tpl:mb-3" }, E = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, D = ["placeholder", "disabled"], O = { class: "tpl:mb-3" }, k = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, A = { class: "tpl:max-h-40 tpl:space-y-1 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:p-2 tpl:border-[var(--tpl-border)]" }, j = [
@@ -27,19 +27,19 @@ var ne = ["aria-busy"], w = {
 	},
 	emits: ["close", "saved"],
 	setup(p, { emit: R }) {
-		let z = p, B = R, { t: V } = n(), H = m(t), U = m(e), W = v(""), G = v(/* @__PURE__ */ new Set()), K = v(!1), q = v(null), J = o(() => H.content.value.blocks);
+		let z = p, B = R, { t: V } = r(), H = e(n, "SaveModuleDialog"), U = e(t, "SaveModuleDialog"), W = _(""), G = _(/* @__PURE__ */ new Set()), K = _(!1), q = _(null), J = s(() => H.content.value.blocks);
 		function Y(e, t) {
 			let n = e.type;
 			return `${V.blocks[n] ?? e.type} ${t + 1}`;
 		}
-		C(() => z.visible, (e) => {
+		S(() => z.visible, (e) => {
 			e && (W.value = "", q.value = null, G.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
 		});
 		function X(e) {
 			let t = new Set(G.value);
 			t.has(e) ? t.delete(e) : t.add(e), G.value = t;
 		}
-		let Z = o(() => W.value.trim().length > 0 && G.value.size > 0 && !K.value);
+		let Z = s(() => W.value.trim().length > 0 && G.value.size > 0 && !K.value);
 		async function Q() {
 			if (Z.value) {
 				K.value = !0, q.value = null;
@@ -59,12 +59,12 @@ var ne = ["aria-busy"], w = {
 		function re(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (e, t) => (_(), s(i, {
+		return (e, t) => (g(), c(a, {
 			visible: p.visible,
 			onClose: $,
 			onKeydown: re
 		}, {
-			default: ee(() => [u("div", {
+			default: te(() => [u("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-busy": K.value,
@@ -75,18 +75,18 @@ var ne = ["aria-busy"], w = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				u("h3", w, b(x(V).modules.saveAsModule), 1),
-				u("div", T, [u("label", E, b(x(V).modules.moduleName), 1), te(u("input", {
+				u("h3", w, y(b(V).modules.saveAsModule), 1),
+				u("div", T, [u("label", E, y(b(V).modules.moduleName), 1), ne(u("input", {
 					"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
 					type: "text",
-					placeholder: x(V).modules.moduleNamePlaceholder,
+					placeholder: b(V).modules.moduleNamePlaceholder,
 					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
 					disabled: K.value
-				}, null, 8, D), [[S, W.value]])]),
-				u("div", O, [u("label", k, b(x(V).modules.selectBlocks), 1), u("div", A, [(_(!0), l(a, null, y(J.value, (e, t) => (_(), l("label", {
+				}, null, 8, D), [[x, W.value]])]),
+				u("div", O, [u("label", k, y(b(V).modules.selectBlocks), 1), u("div", A, [(g(!0), l(o, null, v(J.value, (e, t) => (g(), l("label", {
 					key: e.id,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100",
-					style: g({
+					style: h({
 						color: "var(--tpl-text)",
 						backgroundColor: G.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
 					})
@@ -96,24 +96,24 @@ var ne = ["aria-busy"], w = {
 					class: "tpl:accent-[var(--tpl-primary)]",
 					disabled: K.value,
 					onChange: (t) => X(e.id)
-				}, null, 40, j), d(" " + b(Y(e, t)), 1)], 4))), 128))])]),
-				q.value ? (_(), l("p", M, b(q.value), 1)) : c("", !0),
+				}, null, 40, j), d(" " + y(Y(e, t)), 1)], 4))), 128))])]),
+				q.value ? (g(), l("p", M, y(q.value), 1)) : ee("", !0),
 				u("div", N, [u("button", {
 					type: "button",
-					class: h(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": K.value }]),
+					class: m(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": K.value }]),
 					disabled: K.value,
 					onClick: $
-				}, b(x(V).modules.cancel), 11, P), u("button", {
+				}, y(b(V).modules.cancel), 11, P), u("button", {
 					type: "button",
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !Z.value,
 					onClick: Q
-				}, [K.value ? (_(), l("span", I, [f(x(r), {
+				}, [K.value ? (g(), l("span", I, [f(b(i), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + b(x(V).modules.saving), 1)])) : (_(), l("span", L, b(x(V).modules.save), 1))], 8, F)])
-			], 8, ne)]),
+				}), d(" " + y(b(V).modules.saving), 1)])) : (g(), l("span", L, y(b(V).modules.save), 1))], 8, F)])
+			], 8, C)]),
 			_: 1
 		}, 8, ["visible"]));
 	}

package/dist/{SnapshotHistory-BPfjiuu1.js → SnapshotHistory-B3EfIcLW.js}

@@ -1,11 +1,11 @@
-import "./useEditorCore-CjwRMl7K.js";
-import { t as e } from "./dist-CG-vEqSU.js";
+import { t as e } from "./dist-Ac4o1O4a.js";
 import { t } from "./useI18n-D6m7ZUgY.js";
-import { n } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as r } from "./chevron-down-DJLW2Q9Z.js";
-import { t as i } from "./clock-lWIIQA3C.js";
-import { t as a } from "./loader-circle-BTQQxC3l.js";
-import { t as o } from "./formatRelativeTime-DX3FgqN9.js";
+import "./useEditorCore-ColJh1ST.js";
+import { n } from "./_plugin-vue_export-helper-5TQrnOhO.js";
+import { t as r } from "./chevron-down-CjsV1T0W.js";
+import { t as i } from "./clock-CAjdSHBy.js";
+import { t as a } from "./loader-circle-DilFjHSk.js";
+import { t as o } from "./formatRelativeTime-D8f6NR7i.js";
 import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
 var w = n("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/TemplateScoringPanel-D2vCRGgx.js

@@ -0,0 +1,254 @@
+import { T as e, f as t, g as n, x as r } from "./keys-C0MQRs8d.js";
+import { t as ee } from "./useI18n-D6m7ZUgY.js";
+import { n as i, t as a } from "./_plugin-vue_export-helper-5TQrnOhO.js";
+import { t as te } from "./chevron-down-CjsV1T0W.js";
+import { t as o } from "./circle-alert-CVTmJHKW.js";
+import { n as ne, r as re, t as s } from "./refresh-cw-4r7rkHHX.js";
+import { t as ie } from "./loader-circle-DilFjHSk.js";
+import { t as c } from "./shield-check-9dhLdyST.js";
+import { t as l } from "./sparkles-Co9fkDcv.js";
+import { t as u } from "./triangle-alert-Dvt51agD.js";
+import { t as d } from "./x-CU2XZOkQ.js";
+import { t as f } from "./LoadingTrack--aUassFH.js";
+import { Fragment as p, Transition as ae, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, normalizeClass as oe, normalizeStyle as S, openBlock as C, ref as se, renderList as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, watch as ce, withCtx as le } from "vue";
+var O = i("shield-x", [
+	["path", {
+		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+		key: "oel41y"
+	}],
+	["path", {
+		d: "m14.5 9.5-5 5",
+		key: "17q4r4"
+	}],
+	["path", {
+		d: "m9.5 9.5 5 5",
+		key: "18nt4w"
+	}]
+]), k = i("zap", [["path", {
+	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+	key: "1xq2db"
+}]]);
+//#endregion
+//#region src/cloud/utils/scoringStyles.ts
+function A(e) {
+	return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
+}
+function j(e) {
+	return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
+}
+function M(e) {
+	return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
+}
+function N(e) {
+	return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
+}
+//#endregion
+//#region src/cloud/components/TemplateScoringPanel.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	key: 0,
+	class: "tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+}, 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 = {
+	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 = {
+	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)]" }, W = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, ue = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, de = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, fe = {
+	key: 0,
+	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
+}, pe = ["onClick"], me = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, he = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, ge = {
+	key: 0,
+	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
+}, _e = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, ve = { class: "tpl:flex tpl:items-start tpl:gap-2" }, ye = { class: "tpl:flex-1 tpl:min-w-0" }, be = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, xe = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, Se = {
+	key: 0,
+	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
+}, Ce = {
+	key: 1,
+	class: "tpl:mt-2 tpl:flex tpl:justify-center"
+}, we = ["disabled", "onClick"], Te = {
+	key: 0,
+	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
+}, Ee = {
+	key: 3,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, De = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Oe = { 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__ */ a(/* @__PURE__ */ b({
+	__name: "TemplateScoringPanel",
+	props: { visible: { type: Boolean } },
+	emits: ["close"],
+	setup(i, { emit: a }) {
+		let b = i, G = a, { t: K } = ee(), q = e(t, "TemplateScoringPanel"), J = e(r, "TemplateScoringPanel"), Y = x(n, []), X = se({
+			spam: !0,
+			readability: !0,
+			accessibility: !0,
+			bestPractices: !0
+		});
+		function ke(e) {
+			X.value[e] = !X.value[e];
+		}
+		let Z = [
+			"spam",
+			"readability",
+			"accessibility",
+			"bestPractices"
+		], Ae = {
+			spam: O,
+			readability: re,
+			accessibility: l,
+			bestPractices: k
+		};
+		function Q() {
+			J.score(q.content.value, Y);
+		}
+		ce(() => b.visible, (e) => {
+			e && !J.scoringResult.value && !J.isScoring.value && Q();
+		});
+		async function je(e) {
+			if (!e.blockId) return;
+			let t = q.content.value.blocks.find((t) => t.id === e.blockId);
+			if (!t) return;
+			let n = t.content;
+			if (!n) return;
+			let r = await J.fixFinding(n, e, Y);
+			r && (q.updateBlock(e.blockId, { content: r }), J.removeFinding(e.category, e.id));
+		}
+		function $() {
+			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
+		}
+		return (e, t) => (C(), m(ae, {
+			"enter-active-class": "tpl-scoring-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-scoring-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: le(() => [i.visible ? (C(), g("div", P, [_("div", F, [_("div", I, [y(D(c), {
+				size: 13,
+				"stroke-width": 2
+			}), _("span", null, E(D(K).scoring.title), 1)]), _("div", L, [D(J).scoringResult.value && !D(J).isScoring.value ? (C(), g("button", {
+				key: 0,
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				title: D(K).scoring.rescore,
+				onClick: t[0] ||= (e) => Q()
+			}, [y(D(s), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, R)) : h("", !0), _("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
+				onClick: t[1] ||= (e) => G("close")
+			}, [y(D(d), {
+				size: 14,
+				"stroke-width": 2
+			})])])]), _("div", z, [D(J).isScoring.value ? (C(), g("div", B, [_("p", V, E(D(K).scoring.scoring), 1), y(f, { class: "tpl:w-3/4" })])) : D(J).error.value && !D(J).scoringResult.value ? (C(), g("div", H, [
+				y(D(o), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-danger)]"
+				}),
+				_("p", U, E(D(K).scoring.error), 1),
+				_("button", {
+					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
+					onClick: t[2] ||= (e) => Q()
+				}, [y(D(s), {
+					size: 12,
+					"stroke-width": 2
+				}), v(" " + E(D(K).scoring.rescore), 1)])
+			])) : D(J).scoringResult.value ? (C(), g("div", W, [
+				_("div", {
+					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
+					style: S({ backgroundColor: D(j)(D(J).scoringResult.value.score) })
+				}, [
+					_("span", {
+						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
+						style: S({ color: D(A)(D(J).scoringResult.value.score) })
+					}, E(D(J).scoringResult.value.score), 5),
+					_("span", ue, E(D(K).scoring.overallScore), 1),
+					$() > 0 ? (C(), g("span", de, E($()) + " " + E(D(K).scoring.findings), 1)) : h("", !0)
+				], 4),
+				D(J).fixError.value ? (C(), g("div", fe, [y(D(o), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), _("span", null, E(D(K).scoring.fixError), 1)])) : h("", !0),
+				(C(), g(p, null, w(Z, (e) => _("div", {
+					key: e,
+					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
+				}, [_("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:duration-100 tpl:bg-[var(--tpl-bg)]",
+					onClick: (t) => ke(e)
+				}, [
+					(C(), m(T(Ae[e]), {
+						size: 14,
+						"stroke-width": 2,
+						style: S({ color: D(A)(D(J).scoringResult.value.categories[e].score) })
+					}, null, 8, ["style"])),
+					_("span", me, E(D(K).scoring.categories[e]), 1),
+					_("span", {
+						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
+						style: S({
+							color: D(A)(D(J).scoringResult.value.categories[e].score),
+							backgroundColor: D(j)(D(J).scoringResult.value.categories[e].score)
+						})
+					}, E(D(J).scoringResult.value.categories[e].score), 5),
+					D(J).scoringResult.value.categories[e].findings.length > 0 ? (C(), g("span", he, E(D(J).scoringResult.value.categories[e].findings.length), 1)) : h("", !0),
+					y(D(te), {
+						size: 12,
+						"stroke-width": 2,
+						class: oe(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[e] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+					}, null, 8, ["class"])
+				], 8, pe), X.value[e] ? (C(), g("div", ge, [D(J).scoringResult.value.categories[e].findings.length === 0 ? (C(), g("div", _e, E(D(K).scoring.noFindings), 1)) : h("", !0), (C(!0), g(p, null, w(D(J).scoringResult.value.categories[e].findings, (e) => (C(), g("div", {
+					key: e.id,
+					class: "tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]"
+				}, [_("div", ve, [(C(), m(T(e.severity === "high" ? D(o) : e.severity === "medium" ? D(u) : D(ne)), {
+					size: 13,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0",
+					style: S({ color: D(M)(e.severity) })
+				}, null, 8, ["style"])), _("div", ye, [
+					_("div", be, [_("span", {
+						class: "tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight",
+						style: S({
+							color: D(M)(e.severity),
+							backgroundColor: D(N)(e.severity)
+						})
+					}, E(D(K).scoring.severity[e.severity]), 5), _("span", xe, E(e.message), 1)]),
+					e.suggestion ? (C(), g("p", Se, E(e.suggestion), 1)) : h("", !0),
+					e.blockId ? (C(), g("div", Ce, [_("button", {
+						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
+						style: { "background-color": "transparent" },
+						disabled: D(J).fixingFindingId.value !== null,
+						onClick: (t) => je(e)
+					}, [D(J).fixingFindingId.value === e.id ? (C(), m(D(ie), {
+						key: 0,
+						class: "tpl-spinner",
+						size: 11,
+						"stroke-width": 2
+					})) : (C(), m(D(l), {
+						key: 1,
+						size: 11,
+						"stroke-width": 2
+					})), v(" " + E(D(J).fixingFindingId.value === e.id ? D(K).scoring.fixing : D(K).scoring.fix), 1)], 8, we), D(J).fixError.value ? (C(), g("p", Te, E(D(J).fixError.value), 1)) : h("", !0)])) : h("", !0)
+				])])]))), 128))])) : h("", !0)])), 64))
+			])) : (C(), g("div", Ee, [y(D(c), {
+				size: 32,
+				"stroke-width": 1.5,
+				class: "tpl:text-[var(--tpl-text-dim)]"
+			}), _("p", De, E(D(K).scoring.emptyState), 1)])), _("p", Oe, E(D(K).aiMenu.disclaimer), 1)])])) : h("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-bb4db637"]]);
+//#endregion
+export { G as default };

package/dist/{TestEmailModal-DIAlB3e_.js → TestEmailModal-Egk0DFDf.js}

@@ -1,7 +1,7 @@
-import "./useEditorCore-CjwRMl7K.js";
 import { t as e } from "./useI18n-D6m7ZUgY.js";
-import { t } from "./loader-circle-BTQQxC3l.js";
-import { t as n } from "./TplModal-CmTSvCY-.js";
+import "./useEditorCore-ColJh1ST.js";
+import { t } from "./loader-circle-DilFjHSk.js";
+import { t as n } from "./TplModal-BCruYWks.js";
 import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, vModelSelect as _, watch as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {

package/dist/{TitleEditor-D9DPjQkX.js → TitleEditor-DwUpo4gF.js}

@@ -1,9 +1,9 @@
-import { b as e } from "./useEditorCore-CjwRMl7K.js";
-import { S as t, w as n } from "./keys-C0MQRs8d.js";
-import { t as r } from "./useI18n-D6m7ZUgY.js";
-import { a as i, i as a, n as o, r as s, t as c } from "./RichTextEditorContent-CHJlh7HJ.js";
-import { t as l } from "./loader-circle-BTQQxC3l.js";
-import { t as u } from "./scan-line-7lZPfOdm.js";
+import { S as e, w as t } from "./keys-C0MQRs8d.js";
+import { t as n } from "./useI18n-D6m7ZUgY.js";
+import { b as r } from "./useEditorCore-ColJh1ST.js";
+import { a as i, i as a, n as o, r as s, t as c } from "./RichTextEditorContent-BeqlWlWB.js";
+import { t as l } from "./loader-circle-DilFjHSk.js";
+import { t as u } from "./scan-line-684IxPQ0.js";
 import { Fragment as d, Teleport as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, inject as b, isRef as x, normalizeClass as S, normalizeStyle as C, openBlock as w, toDisplayString as T, unref as E } from "vue";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var D = { class: "tpl-text-editor-wrapper tpl:relative" }, O = ["data-tpl-theme", "aria-label"], k = ["aria-label", "title"], ee = ["aria-label", "title"], A = ["aria-label", "title"], j = {
@@ -20,17 +20,17 @@ var D = { class: "tpl-text-editor-wrapper tpl:relative" }, O = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(y, { emit: P }) {
-		let F = y, I = P, L = b(t, null), R = b(n, null), { t: z } = r(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, mergeTagEnabled: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = e({
+		let F = y, I = P, L = b(e, null), R = b(t, null), { t: z } = n(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, mergeTagEnabled: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = r({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t }) {
 				let [{ Editor: n, EditorContent: r }, { default: i }, { default: a }, { MergeTagNode: o, LogicMergeTagNode: s }] = await Promise.all([
-					import("./dist-BkIys9zn.js").then((e) => e.r),
-					import("./dist-DysAFIPy.js"),
-					import("./dist-Bu7veieH.js"),
-					import("./extensions-DEjfEFhD.js")
+					import("./dist-B4LTlrAn.js").then((e) => e.r),
+					import("./dist-DPM-DFvh.js"),
+					import("./dist-Crqkuf-w.js"),
+					import("./extensions-C6xp_B7K.js")
 				]);
 				return {
 					TiptapEditor: n,

package/dist/{TplModal-CmTSvCY-.js → TplModal-BCruYWks.js}

@@ -1,5 +1,5 @@
-import { w as e } from "./useEditorCore-CjwRMl7K.js";
-import { w as t } from "./keys-C0MQRs8d.js";
+import { w as e } from "./keys-C0MQRs8d.js";
+import { w as t } from "./useEditorCore-ColJh1ST.js";
 import { Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, inject as d, openBlock as f, ref as p, renderSlot as m, unref as h, withCtx as g, withModifiers as _ } from "vue";
 //#region src/cloud/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var v = ["data-tpl-theme"], y = /* @__PURE__ */ u({
@@ -8,8 +8,8 @@ var v = ["data-tpl-theme"], y = /* @__PURE__ */ u({
 	emits: ["close", "keydown"],
 	setup(u, { emit: y }) {
 		let b = u, x = y, S = p(null);
-		e(S, i(() => b.visible));
-		let C = d(t);
+		t(S, i(() => b.visible));
+		let C = d(e);
 		function w(e) {
 			e.key === "Escape" && x("close"), x("keydown", e);
 		}

package/dist/{_plugin-vue_export-helper-B1-bu7yR.js → _plugin-vue_export-helper-5TQrnOhO.js}

@@ -1,5 +1,5 @@
 import { computed as e, h as t, inject as n } from "vue";
-//#region ../../node_modules/.bun/@lucide+vue@1.7.0+cc44681ce9393ba4/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.js
+//#region ../../node_modules/.bun/@lucide+vue@1.11.0+987b49219a7ab62d/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
 var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
 	let t = o(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -18,7 +18,7 @@ function u() {
 	return n(l, {});
 }
 //#endregion
-//#region ../../node_modules/.bun/@lucide+vue@1.7.0+cc44681ce9393ba4/node_modules/@lucide/vue/dist/esm/Icon.js
+//#region ../../node_modules/.bun/@lucide+vue@1.11.0+987b49219a7ab62d/node_modules/@lucide/vue/dist/esm/Icon.mjs
 var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
 	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
 		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];

package/dist/{blockTypeIcons-D1RTWOkx.js → blockTypeIcons-rW4BUUNC.js}

@@ -1,5 +1,5 @@
-import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-CjwRMl7K.js";
-import { n as a } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-ColJh1ST.js";
+import { n as a } from "./_plugin-vue_export-helper-5TQrnOhO.js";
 var o = a("columns-3", [
 	["rect", {
 		width: "18",

package/dist/cdn/chunks/{AiFeatureMenu-lxVm1RjH.js → AiFeatureMenu-Dcbshcfu.js}

@@ -1,5 +1,5 @@
-import { E as e, F as t, N as n, R as r, S as i, _ as a, ct as o, d as s, h as c, lt as l, m as u, p as d } from "./draggable-BQNU47zu.js";
-import { $ as f, At as p, at as m, gt as h, jt as g, ot as _ } from "./features-ofOGnSC0.js";
+import { F as e, N as t, R as n, S as r, _ as i, ct as a, d as o, h as s, lt as c, m as l, p as u } from "./draggable-m78lz0gI.js";
+import { $ as d, Mt as f, Xt as p, at as m, gt as h, jt as g, ot as _ } from "./features-B5dGxWLi.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)]",
@@ -7,12 +7,12 @@ 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__ */ f(/* @__PURE__ */ i({
+}, 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__ */ d(/* @__PURE__ */ r({
 	__name: "AiFeatureMenu",
 	props: { activeFeature: {} },
 	emits: ["select"],
-	setup(i, { emit: f }) {
-		let C = f, { t: w } = p(), T = e(g), E = {
+	setup(r, { emit: d }) {
+		let C = d, { t: w } = g(), T = p(f, "AiFeatureMenu"), E = {
 			"ai-chat": "chat",
 			"design-reference": "designToTemplate",
 			scoring: "scoring"
@@ -29,31 +29,31 @@ var v = {
 				key: "scoring",
 				icon: _
 			}
-		], O = d(() => D.filter((e) => T.isFeatureEnabled(E[e.key])));
+		], O = u(() => 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 (e, d) => (n(), a("div", v, [(n(!0), a(s, null, t(O.value, (e) => (n(), a("button", {
+		return (u, d) => (t(), i("div", v, [(t(!0), i(o, null, e(O.value, (e) => (t(), i("button", {
 			key: e.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: o({ backgroundColor: i.activeFeature === e.key ? "var(--tpl-primary-light)" : "transparent" }),
+			style: a({ backgroundColor: r.activeFeature === e.key ? "var(--tpl-primary-light)" : "transparent" }),
 			onClick: (t) => C("select", e.key)
-		}, [u("div", {
+		}, [l("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: o({
-				backgroundColor: i.activeFeature === e.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
-				color: i.activeFeature === e.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
+			style: a({
+				backgroundColor: r.activeFeature === e.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
+				color: r.activeFeature === e.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
 			})
-		}, [(n(), c(r(e.icon), {
+		}, [(t(), s(n(e.icon), {
 			size: 15,
 			"stroke-width": 2
-		}))], 4), u("div", b, [u("span", x, l(k(e.key)), 1), u("span", S, l(A(e.key)), 1)])], 12, y))), 128))]));
+		}))], 4), l("div", b, [l("span", x, c(k(e.key)), 1), l("span", S, c(A(e.key)), 1)])], 12, y))), 128))]));
 	}
-}), [["__scopeId", "data-v-7980235a"]]);
+}), [["__scopeId", "data-v-638e1be2"]]);
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=AiFeatureMenu-lxVm1RjH.js.map
+//# sourceMappingURL=AiFeatureMenu-Dcbshcfu.js.map

package/dist/cdn/chunks/AiFeatureMenu-Dcbshcfu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiFeatureMenu-Dcbshcfu.js","names":[],"sources":["../../../src/cloud/components/AiFeatureMenu.vue","../../../src/cloud/components/AiFeatureMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t } = useI18n();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return t.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return t.aiMenu.designToTemplate;\n  return t.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return t.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return t.aiMenu.designToTemplateDesc;\n  return t.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    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)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      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\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        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)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../../composables\";\nimport { AI_CONFIG_KEY, requireInject } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed } from \"vue\";\n\nexport type AiFeature = \"ai-chat\" | \"design-reference\" | \"scoring\";\n\ndefineProps<{\n  activeFeature: AiFeature | null;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"select\", feature: AiFeature): void;\n}>();\n\nconst { t } = useI18n();\n\nconst aiConfig = requireInject(AI_CONFIG_KEY, \"AiFeatureMenu\");\n\nconst configKeyMap: Record<AiFeature, keyof AiConfig> = {\n  \"ai-chat\": \"chat\",\n  \"design-reference\": \"designToTemplate\",\n  scoring: \"scoring\",\n};\n\nconst allFeatures: { key: AiFeature; icon: typeof Sparkles }[] = [\n  { key: \"ai-chat\", icon: Sparkles },\n  { key: \"design-reference\", icon: ImageUp },\n  { key: \"scoring\", icon: ShieldCheck },\n];\n\nconst features = computed(() =>\n  allFeatures.filter((f) => aiConfig.isFeatureEnabled(configKeyMap[f.key])),\n);\n\nfunction getTitle(key: AiFeature): string {\n  if (key === \"ai-chat\") return t.aiMenu.aiAssistant;\n  if (key === \"design-reference\") return t.aiMenu.designToTemplate;\n  return t.aiMenu.templateScore;\n}\n\nfunction getDescription(key: AiFeature): string {\n  if (key === \"ai-chat\") return t.aiMenu.aiAssistantDesc;\n  if (key === \"design-reference\") return t.aiMenu.designToTemplateDesc;\n  return t.aiMenu.templateScoreDesc;\n}\n</script>\n\n<template>\n  <div\n    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)]\"\n    style=\"backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px)\"\n  >\n    <button\n      v-for=\"feature in features\"\n      :key=\"feature.key\"\n      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\"\n      :style=\"{\n        backgroundColor:\n          activeFeature === feature.key\n            ? 'var(--tpl-primary-light)'\n            : 'transparent',\n      }\"\n      @click=\"emit('select', feature.key)\"\n    >\n      <div\n        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)]\"\n        :style=\"{\n          backgroundColor:\n            activeFeature === feature.key\n              ? 'var(--tpl-primary)'\n              : 'var(--tpl-bg-active)',\n          color:\n            activeFeature === feature.key\n              ? 'var(--tpl-bg)'\n              : 'var(--tpl-text-muted)',\n        }\"\n      >\n        <component :is=\"feature.icon\" :size=\"15\" :stroke-width=\"2\" />\n      </div>\n      <div class=\"tpl:flex tpl:min-w-0 tpl:flex-col tpl:gap-0.5\">\n        <span class=\"tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]\">\n          {{ getTitle(feature.key) }}\n        </span>\n        <span\n          class=\"tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text-muted)]\"\n        >\n          {{ getDescription(feature.key) }}\n        </span>\n      </div>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tpl-ai-feature-menu-item:hover {\n  background-color: var(--tpl-bg-hover) !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAaA,IAAM,IAAO,GAIP,EAAE,SAAM,GAAS,EAEjB,IAAW,EAAc,GAAe,gBAAgB,EAExD,IAAkD;GACtD,WAAW;GACX,oBAAoB;GACpB,SAAS;GACV,EAEK,IAA2D;GAC/D;IAAE,KAAK;IAAW,MAAM;IAAU;GAClC;IAAE,KAAK;IAAoB,MAAM;IAAS;GAC1C;IAAE,KAAK;IAAW,MAAM;IAAa;GACtC,EAEK,IAAW,QACf,EAAY,QAAQ,MAAM,EAAS,iBAAiB,EAAa,EAAE,KAAK,CAAC,CAC1E;EAED,SAAS,EAAS,GAAwB;AAGxC,UAFI,MAAQ,YAAkB,EAAE,OAAO,cACnC,MAAQ,qBAA2B,EAAE,OAAO,mBACzC,EAAE,OAAO;;EAGlB,SAAS,EAAe,GAAwB;AAG9C,UAFI,MAAQ,YAAkB,EAAE,OAAO,kBACnC,MAAQ,qBAA2B,EAAE,OAAO,uBACzC,EAAE,OAAO;;yBAKhB,EA0CM,OA1CN,GA0CM,EAAA,EAAA,GAAA,EAtCJ,EAqCS,GAAA,MAAA,EApCW,EAAA,QAAX,YADT,EAqCS,UAAA;GAnCN,KAAK,EAAQ;GACd,OAAM;GACL,OAAK,EAAA,EAAA,iBAAuC,EAAA,kBAAkB,EAAQ,MAAA,6BAAA,eAAA,CAAA;GAMtE,UAAK,MAAE,EAAI,UAAW,EAAQ,IAAG;MAElC,EAcM,OAAA;GAbJ,OAAM;GACL,OAAK,EAAA;qBAA2C,EAAA,kBAAkB,EAAQ,MAAA,uBAAA;WAA8G,EAAA,kBAAkB,EAAQ,MAAA,kBAAA;;YAWnN,EAA6D,EAA7C,EAAQ,KAAI,EAAA;GAAG,MAAM;GAAK,gBAAc;YAE1D,EASM,OATN,GASM,CARJ,EAEO,QAFP,GAEO,EADF,EAAS,EAAQ,IAAG,CAAA,EAAA,EAAA,EAEzB,EAIO,QAJP,GAIO,EADF,EAAe,EAAQ,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA"}