@templatical/editor 0.0.4 → 0.0.6

package/dist/TemplateScoringPanel-D58A23Vq.js

@@ -1,249 +0,0 @@
-import { f as e, g as t, x as n } from "./keys-C0MQRs8d.js";
-import { t as r } from "./useI18n-D6m7ZUgY.js";
-import { n as i, t as a } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as ee } from "./chevron-down-DJLW2Q9Z.js";
-import { t as o } from "./circle-alert-E2vYPs5r.js";
-import { n as te, r as ne, t as s } from "./refresh-cw-Bb4PEeW1.js";
-import { t as re } from "./loader-circle-BTQQxC3l.js";
-import { t as c } from "./shield-check-f-qv4RKs.js";
-import { t as l } from "./sparkles-KhBCGlqB.js";
-import { t as u } from "./triangle-alert-DOSRIUYZ.js";
-import { t as ie } from "./x-CGlq2XQe.js";
-import { t as ae } from "./LoadingTrack-vK8W2PJf.js";
-import { Fragment as d, Transition as oe, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, inject as y, normalizeClass as se, normalizeStyle as b, openBlock as x, ref as ce, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, watch as le, withCtx as ue } from "vue";
-var de = 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"
-	}]
-]), fe = 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"
-}]]), E = {
-	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)]"
-}, D = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, O = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, k = { class: "tpl:flex tpl:items-center tpl:gap-1" }, A = ["title"], j = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, M = {
-	key: 0,
-	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, N = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, P = {
-	key: 1,
-	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, F = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, I = {
-	key: 2,
-	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, L = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, R = {
-	key: 0,
-	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, z = {
-	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)]"
-}, B = ["onClick"], V = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, pe = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, me = {
-	key: 0,
-	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
-}, he = {
-	key: 0,
-	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, ge = { class: "tpl:flex tpl:items-start tpl:gap-2" }, _e = { class: "tpl:flex-1 tpl:min-w-0" }, ve = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, ye = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, be = {
-	key: 0,
-	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
-}, xe = {
-	key: 1,
-	class: "tpl:mt-2 tpl:flex tpl:justify-center"
-}, Se = ["disabled", "onClick"], Ce = {
-	key: 0,
-	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
-}, we = {
-	key: 3,
-	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, Te = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ee = { 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)]" }, H = /* @__PURE__ */ a(/* @__PURE__ */ v({
-	__name: "TemplateScoringPanel",
-	props: { visible: { type: Boolean } },
-	emits: ["close"],
-	setup(i, { emit: a }) {
-		let v = i, H = a, { t: U } = r(), W = y(e), G = y(n), K = y(t, []), q = ce({
-			spam: !0,
-			readability: !0,
-			accessibility: !0,
-			bestPractices: !0
-		});
-		function De(e) {
-			q.value[e] = !q.value[e];
-		}
-		let J = [
-			"spam",
-			"readability",
-			"accessibility",
-			"bestPractices"
-		], Oe = {
-			spam: de,
-			readability: ne,
-			accessibility: l,
-			bestPractices: fe
-		};
-		function Y(e) {
-			return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
-		}
-		function X(e) {
-			return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
-		}
-		function Z(e) {
-			return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
-		}
-		function ke(e) {
-			return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
-		}
-		function Q() {
-			G.score(W.content.value, K);
-		}
-		le(() => v.visible, (e) => {
-			e && !G.scoringResult.value && !G.isScoring.value && Q();
-		});
-		async function Ae(e) {
-			if (!e.blockId) return;
-			let t = W.content.value.blocks.find((t) => t.id === e.blockId);
-			if (!t) return;
-			let n = t.content;
-			if (!n) return;
-			let r = await G.fixFinding(n, e, K);
-			r && (W.updateBlock(e.blockId, { content: r }), G.removeFinding(e.category, e.id));
-		}
-		function $() {
-			return G.scoringResult.value ? J.reduce((e, t) => e + (G.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
-		}
-		return (e, t) => (x(), f(oe, {
-			"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: ue(() => [i.visible ? (x(), m("div", E, [h("div", D, [h("div", O, [_(T(c), {
-				size: 13,
-				"stroke-width": 2
-			}), h("span", null, w(T(U).scoring.title), 1)]), h("div", k, [T(G).scoringResult.value && !T(G).isScoring.value ? (x(), m("button", {
-				key: 0,
-				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				title: T(U).scoring.rescore,
-				onClick: t[0] ||= (e) => Q()
-			}, [_(T(s), {
-				size: 14,
-				"stroke-width": 2
-			})], 8, A)) : p("", !0), h("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) => H("close")
-			}, [_(T(ie), {
-				size: 14,
-				"stroke-width": 2
-			})])])]), h("div", j, [T(G).isScoring.value ? (x(), m("div", M, [h("p", N, w(T(U).scoring.scoring), 1), _(ae, { class: "tpl:w-3/4" })])) : T(G).error.value && !T(G).scoringResult.value ? (x(), m("div", P, [
-				_(T(o), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-danger)]"
-				}),
-				h("p", F, w(T(U).scoring.error), 1),
-				h("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()
-				}, [_(T(s), {
-					size: 12,
-					"stroke-width": 2
-				}), g(" " + w(T(U).scoring.rescore), 1)])
-			])) : T(G).scoringResult.value ? (x(), m("div", I, [
-				h("div", {
-					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
-					style: b({ backgroundColor: X(T(G).scoringResult.value.score) })
-				}, [
-					h("span", {
-						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
-						style: b({ color: Y(T(G).scoringResult.value.score) })
-					}, w(T(G).scoringResult.value.score), 5),
-					h("span", L, w(T(U).scoring.overallScore), 1),
-					$() > 0 ? (x(), m("span", R, w($()) + " " + w(T(U).scoring.findings), 1)) : p("", !0)
-				], 4),
-				T(G).fixError.value ? (x(), m("div", z, [_(T(o), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), h("span", null, w(T(U).scoring.fixError), 1)])) : p("", !0),
-				(x(), m(d, null, S(J, (e) => h("div", {
-					key: e,
-					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
-				}, [h("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) => De(e)
-				}, [
-					(x(), f(C(Oe[e]), {
-						size: 14,
-						"stroke-width": 2,
-						style: b({ color: Y(T(G).scoringResult.value.categories[e].score) })
-					}, null, 8, ["style"])),
-					h("span", V, w(T(U).scoring.categories[e]), 1),
-					h("span", {
-						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
-						style: b({
-							color: Y(T(G).scoringResult.value.categories[e].score),
-							backgroundColor: X(T(G).scoringResult.value.categories[e].score)
-						})
-					}, w(T(G).scoringResult.value.categories[e].score), 5),
-					T(G).scoringResult.value.categories[e].findings.length > 0 ? (x(), m("span", pe, w(T(G).scoringResult.value.categories[e].findings.length), 1)) : p("", !0),
-					_(T(ee), {
-						size: 12,
-						"stroke-width": 2,
-						class: se(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", q.value[e] ? "tpl:rotate-0" : "tpl:-rotate-90"])
-					}, null, 8, ["class"])
-				], 8, B), q.value[e] ? (x(), m("div", me, [T(G).scoringResult.value.categories[e].findings.length === 0 ? (x(), m("div", he, w(T(U).scoring.noFindings), 1)) : p("", !0), (x(!0), m(d, null, S(T(G).scoringResult.value.categories[e].findings, (e) => (x(), m("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)]"
-				}, [h("div", ge, [(x(), f(C(e.severity === "high" ? T(o) : e.severity === "medium" ? T(u) : T(te)), {
-					size: 13,
-					"stroke-width": 2,
-					class: "tpl:mt-0.5 tpl:shrink-0",
-					style: b({ color: Z(e.severity) })
-				}, null, 8, ["style"])), h("div", _e, [
-					h("div", ve, [h("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: b({
-							color: Z(e.severity),
-							backgroundColor: ke(e.severity)
-						})
-					}, w(T(U).scoring.severity[e.severity]), 5), h("span", ye, w(e.message), 1)]),
-					e.suggestion ? (x(), m("p", be, w(e.suggestion), 1)) : p("", !0),
-					e.blockId ? (x(), m("div", xe, [h("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: T(G).fixingFindingId.value !== null,
-						onClick: (t) => Ae(e)
-					}, [T(G).fixingFindingId.value === e.id ? (x(), f(T(re), {
-						key: 0,
-						class: "tpl-spinner",
-						size: 11,
-						"stroke-width": 2
-					})) : (x(), f(T(l), {
-						key: 1,
-						size: 11,
-						"stroke-width": 2
-					})), g(" " + w(T(G).fixingFindingId.value === e.id ? T(U).scoring.fixing : T(U).scoring.fix), 1)], 8, Se), T(G).fixError.value ? (x(), m("p", Ce, w(T(G).fixError.value), 1)) : p("", !0)])) : p("", !0)
-				])])]))), 128))])) : p("", !0)])), 64))
-			])) : (x(), m("div", we, [_(T(c), {
-				size: 32,
-				"stroke-width": 1.5,
-				class: "tpl:text-[var(--tpl-text-dim)]"
-			}), h("p", Te, w(T(U).scoring.emptyState), 1)])), h("p", Ee, w(T(U).aiMenu.disclaimer), 1)])])) : p("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-f4e29bc9"]]);
-//#endregion
-export { H as default };

package/dist/cdn/chunks/AiChatSidebar-CmPTbTFG.js

@@ -1,2 +0,0 @@
-import { s as e } from "./features-ofOGnSC0.js";
-export { e as default };

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

@@ -1 +0,0 @@
-{"version":3,"file":"AiFeatureMenu-lxVm1RjH.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 } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed, inject } 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 = inject(AI_CONFIG_KEY)!;\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 } from \"../../keys\";\nimport type { AiConfig } from \"@templatical/types\";\nimport { ImageUp, ShieldCheck, Sparkles } from \"@lucide/vue\";\nimport { computed, inject } 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 = inject(AI_CONFIG_KEY)!;\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,EAAO,EAAc,EAEhC,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"}