import { A as e, F as t, M as n, b as r, d as i, f as a, h as o, l as s, ot as c, p as l, st as u } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
import "./useEditorCore-DT3VrvZS.js";
import { A as d, t as f } from "./keys-CY3tkCsv.js";
import { t as p } from "./image-up-CubAveUO.js";
import { t as m } from "./shield-check-C5Gv2cM1.js";
import { t as h } from "./sparkles-D1IGi_cC.js";
import { t as g } from "./_plugin-vue_export-helper-B0hnzhyu.js";
import { n as _ } from "./useCloudI18n-BPUHj2CZ.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 } = _(), T = d(f, "AiFeatureMenu"), E = {
			"ai-chat": "chat",
			"design-reference": "designToTemplate",
			scoring: "scoring"
		}, D = [
			{
				key: "ai-chat",
				icon: h
			},
			{
				key: "design-reference",
				icon: p
			},
			{
				key: "scoring",
				icon: m
			}
		], O = i(() => 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 (i, d) => (e(), o("div", v, [(e(!0), o(s, null, n(O.value, (n) => (e(), o("button", {
			key: n.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: c({ backgroundColor: r.activeFeature === n.key ? "var(--tpl-primary-light)" : "transparent" }),
			onClick: (e) => C("select", n.key)
		}, [a("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: c({
				backgroundColor: r.activeFeature === n.key ? "var(--tpl-primary)" : "var(--tpl-bg-active)",
				color: r.activeFeature === n.key ? "var(--tpl-bg)" : "var(--tpl-text-muted)"
			})
		}, [(e(), l(t(n.icon), {
			size: 15,
			"stroke-width": 2
		}))], 4), a("div", b, [a("span", x, u(k(n.key)), 1), a("span", S, u(A(n.key)), 1)])], 12, y))), 128))]));
	}
}), [["__scopeId", "data-v-07839fa3"]]);
//#endregion
export { C as default };
