feat: frontend multi models support (#804)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com> Co-authored-by: Joel <iamjoel007@gmail.com>
2023-08-12 00:57:13 +08:00
parent 5fa2161b05
commit d10ef17f17
259 changed files with 9105 additions and 1392 deletions
--- a/web/app/components/header/account-setting/model-page/configs/openai.tsx
+++ b/web/app/components/header/account-setting/model-page/configs/openai.tsx
@@ -0,0 +1,93 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { OpenaiBlack, OpenaiText, OpenaiTransparent } from '@/app/components/base/icons/src/public/llm'
+import { IS_CE_EDITION } from '@/config'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'OpenAI',
+      'zh-Hans': 'OpenAI',
+    },
+    icon: <OpenaiBlack className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.openai,
+    titleIcon: {
+      'en': <OpenaiText className='h-5' />,
+      'zh-Hans': <OpenaiText className='h-5' />,
+    },
+    subTitleIcon: <OpenaiBlack className='w-6 h-6' />,
+    desc: {
+      'en': 'Models provided by OpenAI, such as GPT-3.5-Turbo and GPT-4.',
+      'zh-Hans': 'OpenAI 提供的模型，例如 GPT-3.5-Turbo 和 GPT-4。',
+    },
+    bgColor: 'bg-gray-200',
+  },
+  modal: {
+    key: ProviderEnum.openai,
+    title: {
+      'en': 'OpenAI',
+      'zh-Hans': 'OpenAI',
+    },
+    icon: <OpenaiTransparent className='w-6 h-6' />,
+    link: {
+      href: 'https://platform.openai.com/account/api-keys',
+      label: {
+        'en': 'Get your API key from OpenAI',
+        'zh-Hans': '从 OpenAI 获取 API Key',
+      },
+    },
+    validateKeys: ['openai_api_key'],
+    fields: [
+      {
+        type: 'text',
+        key: 'openai_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'openai_organization',
+        required: false,
+        label: {
+          'en': 'Organization ID',
+          'zh-Hans': '组织 ID',
+        },
+        placeholder: {
+          'en': 'Enter your Organization ID(Optional)',
+          'zh-Hans': '在此输入您的组织 ID（选填）',
+        },
+      },
+      ...(
+        IS_CE_EDITION
+          ? [{
+            type: 'text',
+            key: 'openai_api_base',
+            required: false,
+            label: {
+              'en': 'Custom API Domain',
+              'zh-Hans': '自定义 API 域名',
+            },
+            placeholder: {
+              'en': 'Enter your API domain, eg: https://example.com/xxx(Optional)',
+              'zh-Hans': '在此输入您的 API 域名，如：https://example.com/xxx（选填）',
+            },
+            help: {
+              'en': 'You can configure your server compatible with the OpenAI API specification, or proxy mirror address',
+              'zh-Hans': '可配置您的兼容 OpenAI API 规范的服务器，或者代理镜像地址',
+            },
+          }]
+          : []
+      ),
+    ],
+  },
+}
+export default config