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-D0uZbPKG.js";
import { D as d, t as f } from "./keys-BeW4IrXP.js";
import { t as p } from "./_plugin-vue_export-helper-GRmvIR5A.js";
import { t as m } from "./image-up-10kxuulB.js";
import { t as h } from "./shield-check-DtXk7JKN.js";
import { t as g } from "./sparkles-CD7TiNiC.js";
import { n as _ } from "./useCloudI18n-D0Fi0hBU.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__ */ p(/* @__PURE__ */ a({
	__name: "AiFeatureMenu",
	props: { activeFeature: {} },
	emits: ["select"],
	setup(a, { emit: p }) {
		let C = p, { t: w } = _(), T = d(f, "AiFeatureMenu"), E = {
			"ai-chat": "chat",
			"design-reference": "designToTemplate",
			scoring: "scoring"
		}, D = [
			{
				key: "ai-chat",
				icon: g
			},
			{
				key: "design-reference",
				icon: m
			},
			{
				key: "scoring",
				icon: h
			}
		], 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(), o("div", v, [(t(!0), o(s, null, i(O.value, (i) => (t(), o("button", {
			key: i.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", {
			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)"
			})
		}, [(t(), c(e(i.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))]));
	}
}), [["__scopeId", "data-v-07839fa3"]]);
//#endregion
export { C as default };
