feat: In-app AI Provider Configuration (#7650)

frontend/app/pages/g/[groupSlug]/r/create.vue

@@ -45,6 +45,7 @@
 <script setup lang="ts">
 import type { MenuItem } from "~/components/global/BaseOverflowButton.vue";
 import AdvancedOnly from "~/components/global/AdvancedOnly.vue";
+import { useGroupSelf } from "~/composables/use-groups";
 
 definePageMeta({
   middleware: ["group-only"],
@@ -52,7 +53,8 @@ definePageMeta({
 
 const i18n = useI18n();
 const auth = useMealieAuth();
-const { $appInfo, $globals } = useNuxtApp();
+const { $globals } = useNuxtApp();
+const { group } = useGroupSelf();
 
 useSeoMeta({
   title: i18n.t("general.create"),
@@ -78,7 +80,7 @@ const subpages = computed<MenuItem[]>(() => [
     icon: $globals.icons.fileImage,
     text: i18n.t("recipe.create-from-images"),
     value: "image",
-    hide: !$appInfo.enableOpenaiImageServices,
+    hide: !group.value?.aiProviderSettings?.imageProviderEnabled,
   },
   {
     icon: $globals.icons.edit,