Feat/provider add zhipuai (#1192)

Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/header/account-setting/model-page/configs/index.ts

@@ -11,6 +11,7 @@ import chatglm from './chatglm'
 import xinference from './xinference'
 import openllm from './openllm'
 import localai from './localai'
+import zhipuai from './zhipuai'
 
 export default {
   openai,
@@ -26,4 +27,5 @@ export default {
   xinference,
   openllm,
   localai,
+  zhipuai,
 }

web/app/components/header/account-setting/model-page/configs/zhipuai.tsx

@@ -0,0 +1,55 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Zhipuai, ZhipuaiText, ZhipuaiTextCn } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'ZHIPU AI',
+      'zh-Hans': '智谱 AI',
+    },
+    icon: <Zhipuai className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.zhipuai,
+    titleIcon: {
+      'en': <ZhipuaiText className='-ml-1 h-7' />,
+      'zh-Hans': <ZhipuaiTextCn className='h-8' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.zhipuai,
+    title: {
+      'en': 'ZHIPU AI',
+      'zh-Hans': '智谱 AI',
+    },
+    icon: <Zhipuai className='w-6 h-6' />,
+    link: {
+      href: 'https://open.bigmodel.cn/usercenter/apikeys',
+      label: {
+        'en': 'Get your API key from ZHIPU AI',
+        'zh-Hans': '从智谱 AI 获取 API Key',
+      },
+    },
+    validateKeys: [
+      'api_key',
+    ],
+    fields: [
+      {
+        type: 'text',
+        key: 'api_key',
+        required: true,
+        label: {
+          'en': 'APIKey',
+          'zh-Hans': 'APIKey',
+        },
+        placeholder: {
+          'en': 'Enter your APIKey here',
+          'zh-Hans': '在此输入您的 APIKey',
+        },
+      },
+    ],
+  },
+}
+
+export default config

web/app/components/header/account-setting/model-page/declarations.ts

@@ -42,6 +42,7 @@ export enum ProviderEnum {
   'xinference' = 'xinference',
   'openllm' = 'openllm',
   'localai' = 'localai',
+  'zhipuai' = 'zhipuai',
 }
 
 export type ProviderConfigItem = {

web/app/components/header/account-setting/model-page/index.tsx

@@ -78,8 +78,9 @@ const ModelPage = () => {
       config.azure_openai,
       config.replicate,
       config.huggingface_hub,
-      config.minimax,
+      config.zhipuai,
       config.spark,
+      config.minimax,
       config.tongyi,
       config.wenxin,
       config.chatglm,
@@ -91,8 +92,9 @@ const ModelPage = () => {
   else {
     modelList = [
       config.huggingface_hub,
-      config.minimax,
+      config.zhipuai,
       config.spark,
+      config.minimax,
       config.azure_openai,
       config.replicate,
       config.tongyi,

web/app/components/header/account-setting/model-page/model-item/FreeQuota.tsx

@@ -19,6 +19,10 @@ const TIP_MAP: { [k: string]: TypeWithI18N } = {
     'en': 'Earn 3 million tokens for free',
     'zh-Hans': '免费获取 300 万个 token',
   },
+  [ProviderEnumValue.zhipuai]: {
+    'en': 'Earn 10 million tokens for free',
+    'zh-Hans': '免费获取 1000 万个 token',
+  },
 }
 type FreeQuotaProps = {
   modelItem: ProviderConfigItem

web/app/components/header/account-setting/model-page/model-item/Setting.tsx

@@ -34,7 +34,7 @@ const Setting: FC<SettingProps> = ({
   return (
     <div className='flex items-center'>
       {
-        (modelItem.key === ProviderEnum.minimax || modelItem.key === ProviderEnum.spark) && systemFree && !systemFree?.is_valid && !IS_CE_EDITION && locale === 'zh-Hans' && (
+        (modelItem.key === ProviderEnum.minimax || modelItem.key === ProviderEnum.spark || modelItem.key === ProviderEnum.zhipuai) && systemFree && !systemFree?.is_valid && !IS_CE_EDITION && locale === 'zh-Hans' && (
           <FreeQuota
             modelItem={modelItem}
             onUpdate={onUpdate}