fix: HuggingFace provider should be non-deletable (#5856)

* fix: HuggingFace provider should be non-deletable

* refactor: rename const folder

* test: correct test case

Author: louis-jan

web-app/src/mock/data.ts renamed to web-app/src/consts/providers.ts

@@ -12,12 +12,12 @@ import {
 
 import { toast } from 'sonner'
 import { CardItem } from '../Card'
-import { models } from 'token.js'
 import { EngineManager } from '@janhq/core'
 import { useModelProvider } from '@/hooks/useModelProvider'
 import { useRouter } from '@tanstack/react-router'
 import { route } from '@/constants/routes'
 import { useTranslation } from '@/i18n/react-i18next-compat'
+import { predefinedProviders } from '@/consts/providers'
 
 type Props = {
   provider?: ProviderObject
@@ -28,7 +28,7 @@ const DeleteProvider = ({ provider }: Props) => {
   const router = useRouter()
   if (
     !provider ||
-    Object.keys(models).includes(provider.provider) ||
+    predefinedProviders.some((e) => e.provider === provider.provider) ||
     EngineManager.instance().get(provider.provider)
   )
     return null

web-app/src/containers/dialogs/DeleteProvider.tsx

@@ -37,7 +37,7 @@ import { IconFolderPlus, IconLoader, IconRefresh } from '@tabler/icons-react'
 import { getProviders } from '@/services/providers'
 import { toast } from 'sonner'
 import { useEffect, useState } from 'react'
-import { predefinedProviders } from '@/mock/data'
+import { predefinedProviders } from '@/consts/providers'
 import { useModelLoad } from '@/hooks/useModelLoad'
 
 // as route.threadsDetail

web-app/src/routes/settings/providers/$providerName.tsx

@@ -22,7 +22,7 @@ import {
 import { Input } from '@/components/ui/input'
 import { Switch } from '@/components/ui/switch'
 import { useCallback, useState } from 'react'
-import { openAIProviderSettings } from '@/mock/data'
+import { openAIProviderSettings } from '@/consts/providers'
 import cloneDeep from 'lodash/cloneDeep'
 import { toast } from 'sonner'
 
@@ -38,7 +38,9 @@ function ModelProviders() {
   const [name, setName] = useState('')
 
   const createProvider = useCallback(() => {
-    if (providers.some((e) => e.provider.toLowerCase() === name.toLowerCase())) {
+    if (
+      providers.some((e) => e.provider.toLowerCase() === name.toLowerCase())
+    ) {
       toast.error(t('providerAlreadyExists', { name }))
       return
     }