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-Bcb86AsV.js";
import { $ as d, Nt as f, Qt as p, ct as m, st as h, tt as g, vt as _ } from "./features-BnG-dhzy.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)]",
	style: {
		"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__ */ r({
	__name: "AiFeatureMenu",
	props: { activeFeature: {} },
	emits: ["select"],
	setup(r, { emit: g }) {
		let C = g, { t: w } = d(), T = p(f, "AiFeatureMenu"), E = {
			"ai-chat": "chat",
			"design-reference": "designToTemplate",
			scoring: "scoring"
		}, D = [
			{
				key: "ai-chat",
				icon: h
			},
			{
				key: "design-reference",
				icon: _
			},
			{
				key: "scoring",
				icon: m
			}
		], 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 (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: a({ backgroundColor: r.activeFeature === e.key ? "var(--tpl-primary-light)" : "transparent" }),
			onClick: (t) => C("select", e.key)
		}, [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: 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)"
			})
		}, [(t(), s(n(e.icon), {
			size: 15,
			"stroke-width": 2
		}))], 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-07839fa3"]]);
//#endregion
export { C as default };

//# sourceMappingURL=AiFeatureMenu-DSXAYiMk.js.map