diff --git a/web/app/components/header/account-setting/model-provider-page/provider-card/index.module.css b/web/app/components/header/account-setting/model-provider-page/provider-card/index.module.css
deleted file mode 100644
index 88c9fd015e..0000000000
--- a/web/app/components/header/account-setting/model-provider-page/provider-card/index.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.vender {
- background: linear-gradient(131deg, #2250F2 0%, #0EBCF3 100%);
- background-clip: text;
-}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-card/index.tsx b/web/app/components/header/account-setting/model-provider-page/provider-card/index.tsx
deleted file mode 100644
index ec66a9928b..0000000000
--- a/web/app/components/header/account-setting/model-provider-page/provider-card/index.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import type { FC } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
- RiAddLine,
-} from '@remixicon/react'
-import type {
- ModelProvider,
-} from '../declarations'
-import { ConfigurationMethodEnum } from '../declarations'
-import {
- DEFAULT_BACKGROUND_COLOR,
- modelTypeFormat,
-} from '../utils'
-import {
- useLanguage,
-} from '../hooks'
-import ModelBadge from '../model-badge'
-import ProviderIcon from '../provider-icon'
-import s from './index.module.css'
-import { Settings01 } from '@/app/components/base/icons/src/vender/line/general'
-import Button from '@/app/components/base/button'
-import { useAppContext } from '@/context/app-context'
-
-type ProviderCardProps = {
- provider: ModelProvider
- onOpenModal: (configurateMethod: ConfigurationMethodEnum) => void
-}
-
-const ProviderCard: FC
= ({
- provider,
- onOpenModal,
-}) => {
- const { t } = useTranslation()
- const language = useLanguage()
- const { isCurrentWorkspaceManager } = useAppContext()
- const configurateMethods = provider.configurate_methods.filter(method => method !== ConfigurationMethodEnum.fetchFromRemote)
-
- return (
-
-
-
- {
- provider.description && (
-
- {provider.description[language] || provider.description.en_US}
-
- )
- }
-
-
-
- {
- provider.supported_model_types.map(modelType => (
-
- {modelTypeFormat(modelType)}
-
- ))
- }
-
-
- {
- configurateMethods.map((method) => {
- if (method === ConfigurationMethodEnum.predefinedModel) {
- return (
-
- )
- }
- return (
-
- )
- })
- }
-
-
-
- )
-}
-
-export default ProviderCard
diff --git a/web/app/components/header/account-setting/model-provider-page/utils.ts b/web/app/components/header/account-setting/model-provider-page/utils.ts
index b8ab0988ae..9056afe69b 100644
--- a/web/app/components/header/account-setting/model-provider-page/utils.ts
+++ b/web/app/components/header/account-setting/model-provider-page/utils.ts
@@ -20,8 +20,6 @@ import {
export const MODEL_PROVIDER_QUOTA_GET_PAID = ['langgenius/anthropic/anthropic', 'langgenius/openai/openai', 'langgenius/azure_openai/azure_openai']
-export const DEFAULT_BACKGROUND_COLOR = '#F3F4F6'
-
export const isNullOrUndefined = (value: any) => {
return value === undefined || value === null
}
diff --git a/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx b/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
index 5887707186..2116a5474a 100644
--- a/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx
@@ -1,5 +1,6 @@
import React, { useMemo } from 'react'
import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
import { useBoolean } from 'ahooks'
import {
RiAddLine,
@@ -19,6 +20,8 @@ import {
useInvalidateEndpointList,
} from '@/service/use-endpoints'
import type { PluginDetail } from '@/app/components/plugins/types'
+import { LanguagesSupported } from '@/i18n/language'
+import I18n from '@/context/i18n'
import cn from '@/utils/classnames'
type Props = {
@@ -26,6 +29,7 @@ type Props = {
}
const EndpointList = ({ detail }: Props) => {
const { t } = useTranslation()
+ const { locale } = useContext(I18n)
const pluginUniqueID = detail.plugin_unique_identifier
const declaration = detail.declaration.endpoint
const showTopBorder = detail.declaration.tool
@@ -74,9 +78,8 @@ const EndpointList = ({ detail }: Props) => {