diff --git a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx index f1429d34b5..f87ada1f77 100644 --- a/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx +++ b/packages/twenty-front/src/modules/settings/admin-panel/ai/components/SettingsAdminAI.tsx @@ -2,28 +2,26 @@ import { useMemo } from 'react'; import { useMutation, useQuery } from '@apollo/client/react'; import { t } from '@lingui/core/macro'; +import { Tag } from 'twenty-ui/components'; import { H2Title, IconBolt, IconLock, IconRobot } from 'twenty-ui/display'; import { Card, Section } from 'twenty-ui/layout'; -import { Tag } from 'twenty-ui/components'; import { useClientConfig } from '@/client-config/hooks/useClientConfig'; -import { billingState } from '@/client-config/states/billingState'; -import { AI_PROVIDER_SOURCE } from '@/settings/admin-panel/ai/constants/AiProviderSource'; -import { SettingsAdminTabSkeletonLoader } from '@/settings/admin-panel/components/SettingsAdminTabSkeletonLoader'; -import { SettingsOptionCardContentSelect } from '@/settings/components/SettingsOptions/SettingsOptionCardContentSelect'; -import { Select } from '@/ui/input/components/Select'; import { SettingsAdminAiModelsTable } from '@/settings/admin-panel/ai/components/SettingsAdminAiModelsTable'; import { SettingsAdminAiProviderListCard } from '@/settings/admin-panel/ai/components/SettingsAdminAiProviderListCard'; +import { AI_PROVIDER_SOURCE } from '@/settings/admin-panel/ai/constants/AiProviderSource'; +import { SET_ADMIN_AI_MODEL_RECOMMENDED } from '@/settings/admin-panel/ai/graphql/mutations/setAdminAiModelRecommended'; +import { SET_ADMIN_DEFAULT_AI_MODEL } from '@/settings/admin-panel/ai/graphql/mutations/setAdminDefaultAiModel'; import { GET_ADMIN_AI_MODELS } from '@/settings/admin-panel/ai/graphql/queries/getAdminAiModels'; import { GET_AI_PROVIDERS } from '@/settings/admin-panel/ai/graphql/queries/getAiProviders'; import { type GetAiProvidersResult } from '@/settings/admin-panel/ai/types/GetAiProvidersResult'; -import { parseProviderItems } from '@/settings/admin-panel/ai/utils/parseProviderItems'; -import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; -import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth'; -import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; -import { SET_ADMIN_AI_MODEL_RECOMMENDED } from '@/settings/admin-panel/ai/graphql/mutations/setAdminAiModelRecommended'; -import { SET_ADMIN_DEFAULT_AI_MODEL } from '@/settings/admin-panel/ai/graphql/mutations/setAdminDefaultAiModel'; import { getModelIcon } from '@/settings/admin-panel/ai/utils/getModelIcon'; +import { parseProviderItems } from '@/settings/admin-panel/ai/utils/parseProviderItems'; +import { SettingsAdminTabSkeletonLoader } from '@/settings/admin-panel/components/SettingsAdminTabSkeletonLoader'; +import { SettingsOptionCardContentSelect } from '@/settings/components/SettingsOptions/SettingsOptionCardContentSelect'; +import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; +import { Select } from '@/ui/input/components/Select'; +import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth'; import { AiModelRole, type AdminAiModelConfig, @@ -31,8 +29,6 @@ import { export const SettingsAdminAI = () => { const { enqueueErrorSnackBar } = useSnackBar(); - const billing = useAtomStateValue(billingState); - const isBillingEnabled = billing?.isBillingEnabled ?? false; const { refetch: refetchClientConfig } = useClientConfig(); const { data, loading: isLoadingModels } = useQuery<{ @@ -47,9 +43,7 @@ export const SettingsAdminAI = () => { const [setDefaultModel] = useMutation(SET_ADMIN_DEFAULT_AI_MODEL); const { data: providersData, loading: isLoadingProviders } = - useQuery(GET_AI_PROVIDERS, { - skip: isBillingEnabled, - }); + useQuery(GET_AI_PROVIDERS); const models = data?.getAdminAiModels?.models ?? []; @@ -123,41 +117,37 @@ export const SettingsAdminAI = () => { return ( <> - {!isBillingEnabled && ( - <> -
- +
+ - -
+ +
-
- - } +
+ + } + /> - -
- - )} + +
{availableModelOptions.length > 0 && (